/**/ :root { --black: #0d0e0e; --grey-dark: #878787; --grey: #8f8f8f; --grey-light: #939393; --silver-dark: #b8b8b8; --silver: #c9c9c9; --silver-light: #cdd0d1; --alto: #d4d4d4; --mercury: #e5e5e5; --white-smoke: #f1f1f1; --white: #ffffff; --vivid-red: #cf2e2e; --wine-red: #ac2051; --luminous-vivid-orange: #ff6900; --luminous-vivid-amber: #fcb900; --gelb: #f6dc53; --orange: #fea500; --dunkelblau: #4682b4; --vivid-cyan-blue: #0693e3; --pale-cyan-blue: #8ed1fc; --hellblau: #b6ddec; --grid-gap-x: 10px; --grid-gap-y: 10px; } @media (min-width: 768px) { :root { --grid-gap-x: 25px; --grid-gap-y: 25px; } } :root { --grid-gap: var(--grid-gap-y) var(--grid-gap-x); --grid-gutter-width: 25px 25px; --transition-duration: 0.25s; --transition-function: ease; --font-size-xxs: 0.6rem; --font-size-xs: 0.7rem; --font-size-sm: 0.8rem; --font-size-base: 1rem; --font-size-md: 1.2rem; --font-size-lg: 1.4rem; --font-size-xl: 1.6rem; } @media (min-width: 768px) { :root { --font-size-xxs: 0.6rem; --font-size-xs: 0.7rem; --font-size-sm: 0.8rem; --font-size-base: 1rem; --font-size-md: 1.2rem; --font-size-lg: 1.4rem; --font-size-xl: 1.6rem; } } :root { --font-weight-thin: 100; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-bold: 700; --font-weight-black: 900; --link-decoration: underline; } :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; --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 Symbols Outlined; --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-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-base-background-color: var(--rz-white); --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); --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); --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-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-transition: 0.1s linear; --rz-transition-all: all 0.1s linear; --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-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-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: 0; --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-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-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; --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-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-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-text-contrast-color); --rz-header-shadow: var(--rz-shadow-4); --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-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-card-padding: 1rem; --rz-card-background-color: var(--rz-base-background-color); --rz-card-shadow: var(--rz-shadow-1); --rz-card-border-radius: var(--rz-border-radius); --rz-card-heading-margin-bottom: 0.5rem; --rz-body-padding: 1rem; --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: var(--rz-border-radius); --rz-accordion-shadow: var(--rz-shadow-1); --rz-panel-background-color: var(--rz-base-background-color); --rz-panel-padding: 1rem; --rz-panel-title-line-height: 1.5rem; --rz-panel-title-font-weight: 500; --rz-panel-content-margin: 0; --rz-panel-toggle-icon-width: var(--rz-icon-size); --rz-panel-toggle-icon-height: var(--rz-icon-size); --rz-panel-toggle-icon-font-size: var(--rz-icon-size); --rz-panel-toggle-icon-border-radius: 2px; --rz-panel-toggle-icon-background-color: transparent; --rz-panel-hover-color: var(--rz-text-title-color); --rz-panel-border-radius: var(--rz-border-radius); --rz-panel-shadow: var(--rz-shadow-1); --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-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-top-item-padding: 0.5rem; --rz-menu-top-item-border-radius: 0; --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: transparent; --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.5rem 0; --rz-context-menu-box-shadow: var(--rz-shadow-6); --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-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-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-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-primary); --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-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-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-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-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; --rz-gravatar-width: 2.5rem; --rz-gravatar-height: 2.5rem; --rz-gravatar-border-radius: 50%; --rz-gravatar-box-shadow: none; --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-text-area-padding: var(--rz-input-padding); --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-500); --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-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-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-primary); --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-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-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-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-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-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-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-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-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-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-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-primary); --rz-selectbar-selected-border: var(--rz-border-base-300); --rz-selectbar-border-radius: var(--rz-border-radius); --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-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-light ); --rz-datepicker-calendar-border: none; --rz-datepicker-calendar-border-radius: 50%; --rz-datepicker-calendar-transition: var(--rz-transition-all); --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-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-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-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-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-100); --rz-grid-hover-color: var(--rz-text-title-color); --rz-grid-selected-background-color: var(--rz-primary-lighter); --rz-grid-selected-color: var(--rz-primary); --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-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-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-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-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-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-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-overlay-shadow: var(--rz-shadow-4); --rz-overlay-border: none; --rz-overlay-background-color: var(--rz-base-background-color); --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-100); --rz-tree-node-hover-color: var(--rz-text-title-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-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-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-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-primary); --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-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-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-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-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-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: var(--rz-body-font-size); --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-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-form-error-color: var(--rz-danger); --rz-form-error-font-size: 0.75rem; --rz-form-error-line-height: 1rem; --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-scrollbar-background-color: transparent; --rz-scrollbar-color: rgba(0, 0, 0, 0.12); --rz-scrollbar-border-radius: 0; --rz-scrollbar-size: 16px; --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-lookup-panel-background-color: rgba(0, 0, 0, 0.04); --rz-lookup-panel-padding: 1rem; --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-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-progressbar-value-background-color: var(--rz-primary); --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-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-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-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-200); --rz-editor-content-background-color: var(--rz-base-background-color); --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-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-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-gap: 1rem; --rz-row-gap: 1rem; --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.4375rem; --rz-form-field-helper-padding: 0 1rem; } :root { --base-bg: var(--white); --base-color: var(--black); --base-font-size: 1.2rem; --base-font-family: "now", sans-serif; --base-font-weight: var(--font-weight-normal); --base-line-height: 1.2; --base-opacity-disabled: 0.6; --base-border-width: 1px; --base-border-radius: 0px; --border-radius-sm: 0px; --border-radius-md: 0px; --border-radius-lg: 0px; --tc-blau-lighter: #24c4f9; --tc-blau-light: #0596c7; --tc-blau: #035772; --tc-blau-dark: #023c50; --tc-blau-darker: #011e28; --tc-gelb-lighter: #eefe86; --tc-gelb-light: #e8fd5d; --tc-gelb: #e0fd2c; --tc-gelb-darker: #ddfd0d; --tc-gelb-dark: #c1de02; --tc-rot-lighter: #d34a91; --tc-rot-light: #c5307d; --tc-rot: #a12767; --tc-rot-dark: #832053; --tc-rot-darker: #63183e; --rz-primary: var(--tc-blau); --rz-primary-light: var(--tc-blau-light); --rz-primary-lighter: var(--tc-blau-lighter); --rz-primary-dark: var(--tc-blau-dark); --rz-primary-darker: var(--tc-blau-darker); --rz-secondary: var(--tc-gelb); --rz-secondary-light: var(--tc-gelb-light); --rz-secondary-lighter: var(--tc-gelb-ligher); --rz-on-secondary-lighter: var(--white); --rz-secondary-dark: var(--tc-gelb-dark); --rz-secondary-darker: var(--tc-gelb-darker); --rz-info: var(--tc-rot); --rz-info-light: var(--tc-rot-light); --rz-info-lighter: var(--tc-rot-lighter); --rz-info-dark: var(--tc-rot-dark); --rz-info-darker: var(--tc-rot-darker); --rz-success: var(--tc-blau); --rz-success-light: var(--tc-blau-light); --rz-success-lighter: var(--tc-blau-lighter); --rz-success-dark: var(--tc-blau-dark); --rz-success-darker: var(--tc-blau-darker); --rz-warning: var(--orange); --rz-warning-light: var(--gelb); --rz-warning-lighter: var(--luminous-vivid-orange); --rz-warning-dark: var(--orange); --rz-warning-darker: var(--luminous-vivid-orange); --rz-danger: var(--vivid-red); --rz-danger-light: var(--luminous-vivid-orange); --rz-danger-lighter: var(--luminous-vivid-amber); --rz-danger-dark: var(--vivid-red); --rz-danger-darker: var(--wine-red); --rz-on-secondary: var(--rz-primary); --rz-on-primary: var(--rz-secondary); --link-color: var(--green-dark); --link-color-active: var(--green-darker); --grid-gutter-y: 20px; --body-padding-x: 30px; --body-padding-y: 36px; /* Card Base */ --rz-card-padding: 1rem; --rz-card-background-color: rgba(215, 219, 224, 0.13); --rz-card-border-radius: calc(var(--rz-border-radius) * 3); /* Card Variants */ --rz-card-flat-background-color: rgba(215, 219, 224, 0.24); --rz-card-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2); --rz-card-border: var(--rz-border-base-300); /* Card Content */ --rz-card-heading-margin-bottom: 1.5rem; --card-padding-x: 15px; --card-padding-y: 25px; --rz-card-border-radius: calc(2 * var(--base-border-radius)); --rz-card-padding: var(--card-padding-y) var(--card-padding-x); /* Border Width */ --rz-border-width: 1px; /* Border Radius Scale */ --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; /* Shadow Scale */ --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-badge-font-size: 0.75rem; --rz-badge-padding: 0.25rem 0.5rem; --rz-badge-font-weight: 300; --rz-badge-border-radius: calc(2 * var(--base-border-radius)); --rz-badge-border-radius: 15px; --rz-badge-line-height: 1rem; --rz-badge-text-transform: none; --rz-badge-letter-spacing: 0.02rem; --rz-alert-margin: 0.5rem 0; --rz-alert-padding: 1rem; --rz-alert-gap: 1rem; --rz-alert-border-radius: calc(var(--rz-border-radius) * 2); --rz-alert-box-shadow: var(--rz-shadow-1); --rz-alert-color: var(--rz-text-color); --rz-alert-background-color: var(--rz-base-200); --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-message-margin: 0.125rem 0; --rz-grid-background-color: var(--rz-white); --rz-grid-shadow: none; --rz-grid-border: var(--rz-border-base-300); --rz-grid-border-radius: calc(var(--rz-border-radius) * 3); --rz-grid-focus-outline: var(--rz-outline-focus); --rz-grid-focus-outline-offset: var(--rz-outline-offset); --rz-grid-data-border-shadow: none; --rz-grid-state-transition: var(--rz-transition-all); --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-header-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-font-size: 0.875rem; --rz-grid-header-line-height: 1.5rem; --rz-grid-header-font-weight: 500; --rz-grid-header-text-transform: none; --rz-grid-header-color: var(--rz-text-title-color); --rz-grid-header-cell-padding: 0.75rem 0; --rz-grid-header-title-padding-inline: 7.5px 0; --rz-grid-header-sorted-background-color: var(--rz-base-200); --rz-grid-header-padding: 1rem; --rz-grid-foot-cell-color: var(--rz-text-color); --rz-grid-foot-background-color: var(--rz-base-100); --rz-grid-toolbar-background-color: var(--rz-base-background-color); --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-filter-background-color: var(--rz-base-100); --rz-grid-filter-padding: 0.5rem; --rz-grid-filter-margin: 0; --rz-grid-filter-border: none; --rz-grid-filter-font-size: 0.875rem; --rz-grid-filter-icon-width: var(--rz-icon-size); --rz-grid-filter-icon-height: var(--rz-icon-size); --rz-grid-filter-icon-margin-inline: 0 0.25rem; --rz-grid-filter-icon-font-size: 0.875rem; --rz-grid-filter-color: var(--rz-text-tertiary-color); --rz-grid-filter-focus-color: var(--rz-secondary); --rz-grid-filter-gap: 1rem; --rz-grid-filter-buttons-padding: 0 1rem 1rem; --rz-grid-filter-buttons-border: none; --rz-grid-filter-buttons-background-color: var(--rz-base-100); --rz-grid-filter-button-padding-inline: 1rem; --rz-grid-clear-filter-button-background-color: var(--rz-base-100); --rz-grid-clear-filter-button-color: var(--rz-text-color); --rz-grid-clear-filter-button-shadow: none; --rz-grid-apply-filter-button-background-color: var(--rz-base-100); --rz-grid-apply-filter-button-color: var(--rz-primary); --rz-grid-apply-filter-button-shadow: none; --rz-grid-header-filter-icon-margin-inline: auto 1rem; --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color); --rz-grid-header-filter-icon-active-color: var(--rz-primary); --rz-grid-header-filter-icon-font-size: 1.25rem; --rz-grid-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-stripe-odd-background-color: var(--rz-white); --rz-grid-column-resizer-width: 0.25rem; --rz-grid-column-resizer-helper-width: 0.125rem; --rz-grid-column-resizer-helper-background-color: var(--rz-secondary); --rz-grid-column-icon-width: 2rem; --rz-grid-column-icon-padding: 0; --rz-column-drag-handle-color: var(--rz-text-disabled-color); --rz-column-drag-handle-hover-color: var(--rz-text-title-color); --rz-column-drag-handle-margin-inline: 0; --rz-column-draggable-shadow: var(--rz-shadow-4); --rz-grid-frozen-cell-border: var(--rz-border-base-300); --rz-grid-frozen-cell-background-color: var(--rz-base-100); --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-group-header-padding: 1rem; --rz-grid-group-header-gap: 0.5rem; --rz-grid-group-header-item-color: var(--rz-text-color); --rz-grid-group-header-item-background-color: var(--rz-base-200); --rz-grid-group-header-item-padding-block: 0.25rem; --rz-grid-group-header-item-padding-inline: 0.75rem 0.5rem; --rz-grid-group-header-item-border: var(--rz-border-base-200); --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius)); --rz-grid-group-header-item-title-margin-inline: 0 0.5rem; --rz-button-disabled-opacity: 1; --rz-icon-font-family: "Material Symbols Outlined"; --rz-text-font-family: "now", sans-serif; --rz-text-color: var(--black); --rz-text-h3-font-size: var(--font-size-lg); --rz-text-h3-font-weight: var(--font-weight-black); --rz-text-h3-margin-bottom: 1rem; --rz-text-h3-text-transform: uppercase; --rz-text-h4-font-size: var(--font-size-xl); --rz-text-h4-font-weight: var(--font-weight-black); --rz-text-title-color: var(--black); --rz-text-subtitle1-font-size: var(--font-size-base); --rz-text-subtitle1-font-weight: var(--font-weight-bold); --rz-text-subtitle2-font-size: var(--font-size-sm); --rz-body-font-size: var(--font-size-base); --rz-text-body1-margin-bottom: 0; --rz-text-body1-letter-spacing: normal; --rz-text-body1-font-size: var(--font-size-base); --rz-text-body1-line-height: var(--rz-body-line-height); --rz-text-body2-font-size: var(--font-size-md); --rz-icon-size: var(--font-size-xl); --rz-text-caption-font-size: var(--font-size-xxs); --rz-text-overline-font-size: var(--font-size-xxs); --rz-text-overline-letter-spacing: normal; --rz-link-hover-color: var(--text-color); --rz-dropdown-trigger-icon-margin: 0 1.25rem 0 0; --rz-paginator-button-border-radius: var(--base-border-radius); --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem; --rz-paginator-numeric-button-color: var(--rz-primary); --rz-paginator-back-button-color: var(--rz-primary); --rz-paginator-next-button-color: var(--rz-primary); --rz-dialog-title-font-weight: var(--font-weight-bold); --rz-dialog-title-font-size: var(--font-size-xl); --rz-sidebar-width: 300px; --rz-panel-menu-item-padding: 1.25rem; /* PANEL MENU */ --rz-panel-menu-color: var(--white); --rz-panel-menu-icon-color: var(--white); --rz-panel-menu-hover-background-color: transparent; --rz-panel-menu-font-size: var(--rz-text-body1-font-size); --rz-panel-menu-background-color: transparent; /* PANEL MENU ITEM */ --rz-panel-menu-item-border: 0; --rz-panel-menu-item-line-height: var(--base-line-height); --rz-panel-menu-item-background-color: transparent; --rz-panel-menu-item-active-color: var(--black); --rz-panel-menu-item-active-background-color: transparent; --rz-panel-menu-item-1st-level-margin: 0; --rz-panel-menu-item-2nd-level-margin: 0; --rz-panel-menu-item-2nd-level-padding: var(--rz-panel-menu-item-padding); --rz-panel-menu-item-2nd-level-offset: 4.65rem; --rz-panel-menu-item-2nd-level-color: inherit; --rz-panel-menu-item-2nd-level-active-color: inherit; --rz-panel-menu-item-2nd-level-font-size: var(--rz-text-body1-font-size); --rz-panel-menu-icon-2nd-level-margin: var(--rz-panel-menu-icon-margin); --rz-panel-menu-icon-2nd-level-icon-size: var(--rz-icon-size); /* SIDEBAR */ --rz-sidebar-border-right: none; --rz-sidebar-toggle-icon-width: var(--rz-icon-size); --rz-sidebar-toggle-icon-height: var(--rz-icon-size); --rz-sidebar-toggle-margin: 0; --rz-sidebar-toggle-padding: 10px; --rz-sidebar-toggle-hover-color: var(--rz-black); --rz-sidebar-toggle-hover-background-color: var(--white); --rz-datepicker-calendar-font-size: var(--font-size-xxs); --rz-datepicker-title-height: 6rem; --rz-notification-container-background-color: transparent; --rz-notification-error-color: var(--white); --rz-notification-error-background-color: var(--rz-danger); --rz-notification-error-icon-color: var(--white); --rz-notification-success-color: var(--white); --rz-notification-success-background-color: var(--rz-success); --rz-notification-success-icon-color: var(--white); --rz-notification-warning-color: var(--white); --rz-notification-warning-background-color: var(--rz-warning); --rz-notification-warning-icon-color: var(--white); --rz-notification-info-color: var(--white); --rz-notification-info-background-color: var(--rz-info); --rz-notification-info-icon-color: var(--white); --rz-footer-padding: 0; --rz-footer-background-color: transparent; --hr-margin: 1.5rem 0 1rem; --loading-graph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect fill='%230693e3' width='3' height='100' transform='translate(0) rotate(180 3 50)'%3E%3Canimate attributeName='height' attributeType='XML' dur='1s' values='30; 100; 30' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3Crect x='17' fill='%230693e3' width='3' height='100' transform='translate(0) rotate(180 20 50)'%3E%3Canimate attributeName='height' attributeType='XML' dur='1s' values='30; 100; 30' repeatCount='indefinite' begin='0.1s'%3E%3C/animate%3E%3C/rect%3E%3Crect x='40' fill='%230693e3' width='3' height='100' transform='translate(0) rotate(180 40 50)'%3E%3Canimate attributeName='height' attributeType='XML' dur='1s' values='30; 100; 30' repeatCount='indefinite' begin='0.3s'%3E%3C/animate%3E%3C/rect%3E%3Crect x='60' fill='%230693e3' width='3' height='100' transform='translate(0) rotate(180 58 50)'%3E%3Canimate attributeName='height' attributeType='XML' dur='1s' values='30; 100; 30' repeatCount='indefinite' begin='0.5s'%3E%3C/animate%3E%3C/rect%3E%3Crect x='80' fill='%230693e3' width='3' height='100' transform='translate(0) rotate(180 76 50)'%3E%3Canimate attributeName='height' attributeType='XML' dur='1s' values='30; 100; 30' repeatCount='indefinite' begin='0.1s'%3E%3C/animate%3E%3C/rect%3E%3C/svg%3E"); --loading-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230693e3' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E"); } /* Gin Tonic Settings */ /**/ *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } html { font-size: 100%; text-size-adjust: 100%; min-height: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; text-align: left; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); min-height: 100%; font-family: var(--base-font-family); font-size: var(--base-font-size, 1.6rem); font-weight: var(--base-font-weight, inherit); line-height: var(--base-line-height, inherit); color: var(--text-color, var(--base-color, black)); background: var(--base-bg, white); } hr { margin: var(--hr-margin, 1rem 0); color: inherit; border: 0; border-top: 1px solid var(--hr-color, currentColor); border-bottom-width: 0; opacity: var(--hr-opacity, 1); } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: var(--headings-margin-bottom, var(--paragraph-margin-bottom, 0.5rem)); font-family: inherit; font-weight: inherit; line-height: inherit; font-size: inherit; } p { margin-top: 0; margin-bottom: var(--paragraph-margin-bottom, 0.5rem); } abbr[title] { text-decoration: underline dotted; cursor: help; 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: bold; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } mark { padding: 0; background-color: #ffff00; } sub, sup { position: relative; font-size: 80%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--link-color); text-decoration: var(--link-decoration); transition: color var(--transition-duration, .3s) var(--transition-function, ease); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: inherit; font-size: inherit; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: inherit; color: inherit; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: inherit; color: inherit; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } kbd kbd { padding: 0; font-size: 1em; font-weight: inerhit; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding: var(--table-caption-padding, 0.25rem 0); text-align: left; } th { font-weight: bold; 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; margin-top: 0; margin-bottom: var(--label-margin-bottom, var(--paragraph-margin-bottom, 0.5rem)); } 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]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } 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: 1rem; font-size: inherit; font-weight: bold; line-height: inherit; } 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; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-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; } img { width: 100%; height: 100%; object-fit: cover; } .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 (min-width: 1400px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !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; } } .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; } .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; } .flex-grow-shrink-on { flex: 1 1 auto; } .flex-grow-shrink-off { flex: 0 0 auto; } .flex-on { flex: 1 !important; } .flex-off { flex: 0 0 auto !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; } .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; } .flex-grow-shrink-sm-on { flex: 1 1 auto; } .flex-grow-shrink-sm-off { flex: 0 0 auto; } .flex-sm-on { flex: 1 !important; } .flex-sm-off { flex: 0 0 auto !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; } .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; } .flex-grow-shrink-md-on { flex: 1 1 auto; } .flex-grow-shrink-md-off { flex: 0 0 auto; } .flex-md-on { flex: 1 !important; } .flex-md-off { flex: 0 0 auto !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; } .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; } .flex-grow-shrink-lg-on { flex: 1 1 auto; } .flex-grow-shrink-lg-off { flex: 0 0 auto; } .flex-lg-on { flex: 1 !important; } .flex-lg-off { flex: 0 0 auto !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; } .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; } .flex-grow-shrink-xl-on { flex: 1 1 auto; } .flex-grow-shrink-xl-off { flex: 0 0 auto; } .flex-xl-on { flex: 1 !important; } .flex-xl-off { flex: 0 0 auto !important; } } @media (min-width: 1400px) { .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-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !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; } .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; } .flex-grow-shrink-xxl-on { flex: 1 1 auto; } .flex-grow-shrink-xxl-off { flex: 0 0 auto; } .flex-xxl-on { flex: 1 !important; } .flex-xxl-off { flex: 0 0 auto !important; } } .row { --gutter-x: var(--grid-gutter-width); --gutter-y: var(--grid-gutter-height, 0); display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--gutter-y)); margin-right: calc(-0.5 * var(--gutter-x)); margin-left: calc(-0.5 * var(--gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x) * 0.5); padding-left: calc(var(--gutter-x) * 0.5); margin-top: var(--gutter-y); } .row.no-gutters { --gutter-x: 0; } .grid { display: grid; grid-template-rows: min-content; grid-template-columns: repeat(var(--grid-columns, 12), 1fr); gap: var(--grid-gap); } .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; } .grid .g-start-1 { grid-column-start: 1; } .grid .g-start-2 { grid-column-start: 2; } .grid .g-start-3 { grid-column-start: 3; } .grid .g-start-4 { grid-column-start: 4; } .grid .g-start-5 { grid-column-start: 5; } .grid .g-start-6 { grid-column-start: 6; } .grid .g-start-7 { grid-column-start: 7; } .grid .g-start-8 { grid-column-start: 8; } .grid .g-start-9 { grid-column-start: 9; } .grid .g-start-10 { grid-column-start: 10; } .grid .g-start-11 { grid-column-start: 11; } @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; } .grid .g-start-sm-1 { grid-column-start: 1; } .grid .g-start-sm-2 { grid-column-start: 2; } .grid .g-start-sm-3 { grid-column-start: 3; } .grid .g-start-sm-4 { grid-column-start: 4; } .grid .g-start-sm-5 { grid-column-start: 5; } .grid .g-start-sm-6 { grid-column-start: 6; } .grid .g-start-sm-7 { grid-column-start: 7; } .grid .g-start-sm-8 { grid-column-start: 8; } .grid .g-start-sm-9 { grid-column-start: 9; } .grid .g-start-sm-10 { grid-column-start: 10; } .grid .g-start-sm-11 { grid-column-start: 11; } } @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; } .grid .g-start-md-1 { grid-column-start: 1; } .grid .g-start-md-2 { grid-column-start: 2; } .grid .g-start-md-3 { grid-column-start: 3; } .grid .g-start-md-4 { grid-column-start: 4; } .grid .g-start-md-5 { grid-column-start: 5; } .grid .g-start-md-6 { grid-column-start: 6; } .grid .g-start-md-7 { grid-column-start: 7; } .grid .g-start-md-8 { grid-column-start: 8; } .grid .g-start-md-9 { grid-column-start: 9; } .grid .g-start-md-10 { grid-column-start: 10; } .grid .g-start-md-11 { grid-column-start: 11; } } @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; } .grid .g-start-lg-1 { grid-column-start: 1; } .grid .g-start-lg-2 { grid-column-start: 2; } .grid .g-start-lg-3 { grid-column-start: 3; } .grid .g-start-lg-4 { grid-column-start: 4; } .grid .g-start-lg-5 { grid-column-start: 5; } .grid .g-start-lg-6 { grid-column-start: 6; } .grid .g-start-lg-7 { grid-column-start: 7; } .grid .g-start-lg-8 { grid-column-start: 8; } .grid .g-start-lg-9 { grid-column-start: 9; } .grid .g-start-lg-10 { grid-column-start: 10; } .grid .g-start-lg-11 { grid-column-start: 11; } } @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; } .grid .g-start-xl-1 { grid-column-start: 1; } .grid .g-start-xl-2 { grid-column-start: 2; } .grid .g-start-xl-3 { grid-column-start: 3; } .grid .g-start-xl-4 { grid-column-start: 4; } .grid .g-start-xl-5 { grid-column-start: 5; } .grid .g-start-xl-6 { grid-column-start: 6; } .grid .g-start-xl-7 { grid-column-start: 7; } .grid .g-start-xl-8 { grid-column-start: 8; } .grid .g-start-xl-9 { grid-column-start: 9; } .grid .g-start-xl-10 { grid-column-start: 10; } .grid .g-start-xl-11 { grid-column-start: 11; } } @media (min-width: 1400px) { .grid .g-col-xxl-1 { grid-column: auto/span 1; } .grid .g-col-xxl-2 { grid-column: auto/span 2; } .grid .g-col-xxl-3 { grid-column: auto/span 3; } .grid .g-col-xxl-4 { grid-column: auto/span 4; } .grid .g-col-xxl-5 { grid-column: auto/span 5; } .grid .g-col-xxl-6 { grid-column: auto/span 6; } .grid .g-col-xxl-7 { grid-column: auto/span 7; } .grid .g-col-xxl-8 { grid-column: auto/span 8; } .grid .g-col-xxl-9 { grid-column: auto/span 9; } .grid .g-col-xxl-10 { grid-column: auto/span 10; } .grid .g-col-xxl-11 { grid-column: auto/span 11; } .grid .g-col-xxl-12 { grid-column: auto/span 12; } .grid .g-start-xxl-1 { grid-column-start: 1; } .grid .g-start-xxl-2 { grid-column-start: 2; } .grid .g-start-xxl-3 { grid-column-start: 3; } .grid .g-start-xxl-4 { grid-column-start: 4; } .grid .g-start-xxl-5 { grid-column-start: 5; } .grid .g-start-xxl-6 { grid-column-start: 6; } .grid .g-start-xxl-7 { grid-column-start: 7; } .grid .g-start-xxl-8 { grid-column-start: 8; } .grid .g-start-xxl-9 { grid-column-start: 9; } .grid .g-start-xxl-10 { grid-column-start: 10; } .grid .g-start-xxl-11 { grid-column-start: 11; } } .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.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-l-negativ-1 { margin-left: -8.3333333333%; } .offset-r-negativ-1 { margin-right: -8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-l-negativ-2 { margin-left: -16.6666666667%; } .offset-r-negativ-2 { margin-right: -16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-l-negativ-3 { margin-left: -25%; } .offset-r-negativ-3 { margin-right: -25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-l-negativ-4 { margin-left: -33.3333333333%; } .offset-r-negativ-4 { margin-right: -33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-l-negativ-5 { margin-left: -41.6666666667%; } .offset-r-negativ-5 { margin-right: -41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-l-negativ-6 { margin-left: -50%; } .offset-r-negativ-6 { margin-right: -50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-l-negativ-7 { margin-left: -58.3333333333%; } .offset-r-negativ-7 { margin-right: -58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-l-negativ-8 { margin-left: -66.6666666667%; } .offset-r-negativ-8 { margin-right: -66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-l-negativ-9 { margin-left: -75%; } .offset-r-negativ-9 { margin-right: -75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-l-negativ-10 { margin-left: -83.3333333333%; } .offset-r-negativ-10 { margin-right: -83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .offset-l-negativ-11 { margin-left: -91.6666666667%; } .offset-r-negativ-11 { margin-right: -91.6666666667%; } .g-0, .gx-0 { --gutter-x: 0; } .g-0, .gy-0 { --gutter-y: 0; } .g-1, .gx-1 { --gutter-x: 2.5px; } .g-1, .gy-1 { --gutter-y: 2.5px; } .g-2, .gx-2 { --gutter-x: 5px; } .g-2, .gy-2 { --gutter-y: 5px; } .g-3, .gx-3 { --gutter-x: 10px; } .g-3, .gy-3 { --gutter-y: 10px; } .g-4, .gx-4 { --gutter-x: 15px; } .g-4, .gy-4 { --gutter-y: 15px; } .g-5, .gx-5 { --gutter-x: 30px; } .g-5, .gy-5 { --gutter-y: 30px; } .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; } @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.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-l-negativ-sm-0 { margin-left: 0; } .offset-r-negativ-sm-0 { margin-right: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-l-negativ-sm-1 { margin-left: -8.3333333333%; } .offset-r-negativ-sm-1 { margin-right: -8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-l-negativ-sm-2 { margin-left: -16.6666666667%; } .offset-r-negativ-sm-2 { margin-right: -16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-l-negativ-sm-3 { margin-left: -25%; } .offset-r-negativ-sm-3 { margin-right: -25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-l-negativ-sm-4 { margin-left: -33.3333333333%; } .offset-r-negativ-sm-4 { margin-right: -33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-l-negativ-sm-5 { margin-left: -41.6666666667%; } .offset-r-negativ-sm-5 { margin-right: -41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-l-negativ-sm-6 { margin-left: -50%; } .offset-r-negativ-sm-6 { margin-right: -50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-l-negativ-sm-7 { margin-left: -58.3333333333%; } .offset-r-negativ-sm-7 { margin-right: -58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-l-negativ-sm-8 { margin-left: -66.6666666667%; } .offset-r-negativ-sm-8 { margin-right: -66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-l-negativ-sm-9 { margin-left: -75%; } .offset-r-negativ-sm-9 { margin-right: -75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-l-negativ-sm-10 { margin-left: -83.3333333333%; } .offset-r-negativ-sm-10 { margin-right: -83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .offset-l-negativ-sm-11 { margin-left: -91.6666666667%; } .offset-r-negativ-sm-11 { margin-right: -91.6666666667%; } .g-sm-0, .gx-sm-0 { --gutter-x: 0; } .g-sm-0, .gy-sm-0 { --gutter-y: 0; } .g-sm-1, .gx-sm-1 { --gutter-x: 2.5px; } .g-sm-1, .gy-sm-1 { --gutter-y: 2.5px; } .g-sm-2, .gx-sm-2 { --gutter-x: 5px; } .g-sm-2, .gy-sm-2 { --gutter-y: 5px; } .g-sm-3, .gx-sm-3 { --gutter-x: 10px; } .g-sm-3, .gy-sm-3 { --gutter-y: 10px; } .g-sm-4, .gx-sm-4 { --gutter-x: 15px; } .g-sm-4, .gy-sm-4 { --gutter-y: 15px; } .g-sm-5, .gx-sm-5 { --gutter-x: 30px; } .g-sm-5, .gy-sm-5 { --gutter-y: 30px; } .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; } } @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.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-l-negativ-md-0 { margin-left: 0; } .offset-r-negativ-md-0 { margin-right: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-l-negativ-md-1 { margin-left: -8.3333333333%; } .offset-r-negativ-md-1 { margin-right: -8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-l-negativ-md-2 { margin-left: -16.6666666667%; } .offset-r-negativ-md-2 { margin-right: -16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-l-negativ-md-3 { margin-left: -25%; } .offset-r-negativ-md-3 { margin-right: -25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-l-negativ-md-4 { margin-left: -33.3333333333%; } .offset-r-negativ-md-4 { margin-right: -33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-l-negativ-md-5 { margin-left: -41.6666666667%; } .offset-r-negativ-md-5 { margin-right: -41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-l-negativ-md-6 { margin-left: -50%; } .offset-r-negativ-md-6 { margin-right: -50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-l-negativ-md-7 { margin-left: -58.3333333333%; } .offset-r-negativ-md-7 { margin-right: -58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-l-negativ-md-8 { margin-left: -66.6666666667%; } .offset-r-negativ-md-8 { margin-right: -66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-l-negativ-md-9 { margin-left: -75%; } .offset-r-negativ-md-9 { margin-right: -75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-l-negativ-md-10 { margin-left: -83.3333333333%; } .offset-r-negativ-md-10 { margin-right: -83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .offset-l-negativ-md-11 { margin-left: -91.6666666667%; } .offset-r-negativ-md-11 { margin-right: -91.6666666667%; } .g-md-0, .gx-md-0 { --gutter-x: 0; } .g-md-0, .gy-md-0 { --gutter-y: 0; } .g-md-1, .gx-md-1 { --gutter-x: 2.5px; } .g-md-1, .gy-md-1 { --gutter-y: 2.5px; } .g-md-2, .gx-md-2 { --gutter-x: 5px; } .g-md-2, .gy-md-2 { --gutter-y: 5px; } .g-md-3, .gx-md-3 { --gutter-x: 10px; } .g-md-3, .gy-md-3 { --gutter-y: 10px; } .g-md-4, .gx-md-4 { --gutter-x: 15px; } .g-md-4, .gy-md-4 { --gutter-y: 15px; } .g-md-5, .gx-md-5 { --gutter-x: 30px; } .g-md-5, .gy-md-5 { --gutter-y: 30px; } .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; } } @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.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-l-negativ-lg-0 { margin-left: 0; } .offset-r-negativ-lg-0 { margin-right: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-l-negativ-lg-1 { margin-left: -8.3333333333%; } .offset-r-negativ-lg-1 { margin-right: -8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-l-negativ-lg-2 { margin-left: -16.6666666667%; } .offset-r-negativ-lg-2 { margin-right: -16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-l-negativ-lg-3 { margin-left: -25%; } .offset-r-negativ-lg-3 { margin-right: -25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-l-negativ-lg-4 { margin-left: -33.3333333333%; } .offset-r-negativ-lg-4 { margin-right: -33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-l-negativ-lg-5 { margin-left: -41.6666666667%; } .offset-r-negativ-lg-5 { margin-right: -41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-l-negativ-lg-6 { margin-left: -50%; } .offset-r-negativ-lg-6 { margin-right: -50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-l-negativ-lg-7 { margin-left: -58.3333333333%; } .offset-r-negativ-lg-7 { margin-right: -58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-l-negativ-lg-8 { margin-left: -66.6666666667%; } .offset-r-negativ-lg-8 { margin-right: -66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-l-negativ-lg-9 { margin-left: -75%; } .offset-r-negativ-lg-9 { margin-right: -75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-l-negativ-lg-10 { margin-left: -83.3333333333%; } .offset-r-negativ-lg-10 { margin-right: -83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .offset-l-negativ-lg-11 { margin-left: -91.6666666667%; } .offset-r-negativ-lg-11 { margin-right: -91.6666666667%; } .g-lg-0, .gx-lg-0 { --gutter-x: 0; } .g-lg-0, .gy-lg-0 { --gutter-y: 0; } .g-lg-1, .gx-lg-1 { --gutter-x: 2.5px; } .g-lg-1, .gy-lg-1 { --gutter-y: 2.5px; } .g-lg-2, .gx-lg-2 { --gutter-x: 5px; } .g-lg-2, .gy-lg-2 { --gutter-y: 5px; } .g-lg-3, .gx-lg-3 { --gutter-x: 10px; } .g-lg-3, .gy-lg-3 { --gutter-y: 10px; } .g-lg-4, .gx-lg-4 { --gutter-x: 15px; } .g-lg-4, .gy-lg-4 { --gutter-y: 15px; } .g-lg-5, .gx-lg-5 { --gutter-x: 30px; } .g-lg-5, .gy-lg-5 { --gutter-y: 30px; } .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; } } @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.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-l-negativ-xl-0 { margin-left: 0; } .offset-r-negativ-xl-0 { margin-right: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-l-negativ-xl-1 { margin-left: -8.3333333333%; } .offset-r-negativ-xl-1 { margin-right: -8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-l-negativ-xl-2 { margin-left: -16.6666666667%; } .offset-r-negativ-xl-2 { margin-right: -16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-l-negativ-xl-3 { margin-left: -25%; } .offset-r-negativ-xl-3 { margin-right: -25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-l-negativ-xl-4 { margin-left: -33.3333333333%; } .offset-r-negativ-xl-4 { margin-right: -33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-l-negativ-xl-5 { margin-left: -41.6666666667%; } .offset-r-negativ-xl-5 { margin-right: -41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-l-negativ-xl-6 { margin-left: -50%; } .offset-r-negativ-xl-6 { margin-right: -50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-l-negativ-xl-7 { margin-left: -58.3333333333%; } .offset-r-negativ-xl-7 { margin-right: -58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-l-negativ-xl-8 { margin-left: -66.6666666667%; } .offset-r-negativ-xl-8 { margin-right: -66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-l-negativ-xl-9 { margin-left: -75%; } .offset-r-negativ-xl-9 { margin-right: -75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-l-negativ-xl-10 { margin-left: -83.3333333333%; } .offset-r-negativ-xl-10 { margin-right: -83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .offset-l-negativ-xl-11 { margin-left: -91.6666666667%; } .offset-r-negativ-xl-11 { margin-right: -91.6666666667%; } .g-xl-0, .gx-xl-0 { --gutter-x: 0; } .g-xl-0, .gy-xl-0 { --gutter-y: 0; } .g-xl-1, .gx-xl-1 { --gutter-x: 2.5px; } .g-xl-1, .gy-xl-1 { --gutter-y: 2.5px; } .g-xl-2, .gx-xl-2 { --gutter-x: 5px; } .g-xl-2, .gy-xl-2 { --gutter-y: 5px; } .g-xl-3, .gx-xl-3 { --gutter-x: 10px; } .g-xl-3, .gy-xl-3 { --gutter-y: 10px; } .g-xl-4, .gx-xl-4 { --gutter-x: 15px; } .g-xl-4, .gy-xl-4 { --gutter-y: 15px; } .g-xl-5, .gx-xl-5 { --gutter-x: 30px; } .g-xl-5, .gy-xl-5 { --gutter-y: 30px; } .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; } } @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.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-l-negativ-xxl-0 { margin-left: 0; } .offset-r-negativ-xxl-0 { margin-right: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-l-negativ-xxl-1 { margin-left: -8.3333333333%; } .offset-r-negativ-xxl-1 { margin-right: -8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-l-negativ-xxl-2 { margin-left: -16.6666666667%; } .offset-r-negativ-xxl-2 { margin-right: -16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-l-negativ-xxl-3 { margin-left: -25%; } .offset-r-negativ-xxl-3 { margin-right: -25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-l-negativ-xxl-4 { margin-left: -33.3333333333%; } .offset-r-negativ-xxl-4 { margin-right: -33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-l-negativ-xxl-5 { margin-left: -41.6666666667%; } .offset-r-negativ-xxl-5 { margin-right: -41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-l-negativ-xxl-6 { margin-left: -50%; } .offset-r-negativ-xxl-6 { margin-right: -50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-l-negativ-xxl-7 { margin-left: -58.3333333333%; } .offset-r-negativ-xxl-7 { margin-right: -58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-l-negativ-xxl-8 { margin-left: -66.6666666667%; } .offset-r-negativ-xxl-8 { margin-right: -66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-l-negativ-xxl-9 { margin-left: -75%; } .offset-r-negativ-xxl-9 { margin-right: -75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-l-negativ-xxl-10 { margin-left: -83.3333333333%; } .offset-r-negativ-xxl-10 { margin-right: -83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .offset-l-negativ-xxl-11 { margin-left: -91.6666666667%; } .offset-r-negativ-xxl-11 { margin-right: -91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --gutter-x: 2.5px; } .g-xxl-1, .gy-xxl-1 { --gutter-y: 2.5px; } .g-xxl-2, .gx-xxl-2 { --gutter-x: 5px; } .g-xxl-2, .gy-xxl-2 { --gutter-y: 5px; } .g-xxl-3, .gx-xxl-3 { --gutter-x: 10px; } .g-xxl-3, .gy-xxl-3 { --gutter-y: 10px; } .g-xxl-4, .gx-xxl-4 { --gutter-x: 15px; } .g-xxl-4, .gy-xxl-4 { --gutter-y: 15px; } .g-xxl-5, .gx-xxl-5 { --gutter-x: 30px; } .g-xxl-5, .gy-xxl-5 { --gutter-y: 30px; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } } .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; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 99; } } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m--3 { margin: -7.5px !important; } .mt--3, .my--3 { margin-top: -7.5px !important; } .mr--3, .mx--3 { margin-right: -7.5px !important; } .mb--3, .my--3 { margin-bottom: -7.5px !important; } .ml--3, .mx--3 { margin-left: -7.5px !important; } .m--2 { margin: -5px !important; } .mt--2, .my--2 { margin-top: -5px !important; } .mr--2, .mx--2 { margin-right: -5px !important; } .mb--2, .my--2 { margin-bottom: -5px !important; } .ml--2, .mx--2 { margin-left: -5px !important; } .m--1 { margin: -2.5px !important; } .mt--1, .my--1 { margin-top: -2.5px !important; } .mr--1, .mx--1 { margin-right: -2.5px !important; } .mb--1, .my--1 { margin-bottom: -2.5px !important; } .ml--1, .mx--1 { margin-left: -2.5px !important; } .m--1px { margin: -1px !important; } .mt--1px, .my--1px { margin-top: -1px !important; } .mr--1px, .mx--1px { margin-right: -1px !important; } .mb--1px, .my--1px { margin-bottom: -1px !important; } .ml--1px, .mx--1px { margin-left: -1px !important; } .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-1px { margin: 1px !important; } .mt-1px, .my-1px { margin-top: 1px !important; } .mr-1px, .mx-1px { margin-right: 1px !important; } .mb-1px, .my-1px { margin-bottom: 1px !important; } .ml-1px, .mx-1px { margin-left: 1px !important; } .m-1 { margin: 2.5px !important; } .mt-1, .my-1 { margin-top: 2.5px !important; } .mr-1, .mx-1 { margin-right: 2.5px !important; } .mb-1, .my-1 { margin-bottom: 2.5px !important; } .ml-1, .mx-1 { margin-left: 2.5px !important; } .m-2 { margin: 5px !important; } .mt-2, .my-2 { margin-top: 5px !important; } .mr-2, .mx-2 { margin-right: 5px !important; } .mb-2, .my-2 { margin-bottom: 5px !important; } .ml-2, .mx-2 { margin-left: 5px !important; } .m-3 { margin: 7.5px !important; } .mt-3, .my-3 { margin-top: 7.5px !important; } .mr-3, .mx-3 { margin-right: 7.5px !important; } .mb-3, .my-3 { margin-bottom: 7.5px !important; } .ml-3, .mx-3 { margin-left: 7.5px !important; } .m-4 { margin: 10px !important; } .mt-4, .my-4 { margin-top: 10px !important; } .mr-4, .mx-4 { margin-right: 10px !important; } .mb-4, .my-4 { margin-bottom: 10px !important; } .ml-4, .mx-4 { margin-left: 10px !important; } .m-5 { margin: 12.5px !important; } .mt-5, .my-5 { margin-top: 12.5px !important; } .mr-5, .mx-5 { margin-right: 12.5px !important; } .mb-5, .my-5 { margin-bottom: 12.5px !important; } .ml-5, .mx-5 { margin-left: 12.5px !important; } .m-6 { margin: 15px !important; } .mt-6, .my-6 { margin-top: 15px !important; } .mr-6, .mx-6 { margin-right: 15px !important; } .mb-6, .my-6 { margin-bottom: 15px !important; } .ml-6, .mx-6 { margin-left: 15px !important; } .m-7 { margin: 17.5px !important; } .mt-7, .my-7 { margin-top: 17.5px !important; } .mr-7, .mx-7 { margin-right: 17.5px !important; } .mb-7, .my-7 { margin-bottom: 17.5px !important; } .ml-7, .mx-7 { margin-left: 17.5px !important; } .m-8 { margin: 20px !important; } .mt-8, .my-8 { margin-top: 20px !important; } .mr-8, .mx-8 { margin-right: 20px !important; } .mb-8, .my-8 { margin-bottom: 20px !important; } .ml-8, .mx-8 { margin-left: 20px !important; } .m-9 { margin: 21.5px !important; } .mt-9, .my-9 { margin-top: 21.5px !important; } .mr-9, .mx-9 { margin-right: 21.5px !important; } .mb-9, .my-9 { margin-bottom: 21.5px !important; } .ml-9, .mx-9 { margin-left: 21.5px !important; } .m-10 { margin: 25px !important; } .mt-10, .my-10 { margin-top: 25px !important; } .mr-10, .mx-10 { margin-right: 25px !important; } .mb-10, .my-10 { margin-bottom: 25px !important; } .ml-10, .mx-10 { margin-left: 25px !important; } .m-11 { margin: 27.5px !important; } .mt-11, .my-11 { margin-top: 27.5px !important; } .mr-11, .mx-11 { margin-right: 27.5px !important; } .mb-11, .my-11 { margin-bottom: 27.5px !important; } .ml-11, .mx-11 { margin-left: 27.5px !important; } .m-12 { margin: 30px !important; } .mt-12, .my-12 { margin-top: 30px !important; } .mr-12, .mx-12 { margin-right: 30px !important; } .mb-12, .my-12 { margin-bottom: 30px !important; } .ml-12, .mx-12 { margin-left: 30px !important; } .m-13 { margin: 32.5px !important; } .mt-13, .my-13 { margin-top: 32.5px !important; } .mr-13, .mx-13 { margin-right: 32.5px !important; } .mb-13, .my-13 { margin-bottom: 32.5px !important; } .ml-13, .mx-13 { margin-left: 32.5px !important; } .m-14 { margin: 35px !important; } .mt-14, .my-14 { margin-top: 35px !important; } .mr-14, .mx-14 { margin-right: 35px !important; } .mb-14, .my-14 { margin-bottom: 35px !important; } .ml-14, .mx-14 { margin-left: 35px !important; } .m-15 { margin: 37.5px !important; } .mt-15, .my-15 { margin-top: 37.5px !important; } .mr-15, .mx-15 { margin-right: 37.5px !important; } .mb-15, .my-15 { margin-bottom: 37.5px !important; } .ml-15, .mx-15 { margin-left: 37.5px !important; } .m-16 { margin: 40px !important; } .mt-16, .my-16 { margin-top: 40px !important; } .mr-16, .mx-16 { margin-right: 40px !important; } .mb-16, .my-16 { margin-bottom: 40px !important; } .ml-16, .mx-16 { margin-left: 40px !important; } .m-17 { margin: 50px !important; } .mt-17, .my-17 { margin-top: 50px !important; } .mr-17, .mx-17 { margin-right: 50px !important; } .mb-17, .my-17 { margin-bottom: 50px !important; } .ml-17, .mx-17 { margin-left: 50px !important; } .m-18 { margin: 60px !important; } .mt-18, .my-18 { margin-top: 60px !important; } .mr-18, .mx-18 { margin-right: 60px !important; } .mb-18, .my-18 { margin-bottom: 60px !important; } .ml-18, .mx-18 { margin-left: 60px !important; } .m-19 { margin: 70px !important; } .mt-19, .my-19 { margin-top: 70px !important; } .mr-19, .mx-19 { margin-right: 70px !important; } .mb-19, .my-19 { margin-bottom: 70px !important; } .ml-19, .mx-19 { margin-left: 70px !important; } .m-20 { margin: 80px !important; } .mt-20, .my-20 { margin-top: 80px !important; } .mr-20, .mx-20 { margin-right: 80px !important; } .mb-20, .my-20 { margin-bottom: 80px !important; } .ml-20, .mx-20 { margin-left: 80px !important; } .m-21 { margin: 120px !important; } .mt-21, .my-21 { margin-top: 120px !important; } .mr-21, .mx-21 { margin-right: 120px !important; } .mb-21, .my-21 { margin-bottom: 120px !important; } .ml-21, .mx-21 { margin-left: 120px !important; } .m-22 { margin: 150px !important; } .mt-22, .my-22 { margin-top: 150px !important; } .mr-22, .mx-22 { margin-right: 150px !important; } .mb-22, .my-22 { margin-bottom: 150px !important; } .ml-22, .mx-22 { margin-left: 150px !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-1px { padding: 1px !important; } .pt-1px, .py-1px { padding-top: 1px !important; } .pr-1px, .px-1px { padding-right: 1px !important; } .pb-1px, .py-1px { padding-bottom: 1px !important; } .pl-1px, .px-1px { padding-left: 1px !important; } .p-1 { padding: 2.5px !important; } .pt-1, .py-1 { padding-top: 2.5px !important; } .pr-1, .px-1 { padding-right: 2.5px !important; } .pb-1, .py-1 { padding-bottom: 2.5px !important; } .pl-1, .px-1 { padding-left: 2.5px !important; } .p-2 { padding: 5px !important; } .pt-2, .py-2 { padding-top: 5px !important; } .pr-2, .px-2 { padding-right: 5px !important; } .pb-2, .py-2 { padding-bottom: 5px !important; } .pl-2, .px-2 { padding-left: 5px !important; } .p-3 { padding: 7.5px !important; } .pt-3, .py-3 { padding-top: 7.5px !important; } .pr-3, .px-3 { padding-right: 7.5px !important; } .pb-3, .py-3 { padding-bottom: 7.5px !important; } .pl-3, .px-3 { padding-left: 7.5px !important; } .p-4 { padding: 10px !important; } .pt-4, .py-4 { padding-top: 10px !important; } .pr-4, .px-4 { padding-right: 10px !important; } .pb-4, .py-4 { padding-bottom: 10px !important; } .pl-4, .px-4 { padding-left: 10px !important; } .p-5 { padding: 12.5px !important; } .pt-5, .py-5 { padding-top: 12.5px !important; } .pr-5, .px-5 { padding-right: 12.5px !important; } .pb-5, .py-5 { padding-bottom: 12.5px !important; } .pl-5, .px-5 { padding-left: 12.5px !important; } .p-6 { padding: 15px !important; } .pt-6, .py-6 { padding-top: 15px !important; } .pr-6, .px-6 { padding-right: 15px !important; } .pb-6, .py-6 { padding-bottom: 15px !important; } .pl-6, .px-6 { padding-left: 15px !important; } .p-7 { padding: 17.5px !important; } .pt-7, .py-7 { padding-top: 17.5px !important; } .pr-7, .px-7 { padding-right: 17.5px !important; } .pb-7, .py-7 { padding-bottom: 17.5px !important; } .pl-7, .px-7 { padding-left: 17.5px !important; } .p-8 { padding: 20px !important; } .pt-8, .py-8 { padding-top: 20px !important; } .pr-8, .px-8 { padding-right: 20px !important; } .pb-8, .py-8 { padding-bottom: 20px !important; } .pl-8, .px-8 { padding-left: 20px !important; } .p-9 { padding: 21.5px !important; } .pt-9, .py-9 { padding-top: 21.5px !important; } .pr-9, .px-9 { padding-right: 21.5px !important; } .pb-9, .py-9 { padding-bottom: 21.5px !important; } .pl-9, .px-9 { padding-left: 21.5px !important; } .p-10 { padding: 25px !important; } .pt-10, .py-10 { padding-top: 25px !important; } .pr-10, .px-10 { padding-right: 25px !important; } .pb-10, .py-10 { padding-bottom: 25px !important; } .pl-10, .px-10 { padding-left: 25px !important; } .p-11 { padding: 27.5px !important; } .pt-11, .py-11 { padding-top: 27.5px !important; } .pr-11, .px-11 { padding-right: 27.5px !important; } .pb-11, .py-11 { padding-bottom: 27.5px !important; } .pl-11, .px-11 { padding-left: 27.5px !important; } .p-12 { padding: 30px !important; } .pt-12, .py-12 { padding-top: 30px !important; } .pr-12, .px-12 { padding-right: 30px !important; } .pb-12, .py-12 { padding-bottom: 30px !important; } .pl-12, .px-12 { padding-left: 30px !important; } .p-13 { padding: 32.5px !important; } .pt-13, .py-13 { padding-top: 32.5px !important; } .pr-13, .px-13 { padding-right: 32.5px !important; } .pb-13, .py-13 { padding-bottom: 32.5px !important; } .pl-13, .px-13 { padding-left: 32.5px !important; } .p-14 { padding: 35px !important; } .pt-14, .py-14 { padding-top: 35px !important; } .pr-14, .px-14 { padding-right: 35px !important; } .pb-14, .py-14 { padding-bottom: 35px !important; } .pl-14, .px-14 { padding-left: 35px !important; } .p-15 { padding: 37.5px !important; } .pt-15, .py-15 { padding-top: 37.5px !important; } .pr-15, .px-15 { padding-right: 37.5px !important; } .pb-15, .py-15 { padding-bottom: 37.5px !important; } .pl-15, .px-15 { padding-left: 37.5px !important; } .p-16 { padding: 40px !important; } .pt-16, .py-16 { padding-top: 40px !important; } .pr-16, .px-16 { padding-right: 40px !important; } .pb-16, .py-16 { padding-bottom: 40px !important; } .pl-16, .px-16 { padding-left: 40px !important; } .p-17 { padding: 50px !important; } .pt-17, .py-17 { padding-top: 50px !important; } .pr-17, .px-17 { padding-right: 50px !important; } .pb-17, .py-17 { padding-bottom: 50px !important; } .pl-17, .px-17 { padding-left: 50px !important; } .p-18 { padding: 60px !important; } .pt-18, .py-18 { padding-top: 60px !important; } .pr-18, .px-18 { padding-right: 60px !important; } .pb-18, .py-18 { padding-bottom: 60px !important; } .pl-18, .px-18 { padding-left: 60px !important; } .p-19 { padding: 70px !important; } .pt-19, .py-19 { padding-top: 70px !important; } .pr-19, .px-19 { padding-right: 70px !important; } .pb-19, .py-19 { padding-bottom: 70px !important; } .pl-19, .px-19 { padding-left: 70px !important; } .p-20 { padding: 80px !important; } .pt-20, .py-20 { padding-top: 80px !important; } .pr-20, .px-20 { padding-right: 80px !important; } .pb-20, .py-20 { padding-bottom: 80px !important; } .pl-20, .px-20 { padding-left: 80px !important; } .p-21 { padding: 120px !important; } .pt-21, .py-21 { padding-top: 120px !important; } .pr-21, .px-21 { padding-right: 120px !important; } .pb-21, .py-21 { padding-bottom: 120px !important; } .pl-21, .px-21 { padding-left: 120px !important; } .p-22 { padding: 150px !important; } .pt-22, .py-22 { padding-top: 150px !important; } .pr-22, .px-22 { padding-right: 150px !important; } .pb-22, .py-22 { padding-bottom: 150px !important; } .pl-22, .px-22 { padding-left: 150px !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; } .m--3 { margin: -7.5px !important; } .mt--3, .my--3 { margin-top: -7.5px !important; } .mr--3, .mx--3 { margin-right: -7.5px !important; } .mb--3, .my--3 { margin-bottom: -7.5px !important; } .ml--3, .mx--3 { margin-left: -7.5px !important; } .m--2 { margin: -5px !important; } .mt--2, .my--2 { margin-top: -5px !important; } .mr--2, .mx--2 { margin-right: -5px !important; } .mb--2, .my--2 { margin-bottom: -5px !important; } .ml--2, .mx--2 { margin-left: -5px !important; } .m--1 { margin: -2.5px !important; } .mt--1, .my--1 { margin-top: -2.5px !important; } .mr--1, .mx--1 { margin-right: -2.5px !important; } .mb--1, .my--1 { margin-bottom: -2.5px !important; } .ml--1, .mx--1 { margin-left: -2.5px !important; } .m--1px { margin: -1px !important; } .mt--1px, .my--1px { margin-top: -1px !important; } .mr--1px, .mx--1px { margin-right: -1px !important; } .mb--1px, .my--1px { margin-bottom: -1px !important; } .ml--1px, .mx--1px { margin-left: -1px !important; } .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-1px { margin: 1px !important; } .mt-1px, .my-1px { margin-top: 1px !important; } .mr-1px, .mx-1px { margin-right: 1px !important; } .mb-1px, .my-1px { margin-bottom: 1px !important; } .ml-1px, .mx-1px { margin-left: 1px !important; } .m-1 { margin: 2.5px !important; } .mt-1, .my-1 { margin-top: 2.5px !important; } .mr-1, .mx-1 { margin-right: 2.5px !important; } .mb-1, .my-1 { margin-bottom: 2.5px !important; } .ml-1, .mx-1 { margin-left: 2.5px !important; } .m-2 { margin: 5px !important; } .mt-2, .my-2 { margin-top: 5px !important; } .mr-2, .mx-2 { margin-right: 5px !important; } .mb-2, .my-2 { margin-bottom: 5px !important; } .ml-2, .mx-2 { margin-left: 5px !important; } .m-3 { margin: 7.5px !important; } .mt-3, .my-3 { margin-top: 7.5px !important; } .mr-3, .mx-3 { margin-right: 7.5px !important; } .mb-3, .my-3 { margin-bottom: 7.5px !important; } .ml-3, .mx-3 { margin-left: 7.5px !important; } .m-4 { margin: 10px !important; } .mt-4, .my-4 { margin-top: 10px !important; } .mr-4, .mx-4 { margin-right: 10px !important; } .mb-4, .my-4 { margin-bottom: 10px !important; } .ml-4, .mx-4 { margin-left: 10px !important; } .m-5 { margin: 12.5px !important; } .mt-5, .my-5 { margin-top: 12.5px !important; } .mr-5, .mx-5 { margin-right: 12.5px !important; } .mb-5, .my-5 { margin-bottom: 12.5px !important; } .ml-5, .mx-5 { margin-left: 12.5px !important; } .m-6 { margin: 15px !important; } .mt-6, .my-6 { margin-top: 15px !important; } .mr-6, .mx-6 { margin-right: 15px !important; } .mb-6, .my-6 { margin-bottom: 15px !important; } .ml-6, .mx-6 { margin-left: 15px !important; } .m-7 { margin: 17.5px !important; } .mt-7, .my-7 { margin-top: 17.5px !important; } .mr-7, .mx-7 { margin-right: 17.5px !important; } .mb-7, .my-7 { margin-bottom: 17.5px !important; } .ml-7, .mx-7 { margin-left: 17.5px !important; } .m-8 { margin: 20px !important; } .mt-8, .my-8 { margin-top: 20px !important; } .mr-8, .mx-8 { margin-right: 20px !important; } .mb-8, .my-8 { margin-bottom: 20px !important; } .ml-8, .mx-8 { margin-left: 20px !important; } .m-9 { margin: 21.5px !important; } .mt-9, .my-9 { margin-top: 21.5px !important; } .mr-9, .mx-9 { margin-right: 21.5px !important; } .mb-9, .my-9 { margin-bottom: 21.5px !important; } .ml-9, .mx-9 { margin-left: 21.5px !important; } .m-10 { margin: 25px !important; } .mt-10, .my-10 { margin-top: 25px !important; } .mr-10, .mx-10 { margin-right: 25px !important; } .mb-10, .my-10 { margin-bottom: 25px !important; } .ml-10, .mx-10 { margin-left: 25px !important; } .m-11 { margin: 27.5px !important; } .mt-11, .my-11 { margin-top: 27.5px !important; } .mr-11, .mx-11 { margin-right: 27.5px !important; } .mb-11, .my-11 { margin-bottom: 27.5px !important; } .ml-11, .mx-11 { margin-left: 27.5px !important; } .m-12 { margin: 30px !important; } .mt-12, .my-12 { margin-top: 30px !important; } .mr-12, .mx-12 { margin-right: 30px !important; } .mb-12, .my-12 { margin-bottom: 30px !important; } .ml-12, .mx-12 { margin-left: 30px !important; } .m-13 { margin: 32.5px !important; } .mt-13, .my-13 { margin-top: 32.5px !important; } .mr-13, .mx-13 { margin-right: 32.5px !important; } .mb-13, .my-13 { margin-bottom: 32.5px !important; } .ml-13, .mx-13 { margin-left: 32.5px !important; } .m-14 { margin: 35px !important; } .mt-14, .my-14 { margin-top: 35px !important; } .mr-14, .mx-14 { margin-right: 35px !important; } .mb-14, .my-14 { margin-bottom: 35px !important; } .ml-14, .mx-14 { margin-left: 35px !important; } .m-15 { margin: 37.5px !important; } .mt-15, .my-15 { margin-top: 37.5px !important; } .mr-15, .mx-15 { margin-right: 37.5px !important; } .mb-15, .my-15 { margin-bottom: 37.5px !important; } .ml-15, .mx-15 { margin-left: 37.5px !important; } .m-16 { margin: 40px !important; } .mt-16, .my-16 { margin-top: 40px !important; } .mr-16, .mx-16 { margin-right: 40px !important; } .mb-16, .my-16 { margin-bottom: 40px !important; } .ml-16, .mx-16 { margin-left: 40px !important; } .m-17 { margin: 50px !important; } .mt-17, .my-17 { margin-top: 50px !important; } .mr-17, .mx-17 { margin-right: 50px !important; } .mb-17, .my-17 { margin-bottom: 50px !important; } .ml-17, .mx-17 { margin-left: 50px !important; } .m-18 { margin: 60px !important; } .mt-18, .my-18 { margin-top: 60px !important; } .mr-18, .mx-18 { margin-right: 60px !important; } .mb-18, .my-18 { margin-bottom: 60px !important; } .ml-18, .mx-18 { margin-left: 60px !important; } .m-19 { margin: 70px !important; } .mt-19, .my-19 { margin-top: 70px !important; } .mr-19, .mx-19 { margin-right: 70px !important; } .mb-19, .my-19 { margin-bottom: 70px !important; } .ml-19, .mx-19 { margin-left: 70px !important; } .m-20 { margin: 80px !important; } .mt-20, .my-20 { margin-top: 80px !important; } .mr-20, .mx-20 { margin-right: 80px !important; } .mb-20, .my-20 { margin-bottom: 80px !important; } .ml-20, .mx-20 { margin-left: 80px !important; } .m-21 { margin: 120px !important; } .mt-21, .my-21 { margin-top: 120px !important; } .mr-21, .mx-21 { margin-right: 120px !important; } .mb-21, .my-21 { margin-bottom: 120px !important; } .ml-21, .mx-21 { margin-left: 120px !important; } .m-22 { margin: 150px !important; } .mt-22, .my-22 { margin-top: 150px !important; } .mr-22, .mx-22 { margin-right: 150px !important; } .mb-22, .my-22 { margin-bottom: 150px !important; } .ml-22, .mx-22 { margin-left: 150px !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-1px { padding: 1px !important; } .pt-1px, .py-1px { padding-top: 1px !important; } .pr-1px, .px-1px { padding-right: 1px !important; } .pb-1px, .py-1px { padding-bottom: 1px !important; } .pl-1px, .px-1px { padding-left: 1px !important; } .p-1 { padding: 2.5px !important; } .pt-1, .py-1 { padding-top: 2.5px !important; } .pr-1, .px-1 { padding-right: 2.5px !important; } .pb-1, .py-1 { padding-bottom: 2.5px !important; } .pl-1, .px-1 { padding-left: 2.5px !important; } .p-2 { padding: 5px !important; } .pt-2, .py-2 { padding-top: 5px !important; } .pr-2, .px-2 { padding-right: 5px !important; } .pb-2, .py-2 { padding-bottom: 5px !important; } .pl-2, .px-2 { padding-left: 5px !important; } .p-3 { padding: 7.5px !important; } .pt-3, .py-3 { padding-top: 7.5px !important; } .pr-3, .px-3 { padding-right: 7.5px !important; } .pb-3, .py-3 { padding-bottom: 7.5px !important; } .pl-3, .px-3 { padding-left: 7.5px !important; } .p-4 { padding: 10px !important; } .pt-4, .py-4 { padding-top: 10px !important; } .pr-4, .px-4 { padding-right: 10px !important; } .pb-4, .py-4 { padding-bottom: 10px !important; } .pl-4, .px-4 { padding-left: 10px !important; } .p-5 { padding: 12.5px !important; } .pt-5, .py-5 { padding-top: 12.5px !important; } .pr-5, .px-5 { padding-right: 12.5px !important; } .pb-5, .py-5 { padding-bottom: 12.5px !important; } .pl-5, .px-5 { padding-left: 12.5px !important; } .p-6 { padding: 15px !important; } .pt-6, .py-6 { padding-top: 15px !important; } .pr-6, .px-6 { padding-right: 15px !important; } .pb-6, .py-6 { padding-bottom: 15px !important; } .pl-6, .px-6 { padding-left: 15px !important; } .p-7 { padding: 17.5px !important; } .pt-7, .py-7 { padding-top: 17.5px !important; } .pr-7, .px-7 { padding-right: 17.5px !important; } .pb-7, .py-7 { padding-bottom: 17.5px !important; } .pl-7, .px-7 { padding-left: 17.5px !important; } .p-8 { padding: 20px !important; } .pt-8, .py-8 { padding-top: 20px !important; } .pr-8, .px-8 { padding-right: 20px !important; } .pb-8, .py-8 { padding-bottom: 20px !important; } .pl-8, .px-8 { padding-left: 20px !important; } .p-9 { padding: 21.5px !important; } .pt-9, .py-9 { padding-top: 21.5px !important; } .pr-9, .px-9 { padding-right: 21.5px !important; } .pb-9, .py-9 { padding-bottom: 21.5px !important; } .pl-9, .px-9 { padding-left: 21.5px !important; } .p-10 { padding: 25px !important; } .pt-10, .py-10 { padding-top: 25px !important; } .pr-10, .px-10 { padding-right: 25px !important; } .pb-10, .py-10 { padding-bottom: 25px !important; } .pl-10, .px-10 { padding-left: 25px !important; } .p-11 { padding: 27.5px !important; } .pt-11, .py-11 { padding-top: 27.5px !important; } .pr-11, .px-11 { padding-right: 27.5px !important; } .pb-11, .py-11 { padding-bottom: 27.5px !important; } .pl-11, .px-11 { padding-left: 27.5px !important; } .p-12 { padding: 30px !important; } .pt-12, .py-12 { padding-top: 30px !important; } .pr-12, .px-12 { padding-right: 30px !important; } .pb-12, .py-12 { padding-bottom: 30px !important; } .pl-12, .px-12 { padding-left: 30px !important; } .p-13 { padding: 32.5px !important; } .pt-13, .py-13 { padding-top: 32.5px !important; } .pr-13, .px-13 { padding-right: 32.5px !important; } .pb-13, .py-13 { padding-bottom: 32.5px !important; } .pl-13, .px-13 { padding-left: 32.5px !important; } .p-14 { padding: 35px !important; } .pt-14, .py-14 { padding-top: 35px !important; } .pr-14, .px-14 { padding-right: 35px !important; } .pb-14, .py-14 { padding-bottom: 35px !important; } .pl-14, .px-14 { padding-left: 35px !important; } .p-15 { padding: 37.5px !important; } .pt-15, .py-15 { padding-top: 37.5px !important; } .pr-15, .px-15 { padding-right: 37.5px !important; } .pb-15, .py-15 { padding-bottom: 37.5px !important; } .pl-15, .px-15 { padding-left: 37.5px !important; } .p-16 { padding: 40px !important; } .pt-16, .py-16 { padding-top: 40px !important; } .pr-16, .px-16 { padding-right: 40px !important; } .pb-16, .py-16 { padding-bottom: 40px !important; } .pl-16, .px-16 { padding-left: 40px !important; } .p-17 { padding: 50px !important; } .pt-17, .py-17 { padding-top: 50px !important; } .pr-17, .px-17 { padding-right: 50px !important; } .pb-17, .py-17 { padding-bottom: 50px !important; } .pl-17, .px-17 { padding-left: 50px !important; } .p-18 { padding: 60px !important; } .pt-18, .py-18 { padding-top: 60px !important; } .pr-18, .px-18 { padding-right: 60px !important; } .pb-18, .py-18 { padding-bottom: 60px !important; } .pl-18, .px-18 { padding-left: 60px !important; } .p-19 { padding: 70px !important; } .pt-19, .py-19 { padding-top: 70px !important; } .pr-19, .px-19 { padding-right: 70px !important; } .pb-19, .py-19 { padding-bottom: 70px !important; } .pl-19, .px-19 { padding-left: 70px !important; } .p-20 { padding: 80px !important; } .pt-20, .py-20 { padding-top: 80px !important; } .pr-20, .px-20 { padding-right: 80px !important; } .pb-20, .py-20 { padding-bottom: 80px !important; } .pl-20, .px-20 { padding-left: 80px !important; } .p-21 { padding: 120px !important; } .pt-21, .py-21 { padding-top: 120px !important; } .pr-21, .px-21 { padding-right: 120px !important; } .pb-21, .py-21 { padding-bottom: 120px !important; } .pl-21, .px-21 { padding-left: 120px !important; } .p-22 { padding: 150px !important; } .pt-22, .py-22 { padding-top: 150px !important; } .pr-22, .px-22 { padding-right: 150px !important; } .pb-22, .py-22 { padding-bottom: 150px !important; } .pl-22, .px-22 { padding-left: 150px !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--3 { margin: -7.5px !important; } .mt-sm--3, .my-sm--3 { margin-top: -7.5px !important; } .mr-sm--3, .mx-sm--3 { margin-right: -7.5px !important; } .mb-sm--3, .my-sm--3 { margin-bottom: -7.5px !important; } .ml-sm--3, .mx-sm--3 { margin-left: -7.5px !important; } .m-sm--2 { margin: -5px !important; } .mt-sm--2, .my-sm--2 { margin-top: -5px !important; } .mr-sm--2, .mx-sm--2 { margin-right: -5px !important; } .mb-sm--2, .my-sm--2 { margin-bottom: -5px !important; } .ml-sm--2, .mx-sm--2 { margin-left: -5px !important; } .m-sm--1 { margin: -2.5px !important; } .mt-sm--1, .my-sm--1 { margin-top: -2.5px !important; } .mr-sm--1, .mx-sm--1 { margin-right: -2.5px !important; } .mb-sm--1, .my-sm--1 { margin-bottom: -2.5px !important; } .ml-sm--1, .mx-sm--1 { margin-left: -2.5px !important; } .m-sm--1px { margin: -1px !important; } .mt-sm--1px, .my-sm--1px { margin-top: -1px !important; } .mr-sm--1px, .mx-sm--1px { margin-right: -1px !important; } .mb-sm--1px, .my-sm--1px { margin-bottom: -1px !important; } .ml-sm--1px, .mx-sm--1px { margin-left: -1px !important; } .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-1px { margin: 1px !important; } .mt-sm-1px, .my-sm-1px { margin-top: 1px !important; } .mr-sm-1px, .mx-sm-1px { margin-right: 1px !important; } .mb-sm-1px, .my-sm-1px { margin-bottom: 1px !important; } .ml-sm-1px, .mx-sm-1px { margin-left: 1px !important; } .m-sm-1 { margin: 2.5px !important; } .mt-sm-1, .my-sm-1 { margin-top: 2.5px !important; } .mr-sm-1, .mx-sm-1 { margin-right: 2.5px !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 2.5px !important; } .ml-sm-1, .mx-sm-1 { margin-left: 2.5px !important; } .m-sm-2 { margin: 5px !important; } .mt-sm-2, .my-sm-2 { margin-top: 5px !important; } .mr-sm-2, .mx-sm-2 { margin-right: 5px !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 5px !important; } .ml-sm-2, .mx-sm-2 { margin-left: 5px !important; } .m-sm-3 { margin: 7.5px !important; } .mt-sm-3, .my-sm-3 { margin-top: 7.5px !important; } .mr-sm-3, .mx-sm-3 { margin-right: 7.5px !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 7.5px !important; } .ml-sm-3, .mx-sm-3 { margin-left: 7.5px !important; } .m-sm-4 { margin: 10px !important; } .mt-sm-4, .my-sm-4 { margin-top: 10px !important; } .mr-sm-4, .mx-sm-4 { margin-right: 10px !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 10px !important; } .ml-sm-4, .mx-sm-4 { margin-left: 10px !important; } .m-sm-5 { margin: 12.5px !important; } .mt-sm-5, .my-sm-5 { margin-top: 12.5px !important; } .mr-sm-5, .mx-sm-5 { margin-right: 12.5px !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 12.5px !important; } .ml-sm-5, .mx-sm-5 { margin-left: 12.5px !important; } .m-sm-6 { margin: 15px !important; } .mt-sm-6, .my-sm-6 { margin-top: 15px !important; } .mr-sm-6, .mx-sm-6 { margin-right: 15px !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 15px !important; } .ml-sm-6, .mx-sm-6 { margin-left: 15px !important; } .m-sm-7 { margin: 17.5px !important; } .mt-sm-7, .my-sm-7 { margin-top: 17.5px !important; } .mr-sm-7, .mx-sm-7 { margin-right: 17.5px !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 17.5px !important; } .ml-sm-7, .mx-sm-7 { margin-left: 17.5px !important; } .m-sm-8 { margin: 20px !important; } .mt-sm-8, .my-sm-8 { margin-top: 20px !important; } .mr-sm-8, .mx-sm-8 { margin-right: 20px !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 20px !important; } .ml-sm-8, .mx-sm-8 { margin-left: 20px !important; } .m-sm-9 { margin: 21.5px !important; } .mt-sm-9, .my-sm-9 { margin-top: 21.5px !important; } .mr-sm-9, .mx-sm-9 { margin-right: 21.5px !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 21.5px !important; } .ml-sm-9, .mx-sm-9 { margin-left: 21.5px !important; } .m-sm-10 { margin: 25px !important; } .mt-sm-10, .my-sm-10 { margin-top: 25px !important; } .mr-sm-10, .mx-sm-10 { margin-right: 25px !important; } .mb-sm-10, .my-sm-10 { margin-bottom: 25px !important; } .ml-sm-10, .mx-sm-10 { margin-left: 25px !important; } .m-sm-11 { margin: 27.5px !important; } .mt-sm-11, .my-sm-11 { margin-top: 27.5px !important; } .mr-sm-11, .mx-sm-11 { margin-right: 27.5px !important; } .mb-sm-11, .my-sm-11 { margin-bottom: 27.5px !important; } .ml-sm-11, .mx-sm-11 { margin-left: 27.5px !important; } .m-sm-12 { margin: 30px !important; } .mt-sm-12, .my-sm-12 { margin-top: 30px !important; } .mr-sm-12, .mx-sm-12 { margin-right: 30px !important; } .mb-sm-12, .my-sm-12 { margin-bottom: 30px !important; } .ml-sm-12, .mx-sm-12 { margin-left: 30px !important; } .m-sm-13 { margin: 32.5px !important; } .mt-sm-13, .my-sm-13 { margin-top: 32.5px !important; } .mr-sm-13, .mx-sm-13 { margin-right: 32.5px !important; } .mb-sm-13, .my-sm-13 { margin-bottom: 32.5px !important; } .ml-sm-13, .mx-sm-13 { margin-left: 32.5px !important; } .m-sm-14 { margin: 35px !important; } .mt-sm-14, .my-sm-14 { margin-top: 35px !important; } .mr-sm-14, .mx-sm-14 { margin-right: 35px !important; } .mb-sm-14, .my-sm-14 { margin-bottom: 35px !important; } .ml-sm-14, .mx-sm-14 { margin-left: 35px !important; } .m-sm-15 { margin: 37.5px !important; } .mt-sm-15, .my-sm-15 { margin-top: 37.5px !important; } .mr-sm-15, .mx-sm-15 { margin-right: 37.5px !important; } .mb-sm-15, .my-sm-15 { margin-bottom: 37.5px !important; } .ml-sm-15, .mx-sm-15 { margin-left: 37.5px !important; } .m-sm-16 { margin: 40px !important; } .mt-sm-16, .my-sm-16 { margin-top: 40px !important; } .mr-sm-16, .mx-sm-16 { margin-right: 40px !important; } .mb-sm-16, .my-sm-16 { margin-bottom: 40px !important; } .ml-sm-16, .mx-sm-16 { margin-left: 40px !important; } .m-sm-17 { margin: 50px !important; } .mt-sm-17, .my-sm-17 { margin-top: 50px !important; } .mr-sm-17, .mx-sm-17 { margin-right: 50px !important; } .mb-sm-17, .my-sm-17 { margin-bottom: 50px !important; } .ml-sm-17, .mx-sm-17 { margin-left: 50px !important; } .m-sm-18 { margin: 60px !important; } .mt-sm-18, .my-sm-18 { margin-top: 60px !important; } .mr-sm-18, .mx-sm-18 { margin-right: 60px !important; } .mb-sm-18, .my-sm-18 { margin-bottom: 60px !important; } .ml-sm-18, .mx-sm-18 { margin-left: 60px !important; } .m-sm-19 { margin: 70px !important; } .mt-sm-19, .my-sm-19 { margin-top: 70px !important; } .mr-sm-19, .mx-sm-19 { margin-right: 70px !important; } .mb-sm-19, .my-sm-19 { margin-bottom: 70px !important; } .ml-sm-19, .mx-sm-19 { margin-left: 70px !important; } .m-sm-20 { margin: 80px !important; } .mt-sm-20, .my-sm-20 { margin-top: 80px !important; } .mr-sm-20, .mx-sm-20 { margin-right: 80px !important; } .mb-sm-20, .my-sm-20 { margin-bottom: 80px !important; } .ml-sm-20, .mx-sm-20 { margin-left: 80px !important; } .m-sm-21 { margin: 120px !important; } .mt-sm-21, .my-sm-21 { margin-top: 120px !important; } .mr-sm-21, .mx-sm-21 { margin-right: 120px !important; } .mb-sm-21, .my-sm-21 { margin-bottom: 120px !important; } .ml-sm-21, .mx-sm-21 { margin-left: 120px !important; } .m-sm-22 { margin: 150px !important; } .mt-sm-22, .my-sm-22 { margin-top: 150px !important; } .mr-sm-22, .mx-sm-22 { margin-right: 150px !important; } .mb-sm-22, .my-sm-22 { margin-bottom: 150px !important; } .ml-sm-22, .mx-sm-22 { margin-left: 150px !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-1px { padding: 1px !important; } .pt-sm-1px, .py-sm-1px { padding-top: 1px !important; } .pr-sm-1px, .px-sm-1px { padding-right: 1px !important; } .pb-sm-1px, .py-sm-1px { padding-bottom: 1px !important; } .pl-sm-1px, .px-sm-1px { padding-left: 1px !important; } .p-sm-1 { padding: 2.5px !important; } .pt-sm-1, .py-sm-1 { padding-top: 2.5px !important; } .pr-sm-1, .px-sm-1 { padding-right: 2.5px !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 2.5px !important; } .pl-sm-1, .px-sm-1 { padding-left: 2.5px !important; } .p-sm-2 { padding: 5px !important; } .pt-sm-2, .py-sm-2 { padding-top: 5px !important; } .pr-sm-2, .px-sm-2 { padding-right: 5px !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 5px !important; } .pl-sm-2, .px-sm-2 { padding-left: 5px !important; } .p-sm-3 { padding: 7.5px !important; } .pt-sm-3, .py-sm-3 { padding-top: 7.5px !important; } .pr-sm-3, .px-sm-3 { padding-right: 7.5px !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 7.5px !important; } .pl-sm-3, .px-sm-3 { padding-left: 7.5px !important; } .p-sm-4 { padding: 10px !important; } .pt-sm-4, .py-sm-4 { padding-top: 10px !important; } .pr-sm-4, .px-sm-4 { padding-right: 10px !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 10px !important; } .pl-sm-4, .px-sm-4 { padding-left: 10px !important; } .p-sm-5 { padding: 12.5px !important; } .pt-sm-5, .py-sm-5 { padding-top: 12.5px !important; } .pr-sm-5, .px-sm-5 { padding-right: 12.5px !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 12.5px !important; } .pl-sm-5, .px-sm-5 { padding-left: 12.5px !important; } .p-sm-6 { padding: 15px !important; } .pt-sm-6, .py-sm-6 { padding-top: 15px !important; } .pr-sm-6, .px-sm-6 { padding-right: 15px !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 15px !important; } .pl-sm-6, .px-sm-6 { padding-left: 15px !important; } .p-sm-7 { padding: 17.5px !important; } .pt-sm-7, .py-sm-7 { padding-top: 17.5px !important; } .pr-sm-7, .px-sm-7 { padding-right: 17.5px !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 17.5px !important; } .pl-sm-7, .px-sm-7 { padding-left: 17.5px !important; } .p-sm-8 { padding: 20px !important; } .pt-sm-8, .py-sm-8 { padding-top: 20px !important; } .pr-sm-8, .px-sm-8 { padding-right: 20px !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 20px !important; } .pl-sm-8, .px-sm-8 { padding-left: 20px !important; } .p-sm-9 { padding: 21.5px !important; } .pt-sm-9, .py-sm-9 { padding-top: 21.5px !important; } .pr-sm-9, .px-sm-9 { padding-right: 21.5px !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 21.5px !important; } .pl-sm-9, .px-sm-9 { padding-left: 21.5px !important; } .p-sm-10 { padding: 25px !important; } .pt-sm-10, .py-sm-10 { padding-top: 25px !important; } .pr-sm-10, .px-sm-10 { padding-right: 25px !important; } .pb-sm-10, .py-sm-10 { padding-bottom: 25px !important; } .pl-sm-10, .px-sm-10 { padding-left: 25px !important; } .p-sm-11 { padding: 27.5px !important; } .pt-sm-11, .py-sm-11 { padding-top: 27.5px !important; } .pr-sm-11, .px-sm-11 { padding-right: 27.5px !important; } .pb-sm-11, .py-sm-11 { padding-bottom: 27.5px !important; } .pl-sm-11, .px-sm-11 { padding-left: 27.5px !important; } .p-sm-12 { padding: 30px !important; } .pt-sm-12, .py-sm-12 { padding-top: 30px !important; } .pr-sm-12, .px-sm-12 { padding-right: 30px !important; } .pb-sm-12, .py-sm-12 { padding-bottom: 30px !important; } .pl-sm-12, .px-sm-12 { padding-left: 30px !important; } .p-sm-13 { padding: 32.5px !important; } .pt-sm-13, .py-sm-13 { padding-top: 32.5px !important; } .pr-sm-13, .px-sm-13 { padding-right: 32.5px !important; } .pb-sm-13, .py-sm-13 { padding-bottom: 32.5px !important; } .pl-sm-13, .px-sm-13 { padding-left: 32.5px !important; } .p-sm-14 { padding: 35px !important; } .pt-sm-14, .py-sm-14 { padding-top: 35px !important; } .pr-sm-14, .px-sm-14 { padding-right: 35px !important; } .pb-sm-14, .py-sm-14 { padding-bottom: 35px !important; } .pl-sm-14, .px-sm-14 { padding-left: 35px !important; } .p-sm-15 { padding: 37.5px !important; } .pt-sm-15, .py-sm-15 { padding-top: 37.5px !important; } .pr-sm-15, .px-sm-15 { padding-right: 37.5px !important; } .pb-sm-15, .py-sm-15 { padding-bottom: 37.5px !important; } .pl-sm-15, .px-sm-15 { padding-left: 37.5px !important; } .p-sm-16 { padding: 40px !important; } .pt-sm-16, .py-sm-16 { padding-top: 40px !important; } .pr-sm-16, .px-sm-16 { padding-right: 40px !important; } .pb-sm-16, .py-sm-16 { padding-bottom: 40px !important; } .pl-sm-16, .px-sm-16 { padding-left: 40px !important; } .p-sm-17 { padding: 50px !important; } .pt-sm-17, .py-sm-17 { padding-top: 50px !important; } .pr-sm-17, .px-sm-17 { padding-right: 50px !important; } .pb-sm-17, .py-sm-17 { padding-bottom: 50px !important; } .pl-sm-17, .px-sm-17 { padding-left: 50px !important; } .p-sm-18 { padding: 60px !important; } .pt-sm-18, .py-sm-18 { padding-top: 60px !important; } .pr-sm-18, .px-sm-18 { padding-right: 60px !important; } .pb-sm-18, .py-sm-18 { padding-bottom: 60px !important; } .pl-sm-18, .px-sm-18 { padding-left: 60px !important; } .p-sm-19 { padding: 70px !important; } .pt-sm-19, .py-sm-19 { padding-top: 70px !important; } .pr-sm-19, .px-sm-19 { padding-right: 70px !important; } .pb-sm-19, .py-sm-19 { padding-bottom: 70px !important; } .pl-sm-19, .px-sm-19 { padding-left: 70px !important; } .p-sm-20 { padding: 80px !important; } .pt-sm-20, .py-sm-20 { padding-top: 80px !important; } .pr-sm-20, .px-sm-20 { padding-right: 80px !important; } .pb-sm-20, .py-sm-20 { padding-bottom: 80px !important; } .pl-sm-20, .px-sm-20 { padding-left: 80px !important; } .p-sm-21 { padding: 120px !important; } .pt-sm-21, .py-sm-21 { padding-top: 120px !important; } .pr-sm-21, .px-sm-21 { padding-right: 120px !important; } .pb-sm-21, .py-sm-21 { padding-bottom: 120px !important; } .pl-sm-21, .px-sm-21 { padding-left: 120px !important; } .p-sm-22 { padding: 150px !important; } .pt-sm-22, .py-sm-22 { padding-top: 150px !important; } .pr-sm-22, .px-sm-22 { padding-right: 150px !important; } .pb-sm-22, .py-sm-22 { padding-bottom: 150px !important; } .pl-sm-22, .px-sm-22 { padding-left: 150px !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--3 { margin: -7.5px !important; } .mt-md--3, .my-md--3 { margin-top: -7.5px !important; } .mr-md--3, .mx-md--3 { margin-right: -7.5px !important; } .mb-md--3, .my-md--3 { margin-bottom: -7.5px !important; } .ml-md--3, .mx-md--3 { margin-left: -7.5px !important; } .m-md--2 { margin: -5px !important; } .mt-md--2, .my-md--2 { margin-top: -5px !important; } .mr-md--2, .mx-md--2 { margin-right: -5px !important; } .mb-md--2, .my-md--2 { margin-bottom: -5px !important; } .ml-md--2, .mx-md--2 { margin-left: -5px !important; } .m-md--1 { margin: -2.5px !important; } .mt-md--1, .my-md--1 { margin-top: -2.5px !important; } .mr-md--1, .mx-md--1 { margin-right: -2.5px !important; } .mb-md--1, .my-md--1 { margin-bottom: -2.5px !important; } .ml-md--1, .mx-md--1 { margin-left: -2.5px !important; } .m-md--1px { margin: -1px !important; } .mt-md--1px, .my-md--1px { margin-top: -1px !important; } .mr-md--1px, .mx-md--1px { margin-right: -1px !important; } .mb-md--1px, .my-md--1px { margin-bottom: -1px !important; } .ml-md--1px, .mx-md--1px { margin-left: -1px !important; } .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-1px { margin: 1px !important; } .mt-md-1px, .my-md-1px { margin-top: 1px !important; } .mr-md-1px, .mx-md-1px { margin-right: 1px !important; } .mb-md-1px, .my-md-1px { margin-bottom: 1px !important; } .ml-md-1px, .mx-md-1px { margin-left: 1px !important; } .m-md-1 { margin: 2.5px !important; } .mt-md-1, .my-md-1 { margin-top: 2.5px !important; } .mr-md-1, .mx-md-1 { margin-right: 2.5px !important; } .mb-md-1, .my-md-1 { margin-bottom: 2.5px !important; } .ml-md-1, .mx-md-1 { margin-left: 2.5px !important; } .m-md-2 { margin: 5px !important; } .mt-md-2, .my-md-2 { margin-top: 5px !important; } .mr-md-2, .mx-md-2 { margin-right: 5px !important; } .mb-md-2, .my-md-2 { margin-bottom: 5px !important; } .ml-md-2, .mx-md-2 { margin-left: 5px !important; } .m-md-3 { margin: 7.5px !important; } .mt-md-3, .my-md-3 { margin-top: 7.5px !important; } .mr-md-3, .mx-md-3 { margin-right: 7.5px !important; } .mb-md-3, .my-md-3 { margin-bottom: 7.5px !important; } .ml-md-3, .mx-md-3 { margin-left: 7.5px !important; } .m-md-4 { margin: 10px !important; } .mt-md-4, .my-md-4 { margin-top: 10px !important; } .mr-md-4, .mx-md-4 { margin-right: 10px !important; } .mb-md-4, .my-md-4 { margin-bottom: 10px !important; } .ml-md-4, .mx-md-4 { margin-left: 10px !important; } .m-md-5 { margin: 12.5px !important; } .mt-md-5, .my-md-5 { margin-top: 12.5px !important; } .mr-md-5, .mx-md-5 { margin-right: 12.5px !important; } .mb-md-5, .my-md-5 { margin-bottom: 12.5px !important; } .ml-md-5, .mx-md-5 { margin-left: 12.5px !important; } .m-md-6 { margin: 15px !important; } .mt-md-6, .my-md-6 { margin-top: 15px !important; } .mr-md-6, .mx-md-6 { margin-right: 15px !important; } .mb-md-6, .my-md-6 { margin-bottom: 15px !important; } .ml-md-6, .mx-md-6 { margin-left: 15px !important; } .m-md-7 { margin: 17.5px !important; } .mt-md-7, .my-md-7 { margin-top: 17.5px !important; } .mr-md-7, .mx-md-7 { margin-right: 17.5px !important; } .mb-md-7, .my-md-7 { margin-bottom: 17.5px !important; } .ml-md-7, .mx-md-7 { margin-left: 17.5px !important; } .m-md-8 { margin: 20px !important; } .mt-md-8, .my-md-8 { margin-top: 20px !important; } .mr-md-8, .mx-md-8 { margin-right: 20px !important; } .mb-md-8, .my-md-8 { margin-bottom: 20px !important; } .ml-md-8, .mx-md-8 { margin-left: 20px !important; } .m-md-9 { margin: 21.5px !important; } .mt-md-9, .my-md-9 { margin-top: 21.5px !important; } .mr-md-9, .mx-md-9 { margin-right: 21.5px !important; } .mb-md-9, .my-md-9 { margin-bottom: 21.5px !important; } .ml-md-9, .mx-md-9 { margin-left: 21.5px !important; } .m-md-10 { margin: 25px !important; } .mt-md-10, .my-md-10 { margin-top: 25px !important; } .mr-md-10, .mx-md-10 { margin-right: 25px !important; } .mb-md-10, .my-md-10 { margin-bottom: 25px !important; } .ml-md-10, .mx-md-10 { margin-left: 25px !important; } .m-md-11 { margin: 27.5px !important; } .mt-md-11, .my-md-11 { margin-top: 27.5px !important; } .mr-md-11, .mx-md-11 { margin-right: 27.5px !important; } .mb-md-11, .my-md-11 { margin-bottom: 27.5px !important; } .ml-md-11, .mx-md-11 { margin-left: 27.5px !important; } .m-md-12 { margin: 30px !important; } .mt-md-12, .my-md-12 { margin-top: 30px !important; } .mr-md-12, .mx-md-12 { margin-right: 30px !important; } .mb-md-12, .my-md-12 { margin-bottom: 30px !important; } .ml-md-12, .mx-md-12 { margin-left: 30px !important; } .m-md-13 { margin: 32.5px !important; } .mt-md-13, .my-md-13 { margin-top: 32.5px !important; } .mr-md-13, .mx-md-13 { margin-right: 32.5px !important; } .mb-md-13, .my-md-13 { margin-bottom: 32.5px !important; } .ml-md-13, .mx-md-13 { margin-left: 32.5px !important; } .m-md-14 { margin: 35px !important; } .mt-md-14, .my-md-14 { margin-top: 35px !important; } .mr-md-14, .mx-md-14 { margin-right: 35px !important; } .mb-md-14, .my-md-14 { margin-bottom: 35px !important; } .ml-md-14, .mx-md-14 { margin-left: 35px !important; } .m-md-15 { margin: 37.5px !important; } .mt-md-15, .my-md-15 { margin-top: 37.5px !important; } .mr-md-15, .mx-md-15 { margin-right: 37.5px !important; } .mb-md-15, .my-md-15 { margin-bottom: 37.5px !important; } .ml-md-15, .mx-md-15 { margin-left: 37.5px !important; } .m-md-16 { margin: 40px !important; } .mt-md-16, .my-md-16 { margin-top: 40px !important; } .mr-md-16, .mx-md-16 { margin-right: 40px !important; } .mb-md-16, .my-md-16 { margin-bottom: 40px !important; } .ml-md-16, .mx-md-16 { margin-left: 40px !important; } .m-md-17 { margin: 50px !important; } .mt-md-17, .my-md-17 { margin-top: 50px !important; } .mr-md-17, .mx-md-17 { margin-right: 50px !important; } .mb-md-17, .my-md-17 { margin-bottom: 50px !important; } .ml-md-17, .mx-md-17 { margin-left: 50px !important; } .m-md-18 { margin: 60px !important; } .mt-md-18, .my-md-18 { margin-top: 60px !important; } .mr-md-18, .mx-md-18 { margin-right: 60px !important; } .mb-md-18, .my-md-18 { margin-bottom: 60px !important; } .ml-md-18, .mx-md-18 { margin-left: 60px !important; } .m-md-19 { margin: 70px !important; } .mt-md-19, .my-md-19 { margin-top: 70px !important; } .mr-md-19, .mx-md-19 { margin-right: 70px !important; } .mb-md-19, .my-md-19 { margin-bottom: 70px !important; } .ml-md-19, .mx-md-19 { margin-left: 70px !important; } .m-md-20 { margin: 80px !important; } .mt-md-20, .my-md-20 { margin-top: 80px !important; } .mr-md-20, .mx-md-20 { margin-right: 80px !important; } .mb-md-20, .my-md-20 { margin-bottom: 80px !important; } .ml-md-20, .mx-md-20 { margin-left: 80px !important; } .m-md-21 { margin: 120px !important; } .mt-md-21, .my-md-21 { margin-top: 120px !important; } .mr-md-21, .mx-md-21 { margin-right: 120px !important; } .mb-md-21, .my-md-21 { margin-bottom: 120px !important; } .ml-md-21, .mx-md-21 { margin-left: 120px !important; } .m-md-22 { margin: 150px !important; } .mt-md-22, .my-md-22 { margin-top: 150px !important; } .mr-md-22, .mx-md-22 { margin-right: 150px !important; } .mb-md-22, .my-md-22 { margin-bottom: 150px !important; } .ml-md-22, .mx-md-22 { margin-left: 150px !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-1px { padding: 1px !important; } .pt-md-1px, .py-md-1px { padding-top: 1px !important; } .pr-md-1px, .px-md-1px { padding-right: 1px !important; } .pb-md-1px, .py-md-1px { padding-bottom: 1px !important; } .pl-md-1px, .px-md-1px { padding-left: 1px !important; } .p-md-1 { padding: 2.5px !important; } .pt-md-1, .py-md-1 { padding-top: 2.5px !important; } .pr-md-1, .px-md-1 { padding-right: 2.5px !important; } .pb-md-1, .py-md-1 { padding-bottom: 2.5px !important; } .pl-md-1, .px-md-1 { padding-left: 2.5px !important; } .p-md-2 { padding: 5px !important; } .pt-md-2, .py-md-2 { padding-top: 5px !important; } .pr-md-2, .px-md-2 { padding-right: 5px !important; } .pb-md-2, .py-md-2 { padding-bottom: 5px !important; } .pl-md-2, .px-md-2 { padding-left: 5px !important; } .p-md-3 { padding: 7.5px !important; } .pt-md-3, .py-md-3 { padding-top: 7.5px !important; } .pr-md-3, .px-md-3 { padding-right: 7.5px !important; } .pb-md-3, .py-md-3 { padding-bottom: 7.5px !important; } .pl-md-3, .px-md-3 { padding-left: 7.5px !important; } .p-md-4 { padding: 10px !important; } .pt-md-4, .py-md-4 { padding-top: 10px !important; } .pr-md-4, .px-md-4 { padding-right: 10px !important; } .pb-md-4, .py-md-4 { padding-bottom: 10px !important; } .pl-md-4, .px-md-4 { padding-left: 10px !important; } .p-md-5 { padding: 12.5px !important; } .pt-md-5, .py-md-5 { padding-top: 12.5px !important; } .pr-md-5, .px-md-5 { padding-right: 12.5px !important; } .pb-md-5, .py-md-5 { padding-bottom: 12.5px !important; } .pl-md-5, .px-md-5 { padding-left: 12.5px !important; } .p-md-6 { padding: 15px !important; } .pt-md-6, .py-md-6 { padding-top: 15px !important; } .pr-md-6, .px-md-6 { padding-right: 15px !important; } .pb-md-6, .py-md-6 { padding-bottom: 15px !important; } .pl-md-6, .px-md-6 { padding-left: 15px !important; } .p-md-7 { padding: 17.5px !important; } .pt-md-7, .py-md-7 { padding-top: 17.5px !important; } .pr-md-7, .px-md-7 { padding-right: 17.5px !important; } .pb-md-7, .py-md-7 { padding-bottom: 17.5px !important; } .pl-md-7, .px-md-7 { padding-left: 17.5px !important; } .p-md-8 { padding: 20px !important; } .pt-md-8, .py-md-8 { padding-top: 20px !important; } .pr-md-8, .px-md-8 { padding-right: 20px !important; } .pb-md-8, .py-md-8 { padding-bottom: 20px !important; } .pl-md-8, .px-md-8 { padding-left: 20px !important; } .p-md-9 { padding: 21.5px !important; } .pt-md-9, .py-md-9 { padding-top: 21.5px !important; } .pr-md-9, .px-md-9 { padding-right: 21.5px !important; } .pb-md-9, .py-md-9 { padding-bottom: 21.5px !important; } .pl-md-9, .px-md-9 { padding-left: 21.5px !important; } .p-md-10 { padding: 25px !important; } .pt-md-10, .py-md-10 { padding-top: 25px !important; } .pr-md-10, .px-md-10 { padding-right: 25px !important; } .pb-md-10, .py-md-10 { padding-bottom: 25px !important; } .pl-md-10, .px-md-10 { padding-left: 25px !important; } .p-md-11 { padding: 27.5px !important; } .pt-md-11, .py-md-11 { padding-top: 27.5px !important; } .pr-md-11, .px-md-11 { padding-right: 27.5px !important; } .pb-md-11, .py-md-11 { padding-bottom: 27.5px !important; } .pl-md-11, .px-md-11 { padding-left: 27.5px !important; } .p-md-12 { padding: 30px !important; } .pt-md-12, .py-md-12 { padding-top: 30px !important; } .pr-md-12, .px-md-12 { padding-right: 30px !important; } .pb-md-12, .py-md-12 { padding-bottom: 30px !important; } .pl-md-12, .px-md-12 { padding-left: 30px !important; } .p-md-13 { padding: 32.5px !important; } .pt-md-13, .py-md-13 { padding-top: 32.5px !important; } .pr-md-13, .px-md-13 { padding-right: 32.5px !important; } .pb-md-13, .py-md-13 { padding-bottom: 32.5px !important; } .pl-md-13, .px-md-13 { padding-left: 32.5px !important; } .p-md-14 { padding: 35px !important; } .pt-md-14, .py-md-14 { padding-top: 35px !important; } .pr-md-14, .px-md-14 { padding-right: 35px !important; } .pb-md-14, .py-md-14 { padding-bottom: 35px !important; } .pl-md-14, .px-md-14 { padding-left: 35px !important; } .p-md-15 { padding: 37.5px !important; } .pt-md-15, .py-md-15 { padding-top: 37.5px !important; } .pr-md-15, .px-md-15 { padding-right: 37.5px !important; } .pb-md-15, .py-md-15 { padding-bottom: 37.5px !important; } .pl-md-15, .px-md-15 { padding-left: 37.5px !important; } .p-md-16 { padding: 40px !important; } .pt-md-16, .py-md-16 { padding-top: 40px !important; } .pr-md-16, .px-md-16 { padding-right: 40px !important; } .pb-md-16, .py-md-16 { padding-bottom: 40px !important; } .pl-md-16, .px-md-16 { padding-left: 40px !important; } .p-md-17 { padding: 50px !important; } .pt-md-17, .py-md-17 { padding-top: 50px !important; } .pr-md-17, .px-md-17 { padding-right: 50px !important; } .pb-md-17, .py-md-17 { padding-bottom: 50px !important; } .pl-md-17, .px-md-17 { padding-left: 50px !important; } .p-md-18 { padding: 60px !important; } .pt-md-18, .py-md-18 { padding-top: 60px !important; } .pr-md-18, .px-md-18 { padding-right: 60px !important; } .pb-md-18, .py-md-18 { padding-bottom: 60px !important; } .pl-md-18, .px-md-18 { padding-left: 60px !important; } .p-md-19 { padding: 70px !important; } .pt-md-19, .py-md-19 { padding-top: 70px !important; } .pr-md-19, .px-md-19 { padding-right: 70px !important; } .pb-md-19, .py-md-19 { padding-bottom: 70px !important; } .pl-md-19, .px-md-19 { padding-left: 70px !important; } .p-md-20 { padding: 80px !important; } .pt-md-20, .py-md-20 { padding-top: 80px !important; } .pr-md-20, .px-md-20 { padding-right: 80px !important; } .pb-md-20, .py-md-20 { padding-bottom: 80px !important; } .pl-md-20, .px-md-20 { padding-left: 80px !important; } .p-md-21 { padding: 120px !important; } .pt-md-21, .py-md-21 { padding-top: 120px !important; } .pr-md-21, .px-md-21 { padding-right: 120px !important; } .pb-md-21, .py-md-21 { padding-bottom: 120px !important; } .pl-md-21, .px-md-21 { padding-left: 120px !important; } .p-md-22 { padding: 150px !important; } .pt-md-22, .py-md-22 { padding-top: 150px !important; } .pr-md-22, .px-md-22 { padding-right: 150px !important; } .pb-md-22, .py-md-22 { padding-bottom: 150px !important; } .pl-md-22, .px-md-22 { padding-left: 150px !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--3 { margin: -7.5px !important; } .mt-lg--3, .my-lg--3 { margin-top: -7.5px !important; } .mr-lg--3, .mx-lg--3 { margin-right: -7.5px !important; } .mb-lg--3, .my-lg--3 { margin-bottom: -7.5px !important; } .ml-lg--3, .mx-lg--3 { margin-left: -7.5px !important; } .m-lg--2 { margin: -5px !important; } .mt-lg--2, .my-lg--2 { margin-top: -5px !important; } .mr-lg--2, .mx-lg--2 { margin-right: -5px !important; } .mb-lg--2, .my-lg--2 { margin-bottom: -5px !important; } .ml-lg--2, .mx-lg--2 { margin-left: -5px !important; } .m-lg--1 { margin: -2.5px !important; } .mt-lg--1, .my-lg--1 { margin-top: -2.5px !important; } .mr-lg--1, .mx-lg--1 { margin-right: -2.5px !important; } .mb-lg--1, .my-lg--1 { margin-bottom: -2.5px !important; } .ml-lg--1, .mx-lg--1 { margin-left: -2.5px !important; } .m-lg--1px { margin: -1px !important; } .mt-lg--1px, .my-lg--1px { margin-top: -1px !important; } .mr-lg--1px, .mx-lg--1px { margin-right: -1px !important; } .mb-lg--1px, .my-lg--1px { margin-bottom: -1px !important; } .ml-lg--1px, .mx-lg--1px { margin-left: -1px !important; } .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-1px { margin: 1px !important; } .mt-lg-1px, .my-lg-1px { margin-top: 1px !important; } .mr-lg-1px, .mx-lg-1px { margin-right: 1px !important; } .mb-lg-1px, .my-lg-1px { margin-bottom: 1px !important; } .ml-lg-1px, .mx-lg-1px { margin-left: 1px !important; } .m-lg-1 { margin: 2.5px !important; } .mt-lg-1, .my-lg-1 { margin-top: 2.5px !important; } .mr-lg-1, .mx-lg-1 { margin-right: 2.5px !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 2.5px !important; } .ml-lg-1, .mx-lg-1 { margin-left: 2.5px !important; } .m-lg-2 { margin: 5px !important; } .mt-lg-2, .my-lg-2 { margin-top: 5px !important; } .mr-lg-2, .mx-lg-2 { margin-right: 5px !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 5px !important; } .ml-lg-2, .mx-lg-2 { margin-left: 5px !important; } .m-lg-3 { margin: 7.5px !important; } .mt-lg-3, .my-lg-3 { margin-top: 7.5px !important; } .mr-lg-3, .mx-lg-3 { margin-right: 7.5px !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 7.5px !important; } .ml-lg-3, .mx-lg-3 { margin-left: 7.5px !important; } .m-lg-4 { margin: 10px !important; } .mt-lg-4, .my-lg-4 { margin-top: 10px !important; } .mr-lg-4, .mx-lg-4 { margin-right: 10px !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 10px !important; } .ml-lg-4, .mx-lg-4 { margin-left: 10px !important; } .m-lg-5 { margin: 12.5px !important; } .mt-lg-5, .my-lg-5 { margin-top: 12.5px !important; } .mr-lg-5, .mx-lg-5 { margin-right: 12.5px !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 12.5px !important; } .ml-lg-5, .mx-lg-5 { margin-left: 12.5px !important; } .m-lg-6 { margin: 15px !important; } .mt-lg-6, .my-lg-6 { margin-top: 15px !important; } .mr-lg-6, .mx-lg-6 { margin-right: 15px !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 15px !important; } .ml-lg-6, .mx-lg-6 { margin-left: 15px !important; } .m-lg-7 { margin: 17.5px !important; } .mt-lg-7, .my-lg-7 { margin-top: 17.5px !important; } .mr-lg-7, .mx-lg-7 { margin-right: 17.5px !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 17.5px !important; } .ml-lg-7, .mx-lg-7 { margin-left: 17.5px !important; } .m-lg-8 { margin: 20px !important; } .mt-lg-8, .my-lg-8 { margin-top: 20px !important; } .mr-lg-8, .mx-lg-8 { margin-right: 20px !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 20px !important; } .ml-lg-8, .mx-lg-8 { margin-left: 20px !important; } .m-lg-9 { margin: 21.5px !important; } .mt-lg-9, .my-lg-9 { margin-top: 21.5px !important; } .mr-lg-9, .mx-lg-9 { margin-right: 21.5px !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 21.5px !important; } .ml-lg-9, .mx-lg-9 { margin-left: 21.5px !important; } .m-lg-10 { margin: 25px !important; } .mt-lg-10, .my-lg-10 { margin-top: 25px !important; } .mr-lg-10, .mx-lg-10 { margin-right: 25px !important; } .mb-lg-10, .my-lg-10 { margin-bottom: 25px !important; } .ml-lg-10, .mx-lg-10 { margin-left: 25px !important; } .m-lg-11 { margin: 27.5px !important; } .mt-lg-11, .my-lg-11 { margin-top: 27.5px !important; } .mr-lg-11, .mx-lg-11 { margin-right: 27.5px !important; } .mb-lg-11, .my-lg-11 { margin-bottom: 27.5px !important; } .ml-lg-11, .mx-lg-11 { margin-left: 27.5px !important; } .m-lg-12 { margin: 30px !important; } .mt-lg-12, .my-lg-12 { margin-top: 30px !important; } .mr-lg-12, .mx-lg-12 { margin-right: 30px !important; } .mb-lg-12, .my-lg-12 { margin-bottom: 30px !important; } .ml-lg-12, .mx-lg-12 { margin-left: 30px !important; } .m-lg-13 { margin: 32.5px !important; } .mt-lg-13, .my-lg-13 { margin-top: 32.5px !important; } .mr-lg-13, .mx-lg-13 { margin-right: 32.5px !important; } .mb-lg-13, .my-lg-13 { margin-bottom: 32.5px !important; } .ml-lg-13, .mx-lg-13 { margin-left: 32.5px !important; } .m-lg-14 { margin: 35px !important; } .mt-lg-14, .my-lg-14 { margin-top: 35px !important; } .mr-lg-14, .mx-lg-14 { margin-right: 35px !important; } .mb-lg-14, .my-lg-14 { margin-bottom: 35px !important; } .ml-lg-14, .mx-lg-14 { margin-left: 35px !important; } .m-lg-15 { margin: 37.5px !important; } .mt-lg-15, .my-lg-15 { margin-top: 37.5px !important; } .mr-lg-15, .mx-lg-15 { margin-right: 37.5px !important; } .mb-lg-15, .my-lg-15 { margin-bottom: 37.5px !important; } .ml-lg-15, .mx-lg-15 { margin-left: 37.5px !important; } .m-lg-16 { margin: 40px !important; } .mt-lg-16, .my-lg-16 { margin-top: 40px !important; } .mr-lg-16, .mx-lg-16 { margin-right: 40px !important; } .mb-lg-16, .my-lg-16 { margin-bottom: 40px !important; } .ml-lg-16, .mx-lg-16 { margin-left: 40px !important; } .m-lg-17 { margin: 50px !important; } .mt-lg-17, .my-lg-17 { margin-top: 50px !important; } .mr-lg-17, .mx-lg-17 { margin-right: 50px !important; } .mb-lg-17, .my-lg-17 { margin-bottom: 50px !important; } .ml-lg-17, .mx-lg-17 { margin-left: 50px !important; } .m-lg-18 { margin: 60px !important; } .mt-lg-18, .my-lg-18 { margin-top: 60px !important; } .mr-lg-18, .mx-lg-18 { margin-right: 60px !important; } .mb-lg-18, .my-lg-18 { margin-bottom: 60px !important; } .ml-lg-18, .mx-lg-18 { margin-left: 60px !important; } .m-lg-19 { margin: 70px !important; } .mt-lg-19, .my-lg-19 { margin-top: 70px !important; } .mr-lg-19, .mx-lg-19 { margin-right: 70px !important; } .mb-lg-19, .my-lg-19 { margin-bottom: 70px !important; } .ml-lg-19, .mx-lg-19 { margin-left: 70px !important; } .m-lg-20 { margin: 80px !important; } .mt-lg-20, .my-lg-20 { margin-top: 80px !important; } .mr-lg-20, .mx-lg-20 { margin-right: 80px !important; } .mb-lg-20, .my-lg-20 { margin-bottom: 80px !important; } .ml-lg-20, .mx-lg-20 { margin-left: 80px !important; } .m-lg-21 { margin: 120px !important; } .mt-lg-21, .my-lg-21 { margin-top: 120px !important; } .mr-lg-21, .mx-lg-21 { margin-right: 120px !important; } .mb-lg-21, .my-lg-21 { margin-bottom: 120px !important; } .ml-lg-21, .mx-lg-21 { margin-left: 120px !important; } .m-lg-22 { margin: 150px !important; } .mt-lg-22, .my-lg-22 { margin-top: 150px !important; } .mr-lg-22, .mx-lg-22 { margin-right: 150px !important; } .mb-lg-22, .my-lg-22 { margin-bottom: 150px !important; } .ml-lg-22, .mx-lg-22 { margin-left: 150px !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-1px { padding: 1px !important; } .pt-lg-1px, .py-lg-1px { padding-top: 1px !important; } .pr-lg-1px, .px-lg-1px { padding-right: 1px !important; } .pb-lg-1px, .py-lg-1px { padding-bottom: 1px !important; } .pl-lg-1px, .px-lg-1px { padding-left: 1px !important; } .p-lg-1 { padding: 2.5px !important; } .pt-lg-1, .py-lg-1 { padding-top: 2.5px !important; } .pr-lg-1, .px-lg-1 { padding-right: 2.5px !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 2.5px !important; } .pl-lg-1, .px-lg-1 { padding-left: 2.5px !important; } .p-lg-2 { padding: 5px !important; } .pt-lg-2, .py-lg-2 { padding-top: 5px !important; } .pr-lg-2, .px-lg-2 { padding-right: 5px !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 5px !important; } .pl-lg-2, .px-lg-2 { padding-left: 5px !important; } .p-lg-3 { padding: 7.5px !important; } .pt-lg-3, .py-lg-3 { padding-top: 7.5px !important; } .pr-lg-3, .px-lg-3 { padding-right: 7.5px !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 7.5px !important; } .pl-lg-3, .px-lg-3 { padding-left: 7.5px !important; } .p-lg-4 { padding: 10px !important; } .pt-lg-4, .py-lg-4 { padding-top: 10px !important; } .pr-lg-4, .px-lg-4 { padding-right: 10px !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 10px !important; } .pl-lg-4, .px-lg-4 { padding-left: 10px !important; } .p-lg-5 { padding: 12.5px !important; } .pt-lg-5, .py-lg-5 { padding-top: 12.5px !important; } .pr-lg-5, .px-lg-5 { padding-right: 12.5px !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 12.5px !important; } .pl-lg-5, .px-lg-5 { padding-left: 12.5px !important; } .p-lg-6 { padding: 15px !important; } .pt-lg-6, .py-lg-6 { padding-top: 15px !important; } .pr-lg-6, .px-lg-6 { padding-right: 15px !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 15px !important; } .pl-lg-6, .px-lg-6 { padding-left: 15px !important; } .p-lg-7 { padding: 17.5px !important; } .pt-lg-7, .py-lg-7 { padding-top: 17.5px !important; } .pr-lg-7, .px-lg-7 { padding-right: 17.5px !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 17.5px !important; } .pl-lg-7, .px-lg-7 { padding-left: 17.5px !important; } .p-lg-8 { padding: 20px !important; } .pt-lg-8, .py-lg-8 { padding-top: 20px !important; } .pr-lg-8, .px-lg-8 { padding-right: 20px !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 20px !important; } .pl-lg-8, .px-lg-8 { padding-left: 20px !important; } .p-lg-9 { padding: 21.5px !important; } .pt-lg-9, .py-lg-9 { padding-top: 21.5px !important; } .pr-lg-9, .px-lg-9 { padding-right: 21.5px !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 21.5px !important; } .pl-lg-9, .px-lg-9 { padding-left: 21.5px !important; } .p-lg-10 { padding: 25px !important; } .pt-lg-10, .py-lg-10 { padding-top: 25px !important; } .pr-lg-10, .px-lg-10 { padding-right: 25px !important; } .pb-lg-10, .py-lg-10 { padding-bottom: 25px !important; } .pl-lg-10, .px-lg-10 { padding-left: 25px !important; } .p-lg-11 { padding: 27.5px !important; } .pt-lg-11, .py-lg-11 { padding-top: 27.5px !important; } .pr-lg-11, .px-lg-11 { padding-right: 27.5px !important; } .pb-lg-11, .py-lg-11 { padding-bottom: 27.5px !important; } .pl-lg-11, .px-lg-11 { padding-left: 27.5px !important; } .p-lg-12 { padding: 30px !important; } .pt-lg-12, .py-lg-12 { padding-top: 30px !important; } .pr-lg-12, .px-lg-12 { padding-right: 30px !important; } .pb-lg-12, .py-lg-12 { padding-bottom: 30px !important; } .pl-lg-12, .px-lg-12 { padding-left: 30px !important; } .p-lg-13 { padding: 32.5px !important; } .pt-lg-13, .py-lg-13 { padding-top: 32.5px !important; } .pr-lg-13, .px-lg-13 { padding-right: 32.5px !important; } .pb-lg-13, .py-lg-13 { padding-bottom: 32.5px !important; } .pl-lg-13, .px-lg-13 { padding-left: 32.5px !important; } .p-lg-14 { padding: 35px !important; } .pt-lg-14, .py-lg-14 { padding-top: 35px !important; } .pr-lg-14, .px-lg-14 { padding-right: 35px !important; } .pb-lg-14, .py-lg-14 { padding-bottom: 35px !important; } .pl-lg-14, .px-lg-14 { padding-left: 35px !important; } .p-lg-15 { padding: 37.5px !important; } .pt-lg-15, .py-lg-15 { padding-top: 37.5px !important; } .pr-lg-15, .px-lg-15 { padding-right: 37.5px !important; } .pb-lg-15, .py-lg-15 { padding-bottom: 37.5px !important; } .pl-lg-15, .px-lg-15 { padding-left: 37.5px !important; } .p-lg-16 { padding: 40px !important; } .pt-lg-16, .py-lg-16 { padding-top: 40px !important; } .pr-lg-16, .px-lg-16 { padding-right: 40px !important; } .pb-lg-16, .py-lg-16 { padding-bottom: 40px !important; } .pl-lg-16, .px-lg-16 { padding-left: 40px !important; } .p-lg-17 { padding: 50px !important; } .pt-lg-17, .py-lg-17 { padding-top: 50px !important; } .pr-lg-17, .px-lg-17 { padding-right: 50px !important; } .pb-lg-17, .py-lg-17 { padding-bottom: 50px !important; } .pl-lg-17, .px-lg-17 { padding-left: 50px !important; } .p-lg-18 { padding: 60px !important; } .pt-lg-18, .py-lg-18 { padding-top: 60px !important; } .pr-lg-18, .px-lg-18 { padding-right: 60px !important; } .pb-lg-18, .py-lg-18 { padding-bottom: 60px !important; } .pl-lg-18, .px-lg-18 { padding-left: 60px !important; } .p-lg-19 { padding: 70px !important; } .pt-lg-19, .py-lg-19 { padding-top: 70px !important; } .pr-lg-19, .px-lg-19 { padding-right: 70px !important; } .pb-lg-19, .py-lg-19 { padding-bottom: 70px !important; } .pl-lg-19, .px-lg-19 { padding-left: 70px !important; } .p-lg-20 { padding: 80px !important; } .pt-lg-20, .py-lg-20 { padding-top: 80px !important; } .pr-lg-20, .px-lg-20 { padding-right: 80px !important; } .pb-lg-20, .py-lg-20 { padding-bottom: 80px !important; } .pl-lg-20, .px-lg-20 { padding-left: 80px !important; } .p-lg-21 { padding: 120px !important; } .pt-lg-21, .py-lg-21 { padding-top: 120px !important; } .pr-lg-21, .px-lg-21 { padding-right: 120px !important; } .pb-lg-21, .py-lg-21 { padding-bottom: 120px !important; } .pl-lg-21, .px-lg-21 { padding-left: 120px !important; } .p-lg-22 { padding: 150px !important; } .pt-lg-22, .py-lg-22 { padding-top: 150px !important; } .pr-lg-22, .px-lg-22 { padding-right: 150px !important; } .pb-lg-22, .py-lg-22 { padding-bottom: 150px !important; } .pl-lg-22, .px-lg-22 { padding-left: 150px !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--3 { margin: -7.5px !important; } .mt-xl--3, .my-xl--3 { margin-top: -7.5px !important; } .mr-xl--3, .mx-xl--3 { margin-right: -7.5px !important; } .mb-xl--3, .my-xl--3 { margin-bottom: -7.5px !important; } .ml-xl--3, .mx-xl--3 { margin-left: -7.5px !important; } .m-xl--2 { margin: -5px !important; } .mt-xl--2, .my-xl--2 { margin-top: -5px !important; } .mr-xl--2, .mx-xl--2 { margin-right: -5px !important; } .mb-xl--2, .my-xl--2 { margin-bottom: -5px !important; } .ml-xl--2, .mx-xl--2 { margin-left: -5px !important; } .m-xl--1 { margin: -2.5px !important; } .mt-xl--1, .my-xl--1 { margin-top: -2.5px !important; } .mr-xl--1, .mx-xl--1 { margin-right: -2.5px !important; } .mb-xl--1, .my-xl--1 { margin-bottom: -2.5px !important; } .ml-xl--1, .mx-xl--1 { margin-left: -2.5px !important; } .m-xl--1px { margin: -1px !important; } .mt-xl--1px, .my-xl--1px { margin-top: -1px !important; } .mr-xl--1px, .mx-xl--1px { margin-right: -1px !important; } .mb-xl--1px, .my-xl--1px { margin-bottom: -1px !important; } .ml-xl--1px, .mx-xl--1px { margin-left: -1px !important; } .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-1px { margin: 1px !important; } .mt-xl-1px, .my-xl-1px { margin-top: 1px !important; } .mr-xl-1px, .mx-xl-1px { margin-right: 1px !important; } .mb-xl-1px, .my-xl-1px { margin-bottom: 1px !important; } .ml-xl-1px, .mx-xl-1px { margin-left: 1px !important; } .m-xl-1 { margin: 2.5px !important; } .mt-xl-1, .my-xl-1 { margin-top: 2.5px !important; } .mr-xl-1, .mx-xl-1 { margin-right: 2.5px !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 2.5px !important; } .ml-xl-1, .mx-xl-1 { margin-left: 2.5px !important; } .m-xl-2 { margin: 5px !important; } .mt-xl-2, .my-xl-2 { margin-top: 5px !important; } .mr-xl-2, .mx-xl-2 { margin-right: 5px !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 5px !important; } .ml-xl-2, .mx-xl-2 { margin-left: 5px !important; } .m-xl-3 { margin: 7.5px !important; } .mt-xl-3, .my-xl-3 { margin-top: 7.5px !important; } .mr-xl-3, .mx-xl-3 { margin-right: 7.5px !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 7.5px !important; } .ml-xl-3, .mx-xl-3 { margin-left: 7.5px !important; } .m-xl-4 { margin: 10px !important; } .mt-xl-4, .my-xl-4 { margin-top: 10px !important; } .mr-xl-4, .mx-xl-4 { margin-right: 10px !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 10px !important; } .ml-xl-4, .mx-xl-4 { margin-left: 10px !important; } .m-xl-5 { margin: 12.5px !important; } .mt-xl-5, .my-xl-5 { margin-top: 12.5px !important; } .mr-xl-5, .mx-xl-5 { margin-right: 12.5px !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 12.5px !important; } .ml-xl-5, .mx-xl-5 { margin-left: 12.5px !important; } .m-xl-6 { margin: 15px !important; } .mt-xl-6, .my-xl-6 { margin-top: 15px !important; } .mr-xl-6, .mx-xl-6 { margin-right: 15px !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 15px !important; } .ml-xl-6, .mx-xl-6 { margin-left: 15px !important; } .m-xl-7 { margin: 17.5px !important; } .mt-xl-7, .my-xl-7 { margin-top: 17.5px !important; } .mr-xl-7, .mx-xl-7 { margin-right: 17.5px !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 17.5px !important; } .ml-xl-7, .mx-xl-7 { margin-left: 17.5px !important; } .m-xl-8 { margin: 20px !important; } .mt-xl-8, .my-xl-8 { margin-top: 20px !important; } .mr-xl-8, .mx-xl-8 { margin-right: 20px !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 20px !important; } .ml-xl-8, .mx-xl-8 { margin-left: 20px !important; } .m-xl-9 { margin: 21.5px !important; } .mt-xl-9, .my-xl-9 { margin-top: 21.5px !important; } .mr-xl-9, .mx-xl-9 { margin-right: 21.5px !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 21.5px !important; } .ml-xl-9, .mx-xl-9 { margin-left: 21.5px !important; } .m-xl-10 { margin: 25px !important; } .mt-xl-10, .my-xl-10 { margin-top: 25px !important; } .mr-xl-10, .mx-xl-10 { margin-right: 25px !important; } .mb-xl-10, .my-xl-10 { margin-bottom: 25px !important; } .ml-xl-10, .mx-xl-10 { margin-left: 25px !important; } .m-xl-11 { margin: 27.5px !important; } .mt-xl-11, .my-xl-11 { margin-top: 27.5px !important; } .mr-xl-11, .mx-xl-11 { margin-right: 27.5px !important; } .mb-xl-11, .my-xl-11 { margin-bottom: 27.5px !important; } .ml-xl-11, .mx-xl-11 { margin-left: 27.5px !important; } .m-xl-12 { margin: 30px !important; } .mt-xl-12, .my-xl-12 { margin-top: 30px !important; } .mr-xl-12, .mx-xl-12 { margin-right: 30px !important; } .mb-xl-12, .my-xl-12 { margin-bottom: 30px !important; } .ml-xl-12, .mx-xl-12 { margin-left: 30px !important; } .m-xl-13 { margin: 32.5px !important; } .mt-xl-13, .my-xl-13 { margin-top: 32.5px !important; } .mr-xl-13, .mx-xl-13 { margin-right: 32.5px !important; } .mb-xl-13, .my-xl-13 { margin-bottom: 32.5px !important; } .ml-xl-13, .mx-xl-13 { margin-left: 32.5px !important; } .m-xl-14 { margin: 35px !important; } .mt-xl-14, .my-xl-14 { margin-top: 35px !important; } .mr-xl-14, .mx-xl-14 { margin-right: 35px !important; } .mb-xl-14, .my-xl-14 { margin-bottom: 35px !important; } .ml-xl-14, .mx-xl-14 { margin-left: 35px !important; } .m-xl-15 { margin: 37.5px !important; } .mt-xl-15, .my-xl-15 { margin-top: 37.5px !important; } .mr-xl-15, .mx-xl-15 { margin-right: 37.5px !important; } .mb-xl-15, .my-xl-15 { margin-bottom: 37.5px !important; } .ml-xl-15, .mx-xl-15 { margin-left: 37.5px !important; } .m-xl-16 { margin: 40px !important; } .mt-xl-16, .my-xl-16 { margin-top: 40px !important; } .mr-xl-16, .mx-xl-16 { margin-right: 40px !important; } .mb-xl-16, .my-xl-16 { margin-bottom: 40px !important; } .ml-xl-16, .mx-xl-16 { margin-left: 40px !important; } .m-xl-17 { margin: 50px !important; } .mt-xl-17, .my-xl-17 { margin-top: 50px !important; } .mr-xl-17, .mx-xl-17 { margin-right: 50px !important; } .mb-xl-17, .my-xl-17 { margin-bottom: 50px !important; } .ml-xl-17, .mx-xl-17 { margin-left: 50px !important; } .m-xl-18 { margin: 60px !important; } .mt-xl-18, .my-xl-18 { margin-top: 60px !important; } .mr-xl-18, .mx-xl-18 { margin-right: 60px !important; } .mb-xl-18, .my-xl-18 { margin-bottom: 60px !important; } .ml-xl-18, .mx-xl-18 { margin-left: 60px !important; } .m-xl-19 { margin: 70px !important; } .mt-xl-19, .my-xl-19 { margin-top: 70px !important; } .mr-xl-19, .mx-xl-19 { margin-right: 70px !important; } .mb-xl-19, .my-xl-19 { margin-bottom: 70px !important; } .ml-xl-19, .mx-xl-19 { margin-left: 70px !important; } .m-xl-20 { margin: 80px !important; } .mt-xl-20, .my-xl-20 { margin-top: 80px !important; } .mr-xl-20, .mx-xl-20 { margin-right: 80px !important; } .mb-xl-20, .my-xl-20 { margin-bottom: 80px !important; } .ml-xl-20, .mx-xl-20 { margin-left: 80px !important; } .m-xl-21 { margin: 120px !important; } .mt-xl-21, .my-xl-21 { margin-top: 120px !important; } .mr-xl-21, .mx-xl-21 { margin-right: 120px !important; } .mb-xl-21, .my-xl-21 { margin-bottom: 120px !important; } .ml-xl-21, .mx-xl-21 { margin-left: 120px !important; } .m-xl-22 { margin: 150px !important; } .mt-xl-22, .my-xl-22 { margin-top: 150px !important; } .mr-xl-22, .mx-xl-22 { margin-right: 150px !important; } .mb-xl-22, .my-xl-22 { margin-bottom: 150px !important; } .ml-xl-22, .mx-xl-22 { margin-left: 150px !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-1px { padding: 1px !important; } .pt-xl-1px, .py-xl-1px { padding-top: 1px !important; } .pr-xl-1px, .px-xl-1px { padding-right: 1px !important; } .pb-xl-1px, .py-xl-1px { padding-bottom: 1px !important; } .pl-xl-1px, .px-xl-1px { padding-left: 1px !important; } .p-xl-1 { padding: 2.5px !important; } .pt-xl-1, .py-xl-1 { padding-top: 2.5px !important; } .pr-xl-1, .px-xl-1 { padding-right: 2.5px !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 2.5px !important; } .pl-xl-1, .px-xl-1 { padding-left: 2.5px !important; } .p-xl-2 { padding: 5px !important; } .pt-xl-2, .py-xl-2 { padding-top: 5px !important; } .pr-xl-2, .px-xl-2 { padding-right: 5px !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 5px !important; } .pl-xl-2, .px-xl-2 { padding-left: 5px !important; } .p-xl-3 { padding: 7.5px !important; } .pt-xl-3, .py-xl-3 { padding-top: 7.5px !important; } .pr-xl-3, .px-xl-3 { padding-right: 7.5px !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 7.5px !important; } .pl-xl-3, .px-xl-3 { padding-left: 7.5px !important; } .p-xl-4 { padding: 10px !important; } .pt-xl-4, .py-xl-4 { padding-top: 10px !important; } .pr-xl-4, .px-xl-4 { padding-right: 10px !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 10px !important; } .pl-xl-4, .px-xl-4 { padding-left: 10px !important; } .p-xl-5 { padding: 12.5px !important; } .pt-xl-5, .py-xl-5 { padding-top: 12.5px !important; } .pr-xl-5, .px-xl-5 { padding-right: 12.5px !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 12.5px !important; } .pl-xl-5, .px-xl-5 { padding-left: 12.5px !important; } .p-xl-6 { padding: 15px !important; } .pt-xl-6, .py-xl-6 { padding-top: 15px !important; } .pr-xl-6, .px-xl-6 { padding-right: 15px !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 15px !important; } .pl-xl-6, .px-xl-6 { padding-left: 15px !important; } .p-xl-7 { padding: 17.5px !important; } .pt-xl-7, .py-xl-7 { padding-top: 17.5px !important; } .pr-xl-7, .px-xl-7 { padding-right: 17.5px !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 17.5px !important; } .pl-xl-7, .px-xl-7 { padding-left: 17.5px !important; } .p-xl-8 { padding: 20px !important; } .pt-xl-8, .py-xl-8 { padding-top: 20px !important; } .pr-xl-8, .px-xl-8 { padding-right: 20px !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 20px !important; } .pl-xl-8, .px-xl-8 { padding-left: 20px !important; } .p-xl-9 { padding: 21.5px !important; } .pt-xl-9, .py-xl-9 { padding-top: 21.5px !important; } .pr-xl-9, .px-xl-9 { padding-right: 21.5px !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 21.5px !important; } .pl-xl-9, .px-xl-9 { padding-left: 21.5px !important; } .p-xl-10 { padding: 25px !important; } .pt-xl-10, .py-xl-10 { padding-top: 25px !important; } .pr-xl-10, .px-xl-10 { padding-right: 25px !important; } .pb-xl-10, .py-xl-10 { padding-bottom: 25px !important; } .pl-xl-10, .px-xl-10 { padding-left: 25px !important; } .p-xl-11 { padding: 27.5px !important; } .pt-xl-11, .py-xl-11 { padding-top: 27.5px !important; } .pr-xl-11, .px-xl-11 { padding-right: 27.5px !important; } .pb-xl-11, .py-xl-11 { padding-bottom: 27.5px !important; } .pl-xl-11, .px-xl-11 { padding-left: 27.5px !important; } .p-xl-12 { padding: 30px !important; } .pt-xl-12, .py-xl-12 { padding-top: 30px !important; } .pr-xl-12, .px-xl-12 { padding-right: 30px !important; } .pb-xl-12, .py-xl-12 { padding-bottom: 30px !important; } .pl-xl-12, .px-xl-12 { padding-left: 30px !important; } .p-xl-13 { padding: 32.5px !important; } .pt-xl-13, .py-xl-13 { padding-top: 32.5px !important; } .pr-xl-13, .px-xl-13 { padding-right: 32.5px !important; } .pb-xl-13, .py-xl-13 { padding-bottom: 32.5px !important; } .pl-xl-13, .px-xl-13 { padding-left: 32.5px !important; } .p-xl-14 { padding: 35px !important; } .pt-xl-14, .py-xl-14 { padding-top: 35px !important; } .pr-xl-14, .px-xl-14 { padding-right: 35px !important; } .pb-xl-14, .py-xl-14 { padding-bottom: 35px !important; } .pl-xl-14, .px-xl-14 { padding-left: 35px !important; } .p-xl-15 { padding: 37.5px !important; } .pt-xl-15, .py-xl-15 { padding-top: 37.5px !important; } .pr-xl-15, .px-xl-15 { padding-right: 37.5px !important; } .pb-xl-15, .py-xl-15 { padding-bottom: 37.5px !important; } .pl-xl-15, .px-xl-15 { padding-left: 37.5px !important; } .p-xl-16 { padding: 40px !important; } .pt-xl-16, .py-xl-16 { padding-top: 40px !important; } .pr-xl-16, .px-xl-16 { padding-right: 40px !important; } .pb-xl-16, .py-xl-16 { padding-bottom: 40px !important; } .pl-xl-16, .px-xl-16 { padding-left: 40px !important; } .p-xl-17 { padding: 50px !important; } .pt-xl-17, .py-xl-17 { padding-top: 50px !important; } .pr-xl-17, .px-xl-17 { padding-right: 50px !important; } .pb-xl-17, .py-xl-17 { padding-bottom: 50px !important; } .pl-xl-17, .px-xl-17 { padding-left: 50px !important; } .p-xl-18 { padding: 60px !important; } .pt-xl-18, .py-xl-18 { padding-top: 60px !important; } .pr-xl-18, .px-xl-18 { padding-right: 60px !important; } .pb-xl-18, .py-xl-18 { padding-bottom: 60px !important; } .pl-xl-18, .px-xl-18 { padding-left: 60px !important; } .p-xl-19 { padding: 70px !important; } .pt-xl-19, .py-xl-19 { padding-top: 70px !important; } .pr-xl-19, .px-xl-19 { padding-right: 70px !important; } .pb-xl-19, .py-xl-19 { padding-bottom: 70px !important; } .pl-xl-19, .px-xl-19 { padding-left: 70px !important; } .p-xl-20 { padding: 80px !important; } .pt-xl-20, .py-xl-20 { padding-top: 80px !important; } .pr-xl-20, .px-xl-20 { padding-right: 80px !important; } .pb-xl-20, .py-xl-20 { padding-bottom: 80px !important; } .pl-xl-20, .px-xl-20 { padding-left: 80px !important; } .p-xl-21 { padding: 120px !important; } .pt-xl-21, .py-xl-21 { padding-top: 120px !important; } .pr-xl-21, .px-xl-21 { padding-right: 120px !important; } .pb-xl-21, .py-xl-21 { padding-bottom: 120px !important; } .pl-xl-21, .px-xl-21 { padding-left: 120px !important; } .p-xl-22 { padding: 150px !important; } .pt-xl-22, .py-xl-22 { padding-top: 150px !important; } .pr-xl-22, .px-xl-22 { padding-right: 150px !important; } .pb-xl-22, .py-xl-22 { padding-bottom: 150px !important; } .pl-xl-22, .px-xl-22 { padding-left: 150px !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; } } @media (min-width: 1400px) { .m-xxl--3 { margin: -7.5px !important; } .mt-xxl--3, .my-xxl--3 { margin-top: -7.5px !important; } .mr-xxl--3, .mx-xxl--3 { margin-right: -7.5px !important; } .mb-xxl--3, .my-xxl--3 { margin-bottom: -7.5px !important; } .ml-xxl--3, .mx-xxl--3 { margin-left: -7.5px !important; } .m-xxl--2 { margin: -5px !important; } .mt-xxl--2, .my-xxl--2 { margin-top: -5px !important; } .mr-xxl--2, .mx-xxl--2 { margin-right: -5px !important; } .mb-xxl--2, .my-xxl--2 { margin-bottom: -5px !important; } .ml-xxl--2, .mx-xxl--2 { margin-left: -5px !important; } .m-xxl--1 { margin: -2.5px !important; } .mt-xxl--1, .my-xxl--1 { margin-top: -2.5px !important; } .mr-xxl--1, .mx-xxl--1 { margin-right: -2.5px !important; } .mb-xxl--1, .my-xxl--1 { margin-bottom: -2.5px !important; } .ml-xxl--1, .mx-xxl--1 { margin-left: -2.5px !important; } .m-xxl--1px { margin: -1px !important; } .mt-xxl--1px, .my-xxl--1px { margin-top: -1px !important; } .mr-xxl--1px, .mx-xxl--1px { margin-right: -1px !important; } .mb-xxl--1px, .my-xxl--1px { margin-bottom: -1px !important; } .ml-xxl--1px, .mx-xxl--1px { margin-left: -1px !important; } .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1px { margin: 1px !important; } .mt-xxl-1px, .my-xxl-1px { margin-top: 1px !important; } .mr-xxl-1px, .mx-xxl-1px { margin-right: 1px !important; } .mb-xxl-1px, .my-xxl-1px { margin-bottom: 1px !important; } .ml-xxl-1px, .mx-xxl-1px { margin-left: 1px !important; } .m-xxl-1 { margin: 2.5px !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 2.5px !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 2.5px !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 2.5px !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 2.5px !important; } .m-xxl-2 { margin: 5px !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 5px !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 5px !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 5px !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 5px !important; } .m-xxl-3 { margin: 7.5px !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 7.5px !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 7.5px !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 7.5px !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 7.5px !important; } .m-xxl-4 { margin: 10px !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 10px !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 10px !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 10px !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 10px !important; } .m-xxl-5 { margin: 12.5px !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 12.5px !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 12.5px !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 12.5px !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 12.5px !important; } .m-xxl-6 { margin: 15px !important; } .mt-xxl-6, .my-xxl-6 { margin-top: 15px !important; } .mr-xxl-6, .mx-xxl-6 { margin-right: 15px !important; } .mb-xxl-6, .my-xxl-6 { margin-bottom: 15px !important; } .ml-xxl-6, .mx-xxl-6 { margin-left: 15px !important; } .m-xxl-7 { margin: 17.5px !important; } .mt-xxl-7, .my-xxl-7 { margin-top: 17.5px !important; } .mr-xxl-7, .mx-xxl-7 { margin-right: 17.5px !important; } .mb-xxl-7, .my-xxl-7 { margin-bottom: 17.5px !important; } .ml-xxl-7, .mx-xxl-7 { margin-left: 17.5px !important; } .m-xxl-8 { margin: 20px !important; } .mt-xxl-8, .my-xxl-8 { margin-top: 20px !important; } .mr-xxl-8, .mx-xxl-8 { margin-right: 20px !important; } .mb-xxl-8, .my-xxl-8 { margin-bottom: 20px !important; } .ml-xxl-8, .mx-xxl-8 { margin-left: 20px !important; } .m-xxl-9 { margin: 21.5px !important; } .mt-xxl-9, .my-xxl-9 { margin-top: 21.5px !important; } .mr-xxl-9, .mx-xxl-9 { margin-right: 21.5px !important; } .mb-xxl-9, .my-xxl-9 { margin-bottom: 21.5px !important; } .ml-xxl-9, .mx-xxl-9 { margin-left: 21.5px !important; } .m-xxl-10 { margin: 25px !important; } .mt-xxl-10, .my-xxl-10 { margin-top: 25px !important; } .mr-xxl-10, .mx-xxl-10 { margin-right: 25px !important; } .mb-xxl-10, .my-xxl-10 { margin-bottom: 25px !important; } .ml-xxl-10, .mx-xxl-10 { margin-left: 25px !important; } .m-xxl-11 { margin: 27.5px !important; } .mt-xxl-11, .my-xxl-11 { margin-top: 27.5px !important; } .mr-xxl-11, .mx-xxl-11 { margin-right: 27.5px !important; } .mb-xxl-11, .my-xxl-11 { margin-bottom: 27.5px !important; } .ml-xxl-11, .mx-xxl-11 { margin-left: 27.5px !important; } .m-xxl-12 { margin: 30px !important; } .mt-xxl-12, .my-xxl-12 { margin-top: 30px !important; } .mr-xxl-12, .mx-xxl-12 { margin-right: 30px !important; } .mb-xxl-12, .my-xxl-12 { margin-bottom: 30px !important; } .ml-xxl-12, .mx-xxl-12 { margin-left: 30px !important; } .m-xxl-13 { margin: 32.5px !important; } .mt-xxl-13, .my-xxl-13 { margin-top: 32.5px !important; } .mr-xxl-13, .mx-xxl-13 { margin-right: 32.5px !important; } .mb-xxl-13, .my-xxl-13 { margin-bottom: 32.5px !important; } .ml-xxl-13, .mx-xxl-13 { margin-left: 32.5px !important; } .m-xxl-14 { margin: 35px !important; } .mt-xxl-14, .my-xxl-14 { margin-top: 35px !important; } .mr-xxl-14, .mx-xxl-14 { margin-right: 35px !important; } .mb-xxl-14, .my-xxl-14 { margin-bottom: 35px !important; } .ml-xxl-14, .mx-xxl-14 { margin-left: 35px !important; } .m-xxl-15 { margin: 37.5px !important; } .mt-xxl-15, .my-xxl-15 { margin-top: 37.5px !important; } .mr-xxl-15, .mx-xxl-15 { margin-right: 37.5px !important; } .mb-xxl-15, .my-xxl-15 { margin-bottom: 37.5px !important; } .ml-xxl-15, .mx-xxl-15 { margin-left: 37.5px !important; } .m-xxl-16 { margin: 40px !important; } .mt-xxl-16, .my-xxl-16 { margin-top: 40px !important; } .mr-xxl-16, .mx-xxl-16 { margin-right: 40px !important; } .mb-xxl-16, .my-xxl-16 { margin-bottom: 40px !important; } .ml-xxl-16, .mx-xxl-16 { margin-left: 40px !important; } .m-xxl-17 { margin: 50px !important; } .mt-xxl-17, .my-xxl-17 { margin-top: 50px !important; } .mr-xxl-17, .mx-xxl-17 { margin-right: 50px !important; } .mb-xxl-17, .my-xxl-17 { margin-bottom: 50px !important; } .ml-xxl-17, .mx-xxl-17 { margin-left: 50px !important; } .m-xxl-18 { margin: 60px !important; } .mt-xxl-18, .my-xxl-18 { margin-top: 60px !important; } .mr-xxl-18, .mx-xxl-18 { margin-right: 60px !important; } .mb-xxl-18, .my-xxl-18 { margin-bottom: 60px !important; } .ml-xxl-18, .mx-xxl-18 { margin-left: 60px !important; } .m-xxl-19 { margin: 70px !important; } .mt-xxl-19, .my-xxl-19 { margin-top: 70px !important; } .mr-xxl-19, .mx-xxl-19 { margin-right: 70px !important; } .mb-xxl-19, .my-xxl-19 { margin-bottom: 70px !important; } .ml-xxl-19, .mx-xxl-19 { margin-left: 70px !important; } .m-xxl-20 { margin: 80px !important; } .mt-xxl-20, .my-xxl-20 { margin-top: 80px !important; } .mr-xxl-20, .mx-xxl-20 { margin-right: 80px !important; } .mb-xxl-20, .my-xxl-20 { margin-bottom: 80px !important; } .ml-xxl-20, .mx-xxl-20 { margin-left: 80px !important; } .m-xxl-21 { margin: 120px !important; } .mt-xxl-21, .my-xxl-21 { margin-top: 120px !important; } .mr-xxl-21, .mx-xxl-21 { margin-right: 120px !important; } .mb-xxl-21, .my-xxl-21 { margin-bottom: 120px !important; } .ml-xxl-21, .mx-xxl-21 { margin-left: 120px !important; } .m-xxl-22 { margin: 150px !important; } .mt-xxl-22, .my-xxl-22 { margin-top: 150px !important; } .mr-xxl-22, .mx-xxl-22 { margin-right: 150px !important; } .mb-xxl-22, .my-xxl-22 { margin-bottom: 150px !important; } .ml-xxl-22, .mx-xxl-22 { margin-left: 150px !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1px { padding: 1px !important; } .pt-xxl-1px, .py-xxl-1px { padding-top: 1px !important; } .pr-xxl-1px, .px-xxl-1px { padding-right: 1px !important; } .pb-xxl-1px, .py-xxl-1px { padding-bottom: 1px !important; } .pl-xxl-1px, .px-xxl-1px { padding-left: 1px !important; } .p-xxl-1 { padding: 2.5px !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 2.5px !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 2.5px !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 2.5px !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 2.5px !important; } .p-xxl-2 { padding: 5px !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 5px !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 5px !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 5px !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 5px !important; } .p-xxl-3 { padding: 7.5px !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 7.5px !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 7.5px !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 7.5px !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 7.5px !important; } .p-xxl-4 { padding: 10px !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 10px !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 10px !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 10px !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 10px !important; } .p-xxl-5 { padding: 12.5px !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 12.5px !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 12.5px !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 12.5px !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 12.5px !important; } .p-xxl-6 { padding: 15px !important; } .pt-xxl-6, .py-xxl-6 { padding-top: 15px !important; } .pr-xxl-6, .px-xxl-6 { padding-right: 15px !important; } .pb-xxl-6, .py-xxl-6 { padding-bottom: 15px !important; } .pl-xxl-6, .px-xxl-6 { padding-left: 15px !important; } .p-xxl-7 { padding: 17.5px !important; } .pt-xxl-7, .py-xxl-7 { padding-top: 17.5px !important; } .pr-xxl-7, .px-xxl-7 { padding-right: 17.5px !important; } .pb-xxl-7, .py-xxl-7 { padding-bottom: 17.5px !important; } .pl-xxl-7, .px-xxl-7 { padding-left: 17.5px !important; } .p-xxl-8 { padding: 20px !important; } .pt-xxl-8, .py-xxl-8 { padding-top: 20px !important; } .pr-xxl-8, .px-xxl-8 { padding-right: 20px !important; } .pb-xxl-8, .py-xxl-8 { padding-bottom: 20px !important; } .pl-xxl-8, .px-xxl-8 { padding-left: 20px !important; } .p-xxl-9 { padding: 21.5px !important; } .pt-xxl-9, .py-xxl-9 { padding-top: 21.5px !important; } .pr-xxl-9, .px-xxl-9 { padding-right: 21.5px !important; } .pb-xxl-9, .py-xxl-9 { padding-bottom: 21.5px !important; } .pl-xxl-9, .px-xxl-9 { padding-left: 21.5px !important; } .p-xxl-10 { padding: 25px !important; } .pt-xxl-10, .py-xxl-10 { padding-top: 25px !important; } .pr-xxl-10, .px-xxl-10 { padding-right: 25px !important; } .pb-xxl-10, .py-xxl-10 { padding-bottom: 25px !important; } .pl-xxl-10, .px-xxl-10 { padding-left: 25px !important; } .p-xxl-11 { padding: 27.5px !important; } .pt-xxl-11, .py-xxl-11 { padding-top: 27.5px !important; } .pr-xxl-11, .px-xxl-11 { padding-right: 27.5px !important; } .pb-xxl-11, .py-xxl-11 { padding-bottom: 27.5px !important; } .pl-xxl-11, .px-xxl-11 { padding-left: 27.5px !important; } .p-xxl-12 { padding: 30px !important; } .pt-xxl-12, .py-xxl-12 { padding-top: 30px !important; } .pr-xxl-12, .px-xxl-12 { padding-right: 30px !important; } .pb-xxl-12, .py-xxl-12 { padding-bottom: 30px !important; } .pl-xxl-12, .px-xxl-12 { padding-left: 30px !important; } .p-xxl-13 { padding: 32.5px !important; } .pt-xxl-13, .py-xxl-13 { padding-top: 32.5px !important; } .pr-xxl-13, .px-xxl-13 { padding-right: 32.5px !important; } .pb-xxl-13, .py-xxl-13 { padding-bottom: 32.5px !important; } .pl-xxl-13, .px-xxl-13 { padding-left: 32.5px !important; } .p-xxl-14 { padding: 35px !important; } .pt-xxl-14, .py-xxl-14 { padding-top: 35px !important; } .pr-xxl-14, .px-xxl-14 { padding-right: 35px !important; } .pb-xxl-14, .py-xxl-14 { padding-bottom: 35px !important; } .pl-xxl-14, .px-xxl-14 { padding-left: 35px !important; } .p-xxl-15 { padding: 37.5px !important; } .pt-xxl-15, .py-xxl-15 { padding-top: 37.5px !important; } .pr-xxl-15, .px-xxl-15 { padding-right: 37.5px !important; } .pb-xxl-15, .py-xxl-15 { padding-bottom: 37.5px !important; } .pl-xxl-15, .px-xxl-15 { padding-left: 37.5px !important; } .p-xxl-16 { padding: 40px !important; } .pt-xxl-16, .py-xxl-16 { padding-top: 40px !important; } .pr-xxl-16, .px-xxl-16 { padding-right: 40px !important; } .pb-xxl-16, .py-xxl-16 { padding-bottom: 40px !important; } .pl-xxl-16, .px-xxl-16 { padding-left: 40px !important; } .p-xxl-17 { padding: 50px !important; } .pt-xxl-17, .py-xxl-17 { padding-top: 50px !important; } .pr-xxl-17, .px-xxl-17 { padding-right: 50px !important; } .pb-xxl-17, .py-xxl-17 { padding-bottom: 50px !important; } .pl-xxl-17, .px-xxl-17 { padding-left: 50px !important; } .p-xxl-18 { padding: 60px !important; } .pt-xxl-18, .py-xxl-18 { padding-top: 60px !important; } .pr-xxl-18, .px-xxl-18 { padding-right: 60px !important; } .pb-xxl-18, .py-xxl-18 { padding-bottom: 60px !important; } .pl-xxl-18, .px-xxl-18 { padding-left: 60px !important; } .p-xxl-19 { padding: 70px !important; } .pt-xxl-19, .py-xxl-19 { padding-top: 70px !important; } .pr-xxl-19, .px-xxl-19 { padding-right: 70px !important; } .pb-xxl-19, .py-xxl-19 { padding-bottom: 70px !important; } .pl-xxl-19, .px-xxl-19 { padding-left: 70px !important; } .p-xxl-20 { padding: 80px !important; } .pt-xxl-20, .py-xxl-20 { padding-top: 80px !important; } .pr-xxl-20, .px-xxl-20 { padding-right: 80px !important; } .pb-xxl-20, .py-xxl-20 { padding-bottom: 80px !important; } .pl-xxl-20, .px-xxl-20 { padding-left: 80px !important; } .p-xxl-21 { padding: 120px !important; } .pt-xxl-21, .py-xxl-21 { padding-top: 120px !important; } .pr-xxl-21, .px-xxl-21 { padding-right: 120px !important; } .pb-xxl-21, .py-xxl-21 { padding-bottom: 120px !important; } .pl-xxl-21, .px-xxl-21 { padding-left: 120px !important; } .p-xxl-22 { padding: 150px !important; } .pt-xxl-22, .py-xxl-22 { padding-top: 150px !important; } .pr-xxl-22, .px-xxl-22 { padding-right: 150px !important; } .pb-xxl-22, .py-xxl-22 { padding-bottom: 150px !important; } .pl-xxl-22, .px-xxl-22 { padding-left: 150px !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .fade { opacity: 0; visibility: hidden; transition: opacity 0.15s linear; } .fade.fade--show { opacity: 1; visibility: visible; } .collapse { display: none; } .collapse.collapse--show { display: block; } tr.collapse.collapse--show { display: table-row; } tbody.collapse.collapse--show { display: table-row-group; } .collapse-open { display: block !important; height: auto !important; } @media (min-width: 576px) { .collapse-open-sm { display: block !important; height: auto !important; } } @media (min-width: 768px) { .collapse-open-md { display: block !important; height: auto !important; } } @media (min-width: 992px) { .collapse-open-lg { display: block !important; height: auto !important; } } @media (min-width: 1200px) { .collapse-open-xl { display: block !important; height: auto !important; } } @media (min-width: 1400px) { .collapse-open-xxl { display: block !important; height: auto !important; } } .collapse--collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .fade--fading { visibility: visible; transition: height 0.35s ease; } /* Base Styles from Rad*/ /* Colors and Variables */ /* Extended Styles from Rad */ body { margin: 0; } .rz-m-0 { margin: 0 !important; } .rz-my-0, .rz-mt-0 { margin-top: 0 !important; } .rz-mx-0, .rz-mr-0 { margin-right: 0 !important; } .rz-my-0, .rz-mb-0 { margin-bottom: 0 !important; } .rz-mx-0, .rz-ml-0 { margin-left: 0 !important; } .rz-ms-0 { margin-inline-start: 0 !important; } .rz-me-0 { margin-inline-end: 0 !important; } .rz-m-05 { margin: 0.125rem !important; } .rz-my-05, .rz-mt-05 { margin-top: 0.125rem !important; } .rz-mx-05, .rz-mr-05 { margin-right: 0.125rem !important; } .rz-my-05, .rz-mb-05 { margin-bottom: 0.125rem !important; } .rz-mx-05, .rz-ml-05 { margin-left: 0.125rem !important; } .rz-ms-05 { margin-inline-start: 0.125rem !important; } .rz-me-05 { margin-inline-end: 0.125rem !important; } .rz-m-1 { margin: 0.25rem !important; } .rz-my-1, .rz-mt-1 { margin-top: 0.25rem !important; } .rz-mx-1, .rz-mr-1 { margin-right: 0.25rem !important; } .rz-my-1, .rz-mb-1 { margin-bottom: 0.25rem !important; } .rz-mx-1, .rz-ml-1 { margin-left: 0.25rem !important; } .rz-ms-1 { margin-inline-start: 0.25rem !important; } .rz-me-1 { margin-inline-end: 0.25rem !important; } .rz-m-2 { margin: 0.5rem !important; } .rz-my-2, .rz-mt-2 { margin-top: 0.5rem !important; } .rz-mx-2, .rz-mr-2 { margin-right: 0.5rem !important; } .rz-my-2, .rz-mb-2 { margin-bottom: 0.5rem !important; } .rz-mx-2, .rz-ml-2 { margin-left: 0.5rem !important; } .rz-ms-2 { margin-inline-start: 0.5rem !important; } .rz-me-2 { margin-inline-end: 0.5rem !important; } .rz-m-3 { margin: 0.75rem !important; } .rz-my-3, .rz-mt-3 { margin-top: 0.75rem !important; } .rz-mx-3, .rz-mr-3 { margin-right: 0.75rem !important; } .rz-my-3, .rz-mb-3 { margin-bottom: 0.75rem !important; } .rz-mx-3, .rz-ml-3 { margin-left: 0.75rem !important; } .rz-ms-3 { margin-inline-start: 0.75rem !important; } .rz-me-3 { margin-inline-end: 0.75rem !important; } .rz-m-4 { margin: 1rem !important; } .rz-my-4, .rz-mt-4 { margin-top: 1rem !important; } .rz-mx-4, .rz-mr-4 { margin-right: 1rem !important; } .rz-my-4, .rz-mb-4 { margin-bottom: 1rem !important; } .rz-mx-4, .rz-ml-4 { margin-left: 1rem !important; } .rz-ms-4 { margin-inline-start: 1rem !important; } .rz-me-4 { margin-inline-end: 1rem !important; } .rz-m-5 { margin: 1.25rem !important; } .rz-my-5, .rz-mt-5 { margin-top: 1.25rem !important; } .rz-mx-5, .rz-mr-5 { margin-right: 1.25rem !important; } .rz-my-5, .rz-mb-5 { margin-bottom: 1.25rem !important; } .rz-mx-5, .rz-ml-5 { margin-left: 1.25rem !important; } .rz-ms-5 { margin-inline-start: 1.25rem !important; } .rz-me-5 { margin-inline-end: 1.25rem !important; } .rz-m-6 { margin: 1.5rem !important; } .rz-my-6, .rz-mt-6 { margin-top: 1.5rem !important; } .rz-mx-6, .rz-mr-6 { margin-right: 1.5rem !important; } .rz-my-6, .rz-mb-6 { margin-bottom: 1.5rem !important; } .rz-mx-6, .rz-ml-6 { margin-left: 1.5rem !important; } .rz-ms-6 { margin-inline-start: 1.5rem !important; } .rz-me-6 { margin-inline-end: 1.5rem !important; } .rz-m-7 { margin: 1.75rem !important; } .rz-my-7, .rz-mt-7 { margin-top: 1.75rem !important; } .rz-mx-7, .rz-mr-7 { margin-right: 1.75rem !important; } .rz-my-7, .rz-mb-7 { margin-bottom: 1.75rem !important; } .rz-mx-7, .rz-ml-7 { margin-left: 1.75rem !important; } .rz-ms-7 { margin-inline-start: 1.75rem !important; } .rz-me-7 { margin-inline-end: 1.75rem !important; } .rz-m-8 { margin: 2rem !important; } .rz-my-8, .rz-mt-8 { margin-top: 2rem !important; } .rz-mx-8, .rz-mr-8 { margin-right: 2rem !important; } .rz-my-8, .rz-mb-8 { margin-bottom: 2rem !important; } .rz-mx-8, .rz-ml-8 { margin-left: 2rem !important; } .rz-ms-8 { margin-inline-start: 2rem !important; } .rz-me-8 { margin-inline-end: 2rem !important; } .rz-m-9 { margin: 2.25rem !important; } .rz-my-9, .rz-mt-9 { margin-top: 2.25rem !important; } .rz-mx-9, .rz-mr-9 { margin-right: 2.25rem !important; } .rz-my-9, .rz-mb-9 { margin-bottom: 2.25rem !important; } .rz-mx-9, .rz-ml-9 { margin-left: 2.25rem !important; } .rz-ms-9 { margin-inline-start: 2.25rem !important; } .rz-me-9 { margin-inline-end: 2.25rem !important; } .rz-m-10 { margin: 2.5rem !important; } .rz-my-10, .rz-mt-10 { margin-top: 2.5rem !important; } .rz-mx-10, .rz-mr-10 { margin-right: 2.5rem !important; } .rz-my-10, .rz-mb-10 { margin-bottom: 2.5rem !important; } .rz-mx-10, .rz-ml-10 { margin-left: 2.5rem !important; } .rz-ms-10 { margin-inline-start: 2.5rem !important; } .rz-me-10 { margin-inline-end: 2.5rem !important; } .rz-m-11 { margin: 2.75rem !important; } .rz-my-11, .rz-mt-11 { margin-top: 2.75rem !important; } .rz-mx-11, .rz-mr-11 { margin-right: 2.75rem !important; } .rz-my-11, .rz-mb-11 { margin-bottom: 2.75rem !important; } .rz-mx-11, .rz-ml-11 { margin-left: 2.75rem !important; } .rz-ms-11 { margin-inline-start: 2.75rem !important; } .rz-me-11 { margin-inline-end: 2.75rem !important; } .rz-m-12 { margin: 3rem !important; } .rz-my-12, .rz-mt-12 { margin-top: 3rem !important; } .rz-mx-12, .rz-mr-12 { margin-right: 3rem !important; } .rz-my-12, .rz-mb-12 { margin-bottom: 3rem !important; } .rz-mx-12, .rz-ml-12 { margin-left: 3rem !important; } .rz-ms-12 { margin-inline-start: 3rem !important; } .rz-me-12 { margin-inline-end: 3rem !important; } .rz-p-0 { padding: 0 !important; } .rz-py-0, .rz-pt-0 { padding-top: 0 !important; } .rz-px-0, .rz-pr-0 { padding-right: 0 !important; } .rz-py-0, .rz-pb-0 { padding-bottom: 0 !important; } .rz-px-0, .rz-pl-0 { padding-left: 0 !important; } .rz-ps-0 { padding-inline-start: 0 !important; } .rz-pe-0 { padding-inline-end: 0 !important; } .rz-p-05 { padding: 0.125rem !important; } .rz-py-05, .rz-pt-05 { padding-top: 0.125rem !important; } .rz-px-05, .rz-pr-05 { padding-right: 0.125rem !important; } .rz-py-05, .rz-pb-05 { padding-bottom: 0.125rem !important; } .rz-px-05, .rz-pl-05 { padding-left: 0.125rem !important; } .rz-ps-05 { padding-inline-start: 0.125rem !important; } .rz-pe-05 { padding-inline-end: 0.125rem !important; } .rz-p-1 { padding: 0.25rem !important; } .rz-py-1, .rz-pt-1 { padding-top: 0.25rem !important; } .rz-px-1, .rz-pr-1 { padding-right: 0.25rem !important; } .rz-py-1, .rz-pb-1 { padding-bottom: 0.25rem !important; } .rz-px-1, .rz-pl-1 { padding-left: 0.25rem !important; } .rz-ps-1 { padding-inline-start: 0.25rem !important; } .rz-pe-1 { padding-inline-end: 0.25rem !important; } .rz-p-2 { padding: 0.5rem !important; } .rz-py-2, .rz-pt-2 { padding-top: 0.5rem !important; } .rz-px-2, .rz-pr-2 { padding-right: 0.5rem !important; } .rz-py-2, .rz-pb-2 { padding-bottom: 0.5rem !important; } .rz-px-2, .rz-pl-2 { padding-left: 0.5rem !important; } .rz-ps-2 { padding-inline-start: 0.5rem !important; } .rz-pe-2 { padding-inline-end: 0.5rem !important; } .rz-p-3 { padding: 0.75rem !important; } .rz-py-3, .rz-pt-3 { padding-top: 0.75rem !important; } .rz-px-3, .rz-pr-3 { padding-right: 0.75rem !important; } .rz-py-3, .rz-pb-3 { padding-bottom: 0.75rem !important; } .rz-px-3, .rz-pl-3 { padding-left: 0.75rem !important; } .rz-ps-3 { padding-inline-start: 0.75rem !important; } .rz-pe-3 { padding-inline-end: 0.75rem !important; } .rz-p-4 { padding: 1rem !important; } .rz-py-4, .rz-pt-4 { padding-top: 1rem !important; } .rz-px-4, .rz-pr-4 { padding-right: 1rem !important; } .rz-py-4, .rz-pb-4 { padding-bottom: 1rem !important; } .rz-px-4, .rz-pl-4 { padding-left: 1rem !important; } .rz-ps-4 { padding-inline-start: 1rem !important; } .rz-pe-4 { padding-inline-end: 1rem !important; } .rz-p-5 { padding: 1.25rem !important; } .rz-py-5, .rz-pt-5 { padding-top: 1.25rem !important; } .rz-px-5, .rz-pr-5 { padding-right: 1.25rem !important; } .rz-py-5, .rz-pb-5 { padding-bottom: 1.25rem !important; } .rz-px-5, .rz-pl-5 { padding-left: 1.25rem !important; } .rz-ps-5 { padding-inline-start: 1.25rem !important; } .rz-pe-5 { padding-inline-end: 1.25rem !important; } .rz-p-6 { padding: 1.5rem !important; } .rz-py-6, .rz-pt-6 { padding-top: 1.5rem !important; } .rz-px-6, .rz-pr-6 { padding-right: 1.5rem !important; } .rz-py-6, .rz-pb-6 { padding-bottom: 1.5rem !important; } .rz-px-6, .rz-pl-6 { padding-left: 1.5rem !important; } .rz-ps-6 { padding-inline-start: 1.5rem !important; } .rz-pe-6 { padding-inline-end: 1.5rem !important; } .rz-p-7 { padding: 1.75rem !important; } .rz-py-7, .rz-pt-7 { padding-top: 1.75rem !important; } .rz-px-7, .rz-pr-7 { padding-right: 1.75rem !important; } .rz-py-7, .rz-pb-7 { padding-bottom: 1.75rem !important; } .rz-px-7, .rz-pl-7 { padding-left: 1.75rem !important; } .rz-ps-7 { padding-inline-start: 1.75rem !important; } .rz-pe-7 { padding-inline-end: 1.75rem !important; } .rz-p-8 { padding: 2rem !important; } .rz-py-8, .rz-pt-8 { padding-top: 2rem !important; } .rz-px-8, .rz-pr-8 { padding-right: 2rem !important; } .rz-py-8, .rz-pb-8 { padding-bottom: 2rem !important; } .rz-px-8, .rz-pl-8 { padding-left: 2rem !important; } .rz-ps-8 { padding-inline-start: 2rem !important; } .rz-pe-8 { padding-inline-end: 2rem !important; } .rz-p-9 { padding: 2.25rem !important; } .rz-py-9, .rz-pt-9 { padding-top: 2.25rem !important; } .rz-px-9, .rz-pr-9 { padding-right: 2.25rem !important; } .rz-py-9, .rz-pb-9 { padding-bottom: 2.25rem !important; } .rz-px-9, .rz-pl-9 { padding-left: 2.25rem !important; } .rz-ps-9 { padding-inline-start: 2.25rem !important; } .rz-pe-9 { padding-inline-end: 2.25rem !important; } .rz-p-10 { padding: 2.5rem !important; } .rz-py-10, .rz-pt-10 { padding-top: 2.5rem !important; } .rz-px-10, .rz-pr-10 { padding-right: 2.5rem !important; } .rz-py-10, .rz-pb-10 { padding-bottom: 2.5rem !important; } .rz-px-10, .rz-pl-10 { padding-left: 2.5rem !important; } .rz-ps-10 { padding-inline-start: 2.5rem !important; } .rz-pe-10 { padding-inline-end: 2.5rem !important; } .rz-p-11 { padding: 2.75rem !important; } .rz-py-11, .rz-pt-11 { padding-top: 2.75rem !important; } .rz-px-11, .rz-pr-11 { padding-right: 2.75rem !important; } .rz-py-11, .rz-pb-11 { padding-bottom: 2.75rem !important; } .rz-px-11, .rz-pl-11 { padding-left: 2.75rem !important; } .rz-ps-11 { padding-inline-start: 2.75rem !important; } .rz-pe-11 { padding-inline-end: 2.75rem !important; } .rz-p-12 { padding: 3rem !important; } .rz-py-12, .rz-pt-12 { padding-top: 3rem !important; } .rz-px-12, .rz-pr-12 { padding-right: 3rem !important; } .rz-py-12, .rz-pb-12 { padding-bottom: 3rem !important; } .rz-px-12, .rz-pl-12 { padding-left: 3rem !important; } .rz-ps-12 { padding-inline-start: 3rem !important; } .rz-pe-12 { padding-inline-end: 3rem !important; } .rz-m-auto { margin: auto !important; } .rz-my-auto, .rz-mt-auto { margin-top: auto !important; } .rz-mx-auto, .rz-mr-auto { margin-right: auto !important; } .rz-my-auto, .rz-mb-auto { margin-bottom: auto !important; } .rz-mx-auto, .rz-ml-auto { margin-left: auto !important; } .rz-ms-auto { margin-inline-start: auto !important; } .rz-me-auto { margin-inline-end: auto !important; } @media (min-width: 576px) { .rz-m-xs-0 { margin: 0 !important; } .rz-my-xs-0, .rz-mt-xs-0 { margin-top: 0 !important; } .rz-mx-xs-0, .rz-mr-xs-0 { margin-right: 0 !important; } .rz-my-xs-0, .rz-mb-xs-0 { margin-bottom: 0 !important; } .rz-mx-xs-0, .rz-ml-xs-0 { margin-left: 0 !important; } .rz-ms-xs-0 { margin-inline-start: 0 !important; } .rz-me-xs-0 { margin-inline-end: 0 !important; } .rz-m-xs-05 { margin: 0.125rem !important; } .rz-my-xs-05, .rz-mt-xs-05 { margin-top: 0.125rem !important; } .rz-mx-xs-05, .rz-mr-xs-05 { margin-right: 0.125rem !important; } .rz-my-xs-05, .rz-mb-xs-05 { margin-bottom: 0.125rem !important; } .rz-mx-xs-05, .rz-ml-xs-05 { margin-left: 0.125rem !important; } .rz-ms-xs-05 { margin-inline-start: 0.125rem !important; } .rz-me-xs-05 { margin-inline-end: 0.125rem !important; } .rz-m-xs-1 { margin: 0.25rem !important; } .rz-my-xs-1, .rz-mt-xs-1 { margin-top: 0.25rem !important; } .rz-mx-xs-1, .rz-mr-xs-1 { margin-right: 0.25rem !important; } .rz-my-xs-1, .rz-mb-xs-1 { margin-bottom: 0.25rem !important; } .rz-mx-xs-1, .rz-ml-xs-1 { margin-left: 0.25rem !important; } .rz-ms-xs-1 { margin-inline-start: 0.25rem !important; } .rz-me-xs-1 { margin-inline-end: 0.25rem !important; } .rz-m-xs-2 { margin: 0.5rem !important; } .rz-my-xs-2, .rz-mt-xs-2 { margin-top: 0.5rem !important; } .rz-mx-xs-2, .rz-mr-xs-2 { margin-right: 0.5rem !important; } .rz-my-xs-2, .rz-mb-xs-2 { margin-bottom: 0.5rem !important; } .rz-mx-xs-2, .rz-ml-xs-2 { margin-left: 0.5rem !important; } .rz-ms-xs-2 { margin-inline-start: 0.5rem !important; } .rz-me-xs-2 { margin-inline-end: 0.5rem !important; } .rz-m-xs-3 { margin: 0.75rem !important; } .rz-my-xs-3, .rz-mt-xs-3 { margin-top: 0.75rem !important; } .rz-mx-xs-3, .rz-mr-xs-3 { margin-right: 0.75rem !important; } .rz-my-xs-3, .rz-mb-xs-3 { margin-bottom: 0.75rem !important; } .rz-mx-xs-3, .rz-ml-xs-3 { margin-left: 0.75rem !important; } .rz-ms-xs-3 { margin-inline-start: 0.75rem !important; } .rz-me-xs-3 { margin-inline-end: 0.75rem !important; } .rz-m-xs-4 { margin: 1rem !important; } .rz-my-xs-4, .rz-mt-xs-4 { margin-top: 1rem !important; } .rz-mx-xs-4, .rz-mr-xs-4 { margin-right: 1rem !important; } .rz-my-xs-4, .rz-mb-xs-4 { margin-bottom: 1rem !important; } .rz-mx-xs-4, .rz-ml-xs-4 { margin-left: 1rem !important; } .rz-ms-xs-4 { margin-inline-start: 1rem !important; } .rz-me-xs-4 { margin-inline-end: 1rem !important; } .rz-m-xs-5 { margin: 1.25rem !important; } .rz-my-xs-5, .rz-mt-xs-5 { margin-top: 1.25rem !important; } .rz-mx-xs-5, .rz-mr-xs-5 { margin-right: 1.25rem !important; } .rz-my-xs-5, .rz-mb-xs-5 { margin-bottom: 1.25rem !important; } .rz-mx-xs-5, .rz-ml-xs-5 { margin-left: 1.25rem !important; } .rz-ms-xs-5 { margin-inline-start: 1.25rem !important; } .rz-me-xs-5 { margin-inline-end: 1.25rem !important; } .rz-m-xs-6 { margin: 1.5rem !important; } .rz-my-xs-6, .rz-mt-xs-6 { margin-top: 1.5rem !important; } .rz-mx-xs-6, .rz-mr-xs-6 { margin-right: 1.5rem !important; } .rz-my-xs-6, .rz-mb-xs-6 { margin-bottom: 1.5rem !important; } .rz-mx-xs-6, .rz-ml-xs-6 { margin-left: 1.5rem !important; } .rz-ms-xs-6 { margin-inline-start: 1.5rem !important; } .rz-me-xs-6 { margin-inline-end: 1.5rem !important; } .rz-m-xs-7 { margin: 1.75rem !important; } .rz-my-xs-7, .rz-mt-xs-7 { margin-top: 1.75rem !important; } .rz-mx-xs-7, .rz-mr-xs-7 { margin-right: 1.75rem !important; } .rz-my-xs-7, .rz-mb-xs-7 { margin-bottom: 1.75rem !important; } .rz-mx-xs-7, .rz-ml-xs-7 { margin-left: 1.75rem !important; } .rz-ms-xs-7 { margin-inline-start: 1.75rem !important; } .rz-me-xs-7 { margin-inline-end: 1.75rem !important; } .rz-m-xs-8 { margin: 2rem !important; } .rz-my-xs-8, .rz-mt-xs-8 { margin-top: 2rem !important; } .rz-mx-xs-8, .rz-mr-xs-8 { margin-right: 2rem !important; } .rz-my-xs-8, .rz-mb-xs-8 { margin-bottom: 2rem !important; } .rz-mx-xs-8, .rz-ml-xs-8 { margin-left: 2rem !important; } .rz-ms-xs-8 { margin-inline-start: 2rem !important; } .rz-me-xs-8 { margin-inline-end: 2rem !important; } .rz-m-xs-9 { margin: 2.25rem !important; } .rz-my-xs-9, .rz-mt-xs-9 { margin-top: 2.25rem !important; } .rz-mx-xs-9, .rz-mr-xs-9 { margin-right: 2.25rem !important; } .rz-my-xs-9, .rz-mb-xs-9 { margin-bottom: 2.25rem !important; } .rz-mx-xs-9, .rz-ml-xs-9 { margin-left: 2.25rem !important; } .rz-ms-xs-9 { margin-inline-start: 2.25rem !important; } .rz-me-xs-9 { margin-inline-end: 2.25rem !important; } .rz-m-xs-10 { margin: 2.5rem !important; } .rz-my-xs-10, .rz-mt-xs-10 { margin-top: 2.5rem !important; } .rz-mx-xs-10, .rz-mr-xs-10 { margin-right: 2.5rem !important; } .rz-my-xs-10, .rz-mb-xs-10 { margin-bottom: 2.5rem !important; } .rz-mx-xs-10, .rz-ml-xs-10 { margin-left: 2.5rem !important; } .rz-ms-xs-10 { margin-inline-start: 2.5rem !important; } .rz-me-xs-10 { margin-inline-end: 2.5rem !important; } .rz-m-xs-11 { margin: 2.75rem !important; } .rz-my-xs-11, .rz-mt-xs-11 { margin-top: 2.75rem !important; } .rz-mx-xs-11, .rz-mr-xs-11 { margin-right: 2.75rem !important; } .rz-my-xs-11, .rz-mb-xs-11 { margin-bottom: 2.75rem !important; } .rz-mx-xs-11, .rz-ml-xs-11 { margin-left: 2.75rem !important; } .rz-ms-xs-11 { margin-inline-start: 2.75rem !important; } .rz-me-xs-11 { margin-inline-end: 2.75rem !important; } .rz-m-xs-12 { margin: 3rem !important; } .rz-my-xs-12, .rz-mt-xs-12 { margin-top: 3rem !important; } .rz-mx-xs-12, .rz-mr-xs-12 { margin-right: 3rem !important; } .rz-my-xs-12, .rz-mb-xs-12 { margin-bottom: 3rem !important; } .rz-mx-xs-12, .rz-ml-xs-12 { margin-left: 3rem !important; } .rz-ms-xs-12 { margin-inline-start: 3rem !important; } .rz-me-xs-12 { margin-inline-end: 3rem !important; } .rz-p-xs-0 { padding: 0 !important; } .rz-py-xs-0, .rz-pt-xs-0 { padding-top: 0 !important; } .rz-px-xs-0, .rz-pr-xs-0 { padding-right: 0 !important; } .rz-py-xs-0, .rz-pb-xs-0 { padding-bottom: 0 !important; } .rz-px-xs-0, .rz-pl-xs-0 { padding-left: 0 !important; } .rz-ps-xs-0 { padding-inline-start: 0 !important; } .rz-pe-xs-0 { padding-inline-end: 0 !important; } .rz-p-xs-05 { padding: 0.125rem !important; } .rz-py-xs-05, .rz-pt-xs-05 { padding-top: 0.125rem !important; } .rz-px-xs-05, .rz-pr-xs-05 { padding-right: 0.125rem !important; } .rz-py-xs-05, .rz-pb-xs-05 { padding-bottom: 0.125rem !important; } .rz-px-xs-05, .rz-pl-xs-05 { padding-left: 0.125rem !important; } .rz-ps-xs-05 { padding-inline-start: 0.125rem !important; } .rz-pe-xs-05 { padding-inline-end: 0.125rem !important; } .rz-p-xs-1 { padding: 0.25rem !important; } .rz-py-xs-1, .rz-pt-xs-1 { padding-top: 0.25rem !important; } .rz-px-xs-1, .rz-pr-xs-1 { padding-right: 0.25rem !important; } .rz-py-xs-1, .rz-pb-xs-1 { padding-bottom: 0.25rem !important; } .rz-px-xs-1, .rz-pl-xs-1 { padding-left: 0.25rem !important; } .rz-ps-xs-1 { padding-inline-start: 0.25rem !important; } .rz-pe-xs-1 { padding-inline-end: 0.25rem !important; } .rz-p-xs-2 { padding: 0.5rem !important; } .rz-py-xs-2, .rz-pt-xs-2 { padding-top: 0.5rem !important; } .rz-px-xs-2, .rz-pr-xs-2 { padding-right: 0.5rem !important; } .rz-py-xs-2, .rz-pb-xs-2 { padding-bottom: 0.5rem !important; } .rz-px-xs-2, .rz-pl-xs-2 { padding-left: 0.5rem !important; } .rz-ps-xs-2 { padding-inline-start: 0.5rem !important; } .rz-pe-xs-2 { padding-inline-end: 0.5rem !important; } .rz-p-xs-3 { padding: 0.75rem !important; } .rz-py-xs-3, .rz-pt-xs-3 { padding-top: 0.75rem !important; } .rz-px-xs-3, .rz-pr-xs-3 { padding-right: 0.75rem !important; } .rz-py-xs-3, .rz-pb-xs-3 { padding-bottom: 0.75rem !important; } .rz-px-xs-3, .rz-pl-xs-3 { padding-left: 0.75rem !important; } .rz-ps-xs-3 { padding-inline-start: 0.75rem !important; } .rz-pe-xs-3 { padding-inline-end: 0.75rem !important; } .rz-p-xs-4 { padding: 1rem !important; } .rz-py-xs-4, .rz-pt-xs-4 { padding-top: 1rem !important; } .rz-px-xs-4, .rz-pr-xs-4 { padding-right: 1rem !important; } .rz-py-xs-4, .rz-pb-xs-4 { padding-bottom: 1rem !important; } .rz-px-xs-4, .rz-pl-xs-4 { padding-left: 1rem !important; } .rz-ps-xs-4 { padding-inline-start: 1rem !important; } .rz-pe-xs-4 { padding-inline-end: 1rem !important; } .rz-p-xs-5 { padding: 1.25rem !important; } .rz-py-xs-5, .rz-pt-xs-5 { padding-top: 1.25rem !important; } .rz-px-xs-5, .rz-pr-xs-5 { padding-right: 1.25rem !important; } .rz-py-xs-5, .rz-pb-xs-5 { padding-bottom: 1.25rem !important; } .rz-px-xs-5, .rz-pl-xs-5 { padding-left: 1.25rem !important; } .rz-ps-xs-5 { padding-inline-start: 1.25rem !important; } .rz-pe-xs-5 { padding-inline-end: 1.25rem !important; } .rz-p-xs-6 { padding: 1.5rem !important; } .rz-py-xs-6, .rz-pt-xs-6 { padding-top: 1.5rem !important; } .rz-px-xs-6, .rz-pr-xs-6 { padding-right: 1.5rem !important; } .rz-py-xs-6, .rz-pb-xs-6 { padding-bottom: 1.5rem !important; } .rz-px-xs-6, .rz-pl-xs-6 { padding-left: 1.5rem !important; } .rz-ps-xs-6 { padding-inline-start: 1.5rem !important; } .rz-pe-xs-6 { padding-inline-end: 1.5rem !important; } .rz-p-xs-7 { padding: 1.75rem !important; } .rz-py-xs-7, .rz-pt-xs-7 { padding-top: 1.75rem !important; } .rz-px-xs-7, .rz-pr-xs-7 { padding-right: 1.75rem !important; } .rz-py-xs-7, .rz-pb-xs-7 { padding-bottom: 1.75rem !important; } .rz-px-xs-7, .rz-pl-xs-7 { padding-left: 1.75rem !important; } .rz-ps-xs-7 { padding-inline-start: 1.75rem !important; } .rz-pe-xs-7 { padding-inline-end: 1.75rem !important; } .rz-p-xs-8 { padding: 2rem !important; } .rz-py-xs-8, .rz-pt-xs-8 { padding-top: 2rem !important; } .rz-px-xs-8, .rz-pr-xs-8 { padding-right: 2rem !important; } .rz-py-xs-8, .rz-pb-xs-8 { padding-bottom: 2rem !important; } .rz-px-xs-8, .rz-pl-xs-8 { padding-left: 2rem !important; } .rz-ps-xs-8 { padding-inline-start: 2rem !important; } .rz-pe-xs-8 { padding-inline-end: 2rem !important; } .rz-p-xs-9 { padding: 2.25rem !important; } .rz-py-xs-9, .rz-pt-xs-9 { padding-top: 2.25rem !important; } .rz-px-xs-9, .rz-pr-xs-9 { padding-right: 2.25rem !important; } .rz-py-xs-9, .rz-pb-xs-9 { padding-bottom: 2.25rem !important; } .rz-px-xs-9, .rz-pl-xs-9 { padding-left: 2.25rem !important; } .rz-ps-xs-9 { padding-inline-start: 2.25rem !important; } .rz-pe-xs-9 { padding-inline-end: 2.25rem !important; } .rz-p-xs-10 { padding: 2.5rem !important; } .rz-py-xs-10, .rz-pt-xs-10 { padding-top: 2.5rem !important; } .rz-px-xs-10, .rz-pr-xs-10 { padding-right: 2.5rem !important; } .rz-py-xs-10, .rz-pb-xs-10 { padding-bottom: 2.5rem !important; } .rz-px-xs-10, .rz-pl-xs-10 { padding-left: 2.5rem !important; } .rz-ps-xs-10 { padding-inline-start: 2.5rem !important; } .rz-pe-xs-10 { padding-inline-end: 2.5rem !important; } .rz-p-xs-11 { padding: 2.75rem !important; } .rz-py-xs-11, .rz-pt-xs-11 { padding-top: 2.75rem !important; } .rz-px-xs-11, .rz-pr-xs-11 { padding-right: 2.75rem !important; } .rz-py-xs-11, .rz-pb-xs-11 { padding-bottom: 2.75rem !important; } .rz-px-xs-11, .rz-pl-xs-11 { padding-left: 2.75rem !important; } .rz-ps-xs-11 { padding-inline-start: 2.75rem !important; } .rz-pe-xs-11 { padding-inline-end: 2.75rem !important; } .rz-p-xs-12 { padding: 3rem !important; } .rz-py-xs-12, .rz-pt-xs-12 { padding-top: 3rem !important; } .rz-px-xs-12, .rz-pr-xs-12 { padding-right: 3rem !important; } .rz-py-xs-12, .rz-pb-xs-12 { padding-bottom: 3rem !important; } .rz-px-xs-12, .rz-pl-xs-12 { padding-left: 3rem !important; } .rz-ps-xs-12 { padding-inline-start: 3rem !important; } .rz-pe-xs-12 { padding-inline-end: 3rem !important; } .rz-m-xs-auto { margin: auto !important; } .rz-my-xs-auto, .rz-mt-xs-auto { margin-top: auto !important; } .rz-mx-xs-auto, .rz-mr-xs-auto { margin-right: auto !important; } .rz-my-xs-auto, .rz-mb-xs-auto { margin-bottom: auto !important; } .rz-mx-xs-auto, .rz-ml-xs-auto { margin-left: auto !important; } .rz-ms-xs-auto { margin-inline-start: auto !important; } .rz-me-xs-auto { margin-inline-end: auto !important; } } @media (min-width: 768px) { .rz-m-sm-0 { margin: 0 !important; } .rz-my-sm-0, .rz-mt-sm-0 { margin-top: 0 !important; } .rz-mx-sm-0, .rz-mr-sm-0 { margin-right: 0 !important; } .rz-my-sm-0, .rz-mb-sm-0 { margin-bottom: 0 !important; } .rz-mx-sm-0, .rz-ml-sm-0 { margin-left: 0 !important; } .rz-ms-sm-0 { margin-inline-start: 0 !important; } .rz-me-sm-0 { margin-inline-end: 0 !important; } .rz-m-sm-05 { margin: 0.125rem !important; } .rz-my-sm-05, .rz-mt-sm-05 { margin-top: 0.125rem !important; } .rz-mx-sm-05, .rz-mr-sm-05 { margin-right: 0.125rem !important; } .rz-my-sm-05, .rz-mb-sm-05 { margin-bottom: 0.125rem !important; } .rz-mx-sm-05, .rz-ml-sm-05 { margin-left: 0.125rem !important; } .rz-ms-sm-05 { margin-inline-start: 0.125rem !important; } .rz-me-sm-05 { margin-inline-end: 0.125rem !important; } .rz-m-sm-1 { margin: 0.25rem !important; } .rz-my-sm-1, .rz-mt-sm-1 { margin-top: 0.25rem !important; } .rz-mx-sm-1, .rz-mr-sm-1 { margin-right: 0.25rem !important; } .rz-my-sm-1, .rz-mb-sm-1 { margin-bottom: 0.25rem !important; } .rz-mx-sm-1, .rz-ml-sm-1 { margin-left: 0.25rem !important; } .rz-ms-sm-1 { margin-inline-start: 0.25rem !important; } .rz-me-sm-1 { margin-inline-end: 0.25rem !important; } .rz-m-sm-2 { margin: 0.5rem !important; } .rz-my-sm-2, .rz-mt-sm-2 { margin-top: 0.5rem !important; } .rz-mx-sm-2, .rz-mr-sm-2 { margin-right: 0.5rem !important; } .rz-my-sm-2, .rz-mb-sm-2 { margin-bottom: 0.5rem !important; } .rz-mx-sm-2, .rz-ml-sm-2 { margin-left: 0.5rem !important; } .rz-ms-sm-2 { margin-inline-start: 0.5rem !important; } .rz-me-sm-2 { margin-inline-end: 0.5rem !important; } .rz-m-sm-3 { margin: 0.75rem !important; } .rz-my-sm-3, .rz-mt-sm-3 { margin-top: 0.75rem !important; } .rz-mx-sm-3, .rz-mr-sm-3 { margin-right: 0.75rem !important; } .rz-my-sm-3, .rz-mb-sm-3 { margin-bottom: 0.75rem !important; } .rz-mx-sm-3, .rz-ml-sm-3 { margin-left: 0.75rem !important; } .rz-ms-sm-3 { margin-inline-start: 0.75rem !important; } .rz-me-sm-3 { margin-inline-end: 0.75rem !important; } .rz-m-sm-4 { margin: 1rem !important; } .rz-my-sm-4, .rz-mt-sm-4 { margin-top: 1rem !important; } .rz-mx-sm-4, .rz-mr-sm-4 { margin-right: 1rem !important; } .rz-my-sm-4, .rz-mb-sm-4 { margin-bottom: 1rem !important; } .rz-mx-sm-4, .rz-ml-sm-4 { margin-left: 1rem !important; } .rz-ms-sm-4 { margin-inline-start: 1rem !important; } .rz-me-sm-4 { margin-inline-end: 1rem !important; } .rz-m-sm-5 { margin: 1.25rem !important; } .rz-my-sm-5, .rz-mt-sm-5 { margin-top: 1.25rem !important; } .rz-mx-sm-5, .rz-mr-sm-5 { margin-right: 1.25rem !important; } .rz-my-sm-5, .rz-mb-sm-5 { margin-bottom: 1.25rem !important; } .rz-mx-sm-5, .rz-ml-sm-5 { margin-left: 1.25rem !important; } .rz-ms-sm-5 { margin-inline-start: 1.25rem !important; } .rz-me-sm-5 { margin-inline-end: 1.25rem !important; } .rz-m-sm-6 { margin: 1.5rem !important; } .rz-my-sm-6, .rz-mt-sm-6 { margin-top: 1.5rem !important; } .rz-mx-sm-6, .rz-mr-sm-6 { margin-right: 1.5rem !important; } .rz-my-sm-6, .rz-mb-sm-6 { margin-bottom: 1.5rem !important; } .rz-mx-sm-6, .rz-ml-sm-6 { margin-left: 1.5rem !important; } .rz-ms-sm-6 { margin-inline-start: 1.5rem !important; } .rz-me-sm-6 { margin-inline-end: 1.5rem !important; } .rz-m-sm-7 { margin: 1.75rem !important; } .rz-my-sm-7, .rz-mt-sm-7 { margin-top: 1.75rem !important; } .rz-mx-sm-7, .rz-mr-sm-7 { margin-right: 1.75rem !important; } .rz-my-sm-7, .rz-mb-sm-7 { margin-bottom: 1.75rem !important; } .rz-mx-sm-7, .rz-ml-sm-7 { margin-left: 1.75rem !important; } .rz-ms-sm-7 { margin-inline-start: 1.75rem !important; } .rz-me-sm-7 { margin-inline-end: 1.75rem !important; } .rz-m-sm-8 { margin: 2rem !important; } .rz-my-sm-8, .rz-mt-sm-8 { margin-top: 2rem !important; } .rz-mx-sm-8, .rz-mr-sm-8 { margin-right: 2rem !important; } .rz-my-sm-8, .rz-mb-sm-8 { margin-bottom: 2rem !important; } .rz-mx-sm-8, .rz-ml-sm-8 { margin-left: 2rem !important; } .rz-ms-sm-8 { margin-inline-start: 2rem !important; } .rz-me-sm-8 { margin-inline-end: 2rem !important; } .rz-m-sm-9 { margin: 2.25rem !important; } .rz-my-sm-9, .rz-mt-sm-9 { margin-top: 2.25rem !important; } .rz-mx-sm-9, .rz-mr-sm-9 { margin-right: 2.25rem !important; } .rz-my-sm-9, .rz-mb-sm-9 { margin-bottom: 2.25rem !important; } .rz-mx-sm-9, .rz-ml-sm-9 { margin-left: 2.25rem !important; } .rz-ms-sm-9 { margin-inline-start: 2.25rem !important; } .rz-me-sm-9 { margin-inline-end: 2.25rem !important; } .rz-m-sm-10 { margin: 2.5rem !important; } .rz-my-sm-10, .rz-mt-sm-10 { margin-top: 2.5rem !important; } .rz-mx-sm-10, .rz-mr-sm-10 { margin-right: 2.5rem !important; } .rz-my-sm-10, .rz-mb-sm-10 { margin-bottom: 2.5rem !important; } .rz-mx-sm-10, .rz-ml-sm-10 { margin-left: 2.5rem !important; } .rz-ms-sm-10 { margin-inline-start: 2.5rem !important; } .rz-me-sm-10 { margin-inline-end: 2.5rem !important; } .rz-m-sm-11 { margin: 2.75rem !important; } .rz-my-sm-11, .rz-mt-sm-11 { margin-top: 2.75rem !important; } .rz-mx-sm-11, .rz-mr-sm-11 { margin-right: 2.75rem !important; } .rz-my-sm-11, .rz-mb-sm-11 { margin-bottom: 2.75rem !important; } .rz-mx-sm-11, .rz-ml-sm-11 { margin-left: 2.75rem !important; } .rz-ms-sm-11 { margin-inline-start: 2.75rem !important; } .rz-me-sm-11 { margin-inline-end: 2.75rem !important; } .rz-m-sm-12 { margin: 3rem !important; } .rz-my-sm-12, .rz-mt-sm-12 { margin-top: 3rem !important; } .rz-mx-sm-12, .rz-mr-sm-12 { margin-right: 3rem !important; } .rz-my-sm-12, .rz-mb-sm-12 { margin-bottom: 3rem !important; } .rz-mx-sm-12, .rz-ml-sm-12 { margin-left: 3rem !important; } .rz-ms-sm-12 { margin-inline-start: 3rem !important; } .rz-me-sm-12 { margin-inline-end: 3rem !important; } .rz-p-sm-0 { padding: 0 !important; } .rz-py-sm-0, .rz-pt-sm-0 { padding-top: 0 !important; } .rz-px-sm-0, .rz-pr-sm-0 { padding-right: 0 !important; } .rz-py-sm-0, .rz-pb-sm-0 { padding-bottom: 0 !important; } .rz-px-sm-0, .rz-pl-sm-0 { padding-left: 0 !important; } .rz-ps-sm-0 { padding-inline-start: 0 !important; } .rz-pe-sm-0 { padding-inline-end: 0 !important; } .rz-p-sm-05 { padding: 0.125rem !important; } .rz-py-sm-05, .rz-pt-sm-05 { padding-top: 0.125rem !important; } .rz-px-sm-05, .rz-pr-sm-05 { padding-right: 0.125rem !important; } .rz-py-sm-05, .rz-pb-sm-05 { padding-bottom: 0.125rem !important; } .rz-px-sm-05, .rz-pl-sm-05 { padding-left: 0.125rem !important; } .rz-ps-sm-05 { padding-inline-start: 0.125rem !important; } .rz-pe-sm-05 { padding-inline-end: 0.125rem !important; } .rz-p-sm-1 { padding: 0.25rem !important; } .rz-py-sm-1, .rz-pt-sm-1 { padding-top: 0.25rem !important; } .rz-px-sm-1, .rz-pr-sm-1 { padding-right: 0.25rem !important; } .rz-py-sm-1, .rz-pb-sm-1 { padding-bottom: 0.25rem !important; } .rz-px-sm-1, .rz-pl-sm-1 { padding-left: 0.25rem !important; } .rz-ps-sm-1 { padding-inline-start: 0.25rem !important; } .rz-pe-sm-1 { padding-inline-end: 0.25rem !important; } .rz-p-sm-2 { padding: 0.5rem !important; } .rz-py-sm-2, .rz-pt-sm-2 { padding-top: 0.5rem !important; } .rz-px-sm-2, .rz-pr-sm-2 { padding-right: 0.5rem !important; } .rz-py-sm-2, .rz-pb-sm-2 { padding-bottom: 0.5rem !important; } .rz-px-sm-2, .rz-pl-sm-2 { padding-left: 0.5rem !important; } .rz-ps-sm-2 { padding-inline-start: 0.5rem !important; } .rz-pe-sm-2 { padding-inline-end: 0.5rem !important; } .rz-p-sm-3 { padding: 0.75rem !important; } .rz-py-sm-3, .rz-pt-sm-3 { padding-top: 0.75rem !important; } .rz-px-sm-3, .rz-pr-sm-3 { padding-right: 0.75rem !important; } .rz-py-sm-3, .rz-pb-sm-3 { padding-bottom: 0.75rem !important; } .rz-px-sm-3, .rz-pl-sm-3 { padding-left: 0.75rem !important; } .rz-ps-sm-3 { padding-inline-start: 0.75rem !important; } .rz-pe-sm-3 { padding-inline-end: 0.75rem !important; } .rz-p-sm-4 { padding: 1rem !important; } .rz-py-sm-4, .rz-pt-sm-4 { padding-top: 1rem !important; } .rz-px-sm-4, .rz-pr-sm-4 { padding-right: 1rem !important; } .rz-py-sm-4, .rz-pb-sm-4 { padding-bottom: 1rem !important; } .rz-px-sm-4, .rz-pl-sm-4 { padding-left: 1rem !important; } .rz-ps-sm-4 { padding-inline-start: 1rem !important; } .rz-pe-sm-4 { padding-inline-end: 1rem !important; } .rz-p-sm-5 { padding: 1.25rem !important; } .rz-py-sm-5, .rz-pt-sm-5 { padding-top: 1.25rem !important; } .rz-px-sm-5, .rz-pr-sm-5 { padding-right: 1.25rem !important; } .rz-py-sm-5, .rz-pb-sm-5 { padding-bottom: 1.25rem !important; } .rz-px-sm-5, .rz-pl-sm-5 { padding-left: 1.25rem !important; } .rz-ps-sm-5 { padding-inline-start: 1.25rem !important; } .rz-pe-sm-5 { padding-inline-end: 1.25rem !important; } .rz-p-sm-6 { padding: 1.5rem !important; } .rz-py-sm-6, .rz-pt-sm-6 { padding-top: 1.5rem !important; } .rz-px-sm-6, .rz-pr-sm-6 { padding-right: 1.5rem !important; } .rz-py-sm-6, .rz-pb-sm-6 { padding-bottom: 1.5rem !important; } .rz-px-sm-6, .rz-pl-sm-6 { padding-left: 1.5rem !important; } .rz-ps-sm-6 { padding-inline-start: 1.5rem !important; } .rz-pe-sm-6 { padding-inline-end: 1.5rem !important; } .rz-p-sm-7 { padding: 1.75rem !important; } .rz-py-sm-7, .rz-pt-sm-7 { padding-top: 1.75rem !important; } .rz-px-sm-7, .rz-pr-sm-7 { padding-right: 1.75rem !important; } .rz-py-sm-7, .rz-pb-sm-7 { padding-bottom: 1.75rem !important; } .rz-px-sm-7, .rz-pl-sm-7 { padding-left: 1.75rem !important; } .rz-ps-sm-7 { padding-inline-start: 1.75rem !important; } .rz-pe-sm-7 { padding-inline-end: 1.75rem !important; } .rz-p-sm-8 { padding: 2rem !important; } .rz-py-sm-8, .rz-pt-sm-8 { padding-top: 2rem !important; } .rz-px-sm-8, .rz-pr-sm-8 { padding-right: 2rem !important; } .rz-py-sm-8, .rz-pb-sm-8 { padding-bottom: 2rem !important; } .rz-px-sm-8, .rz-pl-sm-8 { padding-left: 2rem !important; } .rz-ps-sm-8 { padding-inline-start: 2rem !important; } .rz-pe-sm-8 { padding-inline-end: 2rem !important; } .rz-p-sm-9 { padding: 2.25rem !important; } .rz-py-sm-9, .rz-pt-sm-9 { padding-top: 2.25rem !important; } .rz-px-sm-9, .rz-pr-sm-9 { padding-right: 2.25rem !important; } .rz-py-sm-9, .rz-pb-sm-9 { padding-bottom: 2.25rem !important; } .rz-px-sm-9, .rz-pl-sm-9 { padding-left: 2.25rem !important; } .rz-ps-sm-9 { padding-inline-start: 2.25rem !important; } .rz-pe-sm-9 { padding-inline-end: 2.25rem !important; } .rz-p-sm-10 { padding: 2.5rem !important; } .rz-py-sm-10, .rz-pt-sm-10 { padding-top: 2.5rem !important; } .rz-px-sm-10, .rz-pr-sm-10 { padding-right: 2.5rem !important; } .rz-py-sm-10, .rz-pb-sm-10 { padding-bottom: 2.5rem !important; } .rz-px-sm-10, .rz-pl-sm-10 { padding-left: 2.5rem !important; } .rz-ps-sm-10 { padding-inline-start: 2.5rem !important; } .rz-pe-sm-10 { padding-inline-end: 2.5rem !important; } .rz-p-sm-11 { padding: 2.75rem !important; } .rz-py-sm-11, .rz-pt-sm-11 { padding-top: 2.75rem !important; } .rz-px-sm-11, .rz-pr-sm-11 { padding-right: 2.75rem !important; } .rz-py-sm-11, .rz-pb-sm-11 { padding-bottom: 2.75rem !important; } .rz-px-sm-11, .rz-pl-sm-11 { padding-left: 2.75rem !important; } .rz-ps-sm-11 { padding-inline-start: 2.75rem !important; } .rz-pe-sm-11 { padding-inline-end: 2.75rem !important; } .rz-p-sm-12 { padding: 3rem !important; } .rz-py-sm-12, .rz-pt-sm-12 { padding-top: 3rem !important; } .rz-px-sm-12, .rz-pr-sm-12 { padding-right: 3rem !important; } .rz-py-sm-12, .rz-pb-sm-12 { padding-bottom: 3rem !important; } .rz-px-sm-12, .rz-pl-sm-12 { padding-left: 3rem !important; } .rz-ps-sm-12 { padding-inline-start: 3rem !important; } .rz-pe-sm-12 { padding-inline-end: 3rem !important; } .rz-m-sm-auto { margin: auto !important; } .rz-my-sm-auto, .rz-mt-sm-auto { margin-top: auto !important; } .rz-mx-sm-auto, .rz-mr-sm-auto { margin-right: auto !important; } .rz-my-sm-auto, .rz-mb-sm-auto { margin-bottom: auto !important; } .rz-mx-sm-auto, .rz-ml-sm-auto { margin-left: auto !important; } .rz-ms-sm-auto { margin-inline-start: auto !important; } .rz-me-sm-auto { margin-inline-end: auto !important; } } @media (min-width: 1024px) { .rz-m-md-0 { margin: 0 !important; } .rz-my-md-0, .rz-mt-md-0 { margin-top: 0 !important; } .rz-mx-md-0, .rz-mr-md-0 { margin-right: 0 !important; } .rz-my-md-0, .rz-mb-md-0 { margin-bottom: 0 !important; } .rz-mx-md-0, .rz-ml-md-0 { margin-left: 0 !important; } .rz-ms-md-0 { margin-inline-start: 0 !important; } .rz-me-md-0 { margin-inline-end: 0 !important; } .rz-m-md-05 { margin: 0.125rem !important; } .rz-my-md-05, .rz-mt-md-05 { margin-top: 0.125rem !important; } .rz-mx-md-05, .rz-mr-md-05 { margin-right: 0.125rem !important; } .rz-my-md-05, .rz-mb-md-05 { margin-bottom: 0.125rem !important; } .rz-mx-md-05, .rz-ml-md-05 { margin-left: 0.125rem !important; } .rz-ms-md-05 { margin-inline-start: 0.125rem !important; } .rz-me-md-05 { margin-inline-end: 0.125rem !important; } .rz-m-md-1 { margin: 0.25rem !important; } .rz-my-md-1, .rz-mt-md-1 { margin-top: 0.25rem !important; } .rz-mx-md-1, .rz-mr-md-1 { margin-right: 0.25rem !important; } .rz-my-md-1, .rz-mb-md-1 { margin-bottom: 0.25rem !important; } .rz-mx-md-1, .rz-ml-md-1 { margin-left: 0.25rem !important; } .rz-ms-md-1 { margin-inline-start: 0.25rem !important; } .rz-me-md-1 { margin-inline-end: 0.25rem !important; } .rz-m-md-2 { margin: 0.5rem !important; } .rz-my-md-2, .rz-mt-md-2 { margin-top: 0.5rem !important; } .rz-mx-md-2, .rz-mr-md-2 { margin-right: 0.5rem !important; } .rz-my-md-2, .rz-mb-md-2 { margin-bottom: 0.5rem !important; } .rz-mx-md-2, .rz-ml-md-2 { margin-left: 0.5rem !important; } .rz-ms-md-2 { margin-inline-start: 0.5rem !important; } .rz-me-md-2 { margin-inline-end: 0.5rem !important; } .rz-m-md-3 { margin: 0.75rem !important; } .rz-my-md-3, .rz-mt-md-3 { margin-top: 0.75rem !important; } .rz-mx-md-3, .rz-mr-md-3 { margin-right: 0.75rem !important; } .rz-my-md-3, .rz-mb-md-3 { margin-bottom: 0.75rem !important; } .rz-mx-md-3, .rz-ml-md-3 { margin-left: 0.75rem !important; } .rz-ms-md-3 { margin-inline-start: 0.75rem !important; } .rz-me-md-3 { margin-inline-end: 0.75rem !important; } .rz-m-md-4 { margin: 1rem !important; } .rz-my-md-4, .rz-mt-md-4 { margin-top: 1rem !important; } .rz-mx-md-4, .rz-mr-md-4 { margin-right: 1rem !important; } .rz-my-md-4, .rz-mb-md-4 { margin-bottom: 1rem !important; } .rz-mx-md-4, .rz-ml-md-4 { margin-left: 1rem !important; } .rz-ms-md-4 { margin-inline-start: 1rem !important; } .rz-me-md-4 { margin-inline-end: 1rem !important; } .rz-m-md-5 { margin: 1.25rem !important; } .rz-my-md-5, .rz-mt-md-5 { margin-top: 1.25rem !important; } .rz-mx-md-5, .rz-mr-md-5 { margin-right: 1.25rem !important; } .rz-my-md-5, .rz-mb-md-5 { margin-bottom: 1.25rem !important; } .rz-mx-md-5, .rz-ml-md-5 { margin-left: 1.25rem !important; } .rz-ms-md-5 { margin-inline-start: 1.25rem !important; } .rz-me-md-5 { margin-inline-end: 1.25rem !important; } .rz-m-md-6 { margin: 1.5rem !important; } .rz-my-md-6, .rz-mt-md-6 { margin-top: 1.5rem !important; } .rz-mx-md-6, .rz-mr-md-6 { margin-right: 1.5rem !important; } .rz-my-md-6, .rz-mb-md-6 { margin-bottom: 1.5rem !important; } .rz-mx-md-6, .rz-ml-md-6 { margin-left: 1.5rem !important; } .rz-ms-md-6 { margin-inline-start: 1.5rem !important; } .rz-me-md-6 { margin-inline-end: 1.5rem !important; } .rz-m-md-7 { margin: 1.75rem !important; } .rz-my-md-7, .rz-mt-md-7 { margin-top: 1.75rem !important; } .rz-mx-md-7, .rz-mr-md-7 { margin-right: 1.75rem !important; } .rz-my-md-7, .rz-mb-md-7 { margin-bottom: 1.75rem !important; } .rz-mx-md-7, .rz-ml-md-7 { margin-left: 1.75rem !important; } .rz-ms-md-7 { margin-inline-start: 1.75rem !important; } .rz-me-md-7 { margin-inline-end: 1.75rem !important; } .rz-m-md-8 { margin: 2rem !important; } .rz-my-md-8, .rz-mt-md-8 { margin-top: 2rem !important; } .rz-mx-md-8, .rz-mr-md-8 { margin-right: 2rem !important; } .rz-my-md-8, .rz-mb-md-8 { margin-bottom: 2rem !important; } .rz-mx-md-8, .rz-ml-md-8 { margin-left: 2rem !important; } .rz-ms-md-8 { margin-inline-start: 2rem !important; } .rz-me-md-8 { margin-inline-end: 2rem !important; } .rz-m-md-9 { margin: 2.25rem !important; } .rz-my-md-9, .rz-mt-md-9 { margin-top: 2.25rem !important; } .rz-mx-md-9, .rz-mr-md-9 { margin-right: 2.25rem !important; } .rz-my-md-9, .rz-mb-md-9 { margin-bottom: 2.25rem !important; } .rz-mx-md-9, .rz-ml-md-9 { margin-left: 2.25rem !important; } .rz-ms-md-9 { margin-inline-start: 2.25rem !important; } .rz-me-md-9 { margin-inline-end: 2.25rem !important; } .rz-m-md-10 { margin: 2.5rem !important; } .rz-my-md-10, .rz-mt-md-10 { margin-top: 2.5rem !important; } .rz-mx-md-10, .rz-mr-md-10 { margin-right: 2.5rem !important; } .rz-my-md-10, .rz-mb-md-10 { margin-bottom: 2.5rem !important; } .rz-mx-md-10, .rz-ml-md-10 { margin-left: 2.5rem !important; } .rz-ms-md-10 { margin-inline-start: 2.5rem !important; } .rz-me-md-10 { margin-inline-end: 2.5rem !important; } .rz-m-md-11 { margin: 2.75rem !important; } .rz-my-md-11, .rz-mt-md-11 { margin-top: 2.75rem !important; } .rz-mx-md-11, .rz-mr-md-11 { margin-right: 2.75rem !important; } .rz-my-md-11, .rz-mb-md-11 { margin-bottom: 2.75rem !important; } .rz-mx-md-11, .rz-ml-md-11 { margin-left: 2.75rem !important; } .rz-ms-md-11 { margin-inline-start: 2.75rem !important; } .rz-me-md-11 { margin-inline-end: 2.75rem !important; } .rz-m-md-12 { margin: 3rem !important; } .rz-my-md-12, .rz-mt-md-12 { margin-top: 3rem !important; } .rz-mx-md-12, .rz-mr-md-12 { margin-right: 3rem !important; } .rz-my-md-12, .rz-mb-md-12 { margin-bottom: 3rem !important; } .rz-mx-md-12, .rz-ml-md-12 { margin-left: 3rem !important; } .rz-ms-md-12 { margin-inline-start: 3rem !important; } .rz-me-md-12 { margin-inline-end: 3rem !important; } .rz-p-md-0 { padding: 0 !important; } .rz-py-md-0, .rz-pt-md-0 { padding-top: 0 !important; } .rz-px-md-0, .rz-pr-md-0 { padding-right: 0 !important; } .rz-py-md-0, .rz-pb-md-0 { padding-bottom: 0 !important; } .rz-px-md-0, .rz-pl-md-0 { padding-left: 0 !important; } .rz-ps-md-0 { padding-inline-start: 0 !important; } .rz-pe-md-0 { padding-inline-end: 0 !important; } .rz-p-md-05 { padding: 0.125rem !important; } .rz-py-md-05, .rz-pt-md-05 { padding-top: 0.125rem !important; } .rz-px-md-05, .rz-pr-md-05 { padding-right: 0.125rem !important; } .rz-py-md-05, .rz-pb-md-05 { padding-bottom: 0.125rem !important; } .rz-px-md-05, .rz-pl-md-05 { padding-left: 0.125rem !important; } .rz-ps-md-05 { padding-inline-start: 0.125rem !important; } .rz-pe-md-05 { padding-inline-end: 0.125rem !important; } .rz-p-md-1 { padding: 0.25rem !important; } .rz-py-md-1, .rz-pt-md-1 { padding-top: 0.25rem !important; } .rz-px-md-1, .rz-pr-md-1 { padding-right: 0.25rem !important; } .rz-py-md-1, .rz-pb-md-1 { padding-bottom: 0.25rem !important; } .rz-px-md-1, .rz-pl-md-1 { padding-left: 0.25rem !important; } .rz-ps-md-1 { padding-inline-start: 0.25rem !important; } .rz-pe-md-1 { padding-inline-end: 0.25rem !important; } .rz-p-md-2 { padding: 0.5rem !important; } .rz-py-md-2, .rz-pt-md-2 { padding-top: 0.5rem !important; } .rz-px-md-2, .rz-pr-md-2 { padding-right: 0.5rem !important; } .rz-py-md-2, .rz-pb-md-2 { padding-bottom: 0.5rem !important; } .rz-px-md-2, .rz-pl-md-2 { padding-left: 0.5rem !important; } .rz-ps-md-2 { padding-inline-start: 0.5rem !important; } .rz-pe-md-2 { padding-inline-end: 0.5rem !important; } .rz-p-md-3 { padding: 0.75rem !important; } .rz-py-md-3, .rz-pt-md-3 { padding-top: 0.75rem !important; } .rz-px-md-3, .rz-pr-md-3 { padding-right: 0.75rem !important; } .rz-py-md-3, .rz-pb-md-3 { padding-bottom: 0.75rem !important; } .rz-px-md-3, .rz-pl-md-3 { padding-left: 0.75rem !important; } .rz-ps-md-3 { padding-inline-start: 0.75rem !important; } .rz-pe-md-3 { padding-inline-end: 0.75rem !important; } .rz-p-md-4 { padding: 1rem !important; } .rz-py-md-4, .rz-pt-md-4 { padding-top: 1rem !important; } .rz-px-md-4, .rz-pr-md-4 { padding-right: 1rem !important; } .rz-py-md-4, .rz-pb-md-4 { padding-bottom: 1rem !important; } .rz-px-md-4, .rz-pl-md-4 { padding-left: 1rem !important; } .rz-ps-md-4 { padding-inline-start: 1rem !important; } .rz-pe-md-4 { padding-inline-end: 1rem !important; } .rz-p-md-5 { padding: 1.25rem !important; } .rz-py-md-5, .rz-pt-md-5 { padding-top: 1.25rem !important; } .rz-px-md-5, .rz-pr-md-5 { padding-right: 1.25rem !important; } .rz-py-md-5, .rz-pb-md-5 { padding-bottom: 1.25rem !important; } .rz-px-md-5, .rz-pl-md-5 { padding-left: 1.25rem !important; } .rz-ps-md-5 { padding-inline-start: 1.25rem !important; } .rz-pe-md-5 { padding-inline-end: 1.25rem !important; } .rz-p-md-6 { padding: 1.5rem !important; } .rz-py-md-6, .rz-pt-md-6 { padding-top: 1.5rem !important; } .rz-px-md-6, .rz-pr-md-6 { padding-right: 1.5rem !important; } .rz-py-md-6, .rz-pb-md-6 { padding-bottom: 1.5rem !important; } .rz-px-md-6, .rz-pl-md-6 { padding-left: 1.5rem !important; } .rz-ps-md-6 { padding-inline-start: 1.5rem !important; } .rz-pe-md-6 { padding-inline-end: 1.5rem !important; } .rz-p-md-7 { padding: 1.75rem !important; } .rz-py-md-7, .rz-pt-md-7 { padding-top: 1.75rem !important; } .rz-px-md-7, .rz-pr-md-7 { padding-right: 1.75rem !important; } .rz-py-md-7, .rz-pb-md-7 { padding-bottom: 1.75rem !important; } .rz-px-md-7, .rz-pl-md-7 { padding-left: 1.75rem !important; } .rz-ps-md-7 { padding-inline-start: 1.75rem !important; } .rz-pe-md-7 { padding-inline-end: 1.75rem !important; } .rz-p-md-8 { padding: 2rem !important; } .rz-py-md-8, .rz-pt-md-8 { padding-top: 2rem !important; } .rz-px-md-8, .rz-pr-md-8 { padding-right: 2rem !important; } .rz-py-md-8, .rz-pb-md-8 { padding-bottom: 2rem !important; } .rz-px-md-8, .rz-pl-md-8 { padding-left: 2rem !important; } .rz-ps-md-8 { padding-inline-start: 2rem !important; } .rz-pe-md-8 { padding-inline-end: 2rem !important; } .rz-p-md-9 { padding: 2.25rem !important; } .rz-py-md-9, .rz-pt-md-9 { padding-top: 2.25rem !important; } .rz-px-md-9, .rz-pr-md-9 { padding-right: 2.25rem !important; } .rz-py-md-9, .rz-pb-md-9 { padding-bottom: 2.25rem !important; } .rz-px-md-9, .rz-pl-md-9 { padding-left: 2.25rem !important; } .rz-ps-md-9 { padding-inline-start: 2.25rem !important; } .rz-pe-md-9 { padding-inline-end: 2.25rem !important; } .rz-p-md-10 { padding: 2.5rem !important; } .rz-py-md-10, .rz-pt-md-10 { padding-top: 2.5rem !important; } .rz-px-md-10, .rz-pr-md-10 { padding-right: 2.5rem !important; } .rz-py-md-10, .rz-pb-md-10 { padding-bottom: 2.5rem !important; } .rz-px-md-10, .rz-pl-md-10 { padding-left: 2.5rem !important; } .rz-ps-md-10 { padding-inline-start: 2.5rem !important; } .rz-pe-md-10 { padding-inline-end: 2.5rem !important; } .rz-p-md-11 { padding: 2.75rem !important; } .rz-py-md-11, .rz-pt-md-11 { padding-top: 2.75rem !important; } .rz-px-md-11, .rz-pr-md-11 { padding-right: 2.75rem !important; } .rz-py-md-11, .rz-pb-md-11 { padding-bottom: 2.75rem !important; } .rz-px-md-11, .rz-pl-md-11 { padding-left: 2.75rem !important; } .rz-ps-md-11 { padding-inline-start: 2.75rem !important; } .rz-pe-md-11 { padding-inline-end: 2.75rem !important; } .rz-p-md-12 { padding: 3rem !important; } .rz-py-md-12, .rz-pt-md-12 { padding-top: 3rem !important; } .rz-px-md-12, .rz-pr-md-12 { padding-right: 3rem !important; } .rz-py-md-12, .rz-pb-md-12 { padding-bottom: 3rem !important; } .rz-px-md-12, .rz-pl-md-12 { padding-left: 3rem !important; } .rz-ps-md-12 { padding-inline-start: 3rem !important; } .rz-pe-md-12 { padding-inline-end: 3rem !important; } .rz-m-md-auto { margin: auto !important; } .rz-my-md-auto, .rz-mt-md-auto { margin-top: auto !important; } .rz-mx-md-auto, .rz-mr-md-auto { margin-right: auto !important; } .rz-my-md-auto, .rz-mb-md-auto { margin-bottom: auto !important; } .rz-mx-md-auto, .rz-ml-md-auto { margin-left: auto !important; } .rz-ms-md-auto { margin-inline-start: auto !important; } .rz-me-md-auto { margin-inline-end: auto !important; } } @media (min-width: 1280px) { .rz-m-lg-0 { margin: 0 !important; } .rz-my-lg-0, .rz-mt-lg-0 { margin-top: 0 !important; } .rz-mx-lg-0, .rz-mr-lg-0 { margin-right: 0 !important; } .rz-my-lg-0, .rz-mb-lg-0 { margin-bottom: 0 !important; } .rz-mx-lg-0, .rz-ml-lg-0 { margin-left: 0 !important; } .rz-ms-lg-0 { margin-inline-start: 0 !important; } .rz-me-lg-0 { margin-inline-end: 0 !important; } .rz-m-lg-05 { margin: 0.125rem !important; } .rz-my-lg-05, .rz-mt-lg-05 { margin-top: 0.125rem !important; } .rz-mx-lg-05, .rz-mr-lg-05 { margin-right: 0.125rem !important; } .rz-my-lg-05, .rz-mb-lg-05 { margin-bottom: 0.125rem !important; } .rz-mx-lg-05, .rz-ml-lg-05 { margin-left: 0.125rem !important; } .rz-ms-lg-05 { margin-inline-start: 0.125rem !important; } .rz-me-lg-05 { margin-inline-end: 0.125rem !important; } .rz-m-lg-1 { margin: 0.25rem !important; } .rz-my-lg-1, .rz-mt-lg-1 { margin-top: 0.25rem !important; } .rz-mx-lg-1, .rz-mr-lg-1 { margin-right: 0.25rem !important; } .rz-my-lg-1, .rz-mb-lg-1 { margin-bottom: 0.25rem !important; } .rz-mx-lg-1, .rz-ml-lg-1 { margin-left: 0.25rem !important; } .rz-ms-lg-1 { margin-inline-start: 0.25rem !important; } .rz-me-lg-1 { margin-inline-end: 0.25rem !important; } .rz-m-lg-2 { margin: 0.5rem !important; } .rz-my-lg-2, .rz-mt-lg-2 { margin-top: 0.5rem !important; } .rz-mx-lg-2, .rz-mr-lg-2 { margin-right: 0.5rem !important; } .rz-my-lg-2, .rz-mb-lg-2 { margin-bottom: 0.5rem !important; } .rz-mx-lg-2, .rz-ml-lg-2 { margin-left: 0.5rem !important; } .rz-ms-lg-2 { margin-inline-start: 0.5rem !important; } .rz-me-lg-2 { margin-inline-end: 0.5rem !important; } .rz-m-lg-3 { margin: 0.75rem !important; } .rz-my-lg-3, .rz-mt-lg-3 { margin-top: 0.75rem !important; } .rz-mx-lg-3, .rz-mr-lg-3 { margin-right: 0.75rem !important; } .rz-my-lg-3, .rz-mb-lg-3 { margin-bottom: 0.75rem !important; } .rz-mx-lg-3, .rz-ml-lg-3 { margin-left: 0.75rem !important; } .rz-ms-lg-3 { margin-inline-start: 0.75rem !important; } .rz-me-lg-3 { margin-inline-end: 0.75rem !important; } .rz-m-lg-4 { margin: 1rem !important; } .rz-my-lg-4, .rz-mt-lg-4 { margin-top: 1rem !important; } .rz-mx-lg-4, .rz-mr-lg-4 { margin-right: 1rem !important; } .rz-my-lg-4, .rz-mb-lg-4 { margin-bottom: 1rem !important; } .rz-mx-lg-4, .rz-ml-lg-4 { margin-left: 1rem !important; } .rz-ms-lg-4 { margin-inline-start: 1rem !important; } .rz-me-lg-4 { margin-inline-end: 1rem !important; } .rz-m-lg-5 { margin: 1.25rem !important; } .rz-my-lg-5, .rz-mt-lg-5 { margin-top: 1.25rem !important; } .rz-mx-lg-5, .rz-mr-lg-5 { margin-right: 1.25rem !important; } .rz-my-lg-5, .rz-mb-lg-5 { margin-bottom: 1.25rem !important; } .rz-mx-lg-5, .rz-ml-lg-5 { margin-left: 1.25rem !important; } .rz-ms-lg-5 { margin-inline-start: 1.25rem !important; } .rz-me-lg-5 { margin-inline-end: 1.25rem !important; } .rz-m-lg-6 { margin: 1.5rem !important; } .rz-my-lg-6, .rz-mt-lg-6 { margin-top: 1.5rem !important; } .rz-mx-lg-6, .rz-mr-lg-6 { margin-right: 1.5rem !important; } .rz-my-lg-6, .rz-mb-lg-6 { margin-bottom: 1.5rem !important; } .rz-mx-lg-6, .rz-ml-lg-6 { margin-left: 1.5rem !important; } .rz-ms-lg-6 { margin-inline-start: 1.5rem !important; } .rz-me-lg-6 { margin-inline-end: 1.5rem !important; } .rz-m-lg-7 { margin: 1.75rem !important; } .rz-my-lg-7, .rz-mt-lg-7 { margin-top: 1.75rem !important; } .rz-mx-lg-7, .rz-mr-lg-7 { margin-right: 1.75rem !important; } .rz-my-lg-7, .rz-mb-lg-7 { margin-bottom: 1.75rem !important; } .rz-mx-lg-7, .rz-ml-lg-7 { margin-left: 1.75rem !important; } .rz-ms-lg-7 { margin-inline-start: 1.75rem !important; } .rz-me-lg-7 { margin-inline-end: 1.75rem !important; } .rz-m-lg-8 { margin: 2rem !important; } .rz-my-lg-8, .rz-mt-lg-8 { margin-top: 2rem !important; } .rz-mx-lg-8, .rz-mr-lg-8 { margin-right: 2rem !important; } .rz-my-lg-8, .rz-mb-lg-8 { margin-bottom: 2rem !important; } .rz-mx-lg-8, .rz-ml-lg-8 { margin-left: 2rem !important; } .rz-ms-lg-8 { margin-inline-start: 2rem !important; } .rz-me-lg-8 { margin-inline-end: 2rem !important; } .rz-m-lg-9 { margin: 2.25rem !important; } .rz-my-lg-9, .rz-mt-lg-9 { margin-top: 2.25rem !important; } .rz-mx-lg-9, .rz-mr-lg-9 { margin-right: 2.25rem !important; } .rz-my-lg-9, .rz-mb-lg-9 { margin-bottom: 2.25rem !important; } .rz-mx-lg-9, .rz-ml-lg-9 { margin-left: 2.25rem !important; } .rz-ms-lg-9 { margin-inline-start: 2.25rem !important; } .rz-me-lg-9 { margin-inline-end: 2.25rem !important; } .rz-m-lg-10 { margin: 2.5rem !important; } .rz-my-lg-10, .rz-mt-lg-10 { margin-top: 2.5rem !important; } .rz-mx-lg-10, .rz-mr-lg-10 { margin-right: 2.5rem !important; } .rz-my-lg-10, .rz-mb-lg-10 { margin-bottom: 2.5rem !important; } .rz-mx-lg-10, .rz-ml-lg-10 { margin-left: 2.5rem !important; } .rz-ms-lg-10 { margin-inline-start: 2.5rem !important; } .rz-me-lg-10 { margin-inline-end: 2.5rem !important; } .rz-m-lg-11 { margin: 2.75rem !important; } .rz-my-lg-11, .rz-mt-lg-11 { margin-top: 2.75rem !important; } .rz-mx-lg-11, .rz-mr-lg-11 { margin-right: 2.75rem !important; } .rz-my-lg-11, .rz-mb-lg-11 { margin-bottom: 2.75rem !important; } .rz-mx-lg-11, .rz-ml-lg-11 { margin-left: 2.75rem !important; } .rz-ms-lg-11 { margin-inline-start: 2.75rem !important; } .rz-me-lg-11 { margin-inline-end: 2.75rem !important; } .rz-m-lg-12 { margin: 3rem !important; } .rz-my-lg-12, .rz-mt-lg-12 { margin-top: 3rem !important; } .rz-mx-lg-12, .rz-mr-lg-12 { margin-right: 3rem !important; } .rz-my-lg-12, .rz-mb-lg-12 { margin-bottom: 3rem !important; } .rz-mx-lg-12, .rz-ml-lg-12 { margin-left: 3rem !important; } .rz-ms-lg-12 { margin-inline-start: 3rem !important; } .rz-me-lg-12 { margin-inline-end: 3rem !important; } .rz-p-lg-0 { padding: 0 !important; } .rz-py-lg-0, .rz-pt-lg-0 { padding-top: 0 !important; } .rz-px-lg-0, .rz-pr-lg-0 { padding-right: 0 !important; } .rz-py-lg-0, .rz-pb-lg-0 { padding-bottom: 0 !important; } .rz-px-lg-0, .rz-pl-lg-0 { padding-left: 0 !important; } .rz-ps-lg-0 { padding-inline-start: 0 !important; } .rz-pe-lg-0 { padding-inline-end: 0 !important; } .rz-p-lg-05 { padding: 0.125rem !important; } .rz-py-lg-05, .rz-pt-lg-05 { padding-top: 0.125rem !important; } .rz-px-lg-05, .rz-pr-lg-05 { padding-right: 0.125rem !important; } .rz-py-lg-05, .rz-pb-lg-05 { padding-bottom: 0.125rem !important; } .rz-px-lg-05, .rz-pl-lg-05 { padding-left: 0.125rem !important; } .rz-ps-lg-05 { padding-inline-start: 0.125rem !important; } .rz-pe-lg-05 { padding-inline-end: 0.125rem !important; } .rz-p-lg-1 { padding: 0.25rem !important; } .rz-py-lg-1, .rz-pt-lg-1 { padding-top: 0.25rem !important; } .rz-px-lg-1, .rz-pr-lg-1 { padding-right: 0.25rem !important; } .rz-py-lg-1, .rz-pb-lg-1 { padding-bottom: 0.25rem !important; } .rz-px-lg-1, .rz-pl-lg-1 { padding-left: 0.25rem !important; } .rz-ps-lg-1 { padding-inline-start: 0.25rem !important; } .rz-pe-lg-1 { padding-inline-end: 0.25rem !important; } .rz-p-lg-2 { padding: 0.5rem !important; } .rz-py-lg-2, .rz-pt-lg-2 { padding-top: 0.5rem !important; } .rz-px-lg-2, .rz-pr-lg-2 { padding-right: 0.5rem !important; } .rz-py-lg-2, .rz-pb-lg-2 { padding-bottom: 0.5rem !important; } .rz-px-lg-2, .rz-pl-lg-2 { padding-left: 0.5rem !important; } .rz-ps-lg-2 { padding-inline-start: 0.5rem !important; } .rz-pe-lg-2 { padding-inline-end: 0.5rem !important; } .rz-p-lg-3 { padding: 0.75rem !important; } .rz-py-lg-3, .rz-pt-lg-3 { padding-top: 0.75rem !important; } .rz-px-lg-3, .rz-pr-lg-3 { padding-right: 0.75rem !important; } .rz-py-lg-3, .rz-pb-lg-3 { padding-bottom: 0.75rem !important; } .rz-px-lg-3, .rz-pl-lg-3 { padding-left: 0.75rem !important; } .rz-ps-lg-3 { padding-inline-start: 0.75rem !important; } .rz-pe-lg-3 { padding-inline-end: 0.75rem !important; } .rz-p-lg-4 { padding: 1rem !important; } .rz-py-lg-4, .rz-pt-lg-4 { padding-top: 1rem !important; } .rz-px-lg-4, .rz-pr-lg-4 { padding-right: 1rem !important; } .rz-py-lg-4, .rz-pb-lg-4 { padding-bottom: 1rem !important; } .rz-px-lg-4, .rz-pl-lg-4 { padding-left: 1rem !important; } .rz-ps-lg-4 { padding-inline-start: 1rem !important; } .rz-pe-lg-4 { padding-inline-end: 1rem !important; } .rz-p-lg-5 { padding: 1.25rem !important; } .rz-py-lg-5, .rz-pt-lg-5 { padding-top: 1.25rem !important; } .rz-px-lg-5, .rz-pr-lg-5 { padding-right: 1.25rem !important; } .rz-py-lg-5, .rz-pb-lg-5 { padding-bottom: 1.25rem !important; } .rz-px-lg-5, .rz-pl-lg-5 { padding-left: 1.25rem !important; } .rz-ps-lg-5 { padding-inline-start: 1.25rem !important; } .rz-pe-lg-5 { padding-inline-end: 1.25rem !important; } .rz-p-lg-6 { padding: 1.5rem !important; } .rz-py-lg-6, .rz-pt-lg-6 { padding-top: 1.5rem !important; } .rz-px-lg-6, .rz-pr-lg-6 { padding-right: 1.5rem !important; } .rz-py-lg-6, .rz-pb-lg-6 { padding-bottom: 1.5rem !important; } .rz-px-lg-6, .rz-pl-lg-6 { padding-left: 1.5rem !important; } .rz-ps-lg-6 { padding-inline-start: 1.5rem !important; } .rz-pe-lg-6 { padding-inline-end: 1.5rem !important; } .rz-p-lg-7 { padding: 1.75rem !important; } .rz-py-lg-7, .rz-pt-lg-7 { padding-top: 1.75rem !important; } .rz-px-lg-7, .rz-pr-lg-7 { padding-right: 1.75rem !important; } .rz-py-lg-7, .rz-pb-lg-7 { padding-bottom: 1.75rem !important; } .rz-px-lg-7, .rz-pl-lg-7 { padding-left: 1.75rem !important; } .rz-ps-lg-7 { padding-inline-start: 1.75rem !important; } .rz-pe-lg-7 { padding-inline-end: 1.75rem !important; } .rz-p-lg-8 { padding: 2rem !important; } .rz-py-lg-8, .rz-pt-lg-8 { padding-top: 2rem !important; } .rz-px-lg-8, .rz-pr-lg-8 { padding-right: 2rem !important; } .rz-py-lg-8, .rz-pb-lg-8 { padding-bottom: 2rem !important; } .rz-px-lg-8, .rz-pl-lg-8 { padding-left: 2rem !important; } .rz-ps-lg-8 { padding-inline-start: 2rem !important; } .rz-pe-lg-8 { padding-inline-end: 2rem !important; } .rz-p-lg-9 { padding: 2.25rem !important; } .rz-py-lg-9, .rz-pt-lg-9 { padding-top: 2.25rem !important; } .rz-px-lg-9, .rz-pr-lg-9 { padding-right: 2.25rem !important; } .rz-py-lg-9, .rz-pb-lg-9 { padding-bottom: 2.25rem !important; } .rz-px-lg-9, .rz-pl-lg-9 { padding-left: 2.25rem !important; } .rz-ps-lg-9 { padding-inline-start: 2.25rem !important; } .rz-pe-lg-9 { padding-inline-end: 2.25rem !important; } .rz-p-lg-10 { padding: 2.5rem !important; } .rz-py-lg-10, .rz-pt-lg-10 { padding-top: 2.5rem !important; } .rz-px-lg-10, .rz-pr-lg-10 { padding-right: 2.5rem !important; } .rz-py-lg-10, .rz-pb-lg-10 { padding-bottom: 2.5rem !important; } .rz-px-lg-10, .rz-pl-lg-10 { padding-left: 2.5rem !important; } .rz-ps-lg-10 { padding-inline-start: 2.5rem !important; } .rz-pe-lg-10 { padding-inline-end: 2.5rem !important; } .rz-p-lg-11 { padding: 2.75rem !important; } .rz-py-lg-11, .rz-pt-lg-11 { padding-top: 2.75rem !important; } .rz-px-lg-11, .rz-pr-lg-11 { padding-right: 2.75rem !important; } .rz-py-lg-11, .rz-pb-lg-11 { padding-bottom: 2.75rem !important; } .rz-px-lg-11, .rz-pl-lg-11 { padding-left: 2.75rem !important; } .rz-ps-lg-11 { padding-inline-start: 2.75rem !important; } .rz-pe-lg-11 { padding-inline-end: 2.75rem !important; } .rz-p-lg-12 { padding: 3rem !important; } .rz-py-lg-12, .rz-pt-lg-12 { padding-top: 3rem !important; } .rz-px-lg-12, .rz-pr-lg-12 { padding-right: 3rem !important; } .rz-py-lg-12, .rz-pb-lg-12 { padding-bottom: 3rem !important; } .rz-px-lg-12, .rz-pl-lg-12 { padding-left: 3rem !important; } .rz-ps-lg-12 { padding-inline-start: 3rem !important; } .rz-pe-lg-12 { padding-inline-end: 3rem !important; } .rz-m-lg-auto { margin: auto !important; } .rz-my-lg-auto, .rz-mt-lg-auto { margin-top: auto !important; } .rz-mx-lg-auto, .rz-mr-lg-auto { margin-right: auto !important; } .rz-my-lg-auto, .rz-mb-lg-auto { margin-bottom: auto !important; } .rz-mx-lg-auto, .rz-ml-lg-auto { margin-left: auto !important; } .rz-ms-lg-auto { margin-inline-start: auto !important; } .rz-me-lg-auto { margin-inline-end: auto !important; } } @media (min-width: 1920px) { .rz-m-xl-0 { margin: 0 !important; } .rz-my-xl-0, .rz-mt-xl-0 { margin-top: 0 !important; } .rz-mx-xl-0, .rz-mr-xl-0 { margin-right: 0 !important; } .rz-my-xl-0, .rz-mb-xl-0 { margin-bottom: 0 !important; } .rz-mx-xl-0, .rz-ml-xl-0 { margin-left: 0 !important; } .rz-ms-xl-0 { margin-inline-start: 0 !important; } .rz-me-xl-0 { margin-inline-end: 0 !important; } .rz-m-xl-05 { margin: 0.125rem !important; } .rz-my-xl-05, .rz-mt-xl-05 { margin-top: 0.125rem !important; } .rz-mx-xl-05, .rz-mr-xl-05 { margin-right: 0.125rem !important; } .rz-my-xl-05, .rz-mb-xl-05 { margin-bottom: 0.125rem !important; } .rz-mx-xl-05, .rz-ml-xl-05 { margin-left: 0.125rem !important; } .rz-ms-xl-05 { margin-inline-start: 0.125rem !important; } .rz-me-xl-05 { margin-inline-end: 0.125rem !important; } .rz-m-xl-1 { margin: 0.25rem !important; } .rz-my-xl-1, .rz-mt-xl-1 { margin-top: 0.25rem !important; } .rz-mx-xl-1, .rz-mr-xl-1 { margin-right: 0.25rem !important; } .rz-my-xl-1, .rz-mb-xl-1 { margin-bottom: 0.25rem !important; } .rz-mx-xl-1, .rz-ml-xl-1 { margin-left: 0.25rem !important; } .rz-ms-xl-1 { margin-inline-start: 0.25rem !important; } .rz-me-xl-1 { margin-inline-end: 0.25rem !important; } .rz-m-xl-2 { margin: 0.5rem !important; } .rz-my-xl-2, .rz-mt-xl-2 { margin-top: 0.5rem !important; } .rz-mx-xl-2, .rz-mr-xl-2 { margin-right: 0.5rem !important; } .rz-my-xl-2, .rz-mb-xl-2 { margin-bottom: 0.5rem !important; } .rz-mx-xl-2, .rz-ml-xl-2 { margin-left: 0.5rem !important; } .rz-ms-xl-2 { margin-inline-start: 0.5rem !important; } .rz-me-xl-2 { margin-inline-end: 0.5rem !important; } .rz-m-xl-3 { margin: 0.75rem !important; } .rz-my-xl-3, .rz-mt-xl-3 { margin-top: 0.75rem !important; } .rz-mx-xl-3, .rz-mr-xl-3 { margin-right: 0.75rem !important; } .rz-my-xl-3, .rz-mb-xl-3 { margin-bottom: 0.75rem !important; } .rz-mx-xl-3, .rz-ml-xl-3 { margin-left: 0.75rem !important; } .rz-ms-xl-3 { margin-inline-start: 0.75rem !important; } .rz-me-xl-3 { margin-inline-end: 0.75rem !important; } .rz-m-xl-4 { margin: 1rem !important; } .rz-my-xl-4, .rz-mt-xl-4 { margin-top: 1rem !important; } .rz-mx-xl-4, .rz-mr-xl-4 { margin-right: 1rem !important; } .rz-my-xl-4, .rz-mb-xl-4 { margin-bottom: 1rem !important; } .rz-mx-xl-4, .rz-ml-xl-4 { margin-left: 1rem !important; } .rz-ms-xl-4 { margin-inline-start: 1rem !important; } .rz-me-xl-4 { margin-inline-end: 1rem !important; } .rz-m-xl-5 { margin: 1.25rem !important; } .rz-my-xl-5, .rz-mt-xl-5 { margin-top: 1.25rem !important; } .rz-mx-xl-5, .rz-mr-xl-5 { margin-right: 1.25rem !important; } .rz-my-xl-5, .rz-mb-xl-5 { margin-bottom: 1.25rem !important; } .rz-mx-xl-5, .rz-ml-xl-5 { margin-left: 1.25rem !important; } .rz-ms-xl-5 { margin-inline-start: 1.25rem !important; } .rz-me-xl-5 { margin-inline-end: 1.25rem !important; } .rz-m-xl-6 { margin: 1.5rem !important; } .rz-my-xl-6, .rz-mt-xl-6 { margin-top: 1.5rem !important; } .rz-mx-xl-6, .rz-mr-xl-6 { margin-right: 1.5rem !important; } .rz-my-xl-6, .rz-mb-xl-6 { margin-bottom: 1.5rem !important; } .rz-mx-xl-6, .rz-ml-xl-6 { margin-left: 1.5rem !important; } .rz-ms-xl-6 { margin-inline-start: 1.5rem !important; } .rz-me-xl-6 { margin-inline-end: 1.5rem !important; } .rz-m-xl-7 { margin: 1.75rem !important; } .rz-my-xl-7, .rz-mt-xl-7 { margin-top: 1.75rem !important; } .rz-mx-xl-7, .rz-mr-xl-7 { margin-right: 1.75rem !important; } .rz-my-xl-7, .rz-mb-xl-7 { margin-bottom: 1.75rem !important; } .rz-mx-xl-7, .rz-ml-xl-7 { margin-left: 1.75rem !important; } .rz-ms-xl-7 { margin-inline-start: 1.75rem !important; } .rz-me-xl-7 { margin-inline-end: 1.75rem !important; } .rz-m-xl-8 { margin: 2rem !important; } .rz-my-xl-8, .rz-mt-xl-8 { margin-top: 2rem !important; } .rz-mx-xl-8, .rz-mr-xl-8 { margin-right: 2rem !important; } .rz-my-xl-8, .rz-mb-xl-8 { margin-bottom: 2rem !important; } .rz-mx-xl-8, .rz-ml-xl-8 { margin-left: 2rem !important; } .rz-ms-xl-8 { margin-inline-start: 2rem !important; } .rz-me-xl-8 { margin-inline-end: 2rem !important; } .rz-m-xl-9 { margin: 2.25rem !important; } .rz-my-xl-9, .rz-mt-xl-9 { margin-top: 2.25rem !important; } .rz-mx-xl-9, .rz-mr-xl-9 { margin-right: 2.25rem !important; } .rz-my-xl-9, .rz-mb-xl-9 { margin-bottom: 2.25rem !important; } .rz-mx-xl-9, .rz-ml-xl-9 { margin-left: 2.25rem !important; } .rz-ms-xl-9 { margin-inline-start: 2.25rem !important; } .rz-me-xl-9 { margin-inline-end: 2.25rem !important; } .rz-m-xl-10 { margin: 2.5rem !important; } .rz-my-xl-10, .rz-mt-xl-10 { margin-top: 2.5rem !important; } .rz-mx-xl-10, .rz-mr-xl-10 { margin-right: 2.5rem !important; } .rz-my-xl-10, .rz-mb-xl-10 { margin-bottom: 2.5rem !important; } .rz-mx-xl-10, .rz-ml-xl-10 { margin-left: 2.5rem !important; } .rz-ms-xl-10 { margin-inline-start: 2.5rem !important; } .rz-me-xl-10 { margin-inline-end: 2.5rem !important; } .rz-m-xl-11 { margin: 2.75rem !important; } .rz-my-xl-11, .rz-mt-xl-11 { margin-top: 2.75rem !important; } .rz-mx-xl-11, .rz-mr-xl-11 { margin-right: 2.75rem !important; } .rz-my-xl-11, .rz-mb-xl-11 { margin-bottom: 2.75rem !important; } .rz-mx-xl-11, .rz-ml-xl-11 { margin-left: 2.75rem !important; } .rz-ms-xl-11 { margin-inline-start: 2.75rem !important; } .rz-me-xl-11 { margin-inline-end: 2.75rem !important; } .rz-m-xl-12 { margin: 3rem !important; } .rz-my-xl-12, .rz-mt-xl-12 { margin-top: 3rem !important; } .rz-mx-xl-12, .rz-mr-xl-12 { margin-right: 3rem !important; } .rz-my-xl-12, .rz-mb-xl-12 { margin-bottom: 3rem !important; } .rz-mx-xl-12, .rz-ml-xl-12 { margin-left: 3rem !important; } .rz-ms-xl-12 { margin-inline-start: 3rem !important; } .rz-me-xl-12 { margin-inline-end: 3rem !important; } .rz-p-xl-0 { padding: 0 !important; } .rz-py-xl-0, .rz-pt-xl-0 { padding-top: 0 !important; } .rz-px-xl-0, .rz-pr-xl-0 { padding-right: 0 !important; } .rz-py-xl-0, .rz-pb-xl-0 { padding-bottom: 0 !important; } .rz-px-xl-0, .rz-pl-xl-0 { padding-left: 0 !important; } .rz-ps-xl-0 { padding-inline-start: 0 !important; } .rz-pe-xl-0 { padding-inline-end: 0 !important; } .rz-p-xl-05 { padding: 0.125rem !important; } .rz-py-xl-05, .rz-pt-xl-05 { padding-top: 0.125rem !important; } .rz-px-xl-05, .rz-pr-xl-05 { padding-right: 0.125rem !important; } .rz-py-xl-05, .rz-pb-xl-05 { padding-bottom: 0.125rem !important; } .rz-px-xl-05, .rz-pl-xl-05 { padding-left: 0.125rem !important; } .rz-ps-xl-05 { padding-inline-start: 0.125rem !important; } .rz-pe-xl-05 { padding-inline-end: 0.125rem !important; } .rz-p-xl-1 { padding: 0.25rem !important; } .rz-py-xl-1, .rz-pt-xl-1 { padding-top: 0.25rem !important; } .rz-px-xl-1, .rz-pr-xl-1 { padding-right: 0.25rem !important; } .rz-py-xl-1, .rz-pb-xl-1 { padding-bottom: 0.25rem !important; } .rz-px-xl-1, .rz-pl-xl-1 { padding-left: 0.25rem !important; } .rz-ps-xl-1 { padding-inline-start: 0.25rem !important; } .rz-pe-xl-1 { padding-inline-end: 0.25rem !important; } .rz-p-xl-2 { padding: 0.5rem !important; } .rz-py-xl-2, .rz-pt-xl-2 { padding-top: 0.5rem !important; } .rz-px-xl-2, .rz-pr-xl-2 { padding-right: 0.5rem !important; } .rz-py-xl-2, .rz-pb-xl-2 { padding-bottom: 0.5rem !important; } .rz-px-xl-2, .rz-pl-xl-2 { padding-left: 0.5rem !important; } .rz-ps-xl-2 { padding-inline-start: 0.5rem !important; } .rz-pe-xl-2 { padding-inline-end: 0.5rem !important; } .rz-p-xl-3 { padding: 0.75rem !important; } .rz-py-xl-3, .rz-pt-xl-3 { padding-top: 0.75rem !important; } .rz-px-xl-3, .rz-pr-xl-3 { padding-right: 0.75rem !important; } .rz-py-xl-3, .rz-pb-xl-3 { padding-bottom: 0.75rem !important; } .rz-px-xl-3, .rz-pl-xl-3 { padding-left: 0.75rem !important; } .rz-ps-xl-3 { padding-inline-start: 0.75rem !important; } .rz-pe-xl-3 { padding-inline-end: 0.75rem !important; } .rz-p-xl-4 { padding: 1rem !important; } .rz-py-xl-4, .rz-pt-xl-4 { padding-top: 1rem !important; } .rz-px-xl-4, .rz-pr-xl-4 { padding-right: 1rem !important; } .rz-py-xl-4, .rz-pb-xl-4 { padding-bottom: 1rem !important; } .rz-px-xl-4, .rz-pl-xl-4 { padding-left: 1rem !important; } .rz-ps-xl-4 { padding-inline-start: 1rem !important; } .rz-pe-xl-4 { padding-inline-end: 1rem !important; } .rz-p-xl-5 { padding: 1.25rem !important; } .rz-py-xl-5, .rz-pt-xl-5 { padding-top: 1.25rem !important; } .rz-px-xl-5, .rz-pr-xl-5 { padding-right: 1.25rem !important; } .rz-py-xl-5, .rz-pb-xl-5 { padding-bottom: 1.25rem !important; } .rz-px-xl-5, .rz-pl-xl-5 { padding-left: 1.25rem !important; } .rz-ps-xl-5 { padding-inline-start: 1.25rem !important; } .rz-pe-xl-5 { padding-inline-end: 1.25rem !important; } .rz-p-xl-6 { padding: 1.5rem !important; } .rz-py-xl-6, .rz-pt-xl-6 { padding-top: 1.5rem !important; } .rz-px-xl-6, .rz-pr-xl-6 { padding-right: 1.5rem !important; } .rz-py-xl-6, .rz-pb-xl-6 { padding-bottom: 1.5rem !important; } .rz-px-xl-6, .rz-pl-xl-6 { padding-left: 1.5rem !important; } .rz-ps-xl-6 { padding-inline-start: 1.5rem !important; } .rz-pe-xl-6 { padding-inline-end: 1.5rem !important; } .rz-p-xl-7 { padding: 1.75rem !important; } .rz-py-xl-7, .rz-pt-xl-7 { padding-top: 1.75rem !important; } .rz-px-xl-7, .rz-pr-xl-7 { padding-right: 1.75rem !important; } .rz-py-xl-7, .rz-pb-xl-7 { padding-bottom: 1.75rem !important; } .rz-px-xl-7, .rz-pl-xl-7 { padding-left: 1.75rem !important; } .rz-ps-xl-7 { padding-inline-start: 1.75rem !important; } .rz-pe-xl-7 { padding-inline-end: 1.75rem !important; } .rz-p-xl-8 { padding: 2rem !important; } .rz-py-xl-8, .rz-pt-xl-8 { padding-top: 2rem !important; } .rz-px-xl-8, .rz-pr-xl-8 { padding-right: 2rem !important; } .rz-py-xl-8, .rz-pb-xl-8 { padding-bottom: 2rem !important; } .rz-px-xl-8, .rz-pl-xl-8 { padding-left: 2rem !important; } .rz-ps-xl-8 { padding-inline-start: 2rem !important; } .rz-pe-xl-8 { padding-inline-end: 2rem !important; } .rz-p-xl-9 { padding: 2.25rem !important; } .rz-py-xl-9, .rz-pt-xl-9 { padding-top: 2.25rem !important; } .rz-px-xl-9, .rz-pr-xl-9 { padding-right: 2.25rem !important; } .rz-py-xl-9, .rz-pb-xl-9 { padding-bottom: 2.25rem !important; } .rz-px-xl-9, .rz-pl-xl-9 { padding-left: 2.25rem !important; } .rz-ps-xl-9 { padding-inline-start: 2.25rem !important; } .rz-pe-xl-9 { padding-inline-end: 2.25rem !important; } .rz-p-xl-10 { padding: 2.5rem !important; } .rz-py-xl-10, .rz-pt-xl-10 { padding-top: 2.5rem !important; } .rz-px-xl-10, .rz-pr-xl-10 { padding-right: 2.5rem !important; } .rz-py-xl-10, .rz-pb-xl-10 { padding-bottom: 2.5rem !important; } .rz-px-xl-10, .rz-pl-xl-10 { padding-left: 2.5rem !important; } .rz-ps-xl-10 { padding-inline-start: 2.5rem !important; } .rz-pe-xl-10 { padding-inline-end: 2.5rem !important; } .rz-p-xl-11 { padding: 2.75rem !important; } .rz-py-xl-11, .rz-pt-xl-11 { padding-top: 2.75rem !important; } .rz-px-xl-11, .rz-pr-xl-11 { padding-right: 2.75rem !important; } .rz-py-xl-11, .rz-pb-xl-11 { padding-bottom: 2.75rem !important; } .rz-px-xl-11, .rz-pl-xl-11 { padding-left: 2.75rem !important; } .rz-ps-xl-11 { padding-inline-start: 2.75rem !important; } .rz-pe-xl-11 { padding-inline-end: 2.75rem !important; } .rz-p-xl-12 { padding: 3rem !important; } .rz-py-xl-12, .rz-pt-xl-12 { padding-top: 3rem !important; } .rz-px-xl-12, .rz-pr-xl-12 { padding-right: 3rem !important; } .rz-py-xl-12, .rz-pb-xl-12 { padding-bottom: 3rem !important; } .rz-px-xl-12, .rz-pl-xl-12 { padding-left: 3rem !important; } .rz-ps-xl-12 { padding-inline-start: 3rem !important; } .rz-pe-xl-12 { padding-inline-end: 3rem !important; } .rz-m-xl-auto { margin: auto !important; } .rz-my-xl-auto, .rz-mt-xl-auto { margin-top: auto !important; } .rz-mx-xl-auto, .rz-mr-xl-auto { margin-right: auto !important; } .rz-my-xl-auto, .rz-mb-xl-auto { margin-bottom: auto !important; } .rz-mx-xl-auto, .rz-ml-xl-auto { margin-left: auto !important; } .rz-ms-xl-auto { margin-inline-start: auto !important; } .rz-me-xl-auto { margin-inline-end: auto !important; } } @media (min-width: 2560px) { .rz-m-xx-0 { margin: 0 !important; } .rz-my-xx-0, .rz-mt-xx-0 { margin-top: 0 !important; } .rz-mx-xx-0, .rz-mr-xx-0 { margin-right: 0 !important; } .rz-my-xx-0, .rz-mb-xx-0 { margin-bottom: 0 !important; } .rz-mx-xx-0, .rz-ml-xx-0 { margin-left: 0 !important; } .rz-ms-xx-0 { margin-inline-start: 0 !important; } .rz-me-xx-0 { margin-inline-end: 0 !important; } .rz-m-xx-05 { margin: 0.125rem !important; } .rz-my-xx-05, .rz-mt-xx-05 { margin-top: 0.125rem !important; } .rz-mx-xx-05, .rz-mr-xx-05 { margin-right: 0.125rem !important; } .rz-my-xx-05, .rz-mb-xx-05 { margin-bottom: 0.125rem !important; } .rz-mx-xx-05, .rz-ml-xx-05 { margin-left: 0.125rem !important; } .rz-ms-xx-05 { margin-inline-start: 0.125rem !important; } .rz-me-xx-05 { margin-inline-end: 0.125rem !important; } .rz-m-xx-1 { margin: 0.25rem !important; } .rz-my-xx-1, .rz-mt-xx-1 { margin-top: 0.25rem !important; } .rz-mx-xx-1, .rz-mr-xx-1 { margin-right: 0.25rem !important; } .rz-my-xx-1, .rz-mb-xx-1 { margin-bottom: 0.25rem !important; } .rz-mx-xx-1, .rz-ml-xx-1 { margin-left: 0.25rem !important; } .rz-ms-xx-1 { margin-inline-start: 0.25rem !important; } .rz-me-xx-1 { margin-inline-end: 0.25rem !important; } .rz-m-xx-2 { margin: 0.5rem !important; } .rz-my-xx-2, .rz-mt-xx-2 { margin-top: 0.5rem !important; } .rz-mx-xx-2, .rz-mr-xx-2 { margin-right: 0.5rem !important; } .rz-my-xx-2, .rz-mb-xx-2 { margin-bottom: 0.5rem !important; } .rz-mx-xx-2, .rz-ml-xx-2 { margin-left: 0.5rem !important; } .rz-ms-xx-2 { margin-inline-start: 0.5rem !important; } .rz-me-xx-2 { margin-inline-end: 0.5rem !important; } .rz-m-xx-3 { margin: 0.75rem !important; } .rz-my-xx-3, .rz-mt-xx-3 { margin-top: 0.75rem !important; } .rz-mx-xx-3, .rz-mr-xx-3 { margin-right: 0.75rem !important; } .rz-my-xx-3, .rz-mb-xx-3 { margin-bottom: 0.75rem !important; } .rz-mx-xx-3, .rz-ml-xx-3 { margin-left: 0.75rem !important; } .rz-ms-xx-3 { margin-inline-start: 0.75rem !important; } .rz-me-xx-3 { margin-inline-end: 0.75rem !important; } .rz-m-xx-4 { margin: 1rem !important; } .rz-my-xx-4, .rz-mt-xx-4 { margin-top: 1rem !important; } .rz-mx-xx-4, .rz-mr-xx-4 { margin-right: 1rem !important; } .rz-my-xx-4, .rz-mb-xx-4 { margin-bottom: 1rem !important; } .rz-mx-xx-4, .rz-ml-xx-4 { margin-left: 1rem !important; } .rz-ms-xx-4 { margin-inline-start: 1rem !important; } .rz-me-xx-4 { margin-inline-end: 1rem !important; } .rz-m-xx-5 { margin: 1.25rem !important; } .rz-my-xx-5, .rz-mt-xx-5 { margin-top: 1.25rem !important; } .rz-mx-xx-5, .rz-mr-xx-5 { margin-right: 1.25rem !important; } .rz-my-xx-5, .rz-mb-xx-5 { margin-bottom: 1.25rem !important; } .rz-mx-xx-5, .rz-ml-xx-5 { margin-left: 1.25rem !important; } .rz-ms-xx-5 { margin-inline-start: 1.25rem !important; } .rz-me-xx-5 { margin-inline-end: 1.25rem !important; } .rz-m-xx-6 { margin: 1.5rem !important; } .rz-my-xx-6, .rz-mt-xx-6 { margin-top: 1.5rem !important; } .rz-mx-xx-6, .rz-mr-xx-6 { margin-right: 1.5rem !important; } .rz-my-xx-6, .rz-mb-xx-6 { margin-bottom: 1.5rem !important; } .rz-mx-xx-6, .rz-ml-xx-6 { margin-left: 1.5rem !important; } .rz-ms-xx-6 { margin-inline-start: 1.5rem !important; } .rz-me-xx-6 { margin-inline-end: 1.5rem !important; } .rz-m-xx-7 { margin: 1.75rem !important; } .rz-my-xx-7, .rz-mt-xx-7 { margin-top: 1.75rem !important; } .rz-mx-xx-7, .rz-mr-xx-7 { margin-right: 1.75rem !important; } .rz-my-xx-7, .rz-mb-xx-7 { margin-bottom: 1.75rem !important; } .rz-mx-xx-7, .rz-ml-xx-7 { margin-left: 1.75rem !important; } .rz-ms-xx-7 { margin-inline-start: 1.75rem !important; } .rz-me-xx-7 { margin-inline-end: 1.75rem !important; } .rz-m-xx-8 { margin: 2rem !important; } .rz-my-xx-8, .rz-mt-xx-8 { margin-top: 2rem !important; } .rz-mx-xx-8, .rz-mr-xx-8 { margin-right: 2rem !important; } .rz-my-xx-8, .rz-mb-xx-8 { margin-bottom: 2rem !important; } .rz-mx-xx-8, .rz-ml-xx-8 { margin-left: 2rem !important; } .rz-ms-xx-8 { margin-inline-start: 2rem !important; } .rz-me-xx-8 { margin-inline-end: 2rem !important; } .rz-m-xx-9 { margin: 2.25rem !important; } .rz-my-xx-9, .rz-mt-xx-9 { margin-top: 2.25rem !important; } .rz-mx-xx-9, .rz-mr-xx-9 { margin-right: 2.25rem !important; } .rz-my-xx-9, .rz-mb-xx-9 { margin-bottom: 2.25rem !important; } .rz-mx-xx-9, .rz-ml-xx-9 { margin-left: 2.25rem !important; } .rz-ms-xx-9 { margin-inline-start: 2.25rem !important; } .rz-me-xx-9 { margin-inline-end: 2.25rem !important; } .rz-m-xx-10 { margin: 2.5rem !important; } .rz-my-xx-10, .rz-mt-xx-10 { margin-top: 2.5rem !important; } .rz-mx-xx-10, .rz-mr-xx-10 { margin-right: 2.5rem !important; } .rz-my-xx-10, .rz-mb-xx-10 { margin-bottom: 2.5rem !important; } .rz-mx-xx-10, .rz-ml-xx-10 { margin-left: 2.5rem !important; } .rz-ms-xx-10 { margin-inline-start: 2.5rem !important; } .rz-me-xx-10 { margin-inline-end: 2.5rem !important; } .rz-m-xx-11 { margin: 2.75rem !important; } .rz-my-xx-11, .rz-mt-xx-11 { margin-top: 2.75rem !important; } .rz-mx-xx-11, .rz-mr-xx-11 { margin-right: 2.75rem !important; } .rz-my-xx-11, .rz-mb-xx-11 { margin-bottom: 2.75rem !important; } .rz-mx-xx-11, .rz-ml-xx-11 { margin-left: 2.75rem !important; } .rz-ms-xx-11 { margin-inline-start: 2.75rem !important; } .rz-me-xx-11 { margin-inline-end: 2.75rem !important; } .rz-m-xx-12 { margin: 3rem !important; } .rz-my-xx-12, .rz-mt-xx-12 { margin-top: 3rem !important; } .rz-mx-xx-12, .rz-mr-xx-12 { margin-right: 3rem !important; } .rz-my-xx-12, .rz-mb-xx-12 { margin-bottom: 3rem !important; } .rz-mx-xx-12, .rz-ml-xx-12 { margin-left: 3rem !important; } .rz-ms-xx-12 { margin-inline-start: 3rem !important; } .rz-me-xx-12 { margin-inline-end: 3rem !important; } .rz-p-xx-0 { padding: 0 !important; } .rz-py-xx-0, .rz-pt-xx-0 { padding-top: 0 !important; } .rz-px-xx-0, .rz-pr-xx-0 { padding-right: 0 !important; } .rz-py-xx-0, .rz-pb-xx-0 { padding-bottom: 0 !important; } .rz-px-xx-0, .rz-pl-xx-0 { padding-left: 0 !important; } .rz-ps-xx-0 { padding-inline-start: 0 !important; } .rz-pe-xx-0 { padding-inline-end: 0 !important; } .rz-p-xx-05 { padding: 0.125rem !important; } .rz-py-xx-05, .rz-pt-xx-05 { padding-top: 0.125rem !important; } .rz-px-xx-05, .rz-pr-xx-05 { padding-right: 0.125rem !important; } .rz-py-xx-05, .rz-pb-xx-05 { padding-bottom: 0.125rem !important; } .rz-px-xx-05, .rz-pl-xx-05 { padding-left: 0.125rem !important; } .rz-ps-xx-05 { padding-inline-start: 0.125rem !important; } .rz-pe-xx-05 { padding-inline-end: 0.125rem !important; } .rz-p-xx-1 { padding: 0.25rem !important; } .rz-py-xx-1, .rz-pt-xx-1 { padding-top: 0.25rem !important; } .rz-px-xx-1, .rz-pr-xx-1 { padding-right: 0.25rem !important; } .rz-py-xx-1, .rz-pb-xx-1 { padding-bottom: 0.25rem !important; } .rz-px-xx-1, .rz-pl-xx-1 { padding-left: 0.25rem !important; } .rz-ps-xx-1 { padding-inline-start: 0.25rem !important; } .rz-pe-xx-1 { padding-inline-end: 0.25rem !important; } .rz-p-xx-2 { padding: 0.5rem !important; } .rz-py-xx-2, .rz-pt-xx-2 { padding-top: 0.5rem !important; } .rz-px-xx-2, .rz-pr-xx-2 { padding-right: 0.5rem !important; } .rz-py-xx-2, .rz-pb-xx-2 { padding-bottom: 0.5rem !important; } .rz-px-xx-2, .rz-pl-xx-2 { padding-left: 0.5rem !important; } .rz-ps-xx-2 { padding-inline-start: 0.5rem !important; } .rz-pe-xx-2 { padding-inline-end: 0.5rem !important; } .rz-p-xx-3 { padding: 0.75rem !important; } .rz-py-xx-3, .rz-pt-xx-3 { padding-top: 0.75rem !important; } .rz-px-xx-3, .rz-pr-xx-3 { padding-right: 0.75rem !important; } .rz-py-xx-3, .rz-pb-xx-3 { padding-bottom: 0.75rem !important; } .rz-px-xx-3, .rz-pl-xx-3 { padding-left: 0.75rem !important; } .rz-ps-xx-3 { padding-inline-start: 0.75rem !important; } .rz-pe-xx-3 { padding-inline-end: 0.75rem !important; } .rz-p-xx-4 { padding: 1rem !important; } .rz-py-xx-4, .rz-pt-xx-4 { padding-top: 1rem !important; } .rz-px-xx-4, .rz-pr-xx-4 { padding-right: 1rem !important; } .rz-py-xx-4, .rz-pb-xx-4 { padding-bottom: 1rem !important; } .rz-px-xx-4, .rz-pl-xx-4 { padding-left: 1rem !important; } .rz-ps-xx-4 { padding-inline-start: 1rem !important; } .rz-pe-xx-4 { padding-inline-end: 1rem !important; } .rz-p-xx-5 { padding: 1.25rem !important; } .rz-py-xx-5, .rz-pt-xx-5 { padding-top: 1.25rem !important; } .rz-px-xx-5, .rz-pr-xx-5 { padding-right: 1.25rem !important; } .rz-py-xx-5, .rz-pb-xx-5 { padding-bottom: 1.25rem !important; } .rz-px-xx-5, .rz-pl-xx-5 { padding-left: 1.25rem !important; } .rz-ps-xx-5 { padding-inline-start: 1.25rem !important; } .rz-pe-xx-5 { padding-inline-end: 1.25rem !important; } .rz-p-xx-6 { padding: 1.5rem !important; } .rz-py-xx-6, .rz-pt-xx-6 { padding-top: 1.5rem !important; } .rz-px-xx-6, .rz-pr-xx-6 { padding-right: 1.5rem !important; } .rz-py-xx-6, .rz-pb-xx-6 { padding-bottom: 1.5rem !important; } .rz-px-xx-6, .rz-pl-xx-6 { padding-left: 1.5rem !important; } .rz-ps-xx-6 { padding-inline-start: 1.5rem !important; } .rz-pe-xx-6 { padding-inline-end: 1.5rem !important; } .rz-p-xx-7 { padding: 1.75rem !important; } .rz-py-xx-7, .rz-pt-xx-7 { padding-top: 1.75rem !important; } .rz-px-xx-7, .rz-pr-xx-7 { padding-right: 1.75rem !important; } .rz-py-xx-7, .rz-pb-xx-7 { padding-bottom: 1.75rem !important; } .rz-px-xx-7, .rz-pl-xx-7 { padding-left: 1.75rem !important; } .rz-ps-xx-7 { padding-inline-start: 1.75rem !important; } .rz-pe-xx-7 { padding-inline-end: 1.75rem !important; } .rz-p-xx-8 { padding: 2rem !important; } .rz-py-xx-8, .rz-pt-xx-8 { padding-top: 2rem !important; } .rz-px-xx-8, .rz-pr-xx-8 { padding-right: 2rem !important; } .rz-py-xx-8, .rz-pb-xx-8 { padding-bottom: 2rem !important; } .rz-px-xx-8, .rz-pl-xx-8 { padding-left: 2rem !important; } .rz-ps-xx-8 { padding-inline-start: 2rem !important; } .rz-pe-xx-8 { padding-inline-end: 2rem !important; } .rz-p-xx-9 { padding: 2.25rem !important; } .rz-py-xx-9, .rz-pt-xx-9 { padding-top: 2.25rem !important; } .rz-px-xx-9, .rz-pr-xx-9 { padding-right: 2.25rem !important; } .rz-py-xx-9, .rz-pb-xx-9 { padding-bottom: 2.25rem !important; } .rz-px-xx-9, .rz-pl-xx-9 { padding-left: 2.25rem !important; } .rz-ps-xx-9 { padding-inline-start: 2.25rem !important; } .rz-pe-xx-9 { padding-inline-end: 2.25rem !important; } .rz-p-xx-10 { padding: 2.5rem !important; } .rz-py-xx-10, .rz-pt-xx-10 { padding-top: 2.5rem !important; } .rz-px-xx-10, .rz-pr-xx-10 { padding-right: 2.5rem !important; } .rz-py-xx-10, .rz-pb-xx-10 { padding-bottom: 2.5rem !important; } .rz-px-xx-10, .rz-pl-xx-10 { padding-left: 2.5rem !important; } .rz-ps-xx-10 { padding-inline-start: 2.5rem !important; } .rz-pe-xx-10 { padding-inline-end: 2.5rem !important; } .rz-p-xx-11 { padding: 2.75rem !important; } .rz-py-xx-11, .rz-pt-xx-11 { padding-top: 2.75rem !important; } .rz-px-xx-11, .rz-pr-xx-11 { padding-right: 2.75rem !important; } .rz-py-xx-11, .rz-pb-xx-11 { padding-bottom: 2.75rem !important; } .rz-px-xx-11, .rz-pl-xx-11 { padding-left: 2.75rem !important; } .rz-ps-xx-11 { padding-inline-start: 2.75rem !important; } .rz-pe-xx-11 { padding-inline-end: 2.75rem !important; } .rz-p-xx-12 { padding: 3rem !important; } .rz-py-xx-12, .rz-pt-xx-12 { padding-top: 3rem !important; } .rz-px-xx-12, .rz-pr-xx-12 { padding-right: 3rem !important; } .rz-py-xx-12, .rz-pb-xx-12 { padding-bottom: 3rem !important; } .rz-px-xx-12, .rz-pl-xx-12 { padding-left: 3rem !important; } .rz-ps-xx-12 { padding-inline-start: 3rem !important; } .rz-pe-xx-12 { padding-inline-end: 3rem !important; } .rz-m-xx-auto { margin: auto !important; } .rz-my-xx-auto, .rz-mt-xx-auto { margin-top: auto !important; } .rz-mx-xx-auto, .rz-mr-xx-auto { margin-right: auto !important; } .rz-my-xx-auto, .rz-mb-xx-auto { margin-bottom: auto !important; } .rz-mx-xx-auto, .rz-ml-xx-auto { margin-left: auto !important; } .rz-ms-xx-auto { margin-inline-start: auto !important; } .rz-me-xx-auto { margin-inline-end: auto !important; } } :root { /* ======================================== Grid & Flexbox Layout Variables ======================================== */ /* Gap Variables */ --rz-gap: 1rem; --rz-row-gap: 1rem; } .rz-flex-row { flex-direction: row !important; } .rz-flex-row-reverse { flex-direction: row-reverse !important; } .rz-flex-column { flex-direction: column !important; } .rz-flex-column-reverse { flex-direction: column-reverse !important; } .rz-stack { box-sizing: border-box; gap: var(--rz-gap); } .rz-row { box-sizing: border-box; flex-wrap: wrap; gap: var(--rz-gap); } .rz-row > [class^=rz-col] { flex: 1 0 0%; } .rz-row > [class*=rz-col-] { flex: 0 0 auto; width: 100%; } .rz-row > .rz-col-1 { max-width: calc((100% - 11 * var(--rz-gap)) / 12); flex-basis: calc((100% - 11 * var(--rz-gap)) / 12); } .rz-row > .rz-col-2 { max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-row > .rz-col-3 { max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-row > .rz-col-4 { max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-row > .rz-col-5 { max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-row > .rz-col-6 { max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-row > .rz-col-7 { max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-row > .rz-col-8 { max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-row > .rz-col-9 { max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-row > .rz-col-10 { max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-row > .rz-col-11 { max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-row > .rz-col-12 { max-width: 100%; flex-basis: 100%; } @media (min-width: 576px) { .rz-row > .rz-col-xs-1 { max-width: calc((100% - 11 * var(--rz-gap)) / 12); flex-basis: calc((100% - 11 * var(--rz-gap)) / 12); } .rz-row > .rz-col-xs-2 { max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-row > .rz-col-xs-3 { max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-row > .rz-col-xs-4 { max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-row > .rz-col-xs-5 { max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-row > .rz-col-xs-6 { max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-row > .rz-col-xs-7 { max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-row > .rz-col-xs-8 { max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-row > .rz-col-xs-9 { max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-row > .rz-col-xs-10 { max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-row > .rz-col-xs-11 { max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-row > .rz-col-xs-12 { max-width: 100%; flex-basis: 100%; } } @media (min-width: 768px) { .rz-row > .rz-col-sm-1 { max-width: calc((100% - 11 * var(--rz-gap)) / 12); flex-basis: calc((100% - 11 * var(--rz-gap)) / 12); } .rz-row > .rz-col-sm-2 { max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-row > .rz-col-sm-3 { max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-row > .rz-col-sm-4 { max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-row > .rz-col-sm-5 { max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-row > .rz-col-sm-6 { max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-row > .rz-col-sm-7 { max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-row > .rz-col-sm-8 { max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-row > .rz-col-sm-9 { max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-row > .rz-col-sm-10 { max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-row > .rz-col-sm-11 { max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-row > .rz-col-sm-12 { max-width: 100%; flex-basis: 100%; } } @media (min-width: 1024px) { .rz-row > .rz-col-md-1 { max-width: calc((100% - 11 * var(--rz-gap)) / 12); flex-basis: calc((100% - 11 * var(--rz-gap)) / 12); } .rz-row > .rz-col-md-2 { max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-row > .rz-col-md-3 { max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-row > .rz-col-md-4 { max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-row > .rz-col-md-5 { max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-row > .rz-col-md-6 { max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-row > .rz-col-md-7 { max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-row > .rz-col-md-8 { max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-row > .rz-col-md-9 { max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-row > .rz-col-md-10 { max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-row > .rz-col-md-11 { max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-row > .rz-col-md-12 { max-width: 100%; flex-basis: 100%; } } @media (min-width: 1280px) { .rz-row > .rz-col-lg-1 { max-width: calc((100% - 11 * var(--rz-gap)) / 12); flex-basis: calc((100% - 11 * var(--rz-gap)) / 12); } .rz-row > .rz-col-lg-2 { max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-row > .rz-col-lg-3 { max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-row > .rz-col-lg-4 { max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-row > .rz-col-lg-5 { max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-row > .rz-col-lg-6 { max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-row > .rz-col-lg-7 { max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-row > .rz-col-lg-8 { max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-row > .rz-col-lg-9 { max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-row > .rz-col-lg-10 { max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-row > .rz-col-lg-11 { max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-row > .rz-col-lg-12 { max-width: 100%; flex-basis: 100%; } } @media (min-width: 1920px) { .rz-row > .rz-col-xl-1 { max-width: calc((100% - 11 * var(--rz-gap)) / 12); flex-basis: calc((100% - 11 * var(--rz-gap)) / 12); } .rz-row > .rz-col-xl-2 { max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-row > .rz-col-xl-3 { max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-row > .rz-col-xl-4 { max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-row > .rz-col-xl-5 { max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-row > .rz-col-xl-6 { max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-row > .rz-col-xl-7 { max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-row > .rz-col-xl-8 { max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-row > .rz-col-xl-9 { max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-row > .rz-col-xl-10 { max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-row > .rz-col-xl-11 { max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-row > .rz-col-xl-12 { max-width: 100%; flex-basis: 100%; } } @media (min-width: 2560px) { .rz-row > .rz-col-xx-1 { max-width: calc((100% - 11 * var(--rz-gap)) / 12); flex-basis: calc((100% - 11 * var(--rz-gap)) / 12); } .rz-row > .rz-col-xx-2 { max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-row > .rz-col-xx-3 { max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-row > .rz-col-xx-4 { max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-row > .rz-col-xx-5 { max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-row > .rz-col-xx-6 { max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-row > .rz-col-xx-7 { max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-row > .rz-col-xx-8 { max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-row > .rz-col-xx-9 { max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-row > .rz-col-xx-10 { max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-row > .rz-col-xx-11 { max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-row > .rz-col-xx-12 { max-width: 100%; flex-basis: 100%; } } .rz-offset-0 { margin-inline-start: 0; } .rz-offset-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-offset-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-offset-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-offset-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-offset-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-offset-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-offset-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-offset-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-offset-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-offset-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-offset-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); } @media (min-width: 576px) { .rz-offset-xs-0 { margin-inline-start: 0; } .rz-offset-xs-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-offset-xs-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-offset-xs-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-offset-xs-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-offset-xs-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-offset-xs-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-offset-xs-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-offset-xs-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-offset-xs-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-offset-xs-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-offset-xs-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); } } @media (min-width: 768px) { .rz-offset-sm-0 { margin-inline-start: 0; } .rz-offset-sm-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-offset-sm-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-offset-sm-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-offset-sm-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-offset-sm-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-offset-sm-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-offset-sm-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-offset-sm-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-offset-sm-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-offset-sm-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-offset-sm-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); } } @media (min-width: 1024px) { .rz-offset-md-0 { margin-inline-start: 0; } .rz-offset-md-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-offset-md-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-offset-md-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-offset-md-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-offset-md-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-offset-md-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-offset-md-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-offset-md-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-offset-md-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-offset-md-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-offset-md-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); } } @media (min-width: 1280px) { .rz-offset-lg-0 { margin-inline-start: 0; } .rz-offset-lg-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-offset-lg-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-offset-lg-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-offset-lg-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-offset-lg-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-offset-lg-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-offset-lg-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-offset-lg-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-offset-lg-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-offset-lg-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-offset-lg-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); } } @media (min-width: 1920px) { .rz-offset-xl-0 { margin-inline-start: 0; } .rz-offset-xl-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-offset-xl-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-offset-xl-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-offset-xl-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-offset-xl-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-offset-xl-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-offset-xl-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-offset-xl-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-offset-xl-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-offset-xl-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-offset-xl-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); } } @media (min-width: 2560px) { .rz-offset-xx-0 { margin-inline-start: 0; } .rz-offset-xx-1 { margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap)); } .rz-offset-xx-2 { margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap)); } .rz-offset-xx-3 { margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap)); } .rz-offset-xx-4 { margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap)); } .rz-offset-xx-5 { margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap)); } .rz-offset-xx-6 { margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap)); } .rz-offset-xx-7 { margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap)); } .rz-offset-xx-8 { margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap)); } .rz-offset-xx-9 { margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap)); } .rz-offset-xx-10 { margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap)); } .rz-offset-xx-11 { margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap)); } } .rz-order-first { order: -1 !important; } .rz-order-last { order: 13 !important; } .rz-order-0 { order: 0 !important; } .rz-order-1 { order: 1 !important; } .rz-order-2 { order: 2 !important; } .rz-order-3 { order: 3 !important; } .rz-order-4 { order: 4 !important; } .rz-order-5 { order: 5 !important; } .rz-order-6 { order: 6 !important; } .rz-order-7 { order: 7 !important; } .rz-order-8 { order: 8 !important; } .rz-order-9 { order: 9 !important; } .rz-order-10 { order: 10 !important; } .rz-order-11 { order: 11 !important; } .rz-order-12 { order: 12 !important; } @media (min-width: 576px) { .rz-order-xs-first { order: -1 !important; } .rz-order-xs-last { order: 13 !important; } .rz-order-xs-0 { order: 0 !important; } .rz-order-xs-1 { order: 1 !important; } .rz-order-xs-2 { order: 2 !important; } .rz-order-xs-3 { order: 3 !important; } .rz-order-xs-4 { order: 4 !important; } .rz-order-xs-5 { order: 5 !important; } .rz-order-xs-6 { order: 6 !important; } .rz-order-xs-7 { order: 7 !important; } .rz-order-xs-8 { order: 8 !important; } .rz-order-xs-9 { order: 9 !important; } .rz-order-xs-10 { order: 10 !important; } .rz-order-xs-11 { order: 11 !important; } .rz-order-xs-12 { order: 12 !important; } } @media (min-width: 768px) { .rz-order-sm-first { order: -1 !important; } .rz-order-sm-last { order: 13 !important; } .rz-order-sm-0 { order: 0 !important; } .rz-order-sm-1 { order: 1 !important; } .rz-order-sm-2 { order: 2 !important; } .rz-order-sm-3 { order: 3 !important; } .rz-order-sm-4 { order: 4 !important; } .rz-order-sm-5 { order: 5 !important; } .rz-order-sm-6 { order: 6 !important; } .rz-order-sm-7 { order: 7 !important; } .rz-order-sm-8 { order: 8 !important; } .rz-order-sm-9 { order: 9 !important; } .rz-order-sm-10 { order: 10 !important; } .rz-order-sm-11 { order: 11 !important; } .rz-order-sm-12 { order: 12 !important; } } @media (min-width: 1024px) { .rz-order-md-first { order: -1 !important; } .rz-order-md-last { order: 13 !important; } .rz-order-md-0 { order: 0 !important; } .rz-order-md-1 { order: 1 !important; } .rz-order-md-2 { order: 2 !important; } .rz-order-md-3 { order: 3 !important; } .rz-order-md-4 { order: 4 !important; } .rz-order-md-5 { order: 5 !important; } .rz-order-md-6 { order: 6 !important; } .rz-order-md-7 { order: 7 !important; } .rz-order-md-8 { order: 8 !important; } .rz-order-md-9 { order: 9 !important; } .rz-order-md-10 { order: 10 !important; } .rz-order-md-11 { order: 11 !important; } .rz-order-md-12 { order: 12 !important; } } @media (min-width: 1280px) { .rz-order-lg-first { order: -1 !important; } .rz-order-lg-last { order: 13 !important; } .rz-order-lg-0 { order: 0 !important; } .rz-order-lg-1 { order: 1 !important; } .rz-order-lg-2 { order: 2 !important; } .rz-order-lg-3 { order: 3 !important; } .rz-order-lg-4 { order: 4 !important; } .rz-order-lg-5 { order: 5 !important; } .rz-order-lg-6 { order: 6 !important; } .rz-order-lg-7 { order: 7 !important; } .rz-order-lg-8 { order: 8 !important; } .rz-order-lg-9 { order: 9 !important; } .rz-order-lg-10 { order: 10 !important; } .rz-order-lg-11 { order: 11 !important; } .rz-order-lg-12 { order: 12 !important; } } @media (min-width: 1920px) { .rz-order-xl-first { order: -1 !important; } .rz-order-xl-last { order: 13 !important; } .rz-order-xl-0 { order: 0 !important; } .rz-order-xl-1 { order: 1 !important; } .rz-order-xl-2 { order: 2 !important; } .rz-order-xl-3 { order: 3 !important; } .rz-order-xl-4 { order: 4 !important; } .rz-order-xl-5 { order: 5 !important; } .rz-order-xl-6 { order: 6 !important; } .rz-order-xl-7 { order: 7 !important; } .rz-order-xl-8 { order: 8 !important; } .rz-order-xl-9 { order: 9 !important; } .rz-order-xl-10 { order: 10 !important; } .rz-order-xl-11 { order: 11 !important; } .rz-order-xl-12 { order: 12 !important; } } @media (min-width: 2560px) { .rz-order-xx-first { order: -1 !important; } .rz-order-xx-last { order: 13 !important; } .rz-order-xx-0 { order: 0 !important; } .rz-order-xx-1 { order: 1 !important; } .rz-order-xx-2 { order: 2 !important; } .rz-order-xx-3 { order: 3 !important; } .rz-order-xx-4 { order: 4 !important; } .rz-order-xx-5 { order: 5 !important; } .rz-order-xx-6 { order: 6 !important; } .rz-order-xx-7 { order: 7 !important; } .rz-order-xx-8 { order: 8 !important; } .rz-order-xx-9 { order: 9 !important; } .rz-order-xx-10 { order: 10 !important; } .rz-order-xx-11 { order: 11 !important; } .rz-order-xx-12 { order: 12 !important; } } /* ======================================== Typography Variables ======================================== */ :root { /* Base Typography */ --rz-text-font-family: Roboto, sans-serif; --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); /* Display Headings (H1-H6) */ --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem); --rz-text-display-h1-line-height: normal; --rz-text-display-h1-font-weight: 400; --rz-text-display-h1-letter-spacing: -1.5px; --rz-text-display-h1-color: var(--rz-text-title-color); --rz-text-display-h1-margin-block-start: 0; --rz-text-display-h1-margin-block-end: 1rem; --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem); --rz-text-display-h2-line-height: normal; --rz-text-display-h2-font-weight: 400; --rz-text-display-h2-letter-spacing: -0.5px; --rz-text-display-h2-color: var(--rz-text-title-color); --rz-text-display-h2-margin-block-start: 0; --rz-text-display-h2-margin-block-end: 1rem; --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem); --rz-text-display-h3-line-height: normal; --rz-text-display-h3-font-weight: 400; --rz-text-display-h3-letter-spacing: 0; --rz-text-display-h3-color: var(--rz-text-title-color); --rz-text-display-h3-margin-block-start: 0; --rz-text-display-h3-margin-block-end: 0.75rem; --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem); --rz-text-display-h4-line-height: normal; --rz-text-display-h4-font-weight: 400; --rz-text-display-h4-letter-spacing: 0.25px; --rz-text-display-h4-color: var(--rz-text-title-color); --rz-text-display-h4-margin-block-start: 0; --rz-text-display-h4-margin-block-end: 0.5rem; --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem); --rz-text-display-h5-line-height: normal; --rz-text-display-h5-font-weight: 400; --rz-text-display-h5-letter-spacing: 0; --rz-text-display-h5-color: var(--rz-text-title-color); --rz-text-display-h5-margin-block-start: 0; --rz-text-display-h5-margin-block-end: 0.5rem; --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem); --rz-text-display-h6-line-height: normal; --rz-text-display-h6-font-weight: 500; --rz-text-display-h6-letter-spacing: 0.15px; --rz-text-display-h6-color: var(--rz-text-title-color); --rz-text-display-h6-margin-block-start: 0; --rz-text-display-h6-margin-block-end: 0.5rem; /* Standard Headings (H1-H6) */ --rz-text-h1-font-size: clamp(3rem, 4.167vw, 3.5625rem); --rz-text-h1-line-height: normal; --rz-text-h1-font-weight: 400; --rz-text-h1-letter-spacing: -0.5px; --rz-text-h1-color: var(--rz-text-title-color); --rz-text-h1-margin-block-start: 0; --rz-text-h1-margin-block-end: 1rem; --rz-text-h1-text-transform: uppercase; --rz-text-h2-font-size: clamp(2.25rem, 3.333vw, 2.8125rem); --rz-text-h2-line-height: normal; --rz-text-h2-font-weight: 400; --rz-text-h2-letter-spacing: 0; --rz-text-h2-color: var(--rz-text-title-color); --rz-text-h2-margin-block-start: 0; --rz-text-h2-margin-block-end: 1rem; --rz-text-h2-text-transform: uppercase; --rz-text-h3-font-size: clamp(1.75rem, 2.361vw, 2.125rem); --rz-text-h3-line-height: normal; --rz-text-h3-font-weight: 400; --rz-text-h3-letter-spacing: 0; --rz-text-h3-color: var(--rz-text-title-color); --rz-text-h3-margin-block-start: 0; --rz-text-h3-margin-block-end: 0.75rem; --rz-text-h4-font-size: clamp(1.25rem, 1.667vw, 1.5rem); --rz-text-h4-line-height: normal; --rz-text-h4-font-weight: 400; --rz-text-h4-letter-spacing: 0.15px; --rz-text-h4-color: var(--rz-text-title-color); --rz-text-h4-margin-block-start: 0; --rz-text-h4-margin-block-end: 0.5rem; --rz-text-h5-font-size: clamp(1rem, 1.389vw, 1.25rem); --rz-text-h5-line-height: normal; --rz-text-h5-font-weight: 500; --rz-text-h5-letter-spacing: 0.15px; --rz-text-h5-color: var(--rz-text-title-color); --rz-text-h5-margin-block-start: 0; --rz-text-h5-margin-block-end: 0.5rem; --rz-text-h6-font-size: clamp(0.875rem, 1.389vw, 1rem); --rz-text-h6-line-height: normal; --rz-text-h6-font-weight: 500; --rz-text-h6-letter-spacing: 0.1px; --rz-text-h6-color: var(--rz-text-title-color); --rz-text-h6-margin-block-start: 0; --rz-text-h6-margin-block-end: 0.5rem; /* Subtitle Styles */ --rz-text-subtitle1-font-size: 1rem; --rz-text-subtitle1-line-height: 1.5; --rz-text-subtitle1-font-weight: 400; --rz-text-subtitle1-letter-spacing: 0.15px; --rz-text-subtitle1-color: var(--rz-text-title-color); --rz-text-subtitle1-margin-block-start: 0; --rz-text-subtitle1-margin-block-end: 0.5rem; --rz-text-subtitle2-font-size: 0.875rem; --rz-text-subtitle2-line-height: 1.5; --rz-text-subtitle2-font-weight: 500; --rz-text-subtitle2-letter-spacing: 0.1px; --rz-text-subtitle2-color: var(--rz-text-title-color); --rz-text-subtitle2-margin-block-start: 0; --rz-text-subtitle2-margin-block-end: 0.5rem; /* Body Text Styles */ --rz-text-body1-font-size: 1rem; --rz-text-body1-line-height: 1.5; --rz-text-body1-font-weight: 400; --rz-text-body1-letter-spacing: 0.5px; --rz-text-body1-color: var(--rz-text-color); --rz-text-body1-margin-block-start: 0; --rz-text-body1-margin-block-end: 0.5rem; --rz-text-body2-font-size: 0.875rem; --rz-text-body2-line-height: 1.5; --rz-text-body2-font-weight: 400; --rz-text-body2-letter-spacing: 0.25px; --rz-text-body2-color: var(--rz-text-color); --rz-text-body2-margin-block-start: 0; --rz-text-body2-margin-block-end: 0.5rem; /* Button Text Style */ --rz-text-button-font-size: 0.875rem; --rz-text-button-line-height: normal; --rz-text-button-font-weight: 500; --rz-text-button-letter-spacing: 1.25px; --rz-text-button-text-transform: uppercase; --rz-text-button-color: var(--rz-text-color); --rz-text-button-margin-block-start: 0; --rz-text-button-margin-block-end: 0.5rem; /* Caption Text Style */ --rz-text-caption-font-size: 0.75rem; --rz-text-caption-line-height: normal; --rz-text-caption-font-weight: 400; --rz-text-caption-letter-spacing: 0.4px; --rz-text-caption-color: var(--rz-text-color); --rz-text-caption-margin-block-start: 0; --rz-text-caption-margin-block-end: 0.5rem; /* Overline Text Style */ --rz-text-overline-font-size: 0.625rem; --rz-text-overline-line-height: normal; --rz-text-overline-font-weight: 400; --rz-text-overline-letter-spacing: 1.5px; --rz-text-overline-text-transform: uppercase; --rz-text-overline-color: var(--rz-text-color); --rz-text-overline-margin-block-start: 0; --rz-text-overline-margin-block-end: 0.5rem; } /* ======================================== Typography Styles ======================================== */ h1.rz-heading { font-size: 2rem; line-height: 1.1875em; font-weight: 700; letter-spacing: -0.04em; color: var(--rz-text-title-color); margin-block-start: 0; margin-block-end: 1rem; } h2.rz-heading { font-size: 1.5rem; line-height: 1.25em; font-weight: 700; letter-spacing: -0.03em; color: var(--rz-text-title-color); margin-block-start: 0; margin-block-end: 1rem; } h3.rz-heading { font-size: 1.125rem; line-height: 1.25em; font-weight: 700; letter-spacing: -0.02em; color: var(--rz-text-title-color); margin-block-start: 0; margin-block-end: 0.75rem; } h4.rz-heading { font-size: 1rem; line-height: 1.25em; font-weight: 700; letter-spacing: -0.02em; color: var(--rz-text-title-color); margin-block-start: 0; margin-block-end: 0.5rem; } h5.rz-heading { font-size: 0.875rem; line-height: 1.25em; font-weight: 700; letter-spacing: -0.02em; color: var(--rz-text-title-color); margin-block-start: 0; margin-block-end: 0.5rem; } h6.rz-heading { font-size: 0.75rem; line-height: 1.25em; font-weight: 700; letter-spacing: -0.02em; color: var(--rz-text-title-color); margin-block-start: 0; margin-block-end: 0.5rem; } .rz-text-display-h1 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-display-h1-font-size); line-height: var(--rz-text-display-h1-line-height); font-weight: var(--rz-text-display-h1-font-weight); letter-spacing: var(--rz-text-display-h1-letter-spacing); color: var(--rz-text-display-h1-color); margin-block-start: var(--rz-text-display-h1-margin-block-start); margin-block-end: var(--rz-text-display-h1-margin-block-end); } .rz-text-display-h2 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-display-h2-font-size); line-height: var(--rz-text-display-h2-line-height); font-weight: var(--rz-text-display-h2-font-weight); letter-spacing: var(--rz-text-display-h2-letter-spacing); color: var(--rz-text-display-h2-color); margin-block-start: var(--rz-text-display-h2-margin-block-start); margin-block-end: var(--rz-text-display-h2-margin-block-end); } .rz-text-display-h3 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-display-h3-font-size); line-height: var(--rz-text-display-h3-line-height); font-weight: var(--rz-text-display-h3-font-weight); letter-spacing: var(--rz-text-display-h3-letter-spacing); color: var(--rz-text-display-h3-color); margin-block-start: var(--rz-text-display-h3-margin-block-start); margin-block-end: var(--rz-text-display-h3-margin-block-end); } .rz-text-display-h4 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-display-h4-font-size); line-height: var(--rz-text-display-h4-line-height); font-weight: var(--rz-text-display-h4-font-weight); letter-spacing: var(--rz-text-display-h4-letter-spacing); color: var(--rz-text-display-h4-color); margin-block-start: var(--rz-text-display-h4-margin-block-start); margin-block-end: var(--rz-text-display-h4-margin-block-end); } .rz-text-display-h5 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-display-h5-font-size); line-height: var(--rz-text-display-h5-line-height); font-weight: var(--rz-text-display-h5-font-weight); letter-spacing: var(--rz-text-display-h5-letter-spacing); color: var(--rz-text-display-h5-color); margin-block-start: var(--rz-text-display-h5-margin-block-start); margin-block-end: var(--rz-text-display-h5-margin-block-end); } .rz-text-display-h6 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-display-h6-font-size); line-height: var(--rz-text-display-h6-line-height); font-weight: var(--rz-text-display-h6-font-weight); letter-spacing: var(--rz-text-display-h6-letter-spacing); color: var(--rz-text-display-h6-color); margin-block-start: var(--rz-text-display-h6-margin-block-start); margin-block-end: var(--rz-text-display-h6-margin-block-end); } .rz-text-h1 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-h1-font-size); line-height: var(--rz-text-h1-line-height); font-weight: var(--rz-text-h1-font-weight); letter-spacing: var(--rz-text-h1-letter-spacing); color: var(--rz-text-h1-color); margin-block-start: var(--rz-text-h1-margin-block-start); margin-block-end: var(--rz-text-h1-margin-block-end); text-transform: var(--rz-text-h1-text-transform); } .rz-text-h2 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-h2-font-size); line-height: var(--rz-text-h2-line-height); font-weight: var(--rz-text-h2-font-weight); letter-spacing: var(--rz-text-h2-letter-spacing); color: var(--rz-text-h2-color); margin-block-start: var(--rz-text-h2-margin-block-start); margin-block-end: var(--rz-text-h2-margin-block-end); text-transform: var(--rz-text-h2-text-transform); } .rz-text-h3 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-h3-font-size); line-height: var(--rz-text-h3-line-height); font-weight: var(--rz-text-h3-font-weight); letter-spacing: var(--rz-text-h3-letter-spacing); color: var(--rz-text-h3-color); margin-block-start: var(--rz-text-h3-margin-block-start); margin-block-end: var(--rz-text-h3-margin-block-end); } .rz-text-h4 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-h4-font-size); line-height: var(--rz-text-h4-line-height); font-weight: var(--rz-text-h4-font-weight); letter-spacing: var(--rz-text-h4-letter-spacing); color: var(--rz-text-h4-color); margin-block-start: var(--rz-text-h4-margin-block-start); margin-block-end: var(--rz-text-h4-margin-block-end); } .rz-text-h5 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-h5-font-size); line-height: var(--rz-text-h5-line-height); font-weight: var(--rz-text-h5-font-weight); letter-spacing: var(--rz-text-h5-letter-spacing); color: var(--rz-text-h5-color); margin-block-start: var(--rz-text-h5-margin-block-start); margin-block-end: var(--rz-text-h5-margin-block-end); } .rz-text-h6 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-h6-font-size); line-height: var(--rz-text-h6-line-height); font-weight: var(--rz-text-h6-font-weight); letter-spacing: var(--rz-text-h6-letter-spacing); color: var(--rz-text-h6-color); margin-block-start: var(--rz-text-h6-margin-block-start); margin-block-end: var(--rz-text-h6-margin-block-end); } .rz-text-subtitle1 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-subtitle1-font-size); line-height: var(--rz-text-subtitle1-line-height); font-weight: var(--rz-text-subtitle1-font-weight); letter-spacing: var(--rz-text-subtitle1-letter-spacing); color: var(--rz-text-subtitle1-color); margin-block-start: var(--rz-text-subtitle1-margin-block-start); margin-block-end: var(--rz-text-subtitle1-margin-block-end); } .rz-text-subtitle2 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-subtitle2-font-size); line-height: var(--rz-text-subtitle2-line-height); font-weight: var(--rz-text-subtitle2-font-weight); letter-spacing: var(--rz-text-subtitle2-letter-spacing); color: var(--rz-text-subtitle2-color); margin-block-start: var(--rz-text-subtitle2-margin-block-start); margin-block-end: var(--rz-text-subtitle2-margin-block-end); } .rz-text-body1 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-body1-font-size); line-height: var(--rz-text-body1-line-height); font-weight: var(--rz-text-body1-font-weight); letter-spacing: var(--rz-text-body1-letter-spacing); color: var(--rz-text-body1-color); margin-block-start: var(--rz-text-body1-margin-block-start); margin-block-end: var(--rz-text-body1-margin-block-end); } .rz-text-body2 { font-family: var(--rz-text-font-family); font-size: var(--rz-text-body2-font-size); line-height: var(--rz-text-body2-line-height); font-weight: var(--rz-text-body2-font-weight); letter-spacing: var(--rz-text-body2-letter-spacing); color: var(--rz-text-body2-color); margin-block-start: var(--rz-text-body2-margin-block-start); margin-block-end: var(--rz-text-body2-margin-block-end); } .rz-text-button { font-family: var(--rz-text-font-family); font-size: var(--rz-text-button-font-size); line-height: var(--rz-text-button-line-height); font-weight: var(--rz-text-button-font-weight); letter-spacing: var(--rz-text-button-letter-spacing); text-transform: var(--rz-text-button-text-transform); color: var(--rz-text-button-color); margin-block-start: var(--rz-text-button-margin-block-start); margin-block-end: var(--rz-text-button-margin-block-end); } .rz-text-caption { font-family: var(--rz-text-font-family); font-size: var(--rz-text-caption-font-size); line-height: var(--rz-text-caption-line-height); font-weight: var(--rz-text-caption-font-weight); letter-spacing: var(--rz-text-caption-letter-spacing); color: var(--rz-text-caption-color); margin-block-start: var(--rz-text-caption-margin-block-start); margin-block-end: var(--rz-text-caption-margin-block-end); } .rz-text-overline { font-family: var(--rz-text-font-family); font-size: var(--rz-text-overline-font-size); line-height: var(--rz-text-overline-line-height); font-weight: var(--rz-text-overline-font-weight); letter-spacing: var(--rz-text-overline-letter-spacing); text-transform: var(--rz-text-overline-text-transform); color: var(--rz-text-overline-color); margin-block-start: var(--rz-text-overline-margin-block-start); margin-block-end: var(--rz-text-overline-margin-block-end); } .rz-text-align-start { text-align: start; } .rz-text-align-end { text-align: end; } .rz-text-align-left { text-align: left; } .rz-text-align-right { text-align: right; } .rz-text-align-center { text-align: center; } .rz-text-align-justify { text-align: justify; } .rz-text-align-justify-all { text-align: justify-all; } .rz-text-align-match-parent { text-align: match-parent; } @media (min-width: 576px) { .rz-text-align-xs-start { text-align: start !important; } .rz-text-align-xs-end { text-align: end !important; } .rz-text-align-xs-left { text-align: left !important; } .rz-text-align-xs-right { text-align: right !important; } .rz-text-align-xs-center { text-align: center !important; } .rz-text-align-xs-justify { text-align: justify !important; } .rz-text-align-xs-justify-all { text-align: justify-all !important; } .rz-text-align-xs-match-parent { text-align: match-parent !important; } } @media (min-width: 768px) { .rz-text-align-sm-start { text-align: start !important; } .rz-text-align-sm-end { text-align: end !important; } .rz-text-align-sm-left { text-align: left !important; } .rz-text-align-sm-right { text-align: right !important; } .rz-text-align-sm-center { text-align: center !important; } .rz-text-align-sm-justify { text-align: justify !important; } .rz-text-align-sm-justify-all { text-align: justify-all !important; } .rz-text-align-sm-match-parent { text-align: match-parent !important; } } @media (min-width: 1024px) { .rz-text-align-md-start { text-align: start !important; } .rz-text-align-md-end { text-align: end !important; } .rz-text-align-md-left { text-align: left !important; } .rz-text-align-md-right { text-align: right !important; } .rz-text-align-md-center { text-align: center !important; } .rz-text-align-md-justify { text-align: justify !important; } .rz-text-align-md-justify-all { text-align: justify-all !important; } .rz-text-align-md-match-parent { text-align: match-parent !important; } } @media (min-width: 1280px) { .rz-text-align-lg-start { text-align: start !important; } .rz-text-align-lg-end { text-align: end !important; } .rz-text-align-lg-left { text-align: left !important; } .rz-text-align-lg-right { text-align: right !important; } .rz-text-align-lg-center { text-align: center !important; } .rz-text-align-lg-justify { text-align: justify !important; } .rz-text-align-lg-justify-all { text-align: justify-all !important; } .rz-text-align-lg-match-parent { text-align: match-parent !important; } } @media (min-width: 1920px) { .rz-text-align-xl-start { text-align: start !important; } .rz-text-align-xl-end { text-align: end !important; } .rz-text-align-xl-left { text-align: left !important; } .rz-text-align-xl-right { text-align: right !important; } .rz-text-align-xl-center { text-align: center !important; } .rz-text-align-xl-justify { text-align: justify !important; } .rz-text-align-xl-justify-all { text-align: justify-all !important; } .rz-text-align-xl-match-parent { text-align: match-parent !important; } } @media (min-width: 2560px) { .rz-text-align-xx-start { text-align: start !important; } .rz-text-align-xx-end { text-align: end !important; } .rz-text-align-xx-left { text-align: left !important; } .rz-text-align-xx-right { text-align: right !important; } .rz-text-align-xx-center { text-align: center !important; } .rz-text-align-xx-justify { text-align: justify !important; } .rz-text-align-xx-justify-all { text-align: justify-all !important; } .rz-text-align-xx-match-parent { text-align: match-parent !important; } } .rz-text-wrap { white-space: normal !important; } .rz-text-nowrap { white-space: nowrap !important; } .rz-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rz-text-capitalize { text-transform: capitalize; } .rz-text-uppercase { text-transform: uppercase; } .rz-text-lowercase { text-transform: lowercase; } .rz-label { vertical-align: middle; margin-block-start: 0; margin-block-end: 0; } [class^=rz-], [class^=rz-]::before, [class^=rz-]::after, [class^=rz-] *, [class^=rz-] *::before, [class^=rz-] *::after, [class*=" rz-"], [class*=" rz-"]::before, [class*=" rz-"]::after, [class*=" rz-"] *, [class*=" rz-"] *::before, [class*=" rz-"] *::after { box-sizing: border-box; } .rz-text-title-color { color: var(--rz-base-900) !important; } .rz-text-color { color: var(--rz-base-900) !important; } .rz-text-secondary-color { color: var(--rz-base-800) !important; } .rz-text-tertiary-color { color: var(--rz-base-700) !important; } .rz-text-disabled-color { color: var(--rz-base-600) !important; } .rz-text-contrast-color { color: var(--rz-white) !important; } .rz-border-radius { border-radius: var(--rz-border-radius) !important; } .rz-border-radius-0 { border-radius: var(--rz-border-radius-0) !important; } .rz-border-radius-1 { border-radius: var(--rz-border-radius-1) !important; } .rz-border-radius-2 { border-radius: var(--rz-border-radius-2) !important; } .rz-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-display-none { display: none !important; } .rz-display-block { display: block !important; } .rz-display-inline { display: inline !important; } .rz-display-inline-block { display: inline-block !important; } .rz-display-flex { display: flex !important; } .rz-display-inline-flex { display: inline-flex !important; } .rz-display-grid { display: grid !important; } .rz-display-inline-grid { display: inline-grid !important; } @media (min-width: 576px) { .rz-display-xs-none { display: none !important; } .rz-display-xs-block { display: block !important; } .rz-display-xs-inline { display: inline !important; } .rz-display-xs-inline-block { display: inline-block !important; } .rz-display-xs-flex { display: flex !important; } .rz-display-xs-inline-flex { display: inline-flex !important; } .rz-display-xs-grid { display: grid !important; } .rz-display-xs-inline-grid { display: inline-grid !important; } } @media (min-width: 768px) { .rz-display-sm-none { display: none !important; } .rz-display-sm-block { display: block !important; } .rz-display-sm-inline { display: inline !important; } .rz-display-sm-inline-block { display: inline-block !important; } .rz-display-sm-flex { display: flex !important; } .rz-display-sm-inline-flex { display: inline-flex !important; } .rz-display-sm-grid { display: grid !important; } .rz-display-sm-inline-grid { display: inline-grid !important; } } @media (min-width: 1024px) { .rz-display-md-none { display: none !important; } .rz-display-md-block { display: block !important; } .rz-display-md-inline { display: inline !important; } .rz-display-md-inline-block { display: inline-block !important; } .rz-display-md-flex { display: flex !important; } .rz-display-md-inline-flex { display: inline-flex !important; } .rz-display-md-grid { display: grid !important; } .rz-display-md-inline-grid { display: inline-grid !important; } } @media (min-width: 1280px) { .rz-display-lg-none { display: none !important; } .rz-display-lg-block { display: block !important; } .rz-display-lg-inline { display: inline !important; } .rz-display-lg-inline-block { display: inline-block !important; } .rz-display-lg-flex { display: flex !important; } .rz-display-lg-inline-flex { display: inline-flex !important; } .rz-display-lg-grid { display: grid !important; } .rz-display-lg-inline-grid { display: inline-grid !important; } } @media (min-width: 1920px) { .rz-display-xl-none { display: none !important; } .rz-display-xl-block { display: block !important; } .rz-display-xl-inline { display: inline !important; } .rz-display-xl-inline-block { display: inline-block !important; } .rz-display-xl-flex { display: flex !important; } .rz-display-xl-inline-flex { display: inline-flex !important; } .rz-display-xl-grid { display: grid !important; } .rz-display-xl-inline-grid { display: inline-grid !important; } } @media (min-width: 2560px) { .rz-display-xx-none { display: none !important; } .rz-display-xx-block { display: block !important; } .rz-display-xx-inline { display: inline !important; } .rz-display-xx-inline-block { display: inline-block !important; } .rz-display-xx-flex { display: flex !important; } .rz-display-xx-inline-flex { display: inline-flex !important; } .rz-display-xx-grid { display: grid !important; } .rz-display-xx-inline-grid { display: inline-grid !important; } } .rz-justify-content-normal { justify-content: normal !important; } .rz-justify-content-stretch { justify-content: stretch !important; } .rz-justify-content-center { justify-content: center !important; } .rz-justify-content-start { justify-content: start !important; } .rz-justify-content-end { justify-content: end !important; } .rz-justify-content-flex-start { justify-content: flex-start !important; } .rz-justify-content-flex-end { justify-content: flex-end !important; } .rz-justify-content-left { justify-content: left !important; } .rz-justify-content-right { justify-content: right !important; } .rz-justify-content-space-between { justify-content: space-between !important; } .rz-justify-content-space-around { justify-content: space-around !important; } .rz-justify-content-space-evenly { justify-content: space-evenly !important; } @media (min-width: 576px) { .rz-justify-content-xs-normal { justify-content: normal !important; } .rz-justify-content-xs-stretch { justify-content: stretch !important; } .rz-justify-content-xs-center { justify-content: center !important; } .rz-justify-content-xs-start { justify-content: start !important; } .rz-justify-content-xs-end { justify-content: end !important; } .rz-justify-content-xs-flex-start { justify-content: flex-start !important; } .rz-justify-content-xs-flex-end { justify-content: flex-end !important; } .rz-justify-content-xs-left { justify-content: left !important; } .rz-justify-content-xs-right { justify-content: right !important; } .rz-justify-content-xs-space-between { justify-content: space-between !important; } .rz-justify-content-xs-space-around { justify-content: space-around !important; } .rz-justify-content-xs-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 768px) { .rz-justify-content-sm-normal { justify-content: normal !important; } .rz-justify-content-sm-stretch { justify-content: stretch !important; } .rz-justify-content-sm-center { justify-content: center !important; } .rz-justify-content-sm-start { justify-content: start !important; } .rz-justify-content-sm-end { justify-content: end !important; } .rz-justify-content-sm-flex-start { justify-content: flex-start !important; } .rz-justify-content-sm-flex-end { justify-content: flex-end !important; } .rz-justify-content-sm-left { justify-content: left !important; } .rz-justify-content-sm-right { justify-content: right !important; } .rz-justify-content-sm-space-between { justify-content: space-between !important; } .rz-justify-content-sm-space-around { justify-content: space-around !important; } .rz-justify-content-sm-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1024px) { .rz-justify-content-md-normal { justify-content: normal !important; } .rz-justify-content-md-stretch { justify-content: stretch !important; } .rz-justify-content-md-center { justify-content: center !important; } .rz-justify-content-md-start { justify-content: start !important; } .rz-justify-content-md-end { justify-content: end !important; } .rz-justify-content-md-flex-start { justify-content: flex-start !important; } .rz-justify-content-md-flex-end { justify-content: flex-end !important; } .rz-justify-content-md-left { justify-content: left !important; } .rz-justify-content-md-right { justify-content: right !important; } .rz-justify-content-md-space-between { justify-content: space-between !important; } .rz-justify-content-md-space-around { justify-content: space-around !important; } .rz-justify-content-md-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1280px) { .rz-justify-content-lg-normal { justify-content: normal !important; } .rz-justify-content-lg-stretch { justify-content: stretch !important; } .rz-justify-content-lg-center { justify-content: center !important; } .rz-justify-content-lg-start { justify-content: start !important; } .rz-justify-content-lg-end { justify-content: end !important; } .rz-justify-content-lg-flex-start { justify-content: flex-start !important; } .rz-justify-content-lg-flex-end { justify-content: flex-end !important; } .rz-justify-content-lg-left { justify-content: left !important; } .rz-justify-content-lg-right { justify-content: right !important; } .rz-justify-content-lg-space-between { justify-content: space-between !important; } .rz-justify-content-lg-space-around { justify-content: space-around !important; } .rz-justify-content-lg-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1920px) { .rz-justify-content-xl-normal { justify-content: normal !important; } .rz-justify-content-xl-stretch { justify-content: stretch !important; } .rz-justify-content-xl-center { justify-content: center !important; } .rz-justify-content-xl-start { justify-content: start !important; } .rz-justify-content-xl-end { justify-content: end !important; } .rz-justify-content-xl-flex-start { justify-content: flex-start !important; } .rz-justify-content-xl-flex-end { justify-content: flex-end !important; } .rz-justify-content-xl-left { justify-content: left !important; } .rz-justify-content-xl-right { justify-content: right !important; } .rz-justify-content-xl-space-between { justify-content: space-between !important; } .rz-justify-content-xl-space-around { justify-content: space-around !important; } .rz-justify-content-xl-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 2560px) { .rz-justify-content-xx-normal { justify-content: normal !important; } .rz-justify-content-xx-stretch { justify-content: stretch !important; } .rz-justify-content-xx-center { justify-content: center !important; } .rz-justify-content-xx-start { justify-content: start !important; } .rz-justify-content-xx-end { justify-content: end !important; } .rz-justify-content-xx-flex-start { justify-content: flex-start !important; } .rz-justify-content-xx-flex-end { justify-content: flex-end !important; } .rz-justify-content-xx-left { justify-content: left !important; } .rz-justify-content-xx-right { justify-content: right !important; } .rz-justify-content-xx-space-between { justify-content: space-between !important; } .rz-justify-content-xx-space-around { justify-content: space-around !important; } .rz-justify-content-xx-space-evenly { justify-content: space-evenly !important; } } .rz-align-items-normal { align-items: normal !important; } .rz-align-items-stretch { align-items: stretch !important; } .rz-align-items-center { align-items: center !important; } .rz-align-items-start { align-items: start !important; } .rz-align-items-end { align-items: end !important; } .rz-align-items-flex-start { align-items: flex-start !important; } .rz-align-items-flex-end { align-items: flex-end !important; } @media (min-width: 576px) { .rz-align-items-xs-normal { align-items: normal !important; } .rz-align-items-xs-stretch { align-items: stretch !important; } .rz-align-items-xs-center { align-items: center !important; } .rz-align-items-xs-start { align-items: start !important; } .rz-align-items-xs-end { align-items: end !important; } .rz-align-items-xs-flex-start { align-items: flex-start !important; } .rz-align-items-xs-flex-end { align-items: flex-end !important; } } @media (min-width: 768px) { .rz-align-items-sm-normal { align-items: normal !important; } .rz-align-items-sm-stretch { align-items: stretch !important; } .rz-align-items-sm-center { align-items: center !important; } .rz-align-items-sm-start { align-items: start !important; } .rz-align-items-sm-end { align-items: end !important; } .rz-align-items-sm-flex-start { align-items: flex-start !important; } .rz-align-items-sm-flex-end { align-items: flex-end !important; } } @media (min-width: 1024px) { .rz-align-items-md-normal { align-items: normal !important; } .rz-align-items-md-stretch { align-items: stretch !important; } .rz-align-items-md-center { align-items: center !important; } .rz-align-items-md-start { align-items: start !important; } .rz-align-items-md-end { align-items: end !important; } .rz-align-items-md-flex-start { align-items: flex-start !important; } .rz-align-items-md-flex-end { align-items: flex-end !important; } } @media (min-width: 1280px) { .rz-align-items-lg-normal { align-items: normal !important; } .rz-align-items-lg-stretch { align-items: stretch !important; } .rz-align-items-lg-center { align-items: center !important; } .rz-align-items-lg-start { align-items: start !important; } .rz-align-items-lg-end { align-items: end !important; } .rz-align-items-lg-flex-start { align-items: flex-start !important; } .rz-align-items-lg-flex-end { align-items: flex-end !important; } } @media (min-width: 1920px) { .rz-align-items-xl-normal { align-items: normal !important; } .rz-align-items-xl-stretch { align-items: stretch !important; } .rz-align-items-xl-center { align-items: center !important; } .rz-align-items-xl-start { align-items: start !important; } .rz-align-items-xl-end { align-items: end !important; } .rz-align-items-xl-flex-start { align-items: flex-start !important; } .rz-align-items-xl-flex-end { align-items: flex-end !important; } } @media (min-width: 2560px) { .rz-align-items-xx-normal { align-items: normal !important; } .rz-align-items-xx-stretch { align-items: stretch !important; } .rz-align-items-xx-center { align-items: center !important; } .rz-align-items-xx-start { align-items: start !important; } .rz-align-items-xx-end { align-items: end !important; } .rz-align-items-xx-flex-start { align-items: flex-start !important; } .rz-align-items-xx-flex-end { align-items: flex-end !important; } } .rz-overflow-auto { overflow: auto !important; } .rz-overflow-scroll { overflow: scroll !important; } .rz-overflow-visible { overflow: visible !important; } .rz-overflow-hidden { overflow: hidden !important; } @media (min-width: 576px) { .rz-overflow-xs-auto { overflow: auto !important; } .rz-overflow-xs-scroll { overflow: scroll !important; } .rz-overflow-xs-visible { overflow: visible !important; } .rz-overflow-xs-hidden { overflow: hidden !important; } } @media (min-width: 768px) { .rz-overflow-sm-auto { overflow: auto !important; } .rz-overflow-sm-scroll { overflow: scroll !important; } .rz-overflow-sm-visible { overflow: visible !important; } .rz-overflow-sm-hidden { overflow: hidden !important; } } @media (min-width: 1024px) { .rz-overflow-md-auto { overflow: auto !important; } .rz-overflow-md-scroll { overflow: scroll !important; } .rz-overflow-md-visible { overflow: visible !important; } .rz-overflow-md-hidden { overflow: hidden !important; } } @media (min-width: 1280px) { .rz-overflow-lg-auto { overflow: auto !important; } .rz-overflow-lg-scroll { overflow: scroll !important; } .rz-overflow-lg-visible { overflow: visible !important; } .rz-overflow-lg-hidden { overflow: hidden !important; } } @media (min-width: 1920px) { .rz-overflow-xl-auto { overflow: auto !important; } .rz-overflow-xl-scroll { overflow: scroll !important; } .rz-overflow-xl-visible { overflow: visible !important; } .rz-overflow-xl-hidden { overflow: hidden !important; } } @media (min-width: 2560px) { .rz-overflow-xx-auto { overflow: auto !important; } .rz-overflow-xx-scroll { overflow: scroll !important; } .rz-overflow-xx-visible { overflow: visible !important; } .rz-overflow-xx-hidden { overflow: hidden !important; } } .rz-border { border-width: 0; border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base); } .rz-border-0 { border-width: 0 !important; } .rz-border-start { border-width: 0; border-inline-start-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base); } .rz-border-start-0 { border-inline-start-width: 0 !important; } .rz-border-end { border-width: 0; border-inline-end-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base); } .rz-border-end-0 { border-inline-end-width: 0 !important; } .rz-border-left { border-width: 0; border-left-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base); } .rz-border-left-0 { border-left-width: 0 !important; } .rz-border-right { border-width: 0; border-right-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base); } .rz-border-right-0 { border-right-width: 0 !important; } .rz-border-top { border-width: 0; border-top-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base); } .rz-border-top-0 { border-top-width: 0 !important; } .rz-border-bottom { border-width: 0; border-bottom-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base); } .rz-border-bottom-0 { border-bottom-width: 0 !important; } .rz-border-white { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-white) !important; } .rz-border-black { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-black) !important; } .rz-border-base { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base) !important; } .rz-border-base-50 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-50) !important; } .rz-border-base-100 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-100) !important; } .rz-border-base-200 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-200) !important; } .rz-border-base-300 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-300) !important; } .rz-border-base-400 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-400) !important; } .rz-border-base-500 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-500) !important; } .rz-border-base-600 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-600) !important; } .rz-border-base-700 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-700) !important; } .rz-border-base-800 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-800) !important; } .rz-border-base-900 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-900) !important; } .rz-border-base-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-light) !important; } .rz-border-base-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-lighter) !important; } .rz-border-base-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-dark) !important; } .rz-border-base-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-base-darker) !important; } .rz-border-primary { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-primary) !important; } .rz-border-primary-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-primary-light) !important; } .rz-border-primary-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-primary-lighter) !important; } .rz-border-primary-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-primary-dark) !important; } .rz-border-primary-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-primary-darker) !important; } .rz-border-secondary { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-secondary) !important; } .rz-border-secondary-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-secondary-light) !important; } .rz-border-secondary-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-secondary-lighter) !important; } .rz-border-secondary-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-secondary-dark) !important; } .rz-border-secondary-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-secondary-darker) !important; } .rz-border-info { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-info) !important; } .rz-border-info-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-info-light) !important; } .rz-border-info-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-info-lighter) !important; } .rz-border-info-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-info-dark) !important; } .rz-border-info-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-info-darker) !important; } .rz-border-success { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-success) !important; } .rz-border-success-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-success-light) !important; } .rz-border-success-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-success-lighter) !important; } .rz-border-success-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-success-dark) !important; } .rz-border-success-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-success-darker) !important; } .rz-border-warning { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-warning) !important; } .rz-border-warning-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-warning-light) !important; } .rz-border-warning-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-warning-lighter) !important; } .rz-border-warning-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-warning-dark) !important; } .rz-border-warning-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-warning-darker) !important; } .rz-border-danger { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-danger) !important; } .rz-border-danger-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-danger-light) !important; } .rz-border-danger-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-danger-lighter) !important; } .rz-border-danger-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-danger-dark) !important; } .rz-border-danger-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-danger-darker) !important; } .rz-border-on-base { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-base) !important; } .rz-border-on-base-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-base-light) !important; } .rz-border-on-base-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-base-lighter) !important; } .rz-border-on-base-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-base-dark) !important; } .rz-border-on-base-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-base-darker) !important; } .rz-border-on-primary { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-primary) !important; } .rz-border-on-primary-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-primary-light) !important; } .rz-border-on-primary-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-primary-lighter) !important; } .rz-border-on-primary-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-primary-dark) !important; } .rz-border-on-primary-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-primary-darker) !important; } .rz-border-on-secondary { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-secondary) !important; } .rz-border-on-secondary-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-secondary-light) !important; } .rz-border-on-secondary-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-secondary-lighter) !important; } .rz-border-on-secondary-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-secondary-dark) !important; } .rz-border-on-secondary-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-secondary-darker) !important; } .rz-border-on-info { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-info) !important; } .rz-border-on-info-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-info-light) !important; } .rz-border-on-info-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-info-lighter) !important; } .rz-border-on-info-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-info-dark) !important; } .rz-border-on-info-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-info-darker) !important; } .rz-border-on-success { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-success) !important; } .rz-border-on-success-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-success-light) !important; } .rz-border-on-success-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-success-lighter) !important; } .rz-border-on-success-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-success-dark) !important; } .rz-border-on-success-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-success-darker) !important; } .rz-border-on-warning { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-warning) !important; } .rz-border-on-warning-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-warning-light) !important; } .rz-border-on-warning-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-warning-lighter) !important; } .rz-border-on-warning-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-warning-dark) !important; } .rz-border-on-warning-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-warning-darker) !important; } .rz-border-on-danger { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-danger) !important; } .rz-border-on-danger-light { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-danger-light) !important; } .rz-border-on-danger-lighter { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-danger-lighter) !important; } .rz-border-on-danger-dark { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-danger-dark) !important; } .rz-border-on-danger-darker { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-on-danger-darker) !important; } .rz-border-series-1 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-1) !important; } .rz-border-series-2 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-2) !important; } .rz-border-series-3 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-3) !important; } .rz-border-series-4 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-4) !important; } .rz-border-series-5 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-5) !important; } .rz-border-series-6 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-6) !important; } .rz-border-series-7 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-7) !important; } .rz-border-series-8 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-8) !important; } .rz-border-series-9 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-9) !important; } .rz-border-series-10 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-10) !important; } .rz-border-series-11 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-11) !important; } .rz-border-series-12 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-12) !important; } .rz-border-series-13 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-13) !important; } .rz-border-series-14 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-14) !important; } .rz-border-series-15 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-15) !important; } .rz-border-series-16 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-16) !important; } .rz-border-series-17 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-17) !important; } .rz-border-series-18 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-18) !important; } .rz-border-series-19 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-19) !important; } .rz-border-series-20 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-20) !important; } .rz-border-series-21 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-21) !important; } .rz-border-series-22 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-22) !important; } .rz-border-series-23 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-23) !important; } .rz-border-series-24 { border-width: var(--rz-border-width); border-style: solid; border-color: var(--rz-series-24) !important; } .rz-border-color-white { border-color: var(--rz-white) !important; } .rz-border-color-black { border-color: var(--rz-black) !important; } .rz-border-color-base { border-color: var(--rz-base) !important; } .rz-border-color-base-50 { border-color: var(--rz-base-50) !important; } .rz-border-color-base-100 { border-color: var(--rz-base-100) !important; } .rz-border-color-base-200 { border-color: var(--rz-base-200) !important; } .rz-border-color-base-300 { border-color: var(--rz-base-300) !important; } .rz-border-color-base-400 { border-color: var(--rz-base-400) !important; } .rz-border-color-base-500 { border-color: var(--rz-base-500) !important; } .rz-border-color-base-600 { border-color: var(--rz-base-600) !important; } .rz-border-color-base-700 { border-color: var(--rz-base-700) !important; } .rz-border-color-base-800 { border-color: var(--rz-base-800) !important; } .rz-border-color-base-900 { border-color: var(--rz-base-900) !important; } .rz-border-color-base-light { border-color: var(--rz-base-light) !important; } .rz-border-color-base-lighter { border-color: var(--rz-base-lighter) !important; } .rz-border-color-base-dark { border-color: var(--rz-base-dark) !important; } .rz-border-color-base-darker { border-color: var(--rz-base-darker) !important; } .rz-border-color-primary { border-color: var(--rz-primary) !important; } .rz-border-color-primary-light { border-color: var(--rz-primary-light) !important; } .rz-border-color-primary-lighter { border-color: var(--rz-primary-lighter) !important; } .rz-border-color-primary-dark { border-color: var(--rz-primary-dark) !important; } .rz-border-color-primary-darker { border-color: var(--rz-primary-darker) !important; } .rz-border-color-secondary { border-color: var(--rz-secondary) !important; } .rz-border-color-secondary-light { border-color: var(--rz-secondary-light) !important; } .rz-border-color-secondary-lighter { border-color: var(--rz-secondary-lighter) !important; } .rz-border-color-secondary-dark { border-color: var(--rz-secondary-dark) !important; } .rz-border-color-secondary-darker { border-color: var(--rz-secondary-darker) !important; } .rz-border-color-info { border-color: var(--rz-info) !important; } .rz-border-color-info-light { border-color: var(--rz-info-light) !important; } .rz-border-color-info-lighter { border-color: var(--rz-info-lighter) !important; } .rz-border-color-info-dark { border-color: var(--rz-info-dark) !important; } .rz-border-color-info-darker { border-color: var(--rz-info-darker) !important; } .rz-border-color-success { border-color: var(--rz-success) !important; } .rz-border-color-success-light { border-color: var(--rz-success-light) !important; } .rz-border-color-success-lighter { border-color: var(--rz-success-lighter) !important; } .rz-border-color-success-dark { border-color: var(--rz-success-dark) !important; } .rz-border-color-success-darker { border-color: var(--rz-success-darker) !important; } .rz-border-color-warning { border-color: var(--rz-warning) !important; } .rz-border-color-warning-light { border-color: var(--rz-warning-light) !important; } .rz-border-color-warning-lighter { border-color: var(--rz-warning-lighter) !important; } .rz-border-color-warning-dark { border-color: var(--rz-warning-dark) !important; } .rz-border-color-warning-darker { border-color: var(--rz-warning-darker) !important; } .rz-border-color-danger { border-color: var(--rz-danger) !important; } .rz-border-color-danger-light { border-color: var(--rz-danger-light) !important; } .rz-border-color-danger-lighter { border-color: var(--rz-danger-lighter) !important; } .rz-border-color-danger-dark { border-color: var(--rz-danger-dark) !important; } .rz-border-color-danger-darker { border-color: var(--rz-danger-darker) !important; } .rz-border-color-on-base { border-color: var(--rz-on-base) !important; } .rz-border-color-on-base-light { border-color: var(--rz-on-base-light) !important; } .rz-border-color-on-base-lighter { border-color: var(--rz-on-base-lighter) !important; } .rz-border-color-on-base-dark { border-color: var(--rz-on-base-dark) !important; } .rz-border-color-on-base-darker { border-color: var(--rz-on-base-darker) !important; } .rz-border-color-on-primary { border-color: var(--rz-on-primary) !important; } .rz-border-color-on-primary-light { border-color: var(--rz-on-primary-light) !important; } .rz-border-color-on-primary-lighter { border-color: var(--rz-on-primary-lighter) !important; } .rz-border-color-on-primary-dark { border-color: var(--rz-on-primary-dark) !important; } .rz-border-color-on-primary-darker { border-color: var(--rz-on-primary-darker) !important; } .rz-border-color-on-secondary { border-color: var(--rz-on-secondary) !important; } .rz-border-color-on-secondary-light { border-color: var(--rz-on-secondary-light) !important; } .rz-border-color-on-secondary-lighter { border-color: var(--rz-on-secondary-lighter) !important; } .rz-border-color-on-secondary-dark { border-color: var(--rz-on-secondary-dark) !important; } .rz-border-color-on-secondary-darker { border-color: var(--rz-on-secondary-darker) !important; } .rz-border-color-on-info { border-color: var(--rz-on-info) !important; } .rz-border-color-on-info-light { border-color: var(--rz-on-info-light) !important; } .rz-border-color-on-info-lighter { border-color: var(--rz-on-info-lighter) !important; } .rz-border-color-on-info-dark { border-color: var(--rz-on-info-dark) !important; } .rz-border-color-on-info-darker { border-color: var(--rz-on-info-darker) !important; } .rz-border-color-on-success { border-color: var(--rz-on-success) !important; } .rz-border-color-on-success-light { border-color: var(--rz-on-success-light) !important; } .rz-border-color-on-success-lighter { border-color: var(--rz-on-success-lighter) !important; } .rz-border-color-on-success-dark { border-color: var(--rz-on-success-dark) !important; } .rz-border-color-on-success-darker { border-color: var(--rz-on-success-darker) !important; } .rz-border-color-on-warning { border-color: var(--rz-on-warning) !important; } .rz-border-color-on-warning-light { border-color: var(--rz-on-warning-light) !important; } .rz-border-color-on-warning-lighter { border-color: var(--rz-on-warning-lighter) !important; } .rz-border-color-on-warning-dark { border-color: var(--rz-on-warning-dark) !important; } .rz-border-color-on-warning-darker { border-color: var(--rz-on-warning-darker) !important; } .rz-border-color-on-danger { border-color: var(--rz-on-danger) !important; } .rz-border-color-on-danger-light { border-color: var(--rz-on-danger-light) !important; } .rz-border-color-on-danger-lighter { border-color: var(--rz-on-danger-lighter) !important; } .rz-border-color-on-danger-dark { border-color: var(--rz-on-danger-dark) !important; } .rz-border-color-on-danger-darker { border-color: var(--rz-on-danger-darker) !important; } /* Custom Components */ .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 { box-sizing: border-box; display: flex; align-items: center; 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-item { flex: auto; display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--rz-alert-gap); } .rz-alert-icon { color: var(--rz-alert-icon-color); margin: var(--rz-alert-icon-margin); font-size: var(--rz-alert-icon-size); } .rz-alert-message { flex: auto; display: flex; flex-direction: column; align-items: flex-start; margin: var(--rz-alert-message-margin); } .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-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-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-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-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-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-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-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-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-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); } @keyframes mic-blink { 0% { background-color: var(--rz-danger-light); color: var(--rz-on-danger-light); } 50% { background-color: var(--rz-danger-darker); color: var(--rz-on-danger-darker); } 100% { background-color: var(--rz-danger-light); color: var(--rz-on-danger-light); } } @-webkit-keyframes mic-blink { 0% { background-color: var(--rz-danger-light); color: var(--rz-on-danger-light); } 50% { background-color: var(--rz-danger-darker); color: var(--rz-on-danger-darker); } 100% { background-color: var(--rz-danger-light); color: var(--rz-on-danger-light); } } .rz-badge { box-sizing: border-box; color: var(--rz-text-contrast-color); display: inline-block; padding: var(--rz-badge-padding); font-size: var(--rz-badge-font-size); font-weight: var(--rz-badge-font-weight); line-height: var(--rz-badge-line-height); text-align: center; text-transform: var(--rz-badge-text-transform); white-space: nowrap; border-radius: var(--rz-badge-border-radius); letter-spacing: var(--rz-badge-letter-spacing); } .rz-badge-primary { background-color: var(--rz-primary); color: var(--rz-on-primary); border: 1px solid var(--rz-primary); } .rz-badge-primary.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-primary); } .rz-badge-primary.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-primary); border: 0; } .rz-badge-secondary { background-color: var(--rz-secondary); color: var(--rz-on-secondary); border: 1px solid var(--rz-secondary); } .rz-badge-secondary.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-on-secondary); } .rz-badge-secondary.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-secondary); border: 0; } .rz-badge-info { background-color: var(--rz-info); color: var(--rz-on-info); border: 1px solid var(--rz-info); } .rz-badge-info.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-info); } .rz-badge-info.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-info); border: 0; } .rz-badge-warning { background-color: var(--rz-warning); color: var(--rz-on-warning); border: 1px solid var(--rz-warning); } .rz-badge-warning.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-warning); } .rz-badge-warning.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-warning); border: 0; } .rz-badge-danger { background-color: var(--rz-danger); color: var(--rz-on-danger); border: 1px solid var(--rz-danger); } .rz-badge-danger.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-danger); } .rz-badge-danger.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-danger); border: 0; } .rz-badge-success { background-color: var(--rz-success); color: var(--rz-on-success); border: 1px solid var(--rz-success); } .rz-badge-success.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-success); } .rz-badge-success.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-success); border: 0; } .rz-badge-light { background-color: var(--rz-base-200); color: var(--rz-text-color); border: 1px solid var(--rz-base-200); } .rz-badge-light.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-base-200); } .rz-badge-light.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-base-200); border: 0; } .rz-badge-dark { background-color: var(--rz-base-900); color: var(--rz-text-contrast-color); border: 1px solid var(--rz-base-900); } .rz-badge-dark.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-base-900); } .rz-badge-dark.rz-variant-text { background-color: rgba(0, 0, 0, 0); color: var(--rz-base-900); border: 0; } :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: 0; --rz-button-shadow: var(--rz-shadow-1); --rz-button-transition: var(--rz-transition-all), width 0, height 0; --rz-button-line-height: 1.25rem; --rz-button-vertical-align: top; --rz-button-hover-shadow: var(--rz-shadow-2); --rz-button-hover-gradient: linear-gradient( rgba(55, 90, 139, 0.04), rgba(55, 90, 139, 0.04) ); --rz-button-hover-background-size: auto; --rz-button-focus-shadow: var(--rz-shadow-2); --rz-button-focus-gradient: linear-gradient( rgba(55, 90, 139, 0.08), rgba(55, 90, 139, 0.08) ); --rz-button-focus-background-size: auto; --rz-button-focus-outline: var(--rz-outline-focus); --rz-button-focus-outline-offset: var(--rz-outline-offset); --rz-button-active-shadow: var(--rz-shadow-1); --rz-button-active-gradient: linear-gradient( rgba(55, 90, 139, 0.08), rgba(55, 90, 139, 0.08) ); --rz-button-active-background-size: auto; --rz-button-disabled-opacity: 0.2; --rz-button-empty-opacity: 0.4; } .rz-button { box-sizing: border-box; display: inline-block; margin: 0; color: var(--rz-button-base-color); background-color: var(--rz-button-base-background-color); background-size: var(--rz-button-background-size); background-repeat: no-repeat; border: none; border-radius: var(--rz-button-border-radius); outline: none; box-shadow: var(--rz-button-shadow); font-size: 1.0625rem; font-family: inherit; line-height: var(--rz-button-line-height); text-decoration: none; transition: var(--rz-button-transition); -webkit-appearance: none; appearance: none; } .rz-button:focus { outline: var(--rz-outline-normal); } .rz-button:focus-visible { outline: var(--rz-button-focus-outline); outline-offset: var(--rz-button-focus-outline-offset); } .rz-button:not(.rz-state-disabled) { cursor: pointer; } @media (hover: hover) and (pointer: fine) { .rz-button:not(.rz-state-disabled):not(:active):hover { text-decoration: none; background-image: var(--rz-button-hover-gradient); background-size: var(--rz-button-hover-background-size); box-shadow: var(--rz-button-hover-shadow); } } .rz-button:not(.rz-state-disabled):not(:active):focus-visible { text-decoration: none; background-image: var(--rz-button-focus-gradient); background-size: var(--rz-button-focus-background-size); box-shadow: var(--rz-button-focus-shadow); } .rz-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-button.rz-state-disabled { opacity: var(--rz-button-disabled-opacity); cursor: initial; } .rz-button.rz-state-empty { opacity: var(--rz-button-empty-opacity); cursor: initial; } .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-button .rz-button-text { vertical-align: var(--rz-button-vertical-align); } .rz-button .rzi { vertical-align: var(--rz-button-vertical-align); } .rz-button.rz-primary:focus-visible { outline-color: var(--rz-primary); } .rz-button.rz-primary { background-color: var(--rz-primary); color: var(--rz-on-primary); border: var(--rz-border-width) solid var(--rz-primary); } .rz-button.rz-primary.rz-variant-text { color: var(--rz-primary); } .rz-button.rz-primary.rz-variant-outlined { background-color: rgba(0, 0, 0, 0); color: var(--rz-primary); } .rz-button.rz-primary.rz-variant-outlined:not(.rz-state-disabled):active { background-color: var(--rz-primary-lighter); color: var(--rz-on-primary-lighter); background-image: none; } .rz-button.rz-primary.rz-variant-text { background-color: rgba(0, 0, 0, 0); box-shadow: none; color: var(--rz-primary); } .rz-button.rz-primary.rz-variant-text:not(.rz-state-disabled):active { background-color: var(--rz-primary-lighter); color: var(--rz-on-primary-lighter); background-image: none; } .rz-button.rz-secondary { background-color: var(--rz-secondary); color: var(--rz-on-secondary); border: var(--rz-border-width) solid var(--rz-secondary); } .rz-button.rz-secondary.rz-variant-outlined { box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary); background-color: rgba(0, 0, 0, 0); color: var(--rz-secondary); } .rz-button.rz-secondary.rz-variant-outlined:not(.rz-state-disabled):active { background-color: var(--rz-secondary-lighter); color: var(--rz-on-secondary-lighter); background-image: none; } .rz-button.rz-secondary.rz-variant-text { color: var(--rz-secondary); background-color: rgba(0, 0, 0, 0); } .rz-button.rz-light { background-color: var(--rz-base-200); color: var(--rz-text-color); border: var(--rz-border-width) solid var(--rz-base-200); } .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-light.rz-variant-outlined { box-shadow: inset 0 0 0 var(--rz-border-width) var(-rz-outline-color); background-color: rgba(0, 0, 0, 0); color: var(--rz-text-color); } .rz-button.rz-light.rz-variant-outlined:not(.rz-state-disabled):active { background-color: var(--rz-secondary-lighter); color: var(--rz-on-secondary-lighter); background-image: none; } .rz-button.rz-light.rz-variant-text { color: var(--rz-text-color); background-color: rgba(0, 0, 0, 0); } .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; pointer-events: none; } .rz-button:not(.rz-state-disabled):active:before { transition: background-size 0s, opacity 0s; opacity: 0.32; background-size: 100%; } .rz-button { --rz-button-disabled-opacity: 1; --rz-button-border-radius: 0; text-transform: uppercase; letter-spacing: normal; font-size: var(--font-size-base); font-weight: var(--font-weight-black); height: calc(var(--rz-input-height) + var(--base-border-width)); border-width: calc(2 * var(--base-border-width)); border-style: solid; box-shadow: none !important; transition: color var(--transition-duration, .3s) var(--transition-function, ease),background var(--transition-duration, .3s) var(--transition-function, ease); } .rz-button.rz-variant-text { border-width: 0; } .rz-button.rz-spinner-button { height: 20px; width: 20px; } .rz-button.rz-state-disabled { color: var(--grey-light) !important; background-color: var(--mercury) !important; border-color: var(--mercury) !important; } .rz-button.rz-state-disabled.rz-button- { color: var(--grey-light) !important; background-color: var(--mercury) !important; border-color: var(--mercury) !important; } .rz-button .rzi { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; } .rz-button .rz-button-box { gap: 5px; } .rz-button-box { width: 100%; height: 100%; } .rz-button-icon-only { aspect-ratio: 1; height: auto; } .rz-button-md { padding: 10px 25px; } .rz-dialog-confirm-buttons .rz-button.rz-secondary { color: var(--rz-primary); background-color: transparent; border-color: var(--rz-primary); transition: background var(--transition-duration, .3s) var(--transition-function, ease); } .rz-dialog-confirm-buttons .rz-button.rz-secondary:hover { color: var(--rz-primary); background: var(--rz-primary-lighter); border-color: var(--rz-primary); } .rz-card { overflow: hidden; } .rz-card--horizontal { display: grid !important; grid-template-columns: 2fr 1fr; gap: 10px; } .rz-card { box-sizing: border-box; padding: var(--rz-card-padding); border-radius: var(--rz-card-border-radius); background-color: var(--rz-card-background-color); } .rz-card.rz-variant-filled { box-shadow: var(--rz-card-shadow); } .rz-card.rz-variant-flat { background-color: var(--rz-card-flat-background-color); } .rz-card.rz-variant-outlined { background: rgba(0, 0, 0, 0); border: var(--rz-card-border); } .rz-card.rz-variant-text { background: rgba(0, 0, 0, 0); } .rz-card h1, .rz-card h2, .rz-card h3, .rz-card h4, .rz-card h5, .rz-card h6 { margin-bottom: var(--rz-card-heading-margin-bottom); } .rz-card p { margin-bottom: 0; } /* ======================================== Color Utility Classes ======================================== */ /* This file contains utility classes for applying colors. Color variables are defined in the theme/base styles, not here. These utilities reference existing color variables. */ .rz-color-white { color: var(--rz-white) !important; } .rz-color-black { color: var(--rz-black) !important; } .rz-color-base { color: var(--rz-base) !important; } .rz-color-base-50 { color: var(--rz-base-50) !important; } .rz-color-base-100 { color: var(--rz-base-100) !important; } .rz-color-base-200 { color: var(--rz-base-200) !important; } .rz-color-base-300 { color: var(--rz-base-300) !important; } .rz-color-base-400 { color: var(--rz-base-400) !important; } .rz-color-base-500 { color: var(--rz-base-500) !important; } .rz-color-base-600 { color: var(--rz-base-600) !important; } .rz-color-base-700 { color: var(--rz-base-700) !important; } .rz-color-base-800 { color: var(--rz-base-800) !important; } .rz-color-base-900 { color: var(--rz-base-900) !important; } .rz-color-base-light { color: var(--rz-base-light) !important; } .rz-color-base-lighter { color: var(--rz-base-lighter) !important; } .rz-color-base-dark { color: var(--rz-base-dark) !important; } .rz-color-base-darker { color: var(--rz-base-darker) !important; } .rz-color-primary { color: var(--rz-primary) !important; } .rz-color-primary-light { color: var(--rz-primary-light) !important; } .rz-color-primary-lighter { color: var(--rz-primary-lighter) !important; } .rz-color-primary-dark { color: var(--rz-primary-dark) !important; } .rz-color-primary-darker { color: var(--rz-primary-darker) !important; } .rz-color-secondary { color: var(--rz-secondary) !important; } .rz-color-secondary-light { color: var(--rz-secondary-light) !important; } .rz-color-secondary-lighter { color: var(--rz-secondary-lighter) !important; } .rz-color-secondary-dark { color: var(--rz-secondary-dark) !important; } .rz-color-secondary-darker { color: var(--rz-secondary-darker) !important; } .rz-color-info { color: var(--rz-info) !important; } .rz-color-info-light { color: var(--rz-info-light) !important; } .rz-color-info-lighter { color: var(--rz-info-lighter) !important; } .rz-color-info-dark { color: var(--rz-info-dark) !important; } .rz-color-info-darker { color: var(--rz-info-darker) !important; } .rz-color-success { color: var(--rz-success) !important; } .rz-color-success-light { color: var(--rz-success-light) !important; } .rz-color-success-lighter { color: var(--rz-success-lighter) !important; } .rz-color-success-dark { color: var(--rz-success-dark) !important; } .rz-color-success-darker { color: var(--rz-success-darker) !important; } .rz-color-warning { color: var(--rz-warning) !important; } .rz-color-warning-light { color: var(--rz-warning-light) !important; } .rz-color-warning-lighter { color: var(--rz-warning-lighter) !important; } .rz-color-warning-dark { color: var(--rz-warning-dark) !important; } .rz-color-warning-darker { color: var(--rz-warning-darker) !important; } .rz-color-danger { color: var(--rz-danger) !important; } .rz-color-danger-light { color: var(--rz-danger-light) !important; } .rz-color-danger-lighter { color: var(--rz-danger-lighter) !important; } .rz-color-danger-dark { color: var(--rz-danger-dark) !important; } .rz-color-danger-darker { color: var(--rz-danger-darker) !important; } .rz-color-on-base { color: var(--rz-on-base) !important; } .rz-color-on-base-light { color: var(--rz-on-base-light) !important; } .rz-color-on-base-lighter { color: var(--rz-on-base-lighter) !important; } .rz-color-on-base-dark { color: var(--rz-on-base-dark) !important; } .rz-color-on-base-darker { color: var(--rz-on-base-darker) !important; } .rz-color-on-primary { color: var(--rz-on-primary) !important; } .rz-color-on-primary-light { color: var(--rz-on-primary-light) !important; } .rz-color-on-primary-lighter { color: var(--rz-on-primary-lighter) !important; } .rz-color-on-primary-dark { color: var(--rz-on-primary-dark) !important; } .rz-color-on-primary-darker { color: var(--rz-on-primary-darker) !important; } .rz-color-on-secondary { color: var(--rz-on-secondary) !important; } .rz-color-on-secondary-light { color: var(--rz-on-secondary-light) !important; } .rz-color-on-secondary-lighter { color: var(--rz-on-secondary-lighter) !important; } .rz-color-on-secondary-dark { color: var(--rz-on-secondary-dark) !important; } .rz-color-on-secondary-darker { color: var(--rz-on-secondary-darker) !important; } .rz-color-on-info { color: var(--rz-on-info) !important; } .rz-color-on-info-light { color: var(--rz-on-info-light) !important; } .rz-color-on-info-lighter { color: var(--rz-on-info-lighter) !important; } .rz-color-on-info-dark { color: var(--rz-on-info-dark) !important; } .rz-color-on-info-darker { color: var(--rz-on-info-darker) !important; } .rz-color-on-success { color: var(--rz-on-success) !important; } .rz-color-on-success-light { color: var(--rz-on-success-light) !important; } .rz-color-on-success-lighter { color: var(--rz-on-success-lighter) !important; } .rz-color-on-success-dark { color: var(--rz-on-success-dark) !important; } .rz-color-on-success-darker { color: var(--rz-on-success-darker) !important; } .rz-color-on-warning { color: var(--rz-on-warning) !important; } .rz-color-on-warning-light { color: var(--rz-on-warning-light) !important; } .rz-color-on-warning-lighter { color: var(--rz-on-warning-lighter) !important; } .rz-color-on-warning-dark { color: var(--rz-on-warning-dark) !important; } .rz-color-on-warning-darker { color: var(--rz-on-warning-darker) !important; } .rz-color-on-danger { color: var(--rz-on-danger) !important; } .rz-color-on-danger-light { color: var(--rz-on-danger-light) !important; } .rz-color-on-danger-lighter { color: var(--rz-on-danger-lighter) !important; } .rz-color-on-danger-dark { color: var(--rz-on-danger-dark) !important; } .rz-color-on-danger-darker { color: var(--rz-on-danger-darker) !important; } .rz-color-series-1 { color: var(--rz-series-1) !important; } .rz-color-series-2 { color: var(--rz-series-2) !important; } .rz-color-series-3 { color: var(--rz-series-3) !important; } .rz-color-series-4 { color: var(--rz-series-4) !important; } .rz-color-series-5 { color: var(--rz-series-5) !important; } .rz-color-series-6 { color: var(--rz-series-6) !important; } .rz-color-series-7 { color: var(--rz-series-7) !important; } .rz-color-series-8 { color: var(--rz-series-8) !important; } .rz-color-series-9 { color: var(--rz-series-9) !important; } .rz-color-series-10 { color: var(--rz-series-10) !important; } .rz-color-series-11 { color: var(--rz-series-11) !important; } .rz-color-series-12 { color: var(--rz-series-12) !important; } .rz-color-series-13 { color: var(--rz-series-13) !important; } .rz-color-series-14 { color: var(--rz-series-14) !important; } .rz-color-series-15 { color: var(--rz-series-15) !important; } .rz-color-series-16 { color: var(--rz-series-16) !important; } .rz-color-series-17 { color: var(--rz-series-17) !important; } .rz-color-series-18 { color: var(--rz-series-18) !important; } .rz-color-series-19 { color: var(--rz-series-19) !important; } .rz-color-series-20 { color: var(--rz-series-20) !important; } .rz-color-series-21 { color: var(--rz-series-21) !important; } .rz-color-series-22 { color: var(--rz-series-22) !important; } .rz-color-series-23 { color: var(--rz-series-23) !important; } .rz-color-series-24 { color: var(--rz-series-24) !important; } .rz-background-color-white { background-color: var(--rz-white) !important; } .rz-background-color-black { background-color: var(--rz-black) !important; } .rz-background-color-base { background-color: var(--rz-base) !important; } .rz-background-color-base-50 { background-color: var(--rz-base-50) !important; } .rz-background-color-base-100 { background-color: var(--rz-base-100) !important; } .rz-background-color-base-200 { background-color: var(--rz-base-200) !important; } .rz-background-color-base-300 { background-color: var(--rz-base-300) !important; } .rz-background-color-base-400 { background-color: var(--rz-base-400) !important; } .rz-background-color-base-500 { background-color: var(--rz-base-500) !important; } .rz-background-color-base-600 { background-color: var(--rz-base-600) !important; } .rz-background-color-base-700 { background-color: var(--rz-base-700) !important; } .rz-background-color-base-800 { background-color: var(--rz-base-800) !important; } .rz-background-color-base-900 { background-color: var(--rz-base-900) !important; } .rz-background-color-base-light { background-color: var(--rz-base-light) !important; } .rz-background-color-base-lighter { background-color: var(--rz-base-lighter) !important; } .rz-background-color-base-dark { background-color: var(--rz-base-dark) !important; } .rz-background-color-base-darker { background-color: var(--rz-base-darker) !important; } .rz-background-color-primary { background-color: var(--rz-primary) !important; } .rz-background-color-primary-light { background-color: var(--rz-primary-light) !important; } .rz-background-color-primary-lighter { background-color: var(--rz-primary-lighter) !important; } .rz-background-color-primary-dark { background-color: var(--rz-primary-dark) !important; } .rz-background-color-primary-darker { background-color: var(--rz-primary-darker) !important; } .rz-background-color-secondary { background-color: var(--rz-secondary) !important; } .rz-background-color-secondary-light { background-color: var(--rz-secondary-light) !important; } .rz-background-color-secondary-lighter { background-color: var(--rz-secondary-lighter) !important; } .rz-background-color-secondary-dark { background-color: var(--rz-secondary-dark) !important; } .rz-background-color-secondary-darker { background-color: var(--rz-secondary-darker) !important; } .rz-background-color-info { background-color: var(--rz-info) !important; } .rz-background-color-info-light { background-color: var(--rz-info-light) !important; } .rz-background-color-info-lighter { background-color: var(--rz-info-lighter) !important; } .rz-background-color-info-dark { background-color: var(--rz-info-dark) !important; } .rz-background-color-info-darker { background-color: var(--rz-info-darker) !important; } .rz-background-color-success { background-color: var(--rz-success) !important; } .rz-background-color-success-light { background-color: var(--rz-success-light) !important; } .rz-background-color-success-lighter { background-color: var(--rz-success-lighter) !important; } .rz-background-color-success-dark { background-color: var(--rz-success-dark) !important; } .rz-background-color-success-darker { background-color: var(--rz-success-darker) !important; } .rz-background-color-warning { background-color: var(--rz-warning) !important; } .rz-background-color-warning-light { background-color: var(--rz-warning-light) !important; } .rz-background-color-warning-lighter { background-color: var(--rz-warning-lighter) !important; } .rz-background-color-warning-dark { background-color: var(--rz-warning-dark) !important; } .rz-background-color-warning-darker { background-color: var(--rz-warning-darker) !important; } .rz-background-color-danger { background-color: var(--rz-danger) !important; } .rz-background-color-danger-light { background-color: var(--rz-danger-light) !important; } .rz-background-color-danger-lighter { background-color: var(--rz-danger-lighter) !important; } .rz-background-color-danger-dark { background-color: var(--rz-danger-dark) !important; } .rz-background-color-danger-darker { background-color: var(--rz-danger-darker) !important; } .rz-background-color-on-base { background-color: var(--rz-on-base) !important; } .rz-background-color-on-base-light { background-color: var(--rz-on-base-light) !important; } .rz-background-color-on-base-lighter { background-color: var(--rz-on-base-lighter) !important; } .rz-background-color-on-base-dark { background-color: var(--rz-on-base-dark) !important; } .rz-background-color-on-base-darker { background-color: var(--rz-on-base-darker) !important; } .rz-background-color-on-primary { background-color: var(--rz-on-primary) !important; } .rz-background-color-on-primary-light { background-color: var(--rz-on-primary-light) !important; } .rz-background-color-on-primary-lighter { background-color: var(--rz-on-primary-lighter) !important; } .rz-background-color-on-primary-dark { background-color: var(--rz-on-primary-dark) !important; } .rz-background-color-on-primary-darker { background-color: var(--rz-on-primary-darker) !important; } .rz-background-color-on-secondary { background-color: var(--rz-on-secondary) !important; } .rz-background-color-on-secondary-light { background-color: var(--rz-on-secondary-light) !important; } .rz-background-color-on-secondary-lighter { background-color: var(--rz-on-secondary-lighter) !important; } .rz-background-color-on-secondary-dark { background-color: var(--rz-on-secondary-dark) !important; } .rz-background-color-on-secondary-darker { background-color: var(--rz-on-secondary-darker) !important; } .rz-background-color-on-info { background-color: var(--rz-on-info) !important; } .rz-background-color-on-info-light { background-color: var(--rz-on-info-light) !important; } .rz-background-color-on-info-lighter { background-color: var(--rz-on-info-lighter) !important; } .rz-background-color-on-info-dark { background-color: var(--rz-on-info-dark) !important; } .rz-background-color-on-info-darker { background-color: var(--rz-on-info-darker) !important; } .rz-background-color-on-success { background-color: var(--rz-on-success) !important; } .rz-background-color-on-success-light { background-color: var(--rz-on-success-light) !important; } .rz-background-color-on-success-lighter { background-color: var(--rz-on-success-lighter) !important; } .rz-background-color-on-success-dark { background-color: var(--rz-on-success-dark) !important; } .rz-background-color-on-success-darker { background-color: var(--rz-on-success-darker) !important; } .rz-background-color-on-warning { background-color: var(--rz-on-warning) !important; } .rz-background-color-on-warning-light { background-color: var(--rz-on-warning-light) !important; } .rz-background-color-on-warning-lighter { background-color: var(--rz-on-warning-lighter) !important; } .rz-background-color-on-warning-dark { background-color: var(--rz-on-warning-dark) !important; } .rz-background-color-on-warning-darker { background-color: var(--rz-on-warning-darker) !important; } .rz-background-color-on-danger { background-color: var(--rz-on-danger) !important; } .rz-background-color-on-danger-light { background-color: var(--rz-on-danger-light) !important; } .rz-background-color-on-danger-lighter { background-color: var(--rz-on-danger-lighter) !important; } .rz-background-color-on-danger-dark { background-color: var(--rz-on-danger-dark) !important; } .rz-background-color-on-danger-darker { background-color: var(--rz-on-danger-darker) !important; } .rz-background-color-series-1 { background-color: var(--rz-series-1) !important; } .rz-background-color-series-2 { background-color: var(--rz-series-2) !important; } .rz-background-color-series-3 { background-color: var(--rz-series-3) !important; } .rz-background-color-series-4 { background-color: var(--rz-series-4) !important; } .rz-background-color-series-5 { background-color: var(--rz-series-5) !important; } .rz-background-color-series-6 { background-color: var(--rz-series-6) !important; } .rz-background-color-series-7 { background-color: var(--rz-series-7) !important; } .rz-background-color-series-8 { background-color: var(--rz-series-8) !important; } .rz-background-color-series-9 { background-color: var(--rz-series-9) !important; } .rz-background-color-series-10 { background-color: var(--rz-series-10) !important; } .rz-background-color-series-11 { background-color: var(--rz-series-11) !important; } .rz-background-color-series-12 { background-color: var(--rz-series-12) !important; } .rz-background-color-series-13 { background-color: var(--rz-series-13) !important; } .rz-background-color-series-14 { background-color: var(--rz-series-14) !important; } .rz-background-color-series-15 { background-color: var(--rz-series-15) !important; } .rz-background-color-series-16 { background-color: var(--rz-series-16) !important; } .rz-background-color-series-17 { background-color: var(--rz-series-17) !important; } .rz-background-color-series-18 { background-color: var(--rz-series-18) !important; } .rz-background-color-series-19 { background-color: var(--rz-series-19) !important; } .rz-background-color-series-20 { background-color: var(--rz-series-20) !important; } .rz-background-color-series-21 { background-color: var(--rz-series-21) !important; } .rz-background-color-series-22 { background-color: var(--rz-series-22) !important; } .rz-background-color-series-23 { background-color: var(--rz-series-23) !important; } .rz-background-color-series-24 { background-color: var(--rz-series-24) !important; } .c-culture-selector { margin-top: 30px; text-align: right; } .c-culture-selector .rz-dropdown { line-height: 32px; width: 70px; } .rz-sidebar-collapsed .c-culture-selector { opacity: 0; max-width: 0; } .rz-data-grid { border: 0 !important; --rz-grid-header-font-size: var(--font-size-base); --rz-grid-header-font-weight: var(--font-weight-bold); --grid-cell-padding-x: 7.5px; --grid-cell-padding-y: 7.5px; --rz-grid-cell-padding: var(--grid-cell-padding-y) var(--grid-cell-padding-x); --rz-grid-cell-line-height: 1.6; --rz-grid-cell-font-size: var(--font-size-sm); --rz-grid-header-cell-padding: 0; --rz-grid-header-title-padding: var(--grid-cell-padding-y) var(--grid-cell-padding-x); --rz-grid-frozen-cell-border: none; --rz-paginator-background-color: var(--white); --rz-grid-background-color: var(--white-smoke); --rz-grid-stripe-background-color: var(--white); --rz-grid-detail-template-background-color: var(--white); --rz-paginator-summary-font-size: var(--font-size-sm); } .rz-data-grid th, .rz-data-grid td { background-color: white !important; border: none !important; border-bottom: 1px solid var(--silver) !important; } .rz-data-grid tr.rz-data-row:hover { background-color: var(--rz-grid-background-color); } .rz-data-grid tr.rz-data-row:hover td { background-color: inherit !important; } .rz-data-grid th { border-bottom-width: 2px !important; } .rz-tabview-panels { overflow: visible; } .rz-grid-table-fixed .rz-frozen-cell { border: 0 !important; box-shadow: none; } .u-align-table-text { margin-left: calc(-1 * var(--grid-cell-padding-x)); margin-right: calc(-1 * var(--grid-cell-padding-x)); } .rz-datatable .rz-col-icon { border-inline-end: var(--rz-border-base-300); } .rz-grid-table-composite { --rz-grid-right-cell-border: var(--rz-border-base-300); --rz-grid-header-cell-border: var(--rz-border-base-300); } .rz-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); border-right: var(--rz-border-base-300); } .rz-datatable .rzi-chevron-circle-right { vertical-align: top; } .rz-datatable .rzi-chevron-circle-right:before { content: "arrow_right"; } *[dir=rtl] .rz-datatable .rzi-chevron-circle-right { transform: rotate(180deg); } .rz-datatable .rzi-chevron-circle-down { vertical-align: top; } .rz-datatable .rzi-chevron-circle-down:before { content: "arrow_drop_down"; } .rz-datatable.rz-has-template > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view > .rz-datatable-scrollable-body > .rz-datatable-scrollable-table-wrapper > table > .rz-datatable-scrollable-colgroup col:first-child { width: var(--rz-grid-column-icon-width); } .rz-unselectable-text { user-select: none; } .rz-datatable-tablewrapper > table, .rz-datatable-scrollable-header-box > table, .rz-datatable-scrollable-table-wrapper > table, .rz-datatable-scrollable-footer-box > table { table-layout: fixed; border-collapse: collapse; width: 100%; } .rz-resizable-column { position: relative; } .rz-datatable-reorder-indicator-up { position: absolute; } .rz-datatable-reorder-indicator-up:before { content: "arrow_drop_down"; } .rz-datatable-reorder-indicator-down { position: absolute; } .rz-datatable-reorder-indicator-down:before { content: "arrow_drop_up"; } .rz-column-resizer { position: absolute; inset-block-start: 0; inset-inline-end: 0; height: 100%; cursor: col-resize; width: var(--rz-grid-column-resizer-width); } .rz-column-resizer:after { content: ""; position: absolute; inset-block-start: 0; inset-inline-end: 0; height: 100%; width: var(--rz-grid-column-resizer-helper-width); background-color: rgba(0, 0, 0, 0); } .rz-column-resizer:hover:after, .rz-column-resizer:active:after { background-color: var(--rz-grid-column-resizer-helper-background-color); } .rz-rowgroup-header .fa, .rz-row-toggler { color: var(--rz-grid-cell-color); } .rz-datatable-scrollable-footer { background-color: var(--rz-grid-header-background-color); border-top: var(--rz-grid-cell-border); } .rz-grid-table thead th { background-color: var(--rz-grid-header-background-color); padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: inherit; border-bottom: var(--rz-grid-header-cell-border-bottom); } .rz-grid-table thead th:not(:last-child) { border-inline-end: var(--rz-grid-header-cell-border); } .rz-grid-table thead th > div:not(.rz-cell-filter) { display: flex; justify-content: flex-start; align-items: center; width: 100%; outline: none; padding: var(--rz-grid-header-cell-padding); } .rz-grid-table thead th.rz-state-focused { outline: var(--rz-grid-cell-focus-outline); outline-offset: var(--rz-grid-cell-focus-outline-offset); } .rz-grid-table thead th .rz-column-title { display: inline-flex; flex: auto; align-items: center; gap: 0.25rem; width: 100%; font-size: var(--rz-grid-header-font-size); line-height: var(--rz-grid-header-line-height); text-transform: var(--rz-grid-header-text-transform); color: var(--rz-grid-header-color); padding-inline: var(--rz-grid-header-title-padding-inline); font-weight: var(--rz-grid-header-font-weight); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rz-grid-table thead th .rz-column-title:has(.rz-column-title-content > .rz-chkbox) { overflow: visible; } .rz-grid-table thead th .rz-column-title-content { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) { overflow: visible; } .rz-grid-table thead th.rz-text-align-center .rz-column-title { justify-content: center; padding-inline-start: 0; } .rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title { padding-inline-start: var(--rz-grid-sort-icon-width); } .rz-grid-table thead th.rz-text-align-right .rz-column-title { justify-content: right; } .rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title { padding-inline-start: var(--rz-grid-sort-icon-width); } .rz-grid-table thead th .rz-column-drag + .rz-column-title { padding-inline-start: 0; } .rz-datatable-tfoot td, .rz-grid-table tfoot td { background-color: var(--rz-grid-foot-background-color); font-size: var(--rz-grid-cell-font-size); line-height: var(--rz-grid-cell-line-height); color: var(--rz-grid-foot-cell-color); padding: var(--rz-grid-cell-padding); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rz-datatable-tfoot td:not(:last-child), .rz-grid-table tfoot td:not(:last-child) { border-inline-end: var(--rz-grid-right-cell-border); } .rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell { border-inline-end: var(--rz-grid-right-cell-border); } .rz-datatable-scrollable-header { background-color: var(--rz-grid-header-background-color); border-bottom: var(--rz-grid-bottom-cell-border); } .rz-datatable-scrollable-body { overflow: auto; border-top: none; flex: auto; border-bottom-right-radius: var(--rz-border-radius); border-bottom-left-radius: var(--rz-border-radius); } .rz-has-pager .rz-datatable-scrollable-body { border-radius: 0; } .rz-sortable-column { cursor: pointer; } .rz-sortable-column:focus { outline: none; } .rz-sortable-column.rz-state-active { background-color: var(--rz-grid-header-sorted-background-color); } .rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) { color: var(--rz-grid-sort-icon-color); } .rz-sortable-column .rzi-grid-sort { width: var(--rz-grid-sort-icon-width); height: var(--rz-grid-sort-icon-height); font-size: var(--rz-grid-sort-icon-height); text-align: left; } .rz-sortable-column .rzi-sort { color: rgba(0, 0, 0, 0); } .rz-sortable-column .rzi-sort:before { content: "sort"; } .rz-sortable-column .rzi-sort-asc { color: var(--rz-grid-header-color); } .rz-sortable-column .rzi-sort-asc:before { content: "arrow_drop_up"; } .rz-sortable-column .rzi-sort-desc { color: var(--rz-grid-header-color); } .rz-sortable-column .rzi-sort-desc:before { content: "arrow_drop_down"; } .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td { background-color: var(--rz-grid-stripe-background-color); } .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td { background-color: var(--rz-grid-stripe-odd-background-color); } .rz-grid-table-composite { --rz-grid-right-cell-border: var(--rz-border-base-300); --rz-grid-header-cell-border: var(--rz-border-base-300); } .rz-grid-table-composite .rz-datatable-thead th, .rz-grid-table-composite.rz-grid-table thead th { border-bottom: var(--rz-grid-header-cell-border); } .rz-grid-table-composite .rz-datatable-thead th.rz-composite-cell, .rz-grid-table-composite.rz-grid-table thead th.rz-composite-cell { border-inline-end: var(--rz-grid-header-cell-border); } .rz-datatable-data td, .rz-grid-table td { padding: var(--rz-grid-cell-padding); border-bottom: var(--rz-grid-bottom-cell-border); } .rz-datatable-data td:not(:last-child), .rz-grid-table td:not(:last-child) { border-inline-end: var(--rz-grid-right-cell-border); } .rz-datatable-data td.rz-composite-cell, .rz-grid-table td.rz-composite-cell { border-inline-end: var(--rz-grid-right-cell-border); } .rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data { color: var(--rz-grid-cell-color); font-size: var(--rz-grid-cell-font-size); line-height: var(--rz-grid-cell-line-height); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rz-datatable-data td .rz-cell-data.rz-text-wrap, .rz-grid-table td .rz-cell-data.rz-text-wrap { text-overflow: unset; overflow: visible; } .rz-datatable-data td .rz-cell-data.rz-text-nowrap, .rz-grid-table td .rz-cell-data.rz-text-nowrap { text-overflow: unset; overflow: visible; } .rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button), .rz-grid-table td .rz-cell-data:has(.rz-chkbox), .rz-grid-table td .rz-cell-data:has(.rz-button) { overflow: visible; } .rz-datatable-data td .rz-cell-toggle, .rz-grid-table td .rz-cell-toggle { display: flex; align-items: center; gap: 0.25rem; } .rz-datatable-data td .rz-column-footer, .rz-grid-table td .rz-column-footer { color: var(--rz-grid-foot-cell-color); } .rz-datatable-data tr td:first-child, .rz-grid-table tr td:first-child { border-inline-start: none; } .rz-datatable-data tr td:last-child:not(.rz-composite-cell), .rz-grid-table tr td:last-child:not(.rz-composite-cell) { border-inline-end: none; } .rz-datatable-data tr:first-child > td, .rz-grid-table tr:first-child > td { border-top: none; } .rz-datatable-data tr:last-child > td, .rz-grid-table tr:last-child > td { border-bottom: none; } .rz-grid-table.rz-grid-gridlines-both > thead > tr > th, .rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-both > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td { border-bottom: var(--rz-grid-cell-border); } .rz-grid-table.rz-grid-gridlines-both > thead > tr > th:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td:not(:last-child) { border-inline-end: var(--rz-grid-cell-border); } .rz-grid-table.rz-grid-gridlines-none > thead > tr > th, .rz-grid-table.rz-grid-gridlines-none > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-none > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-none > tfoot > tr > td { border-bottom: none; border-inline-end: none; } .rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th, .rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-horizontal > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-horizontal > tfoot > tr > td { border-bottom: var(--rz-grid-cell-border); border-inline-end: none; } .rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th, .rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell, .rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td, .rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td { border-bottom: none; } .rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th:not(:last-child), .rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell:not(:last-child), .rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td:not(:last-child), .rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td:not(:last-child) { border-inline-end: var(--rz-grid-cell-border); } .rz-datatable-reflow tbody td > .rz-column-title { display: none; } .rz-datatable-scrollable { display: flex; flex-direction: column; } .rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper { height: 0; } .rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view { height: 0; } .rz-datatable-scrollable-wrapper { display: flex; flex-direction: column; flex: auto; } .rz-datatable-scrollable-view { display: flex; flex: auto; flex-direction: column; overflow: hidden; } .rz-datatable-header { background-color: var(--rz-grid-toolbar-background-color); padding: var(--rz-grid-header-padding); border-bottom: var(--rz-grid-bottom-cell-border); } .rz-datatable-header .rzi-plus { font-size: var(--rz-grid-cell-font-size); } .rz-datatable-header .rzi-plus:before { content: "add"; } .rz-cell-filter { padding: var(--rz-grid-filter-padding); margin: var(--rz-grid-filter-margin); border-top: var(--rz-grid-filter-border); font-size: var(--rz-grid-filter-font-size); font-weight: normal; } .rz-cell-filter .rz-cell-filter-label { display: flex; flex: auto; align-items: center; } .rz-cell-filter .rz-cell-filter-label > .rzi { width: var(--rz-grid-filter-icon-width); height: var(--rz-grid-filter-icon-height); font-size: var(--rz-grid-filter-icon-font-size); margin-inline: var(--rz-grid-filter-icon-margin-inline); color: var(--rz-grid-filter-color); } .rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear { margin-inline-start: auto; } .rz-cell-filter .rz-cell-filter-label .rz-current-filter { margin-inline-start: 0.5rem; } .rz-selectable tbody tr.rz-data-row td, .rz-selectable tbody tr.rz-data-row .rz-cell-data { transition: background-color var(--rz-transition), color var(--rz-transition); } .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after { content: ""; position: absolute; inset: 0; transition: background-color var(--rz-transition), color var(--rz-transition); } .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before { z-index: -1; } .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after { z-index: -2; background-color: var(--rz-grid-frozen-cell-background-color); } .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:before { z-index: -2; background-color: var(--rz-grid-frozen-cell-background-color); } .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:after { z-index: -1; } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td { background-color: var(--rz-grid-selected-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before { background-color: var(--rz-grid-selected-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right-inner:after { background-color: var(--rz-grid-selected-background-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data { color: var(--rz-grid-selected-color); } .rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi { color: var(--rz-grid-selected-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > td { background-color: var(--rz-grid-cell-focus-background-color); color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before { background-color: var(--rz-grid-cell-focus-background-color); color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right-inner:after { background-color: var(--rz-grid-cell-focus-background-color); color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused { color: var(--rz-grid-cell-focus-color) !important; } .rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data { color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi { color: var(--rz-grid-cell-focus-color); } .rz-selectable tbody tr.rz-data-row.rz-state-disabled { opacity: 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, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right-inner:after { background-color: var(--rz-grid-hover-background-color); } .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data { color: var(--rz-grid-hover-color); } .rz-cell-filter-content { display: flex; flex: auto; align-items: center; color: var(--rz-grid-filter-color); min-height: 1.375rem; container-type: inline-size; container-name: rz-cell-filter-content; } @container rz-cell-filter-content (max-width: 200px) { .rz-cell-filter-content .rz-filter-button .rzi { display: none; } .rz-cell-filter-content .rz-filter-button { position: absolute; z-index: 1; min-height: 0; inset-inline-start: calc(var(--rz-border-width) + 1px); height: calc(var(--rz-input-height) - var(--rz-border-width) * 2 - 2px); max-height: calc(var(--rz-input-height) - var(--rz-border-width) * 2 - 2px); line-height: calc(1.25rem - var(--rz-border-width) * 2 - 2px); border-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width) - 1px); } .rz-cell-filter-content:has(.rz-filter-button) .rz-cell-filter-label { position: relative; min-width: 5rem; } .rz-cell-filter-content:has(.rz-filter-button) .rz-textbox, .rz-cell-filter-content:has(.rz-filter-button) .rz-inputtext { text-indent: 2.5rem; } } .rz-expanded-row > td { border-bottom: none; background-color: var(--rz-grid-hover-background-color); } .rz-expanded-row > td .rz-cell-data, .rz-expanded-row > td .rz-row-toggler { color: var(--rz-grid-hover-color); } .rz-expanded-row-template { background-color: var(--rz-grid-detail-template-background-color); padding: var(--rz-grid-detail-template-padding); border: var(--rz-grid-detail-template-border); border-radius: var(--rz-grid-detail-template-border-radius); } .rz-expanded-row-content > td { padding-top: 0; background-color: var(--rz-grid-detail-template-background-color); } .rz-rowgroup-header a:hover { text-decoration: none; } .rz-rowgroup-header td { border-top: var(--rz-grid-border); border-bottom: var(--rz-grid-border); } .rz-datatable-loading { position: absolute; inset: 0; background-color: var(--rz-grid-loading-indicator-background-color); z-index: 2; } .rz-datatable-loading-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--rz-grid-loading-indicator-color); z-index: 2; } .rz-datatable-loading-content .rzi-circle-o-notch { animation: rotation 0.5s linear infinite; font-size: 2rem; } .rz-datatable-loading-content .rzi-circle-o-notch:before { content: "refresh"; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (max-width: 768px) { .rz-datatable-reflow .rz-data-grid-data > table, .rz-datatable-reflow .rz-datatable-tablewrapper > table, .rz-datatable-reflow .rz-datatable-scrollable-header-box > table, .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table { table-layout: auto; display: block; } .rz-datatable-reflow .rz-data-grid-data > table > tbody, .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody, .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody, .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody { display: block; } .rz-datatable-reflow thead th { display: none; } .rz-datatable-reflow .rz-data-row { display: block; } .rz-datatable-reflow .rz-data-row > td { display: block; width: 100% !important; text-align: left !important; border: none; } .rz-datatable-reflow .rz-data-row > td .rz-column-title { display: block; } } .rz-grid-filter { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; } .rz-grid-filter .rz-dropdown, .rz-grid-filter .rz-numeric, .rz-grid-filter .rz-textbox, .rz-grid-filter .rz-grid-filter-label { display: block; width: 100%; } .rz-grid-filter .rz-grid-filter-label { font-weight: 600; } .rz-grid-date-filter { width: 576px; } .rz-date-filter { display: flex; align-items: stretch; background-color: var(--rz-grid-filter-background-color); gap: var(--rz-grid-filter-gap); padding: var(--rz-grid-filter-gap); } .rz-date-filter .rz-listbox { min-width: 11em; } .rz-date-filter .rz-listbox .rz-listbox-item { font-size: 0.875rem; } .rz-date-filter .rz-datepicker-inline { border-radius: var(--rz-border-radius); } .rz-date-filter .rz-datepicker-inline table { width: 100%; } .rz-grid-filter-buttons { display: flex; justify-content: space-between; padding: var(--rz-grid-filter-buttons-padding); background-color: var(--rz-grid-filter-buttons-background-color); border-top: var(--rz-grid-filter-buttons-border); } .rz-grid-filter-buttons .rz-button.rz-shade-default.rz-clear-filter { background-color: var(--rz-grid-clear-filter-button-background-color); color: var(--rz-grid-clear-filter-button-color); box-shadow: var(--rz-grid-clear-filter-button-shadow); padding-inline: var(--rz-grid-filter-button-padding-inline); } .rz-grid-filter-buttons .rz-button.rz-shade-default.rz-apply-filter { background-color: var(--rz-grid-apply-filter-button-background-color); color: var(--rz-grid-apply-filter-button-color); box-shadow: var(--rz-grid-apply-filter-button-shadow); padding-inline: var(--rz-grid-filter-button-padding-inline); } .rz-grid-filter-icon { justify-self: flex-end; color: var(--rz-grid-filter-color); margin-inline: var(--rz-grid-header-filter-icon-margin-inline); font-size: var(--rz-grid-header-filter-icon-font-size); transition: var(--rz-grid-state-transition); font-weight: 400; } .rz-grid-filter-icon:hover { cursor: pointer; color: var(--rz-grid-header-filter-icon-hover-color); } .rz-grid-filter-active { color: var(--rz-grid-header-filter-icon-active-color) !important; --rz-icon-fill: 1; } .rz-data-grid { box-sizing: border-box; display: flex; flex-direction: column; } .rz-data-grid-data { overflow: auto; flex: 1; outline: var(--rz-outline-normal); box-shadow: var(--rz-grid-data-border-shadow); } .rz-grid-table td, .rz-grid-table th { padding: var(--rz-grid-cell-padding); } .rz-grid-table thead { position: sticky; top: 0; z-index: 2; } .rz-grid-table thead th { position: sticky; top: 0; z-index: 1; } .rz-grid-table-fixed { table-layout: fixed; } .rz-grid-table-fixed .rz-frozen-cell { position: -webkit-sticky; position: sticky; } .rz-grid-table-fixed .rz-frozen-cell-left, .rz-grid-table-fixed .rz-frozen-cell-right, .rz-grid-table-fixed .rz-frozen-cell-left-inner, .rz-grid-table-fixed .rz-frozen-cell-right-inner { background: var(--rz-grid-frozen-cell-background-color); z-index: 1; } .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end { box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12); border-inline-end: var(--rz-grid-frozen-cell-border) !important; } *[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end { box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12); } .rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end { box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12); border-inline-start: var(--rz-grid-frozen-cell-border) !important; } *[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end { box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12); } .rz-grid-table-fixed .rz-frozen-cell-left-inner, .rz-grid-table-fixed .rz-frozen-cell-right-inner { border-inline-end: var(--rz-grid-frozen-cell-border) !important; border-inline-start: var(--rz-grid-frozen-cell-border) !important; } .rz-grid-table tfoot, .rz-grid-table tfoot td { position: sticky; bottom: 0; z-index: 1; } .rz-grid-table { width: 100%; position: relative; border-collapse: separate; border-spacing: 0; } .rz-grid-table th { white-space: nowrap; overflow: hidden; } .rz-grid-table td { white-space: nowrap; overflow: hidden; } .rz-grid-table tbody > div { display: table-row; } .rz-column-drag { cursor: grab; font-size: inherit; color: var(--rz-column-drag-handle-color); transition: var(--rz-grid-state-transition); margin-inline: var(--rz-column-drag-handle-margin-inline); } .rz-column-drag:after { content: "more_vert"; } .rz-column-drag:hover { color: var(--rz-column-drag-handle-hover-color); } .rz-column-drag:active { color: var(--rz-column-drag-handle-hover-color); cursor: grabbing; } .rz-column-draggable { background-color: var(--rz-grid-header-background-color); border-radius: var(--rz-border-radius); } .rz-datepicker-inline table { width: 100%; } .rz-calendar-view td, .rz-calendar-view th { text-align: center; } .rz-calendar-view td a.rz-state-default, .rz-calendar-view td span.rz-state-default, .rz-calendar-view th a.rz-state-default, .rz-calendar-view th span.rz-state-default { display: inline-block; width: 2.25rem; height: 2.25rem; line-height: 1rem; } .rz-calendar-view td a.rz-state-default:not(.rz-state-active):hover, .rz-calendar-view td span.rz-state-default:not(.rz-state-active):hover, .rz-calendar-view th a.rz-state-default:not(.rz-state-active):hover, .rz-calendar-view th span.rz-state-default:not(.rz-state-active):hover { border-radius: 50%; } .rz-calendar-view td .rz-state-active, .rz-calendar-view th .rz-state-active { border-radius: 50%; } .rz-timepicker { flex-wrap: wrap; } .rz-timepicker .rz-numeric { flex: 1; } .rz-timepicker > .rz-button { flex-basis: 100%; } .rz-datepicker-trigger { border-radius: 0 !important; background-color: rgba(0, 0, 0, 0) !important; background-image: none !important; box-shadow: none !important; } :root { --rz-dialog-background-color: var(--rz-base-200); --rz-dialog-shadow: var(--rz-shadow-0); --rz-dialog-border-radius: calc(var(--rz-border-radius) * 7); --rz-dialog-zindex: 1001; --rz-dialog-title-background-color: var(--rz-base-200); --rz-dialog-title-border: none; --rz-dialog-title-padding-block: 1.5rem 0; --rz-dialog-title-padding-inline: 1.5rem; --rz-dialog-title-font-size: 1.5rem; --rz-dialog-title-line-height: 2rem; --rz-dialog-title-font-weight: 400; --rz-dialog-title-letter-spacing: normal; --rz-dialog-title-color: var(--rz-text-title-color); --rz-dialog-close-font-size: var(--rz-icon-size); --rz-dialog-close-color: var(--rz-text-color); --rz-dialog-close-hover-color: var(--rz-text-title-color); --rz-dialog-close-vertical-align: middle; --rz-dialog-content-padding: 1.5rem; --rz-dialog-mask-background-color: var(--rz-base-800); --rz-dialog-mask-zindex: 1000; } .rz-dialog-wrapper { box-sizing: border-box; display: flex; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; z-index: var(--rz-dialog-zindex); align-items: center; justify-content: center; margin-top: var(--header-height); } .rz-dialog { max-height: 95vh; max-width: 95vw; } .rz-dialog .rz-dialog-content { height: 100%; } .rz-dialog { box-sizing: border-box; position: absolute; overflow: hidden; display: flex; flex-direction: column; min-width: 150px; max-height: 100%; min-height: 150px; z-index: var(--rz-dialog-zindex); opacity: 1; background-color: var(--rz-dialog-background-color); box-shadow: var(--rz-dialog-shadow); border-radius: var(--rz-dialog-border-radius); } .rz-dialog-side { box-sizing: border-box; position: fixed; z-index: var(--rz-dialog-zindex); opacity: 1; background-color: var(--rz-dialog-background-color); box-shadow: var(--rz-dialog-shadow); border-radius: var(--rz-dialog-border-radius); overflow-y: auto; } .rz-dialog-titlebar { padding: var(--body-padding-x); padding-bottom: 0; display: flex; align-items: normal; padding-block: var(--rz-dialog-title-padding-block); padding-inline: var(--rz-dialog-title-padding-inline); font-size: var(--rz-dialog-title-font-size); line-height: var(--rz-dialog-title-line-height); background-color: var(--rz-dialog-title-background-color); border-block-end: var(--rz-dialog-title-border); } .rz-dialog-title { flex: auto; font-size: var(--rz-text-h3-font-size); font-weight: var(--rz-dialog-title-font-weight); letter-spacing: var(--rz-dialog-title-letter-spacing); color: var(--rz-dialog-title-color); user-select: none; } .rz-dialog-titlebar-close .rzi-times { 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-block-end: 1.5rem; } .rz-dialog-confirm-buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; } .rz-dialog-confirm-buttons .rz-button { flex: 8rem 1; min-width: fit-content; } .rz-dialog-alert-buttons { text-align: end; gap: 0.5rem; } .rz-dialog-alert-buttons .rz-button { flex: 8rem 1; min-width: fit-content; } .rz-dialog-mask { position: fixed; z-index: var(--rz-dialog-mask-zindex); width: 100%; height: 100%; inset-block-start: 0; inset-inline-start: 0; background-color: var(--rz-dialog-mask-background-color); opacity: 0.5; } .no-scroll { overflow: hidden; padding-inline-end: 15px; } @media (max-width: 768px) { .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) { position: absolute; width: 100% !important; inset-block-start: 0px !important; border-radius: 0; } .rz-dialog-content { -webkit-overflow-scrolling: touch; } .rz-dialog-confirm, .rz-dialog-alert { max-width: 355px; } .no-scroll { padding-inline-end: 0; } } :focus-visible { outline: 0; } :root { --rz-body-line-height: 1.5rem; --rz-form-element-border-radius: 4px; --rz-form-field-label-floating-background-color: white; --rz-input-font-size: var(--rz-body-font-size); --rz-input-height: 3.5rem; --rz-input-line-height: var(--rz-body-line-height); --rz-input-padding-block: 0.4375rem; --rz-input-padding-inline: 0.9375rem; --rz-input-value-color: var(--rz-text-color); --rz-input-placeholder-color: var(--rz-text-tertiary-color); --rz-input-background-color: white; --rz-input-border: var(--rz-border-normal); --rz-input-border-radius: var(--rz-form-element-border-radius); --rz-input-shadow: none; --rz-input-transition: var(--rz-transition-all), width 0, height 0; --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: 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-text-area-padding-block: var(--rz-input-padding-block); --rz-text-area-padding-inline: var(--rz-input-padding-inline); --rz-checkbox-width: 2rem; --rz-checkbox-height: 2rem; --rz-checkbox-border-radius: var(--rz-form-element-border-radius); --rz-checkbox-border-width: 1px; --rz-checkbox-margin-block: 1rem; --rz-checkbox-margin-inline: 0; --rz-checkbox-label-margin-block: 0; --rz-checkbox-label-margin-inline: 1rem; --rz-checkbox-focus-outline: var(--rz-outline-focus); --rz-checkbox-focus-outline-offset: var(--rz-outline-offset); --rz-checkbox-checked-background-color: var(--rz-primary); --rz-checkbox-checked-hover-background-color: var(--rz-primary); --rz-checkbox-checked-disabled-background-color: var(--rz-base-800); --rz-checkbox-checked-color: var(--rz-on-primary); --rz-checkbox-checked-shadow: none; --rz-checkbox-checked-border: var(--rz-border-primary); --rz-checkbox-checked-hover-border: var(--rz-border-primary); --rz-checkbox-checked-disabled-border: var(--rz-border-base-800); --rz-checkbox-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-checked-icon-background-color: transparent; --rz-checkbox-checked-icon-border-radius: 0; --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-radio-width: 2rem; --rz-radio-height: 2rem; --rz-radio-border-radius: 50%; --rz-radio-border-width: 1px; --rz-radio-margin-block: 0.5rem; --rz-radio-margin-inline: 0; --rz-radio-label-margin-block: 0; --rz-radio-label-margin-inline: 1rem; --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-checked-border: var(--rz-border-primary); --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: 1.625rem; --rz-radio-icon-height: 1.625rem; --rz-switch-background-color: white; --rz-switch-checked-background-color: var(--rz-secondary); --rz-switch-box-shadow: none; --rz-switch-circle-background-color: var(--rz-base-400); --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-fieldset-border: var(--rz-border-base-300); --rz-fieldset-border-radius: var(--rz-form-element-border-radius); --rz-fieldset-padding: 0 1rem 1rem; --rz-fieldset-legend-color: var(--rz-text-color); --rz-fieldset-legend-font-size: var(--rz-body-font-size); --rz-fieldset-legend-margin-block: 0 1rem; --rz-fieldset-legend-margin-inline: 0.5rem 0; --rz-fieldset-legend-padding-block: 0; --rz-fieldset-legend-padding-inline: 0.5rem; --rz-fieldset-toggle-width: 1.5rem; --rz-fieldset-toggle-height: 1.5rem; --rz-fieldset-toggle-margin-block: 0; --rz-fieldset-toggle-margin-inline: 0; --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-dropdown-trigger-icon-width: var(--rz-icon-size); --rz-dropdown-trigger-icon-height: var(--rz-icon-size); --rz-dropdown-trigger-icon-margin-block: 0; --rz-dropdown-trigger-icon-margin-inline: 0 0.5rem; --rz-dropdown-open-background-color: var(--rz-base-100); --rz-dropdown-open-border: 2px solid var(--rz-primary); --rz-dropdown-horizontal-padding: 1rem; --rz-dropdown-panel-padding: 0 1rem; --rz-dropdown-panel-border: none; --rz-dropdown-panel-shadow: var(--rz-shadow-2); --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-transition: none; --rz-dropdown-item-hover-background-color: var(--rz-base-300); --rz-dropdown-item-hover-color: var(--rz-text-color); --rz-dropdown-item-selected-background-color: var(--rz-info); --rz-dropdown-item-selected-color: var(--rz-on-secondary-lighter); --rz-dropdown-item-selected-shadow: none; --rz-dropdown-item-selected-hover-background-color: var(--rz-base-400); --rz-dropdown-item-selected-hover-color: var(--rz-text-color); --rz-dropdown-item-disabled-opacity: 0.2; --rz-dropdown-filter-border: var(--rz-border-normal); --rz-dropdown-filter-padding: 1rem 0 0.5rem; --rz-dropdown-label-padding-block: 0; --rz-dropdown-label-padding-inline: 0 var(--rz-icon-size); --rz-dropdown-chips-padding-block: 0.4375rem; --rz-dropdown-chips-padding-inline: 0.4375rem 0.9375rem; --rz-multiselect-checkbox-margin-block: 0; --rz-multiselect-checkbox-margin-inline: 0 1rem; --rz-chip-background-color: var(--rz-base-200); --rz-chip-color: var(--rz-text-color); --rz-chip-padding-block: 0.125rem; --rz-chip-padding-inline: 0.75rem 0.125rem; --rz-chip-gap: 0.5rem; --rz-chip-border-radius: calc(var(--rz-form-element-border-radius) * 4); --rz-chip-font-size: 0.875rem; } .rz-helper-hidden-accessible { opacity: 0; height: 0; } .rz-helper-hidden-accessible input { width: 100%; height: 0; padding: 0; margin: 0; border: 0; } .rz-helper-hidden { display: none; } .rz-textarea { padding-block: var(--rz-text-area-padding-block); padding-inline: var(--rz-text-area-padding-inline); height: auto; } .rz-datepicker .rz-button, .rz-spinner .rz-button { border: none; } .rz-spinner .rz-button { padding: 0; color: var(--rz-primary); background-color: white; width: 30px; border-radius: var(--rz-form-element-border-radius); height: 50%; position: absolute; right: 0; } .rz-spinner .rz-button:active, .rz-spinner .rz-button:hover { background-image: none; } .rz-spinner .rz-button.rz-spinner-up { top: 0; } .rz-spinner .rz-button.rz-spinner-down { bottom: 0; } .rz-spinner .rz-button.rz-spinner-button .rzi-caret-up:before { content: "expand_less"; } .rz-spinner .rz-button.rz-spinner-button .rzi-caret-down:before { content: "expand_more"; } .rz-spinner-input { width: 100%; } .rz-fieldset { box-sizing: border-box; margin: 0; padding: 0; min-width: 0; border: var(--rz-fieldset-border); border-radius: var(--rz-fieldset-border-radius); } .rz-fieldset-content { padding: var(--rz-fieldset-padding); } .rz-fieldset-content-wrapper { overflow: hidden; } .rz-fieldset-legend-text { vertical-align: middle; } .rz-fieldset-toggler { vertical-align: middle; width: var(--rz-fieldset-toggle-width); height: var(--rz-fieldset-toggle-height); background-color: var(--rz-fieldset-toggle-background-color); color: var(--rz-fieldset-toggle-color); border: var(--rz-fieldset-toggle-border); } .rz-fieldset-toggler.rzi { text-align: center; font-size: var(--rz-fieldset-toggle-font-size); line-height: var(--rz-fieldset-toggle-height); margin-block: var(--rz-fieldset-toggle-margin-block); margin-inline: var(--rz-fieldset-toggle-margin-inline); } .rz-fieldset-toggler.rzi-minus:before { content: "remove"; } .rz-fieldset-toggler .rz-fieldset-toggler.rzi-plus:before { content: "add"; } a:focus .rz-fieldset-toggler { outline: var(--rz-outline-normal); } a:focus-visible .rz-fieldset-toggler { outline: var(--rz-fieldset-toggle-focus-outline); outline-offset: var(--rz-fieldset-toggle-focus-outline-offset); } .rz-fieldset-legend { float: none; margin-block: var(--rz-fieldset-legend-margin-block); margin-inline: var(--rz-fieldset-legend-margin-inline); padding-block: var(--rz-fieldset-legend-padding-block); padding-inline: var(--rz-fieldset-legend-padding-inline); width: auto; color: var(--rz-fieldset-legend-color); font-size: var(--rz-fieldset-legend-font-size); } .rz-fieldset-legend a { display: inline-flex; align-items: center; color: inherit; text-decoration: none; } .rz-fieldset-legend a:focus { outline: var(--rz-outline-normal); } .rz-dropdown { box-sizing: border-box; display: inline-flex; flex-direction: column; position: relative; overflow: hidden; text-align: start; } .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-dropdown-trigger { position: absolute; display: flex; align-items: center; inset-inline-end: 0; inset-block-start: 0; inset-block-end: 0; } .rz-dropdown-trigger .rzi { width: var(--rz-dropdown-trigger-icon-width); height: var(--rz-dropdown-trigger-icon-height); font-size: var(--rz-dropdown-trigger-icon-height); margin-block: var(--rz-dropdown-trigger-icon-margin-block); margin-inline: var(--rz-dropdown-trigger-icon-margin-inline); } .rz-dropdown-trigger .rzi-chevron-down:before { content: "arrow_drop_down"; } .rz-dropdown-clear-icon { position: absolute; right: 40px; top: 16px; inset-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem); inset-block-start: 0; height: 100%; display: flex; align-items: center; font-size: var(--rz-dropdown-trigger-icon-height); opacity: 0.4; } .rz-dropdown-clear-icon:before { content: "close"; } .rz-dropdown-clear-icon:hover { opacity: 1; } .rz-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); box-sizing: content-box; padding: var(--rz-dropdown-panel-padding); } .rz-dropdown-items { list-style: none; padding: var(--rz-dropdown-items-padding); margin: 0; } .rz-dropdown-items li { padding: var(--rz-dropdown-item-padding); transition: var(--rz-dropdown-item-transition); cursor: default; font-size: var(--rz-dropdown-item-font-size); } .rz-dropdown-items li.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-dropdown-items li.rz-state-highlight:hover { background-color: var(--rz-dropdown-item-selected-hover-background-color); color: var(--rz-dropdown-item-selected-hover-color); } .rz-dropdown-items li.rz-state-disabled { opacity: var(--rz-dropdown-item-disabled-opacity); cursor: initial; } .rz-dropdown-items li:hover { background-color: var(--rz-dropdown-item-hover-background-color); color: var(--rz-dropdown-item-hover-color); border-radius: 0; } .rz-dropdown-items-wrapper { overflow: auto; margin: var(--rz-dropdown-items-margin); border-radius: var(--rz-input-border-radius); } .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-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-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-dropdown-item.rz-state-disabled { opacity: var(--rz-dropdown-item-disabled-opacity); cursor: initial; } .rz-dropdown-item:hover { background-color: var(--rz-dropdown-item-hover-background-color); color: var(--rz-dropdown-item-hover-color); border-radius: 0; } .rz-dropdown-filter { background-color: rgba(0, 0, 0, 0); color: var(--rz-text-color); } .rz-dropdown-filter-container { padding: var(--rz-dropdown-filter-padding); border-bottom: var(--rz-dropdown-filter-border); } .rz-dropdown-label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-block: var(--rz-dropdown-label-padding-block); padding-inline: var(--rz-dropdown-label-padding-inline); margin: 0; } .rz-state-disabled > .rz-dropdown-clear-icon { display: none; } .rz-multiselect { box-sizing: border-box; display: inline-flex; flex-direction: column; position: relative; overflow: hidden; text-align: start; } .rz-multiselect .rz-placeholder { color: var(--rz-input-placeholder-color); } .rz-multiselect.rz-state-focus { background-color: var(--rz-dropdown-open-background-color); border: var(--rz-dropdown-open-border); } .rz-multiselect-trigger { position: absolute; display: flex; align-items: center; inset-inline-end: 0; inset-block-start: 0; inset-block-end: 0; } .rz-multiselect-trigger .rzi { width: var(--rz-dropdown-trigger-icon-width); height: var(--rz-dropdown-trigger-icon-height); font-size: var(--rz-dropdown-trigger-icon-height); margin-block: var(--rz-dropdown-trigger-icon-margin-block); margin-inline: var(--rz-dropdown-trigger-icon-margin-inline); } .rz-multiselect-trigger .rzi-chevron-down:before { content: "arrow_drop_down"; } .rz-multiselect-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); box-sizing: content-box; padding: var(--rz-dropdown-panel-padding); } .rz-multiselect-panel .rz-chkbox { margin-block: var(--rz-multiselect-checkbox-margin-block); margin-inline: var(--rz-multiselect-checkbox-margin-inline); } .rz-multiselect-items { list-style: none; padding: var(--rz-dropdown-items-padding); margin: 0; } .rz-multiselect-items li { padding: var(--rz-dropdown-item-padding); transition: var(--rz-dropdown-item-transition); cursor: default; font-size: var(--rz-dropdown-item-font-size); } .rz-multiselect-items li.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-multiselect-items li.rz-state-highlight:hover { background-color: var(--rz-dropdown-item-selected-hover-background-color); color: var(--rz-dropdown-item-selected-hover-color); } .rz-multiselect-items li.rz-state-disabled { opacity: var(--rz-dropdown-item-disabled-opacity); cursor: initial; } .rz-multiselect-items li:hover { background-color: var(--rz-dropdown-item-hover-background-color); color: var(--rz-dropdown-item-hover-color); border-radius: 0; } .rz-multiselect-items-wrapper { overflow: auto; margin: var(--rz-dropdown-items-margin); border-radius: var(--rz-input-border-radius); } .rz-multiselect-item { padding: var(--rz-dropdown-item-padding); transition: var(--rz-dropdown-item-transition); cursor: default; font-size: var(--rz-dropdown-item-font-size); display: flex; align-items: center; } .rz-multiselect-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-multiselect-item.rz-state-highlight:hover { background-color: var(--rz-dropdown-item-selected-hover-background-color); color: var(--rz-dropdown-item-selected-hover-color); } .rz-multiselect-item.rz-state-disabled { opacity: var(--rz-dropdown-item-disabled-opacity); cursor: initial; } .rz-multiselect-item:hover { background-color: var(--rz-dropdown-item-hover-background-color); color: var(--rz-dropdown-item-hover-color); border-radius: 0; } .rz-multiselect-item-content { flex: 1; } .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; background-color: rgba(0, 0, 0, 0); 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-multiselect-label-container { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-block: var(--rz-dropdown-label-padding-block); padding-inline: var(--rz-dropdown-label-padding-inline); margin: 0; } .rz-form-field:hover .rz-form-field-content, .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-numeric:not(:disabled):not(.rz-state-disabled):hover, .rz-numeric-input:not(:disabled):not(.rz-state-disabled):hover, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover { box-shadow: var(--rz-input-hover-shadow); border: var(--rz-input-hover-border); } .rz-form-field.rz-state-focused .rz-form-field-content, .rz-numeric:focus-within:not(.rz-state-disabled), .rz-numeric:not(:disabled):not(.rz-state-disabled):focus, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus { box-shadow: var(--rz-input-focus-shadow); border: var(--rz-input-focus-border); outline: var(--rz-input-focus-outline); outline-offset: var(--rz-input-focus-outline-offset); } :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, :not(.rz-form-field-content) > .rz-numeric:disabled, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-multiselect:disabled, :not(.rz-form-field-content) > .rz-dropdown:disabled, :not(.rz-form-field-content) > .mask:disabled, :not(.rz-form-field-content) > .rz-textarea:disabled, :not(.rz-form-field-content) > .rz-textbox:disabled { color: var(--rz-input-disabled-color); box-shadow: var(--rz-input-disabled-shadow); background-color: var(--rz-input-disabled-background-color); border: var(--rz-input-disabled-border); opacity: var(--rz-input-disabled-opacity); } :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, :not(.rz-form-field-content) > .rz-numeric:disabled::placeholder, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, :not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, :not(.rz-form-field-content) > .mask:disabled::placeholder, :not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, :not(.rz-form-field-content) > .rz-textbox:disabled::placeholder { color: var(--rz-input-disabled-placeholder-color); } :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric:disabled .rz-inputtext, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, :not(.rz-form-field-content) > .mask:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext { background-color: var(--rz-input-disabled-background-color); color: var(--rz-input-disabled-color); border: none; } input { color: var(--rz-input-value-color); font-size: var(--rz-input-font-size); } input::placeholder { color: var(--rz-input-placeholder-color); } .rz-numeric, .rz-spinner-input, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox { padding-block: var(--rz-input-padding-block); padding-inline: var(--rz-input-padding-inline); } .rz-form-field-content, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .mask, .rz-textarea, .rz-textbox { box-sizing: border-box; border: var(--rz-input-border); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); background-color: var(--rz-input-background-color); } .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .mask, .rz-textarea, .rz-textbox { height: var(--rz-input-height); line-height: var(--rz-input-line-height); color: var(--rz-input-value-color); font-family: inherit; font-size: var(--rz-input-font-size); transition: var(--rz-input-transition); } .rz-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:not(.rz-state-disabled):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-form .row .rz-label { min-height: var(--rz-input-height); line-height: var(--rz-input-line-height); padding-block: var(--rz-input-padding-block); padding-inline: var(--rz-input-padding-inline); padding-inline-start: 0; border-top: var(--rz-input-border); border-bottom: var(--rz-input-border); border-color: rgba(0, 0, 0, 0); } .rz-colorpicker:not(.invalid), .rz-lookup-search input:not(.invalid), .rz-numeric:not(.invalid), .rz-datepicker > .rz-inputtext:not(.invalid), .rz-multiselect:not(.invalid), .rz-dropdown:not(.invalid), .mask:not(.invalid), .rz-textarea:not(.invalid), .rz-textbox:not(.invalid) { outline: none; } .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext { box-shadow: none; background-color: rgba(0, 0, 0, 0); outline: none; border: none; } .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover { border: none; box-shadow: none; } .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus { border: none; box-shadow: none; } .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within { border: none; box-shadow: none; } .rz-dropdown-chips .rz-chip { box-sizing: border-box; display: inline-flex; align-items: center; gap: var(--rz-chip-gap); padding-block: var(--rz-chip-padding-block); padding-inline: var(--rz-chip-padding-inline); color: var(--rz-chip-color); background-color: var(--rz-chip-background-color); border-radius: var(--rz-chip-border-radius); } .rz-dropdown-chips .rz-chip .rz-chip-text { font-size: var(--rz-chip-font-size); } .rz-dropdown-chips .rz-chip .rz-button { border-radius: var(--rz-chip-border-radius); box-shadow: none; align-self: stretch; } .rz-dropdown-chips .rz-chip .rzi { vertical-align: middle; font-size: 1rem; } .rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label { padding-inline-end: calc(2 * var(--rz-dropdown-trigger-icon-width)); } .rz-checkbox-list-vertical { box-sizing: border-box; border-radius: var(--rz-border-radius); } .rz-checkbox-list-vertical .rz-checkbox { display: flex; align-items: center; margin-block: var(--rz-checkbox-margin-block); margin-inline: var(--rz-checkbox-margin-inline); cursor: pointer; } .rz-checkbox-list-horizontal { box-sizing: border-box; border-radius: var(--rz-border-radius); } .rz-checkbox-list-horizontal .rz-checkbox { display: inline-flex; align-items: center; } .rz-state-disabled .rz-checkbox { cursor: initial; } .rz-chkbox-label, .rz-chkbox-template { margin-block: var(--rz-checkbox-label-margin-block); margin-inline: var(--rz-checkbox-label-margin-inline); } .rz-chkbox { box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; width: var(--rz-checkbox-width); min-width: var(--rz-checkbox-width); height: var(--rz-checkbox-height); border-radius: var(--rz-checkbox-border-radius); } .rz-chkbox:focus { outline: var(--rz-outline-normal); } .rz-chkbox:focus-visible .rz-chkbox-box { outline: var(--rz-checkbox-focus-outline); outline-offset: var(--rz-checkbox-focus-outline-offset); } .rz-chkbox-box { position: absolute; cursor: pointer; inset: 0; display: flex; align-items: center; justify-content: center; border: var(--rz-input-border); border-width: var(--rz-checkbox-border-width); border-radius: var(--rz-checkbox-border-radius); box-shadow: var(--rz-input-shadow); background-color: var(--rz-input-background-color); transition: var(--rz-transition-all); } .rz-chkbox-box:hover:not(.rz-state-disabled) { border-width: var(--rz-checkbox-border-width); } .rz-chkbox-box.rz-state-disabled { cursor: initial; color: var(--rz-input-disabled-color); box-shadow: var(--rz-input-disabled-shadow); background-color: var(--rz-input-disabled-background-color); border: var(--rz-input-disabled-border); border-width: var(--rz-checkbox-border-width); opacity: var(--rz-input-disabled-opacity); } .rz-chkbox-box .rzi { width: var(--rz-checkbox-icon-width); height: var(--rz-checkbox-icon-height); font-size: var(--rz-checkbox-icon-font-size); color: var(--rz-checkbox-checked-color); vertical-align: middle; background-color: var(--rz-checkbox-checked-icon-background-color); border-radius: var(--rz-checkbox-checked-icon-border-radius); } .rz-chkbox-box .rzi-check:before { content: "check"; } .rz-chkbox-box .rzi-times { width: var(--rz-checkbox-tri-icon-width); height: var(--rz-checkbox-tri-icon-height); font-size: var(--rz-checkbox-tri-icon-font-size); } .rz-chkbox-box .rzi-times:before { content: "remove"; } .rz-chkbox-box.rz-state-active { background-color: var(--rz-checkbox-checked-background-color); border: var(--rz-checkbox-checked-border); } .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) { background-color: var(--rz-checkbox-checked-hover-background-color); border: var(--rz-checkbox-checked-hover-border); } .rz-chkbox-box.rz-state-active.rz-state-disabled { background-color: var(--rz-checkbox-checked-disabled-background-color); border: var(--rz-checkbox-checked-disabled-border); opacity: 0.5; } .rz-chkbox-box .rzi { font-weight: bold; } .rz-chkbox-box:after { content: ""; position: absolute; width: 1rem; height: 1rem; border-radius: calc(var(--rz-form-element-border-radius) + 2px); opacity: 0; transition: background-color var(--rz-transition), width var(--rz-transition), height var(--rz-transition); } .rz-chkbox-box:active:not(.rz-state-disabled):after { background-color: var(--rz-base-500); } .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.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 { box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; width: 4rem; min-width: 4rem; height: 2rem; border-radius: calc(5 * var(--rz-form-element-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 .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-form-element-border-radius)); } .rz-switch.rz-switch-checked .rz-switch-circle { background: var(--rz-switch-checked-background-color); } .rz-switch.rz-switch-checked .rz-switch-circle:before { background: var(--rz-switch-checked-circle-background-color); transform: translateX(2.25rem); } .rz-switch.rz-switch-checked .rz-switch-circle { box-shadow: none; } .rz-switch.rz-switch-checked .rz-switch-circle:before { width: 1.8rem; height: 1.8rem; inset-inline-start: -0.2rem !important; margin-block-start: -0.9rem; } .rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before { box-shadow: 0 0 0 3px var(--rz-primary-lighter); } .rz-switch-circle { position: absolute; cursor: pointer; inset-block-start: 0; inset-inline-start: 0; inset-inline-end: 0; inset-block-end: 0; box-shadow: inset 0 0 0 1px var(--rz-base-700); } .rz-switch-circle.rz-disabled { opacity: 0.5; cursor: initial; } .rz-switch-circle.rz-readonly { cursor: initial; } .rz-switch-circle:hover:not(.rz-disabled):before { transition: background var(--rz-transition), transform var(--rz-transition), outline-color var(--rz-transition); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.04); } .rz-switch-circle:active:not(.rz-disabled):before { width: 1.8rem; height: 1.8rem; inset-inline-start: 0.2rem; margin-block-start: -0.9rem; } .rz-switch-circle:before { background: var(--rz-switch-circle-background-color); width: 1.8rem; height: 1.8rem; inset-inline-start: 0.2rem; margin-block-start: -0.9rem; border-radius: calc(5 * var(--rz-form-element-border-radius) - 3px); transition: transform 0.2s linear; box-shadow: var(--rz-switch-box-shadow); position: absolute; content: ""; inset-block-start: 50%; } .rz-switch-circle:before.rz-disabled:before { box-shadow: none; } .rz-radio-button-list-vertical { box-sizing: border-box; border-radius: var(--rz-border-radius); } .rz-radio-button-list-vertical .rz-radio-btn { display: flex; margin-block: var(--rz-radio-margin-block); margin-inline: var(--rz-radio-margin-inline); align-items: center; } .rz-radio-button-list-horizontal { box-sizing: border-box; border-radius: var(--rz-border-radius); } .rz-radio-button-list-horizontal .rz-radio-btn { display: inline-flex; align-items: center; } .rz-state-disabled .rz-radiobutton { cursor: initial; } .rz-radiobutton-label, .rz-radiobutton-template { margin-block: var(--rz-radio-label-margin-block); margin-inline: var(--rz-radio-label-margin-inline); } .rz-radiobutton { display: inline-block; position: relative; vertical-align: middle; white-space: nowrap; cursor: pointer; width: var(--rz-radio-width); height: var(--rz-radio-height); border-radius: var(--rz-radio-border-radius); } .rz-radiobutton:focus { outline: var(--rz-outline-normal); } .rz-radiobutton:focus-visible { outline: var(--rz-radio-focus-outline); outline-offset: var(--rz-radio-focus-outline-offset); } .rz-radiobutton-box { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: inherit; border: var(--rz-input-border); border-width: var(--rz-radio-border-width); border-radius: var(--rz-radio-border-radius); box-shadow: var(--rz-input-shadow); background-color: var(--rz-input-background-color); transition: var(--rz-transition-all); } .rz-radiobutton-box:hover:not(.rz-state-disabled) { border-width: var(--rz-radio-border-width); } .rz-radiobutton-box:active:not(.rz-state-disabled) { background-color: var(--rz-radio-active-background-color); box-shadow: var(--rz-radio-active-shadow); border-width: var(--rz-radio-border-width); } .rz-radiobutton-box.rz-state-disabled { cursor: initial; box-shadow: var(--rz-input-disabled-shadow); background-color: var(--rz-input-disabled-background-color); border: var(--rz-input-disabled-border); border-width: var(--rz-radio-border-width); opacity: var(--rz-input-disabled-opacity); } .rz-radiobutton-box .rzi { width: var(--rz-radio-icon-width); height: var(--rz-radio-icon-height); color: var(--rz-radio-checked-color); } .rz-radiobutton-box .rzi-circle-on { border-radius: var(--rz-radio-border-radius); vertical-align: middle; background-color: var(--rz-radio-circle-background-color); box-shadow: var(--rz-radio-circle-shadow); } .rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) { background-color: var(--rz-radio-circle-hover-background-color); } .rz-radiobutton-box.rz-state-active { background-color: var(--rz-radio-checked-background-color); border: var(--rz-radio-checked-border); border-width: var(--rz-radio-border-width); } .rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) { background-color: var(--rz-radio-checked-hover-background-color); border: var(--rz-radio-checked-border); box-shadow: var(--rz-radio-checked-hover-shadow); border-width: var(--rz-radio-border-width); } .rz-radiobutton-box.rz-state-active.rz-state-disabled { background-color: var(--rz-radio-checked-background-color); border: var(--rz-radio-checked-border); border-width: var(--rz-radio-border-width); opacity: 0.5; } .rz-radiobutton-box:after { content: ""; position: absolute; width: 2rem; height: 2rem; 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-numeric .rz-numeric-button { box-shadow: none; } .rz-numeric .rz-numeric-button:hover { box-shadow: none !important; } .rz-form-field-helper { padding: var(--rz-form-field-helper-padding); } .rz-form-field-content { position: relative; display: inline-flex; align-items: center; vertical-align: top; margin-block: var(--rz-form-field-margin-block); margin-inline: var(--rz-form-field-margin-inline); box-shadow: var(--rz-form-field-shadow); transition: var(--rz-input-transition); } .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext { flex: 1; } .rz-form-field-content > input { width: 100%; } .rz-form-field-content .rz-form-field-start, .rz-form-field-content .rz-form-field-end { display: flex; flex: 0; align-items: center; white-space: nowrap; padding-block: var(--rz-form-field-start-end-padding-block); padding-inline: var(--rz-form-field-start-end-padding-inline); } .rz-form-field { box-sizing: border-box; display: inline-flex; flex-direction: column; vertical-align: top; } .rz-form-field:hover .rz-form-field-content { box-shadow: var(--rz-form-field-hover-shadow); } .rz-form-field.rz-state-focused .rz-form-field-content { box-shadow: var(--rz-form-field-focus-shadow); } .rz-form-field.rz-state-disabled .rz-form-field-content { color: var(--rz-input-disabled-color); box-shadow: var(--rz-input-disabled-shadow); } .rz-form-field.rz-state-disabled.rz-variant-outlined .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-flat .rz-form-field-content { border: var(--rz-input-disabled-border); } .rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled, .rz-form-field.rz-state-disabled :not(.rz-button):disabled { color: var(--rz-input-disabled-color); opacity: 1; } .rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled::placeholder, .rz-form-field.rz-state-disabled :not(.rz-button):disabled::placeholder { color: var(--rz-input-disabled-placeholder-color); } .rz-form-field.rz-variant-outlined .rz-form-field-start, .rz-form-field.rz-variant-filled .rz-form-field-start, .rz-form-field.rz-variant-flat .rz-form-field-start { padding-inline-end: 0; } .rz-form-field.rz-variant-outlined .rz-form-field-end, .rz-form-field.rz-variant-filled .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-end { padding-inline-start: 0; } .rz-form-field.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-variant-flat .rz-form-field-content { margin: 0; --rz-input-height: var(--rz-form-field-filled-height); --rz-input-padding-block: var(--rz-form-field-filled-padding-block); --rz-input-padding-inline: var(--rz-form-field-filled-padding-inline); --rz-dropdown-chips-padding-block: var(--rz-form-field-filled-padding-block); --rz-dropdown-chips-padding-inline: var( --rz-form-field-filled-padding-inline ); --rz-numeric-input-padding-block: var( --rz-form-field-filled-numeric-padding-block ); --rz-numeric-input-padding-inline: var( --rz-form-field-filled-numeric-padding-inline ); --rz-form-field-label-floating-top: var( --rz-form-field-filled-label-floating-top ); box-shadow: var(--rz-input-shadow); } .rz-form-field.rz-variant-filled .rz-form-field-content .rz-numeric-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-numeric-up { top: calc(var(--rz-numeric-button-offset) + 1rem); } .rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start, .rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end { padding-top: 1rem; } .rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea { margin-top: 1rem; } .rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger, .rz-form-field.rz-variant-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: rgba(0, 0, 0, 0); box-shadow: none; --rz-input-background-color: transparent; --rz-input-border-radius: 0; --rz-input-padding-block: 0.4375rem; --rz-input-padding-inline: 0; --rz-numeric-input-padding-block: 0.5rem 0.5rem; --rz-numeric-input-padding-inline: 0 1.25rem; --rz-text-area-padding-block: 0.4375rem; --rz-text-area-padding-inline: 0; --rz-form-field-label-inset-inline-start: 0; --rz-form-field-label-padding: var(--rz-form-field-text-label-padding); } .rz-form-field.rz-variant-text .rz-form-field-content ~ .rz-form-field-helper { padding: 0; } .rz-form-field.rz-variant-text .rz-form-field-start { padding-inline-start: 0; } .rz-form-field.rz-variant-text .rz-form-field-end { padding-inline-end: 0; } .rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-text .rz-form-field-content:before { content: ""; position: absolute; z-index: 1; inset-inline-start: 50%; inset-inline-end: 50%; bottom: calc(-1 * var(--rz-border-width)); height: calc(var(--rz-border-width) + 1px); border: var(--rz-input-focus-border); border-inline-start-width: 0; border-inline-end-width: 0; transition: inset-inline-start var(--rz-transition), inset-inline-end var(--rz-transition), border-width var(--rz-transition); } .rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after { content: ""; position: absolute; inset: calc(-1 * var(--rz-border-width)); top: auto; height: var(--rz-border-width); } .rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after { border-bottom: var(--rz-input-disabled-border); } .rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before { inset-inline-start: calc(-1 * var(--rz-border-width)); inset-inline-end: calc(-1 * var(--rz-border-width)); border: var(--rz-input-focus-border); border-inline-start-width: var(--rz-border-width); border-inline-end-width: var(--rz-border-width); } .rz-form-field .rz-numeric-button { display: none; } .rz-form-field .rz-numeric:focus-within .rz-numeric-button { display: block; } .rz-form-field-label { position: absolute; pointer-events: none; padding: var(--rz-form-field-label-padding); inset-block-start: 50%; inset-inline-end: auto; border-radius: var(--rz-border-radius); inset-inline-start: var(--rz-form-field-label-inset-inline-start); max-width: calc(100% - 1.5rem); transform: translate(0, -50%); background: red m !important; margin-left: 10px; transition: inset-block-start var(--rz-transition), transform var(--rz-transition), color var(--rz-transition), font-size var(--rz-transition), max-width var(--rz-transition); } .rz-state-disabled .rz-form-field-content > .rz-form-field-label { color: var(--rz-input-disabled-color) !important; } .rz-form-field-label:last-child { color: var(--rz-base-600); } .rz-textarea ~ .rz-form-field-label { inset-block-start: var(--rz-form-field-label-textarea-top); transform: translate(0, 0); } .rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-variant-flat .rz-textarea ~ .rz-form-field-label { transform: translate(0, 0.625rem); } .rz-form-field:not(.rz-floating-label) .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-fileupload ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label { inset-inline-end: auto; inset-block-start: var(--rz-form-field-label-floating-top); padding-block-start: 0; padding-block-end: 0; transform: translate(0, 0); color: var(--rz-input-placeholder-color); background-color: var(--rz-form-field-label-floating-background-color); font-size: 0.75rem; line-height: 1rem; max-width: calc(100% - 1.5rem); } .rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-fileupload ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined).rz-state-focused .rz-form-field-label { background-color: inherit !important; } .invalid ~ .rz-form-field-label { color: var(--rz-danger) !important; } .rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label { color: var(--rz-form-field-label-focus-color); } .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label { color: var(--rz-form-field-label-focus-color); } .rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled .rz-numeric:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-numeric:focus-within ~ .rz-form-field-label, .rz-variant-filled .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-variant-flat .rz-autocomplete:focus-within ~ .rz-form-field-label { color: var(--rz-form-field-label-focus-color); } .rz-selectbutton { box-sizing: border-box; display: inline-flex; border-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-horizontal { flex-direction: row; } .rz-selectbutton.rz-selectbutton-vertical { flex-direction: column; } .rz-selectbutton .rz-button:focus-visible { z-index: 1; } .rz-selectbutton .rz-button.rz-button-xs { display: inline-block; background-color: var(--rz-selectbar-background-color); color: var(--rz-selectbar-color); border: var(--rz-selectbar-border); border-radius: 0; } .rz-selectbutton .rz-button.rz-button-xs.rz-state-active { background-color: var(--rz-selectbar-selected-background-color); color: var(--rz-selectbar-selected-color); border: var(--rz-selectbar-selected-border); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-xs:first-child { border-start-start-radius: var(--rz-selectbar-border-radius); border-end-start-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-xs:not(:first-child) { border-inline-start: none; } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-xs:last-child { border-start-end-radius: var(--rz-selectbar-border-radius); border-end-end-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs { text-align: center; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs:first-child { border-top-left-radius: var(--rz-selectbar-border-radius); border-top-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs:not(:first-child) { border-top: none; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-xs:last-child { border-bottom-left-radius: var(--rz-selectbar-border-radius); border-bottom-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton .rz-button.rz-button-sm { display: inline-block; background-color: var(--rz-selectbar-background-color); color: var(--rz-selectbar-color); border: var(--rz-selectbar-border); border-radius: 0; } .rz-selectbutton .rz-button.rz-button-sm.rz-state-active { background-color: var(--rz-selectbar-selected-background-color); color: var(--rz-selectbar-selected-color); border: var(--rz-selectbar-selected-border); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-sm:first-child { border-start-start-radius: var(--rz-selectbar-border-radius); border-end-start-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-sm:not(:first-child) { border-inline-start: none; } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-sm:last-child { border-start-end-radius: var(--rz-selectbar-border-radius); border-end-end-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm { text-align: center; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm:first-child { border-top-left-radius: var(--rz-selectbar-border-radius); border-top-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm:not(:first-child) { border-top: none; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-sm:last-child { border-bottom-left-radius: var(--rz-selectbar-border-radius); border-bottom-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton .rz-button.rz-button-md { display: inline-block; background-color: var(--rz-selectbar-background-color); color: var(--rz-selectbar-color); border: var(--rz-selectbar-border); border-radius: 0; } .rz-selectbutton .rz-button.rz-button-md.rz-state-active { background-color: var(--rz-selectbar-selected-background-color); color: var(--rz-selectbar-selected-color); border: var(--rz-selectbar-selected-border); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-md:first-child { border-start-start-radius: var(--rz-selectbar-border-radius); border-end-start-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-md:not(:first-child) { border-inline-start: none; } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-md:last-child { border-start-end-radius: var(--rz-selectbar-border-radius); border-end-end-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md { text-align: center; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md:first-child { border-top-left-radius: var(--rz-selectbar-border-radius); border-top-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md:not(:first-child) { border-top: none; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-md:last-child { border-bottom-left-radius: var(--rz-selectbar-border-radius); border-bottom-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton .rz-button.rz-button-lg { display: inline-block; background-color: var(--rz-selectbar-background-color); color: var(--rz-selectbar-color); border: var(--rz-selectbar-border); border-radius: 0; } .rz-selectbutton .rz-button.rz-button-lg.rz-state-active { background-color: var(--rz-selectbar-selected-background-color); color: var(--rz-selectbar-selected-color); border: var(--rz-selectbar-selected-border); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-lg:first-child { border-start-start-radius: var(--rz-selectbar-border-radius); border-end-start-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-lg:not(:first-child) { border-inline-start: none; } .rz-selectbutton.rz-selectbutton-horizontal .rz-button.rz-button-lg:last-child { border-start-end-radius: var(--rz-selectbar-border-radius); border-end-end-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg { text-align: center; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg:first-child { border-top-left-radius: var(--rz-selectbar-border-radius); border-top-right-radius: var(--rz-selectbar-border-radius); } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg:not(:first-child) { border-top: none; } .rz-selectbutton.rz-selectbutton-vertical .rz-button.rz-button-lg:last-child { border-bottom-left-radius: var(--rz-selectbar-border-radius); border-bottom-right-radius: var(--rz-selectbar-border-radius); } .rz-datepicker { display: inline-block; position: relative; border-radius: var(--rz-input-border-radius); } .rz-datepicker:has(> .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus) { outline: none; } .rz-datepicker .rz-readonly { cursor: pointer; } .rz-datepicker > .rz-inputtext { width: 100%; line-height: var(--rz-datepicker-line-height); } .rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext { padding-inline-end: calc(1rem + var(--rz-datepicker-trigger-icon-width)); } .rz-datepicker:not(.rz-state-disabled):hover .rz-datepicker-trigger { box-shadow: none; color: var(--rz-datepicker-trigger-icon-hover-color); } .rz-datepicker.rz-state-disabled > .rz-inputtext { color: var(--rz-input-disabled-color); box-shadow: var(--rz-input-disabled-shadow); background-color: var(--rz-input-disabled-background-color); border: var(--rz-input-disabled-border); opacity: var(--rz-input-disabled-opacity); } .rz-datepicker.rz-state-disabled > .rz-inputtext::placeholder { color: var(--rz-input-disabled-placeholder-color); } .rz-datepicker-inline { background-color: var(--rz-datepicker-panel-background-color); border: var(--rz-input-border); } .rz-datepicker-trigger { box-shadow: none; position: absolute; inset-block-start: 50%; inset-inline-end: 0.625rem; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0); padding: 0; vertical-align: text-top; color: var(--rz-datepicker-trigger-icon-color); width: var(--rz-datepicker-trigger-icon-width); height: var(--rz-datepicker-trigger-icon-height); font-size: var(--rz-datepicker-trigger-icon-height); } .rz-datepicker-trigger.rz-state-disabled { border: none; box-shadow: none; cursor: initial; opacity: 1; color: var(--rz-input-disabled-color); } .rz-datepicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-datepicker-trigger:not(.rz-state-disabled):hover:active { background-color: rgba(0, 0, 0, 0); } .rz-datepicker-trigger:not(.rz-state-disabled):active { box-shadow: none !important; background-image: none !important; } .rz-datepicker-trigger .rzi-calendar, .rz-datepicker-trigger .rzi-time { font-size: inherit; vertical-align: top; } .rz-datepicker-trigger .rzi-calendar:before { content: "calendar_today"; } .rz-datepicker-trigger .rzi-time:before { content: "schedule"; } .rz-datepicker-trigger .rz-button-text { display: none; } .rz-datepicker-popup-container { box-sizing: content-box; position: absolute; width: var(--rz-datepicker-popup-width); margin: var(--rz-datepicker-panel-margin); box-shadow: var(--rz-datepicker-panel-shadow); border: var(--rz-datepicker-panel-border); border-radius: var(--rz-border-radius); background-color: var(--rz-datepicker-panel-background-color); } .rz-datepicker-inline-container { position: static; white-space: nowrap; } .rz-datepicker-inline-container .rz-calendar { display: inline-block; } .rz-datepicker-footer { position: relative; line-height: var(--rz-datepicker-footer-line-height); padding: var(--rz-datepicker-footer-padding); } .rz-calendar { box-sizing: border-box; } .rz-calendar-header { display: flex; align-items: center; justify-content: space-between; background-color: var(--rz-datepicker-header-background-color); border-bottom: var(--rz-datepicker-header-border); color: var(--rz-datepicker-header-color); padding-block: var(--rz-datepicker-header-padding-block); padding-inline: var(--rz-datepicker-header-padding-inline); } .rz-calendar-prev, .rz-calendar-next { border-radius: var(--rz-datepicker-prev-next-button-border-radius); } .rz-calendar-prev .rzi, .rz-calendar-next .rzi { color: var(--rz-datepicker-header-color); display: flex; align-items: center; justify-content: center; font-size: var(--rz-datepicker-prev-next-icon-size); } *[dir=rtl] .rz-calendar-prev .rzi, *[dir=rtl] .rz-calendar-next .rzi { transform: rotate(180deg); } .rz-calendar-prev { order: 1; } .rz-calendar-prev .rz-calendar-prev-icon:before { content: "chevron_left"; } .rz-calendar-next { order: 3; } .rz-calendar-next .rz-calendar-next-icon:before { content: "chevron_right"; } .rz-calendar-title { order: 2; display: flex; justify-content: center; flex-wrap: nowrap; gap: 0.25rem; } .rz-calendar-month-dropdown { width: var(--rz-datepicker-month-dropdown-width); } .rz-calendar-year-dropdown { width: var(--rz-datepicker-year-dropdown-width); } .rz-calendar-view-container { padding-block: var(--rz-datepicker-calendar-padding-block); padding-inline: var(--rz-datepicker-calendar-padding-inline); } .rz-calendar-view-container:focus { outline: var(--rz-outline-normal); } .rz-calendar-view-container:focus-visible { outline: var(--rz-datepicker-focus-outline); outline-offset: var(--rz-datepicker-focus-outline-offset); } .rz-calendar-view { table-layout: fixed; border-collapse: collapse; } .rz-calendar-view th { font-weight: normal; font-size: var(--rz-datepicker-calendar-header-font-size); text-transform: var(--rz-datepicker-calendar-header-text-transform); color: var(--rz-datepicker-calendar-header-color); padding: var(--rz-datepicker-calendar-item-padding); text-align: center; } .rz-calendar-view td { text-align: center; border-top: var(--rz-datepicker-calendar-border); padding: 0; } .rz-calendar-view td .rz-state-default { display: block; padding: var(--rz-datepicker-calendar-item-padding); color: var(--rz-datepicker-calendar-color); font-size: var(--rz-datepicker-calendar-font-size); border-radius: var(--rz-datepicker-calendar-border-radius); transition: var(--rz-datepicker-calendar-transition); } .rz-calendar-view td .rz-state-default.rz-calendar-today { color: var(--rz-datepicker-calendar-today-color); background-color: var(--rz-datepicker-calendar-today-background-color); box-shadow: var(--rz-datepicker-calendar-today-box-shadow); border-radius: var(--rz-datepicker-calendar-today-border-radius); } .rz-calendar-view td .rz-state-default.rz-state-focused, .rz-calendar-view td .rz-state-default:hover { text-decoration: none; color: var(--rz-datepicker-calendar-hover-color); background-color: var(--rz-datepicker-calendar-hover-background-color); cursor: pointer; } .rz-calendar-view td .rz-state-active, .rz-calendar-view td .rz-state-active.rz-calendar-today { color: var(--rz-datepicker-calendar-selected-color); background-color: var(--rz-datepicker-calendar-selected-background-color); padding: var(--rz-datepicker-calendar-item-padding); box-shadow: none; } .rz-calendar-view td .rz-state-active.rz-state-focused, .rz-calendar-view td .rz-state-active:hover, .rz-calendar-view td .rz-state-active.rz-calendar-today.rz-state-focused, .rz-calendar-view td .rz-state-active.rz-calendar-today:hover { color: var(--rz-datepicker-calendar-selected-hover-color); background-color: var(--rz-datepicker-calendar-selected-hover-background-color); } .rz-calendar-view .rz-state-disabled { opacity: 0.5; } .rz-calendar-view .rz-calendar-other-month { opacity: 0.5; } .rz-calendar-view .rz-calendar-week-number { opacity: 0.5; } .rz-timepicker { display: flex; align-items: center; justify-content: center; gap: var(--rz-timepicker-gap); border-top: var(--rz-datepicker-calendar-border); padding-block: var(--rz-timepicker-padding-block); padding-inline: var(--rz-timepicker-padding-inline); color: var(--rz-timepicker-color); } .rz-timepicker .rzi-chevron-up:before { content: "expand_less"; } .rz-timepicker .rzi-chevron-down:before { content: "expand_more"; } .rz-timepicker .rz-separator { color: var(--rz-timepicker-separator-color); } .rz-timepicker .rz-separator a { display: none; } .rz-timepicker .rz-button-md { padding: var(--rz-timepicker-button-padding); text-transform: uppercase; } .rz-hour-picker, .rz-minute-picker, .rz-second-picker { background-color: var(--rz-timepicker-background-color); width: 4rem; } .rz-ampm-picker a { text-decoration: none; } .rz-numeric { display: inline-block; position: relative; padding: 0px; } .rz-numeric input[type=number], .rz-numeric input[type=text] { -moz-appearance: textfield; appearance: textfield; width: 100%; height: 100%; border: none; background-color: rgba(0, 0, 0, 0); line-height: var(--rz-numeric-line-height); padding-block: var(--rz-numeric-input-padding-block); padding-inline: var(--rz-numeric-input-padding-inline); outline: none; } .rz-numeric input[type=number]::-webkit-inner-spin-button, .rz-numeric input[type=number]::-webkit-outer-spin-button, .rz-numeric input[type=text]::-webkit-inner-spin-button, .rz-numeric input[type=text]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .rz-numeric.rz-state-disabled .rz-numeric-button { background-color: var(--rz-numeric-button-disabled-background-color); color: var(--rz-numeric-button-disabled-color); } .rz-numeric.rz-state-disabled .rz-numeric-button:active, .rz-numeric.rz-state-disabled .rz-numeric-button:hover { background-color: var(--rz-numeric-button-disabled-background-color); color: var(--rz-numeric-button-disabled-color); background-image: none; box-shadow: none; cursor: initial; } .rz-numeric-button { position: absolute; inset-inline-end: var(--rz-numeric-button-offset); padding: 0; width: var(--rz-numeric-button-width); height: var(--rz-numeric-button-height); border-radius: var(--rz-numeric-button-border-radius); background-color: var(--rz-numeric-button-background-color); color: var(--rz-numeric-button-color); } .rz-numeric-button:hover { background-color: var(--rz-numeric-button-background-color); } .rz-numeric-button .rzi { font-size: var(--rz-numeric-button-height); vertical-align: top; } .rz-numeric-button .rzi-caret-up:before { content: "expand_less"; } .rz-numeric-button .rzi-caret-down:before { content: "expand_more"; } .rz-numeric-up { inset-block-start: var(--rz-numeric-button-offset); } .rz-numeric-down { inset-block-end: var(--rz-numeric-button-offset); } .rz-fileupload { box-sizing: border-box; display: inline-block; border-radius: var(--rz-upload-button-bar-border-radius); } .rz-fileupload .rz-button { vertical-align: middle; -webkit-appearance: none !important; } .rz-fileupload-choose { position: relative; display: inline-block; overflow: hidden; background-color: var(--rz-upload-choose-background-color); color: var(--rz-upload-choose-color); } .rz-fileupload-choose input[type=file] { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; min-height: 100%; cursor: pointer; } .rz-fileupload-choose.rz-state-disabled input[type=file] { cursor: default; } .rz-fileupload-choose:not(.rz-state-disabled) { background-color: var(--rz-upload-choose-background-color); color: var(--rz-upload-choose-color); } .rz-fileupload-choose:not(.rz-state-disabled):hover { background-color: var(--rz-upload-choose-hover-background-color); color: var(--rz-upload-choose-hover-color); } .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) { background-color: var(--rz-upload-choose-hover-background-color); color: var(--rz-upload-choose-hover-color); } .rz-fileupload-choose:not(.rz-state-disabled):active { background-color: var(--rz-upload-choose-active-background-color); color: var(--rz-upload-choose-active-color); } .rz-fileupload-row { display: flex; align-items: center; justify-content: space-between; } .rz-fileupload-row > div { margin: var(--rz-upload-files-margin); } .rz-fileupload-row .rz-button-text { display: none; } .rz-fileupload-row .rz-button { background-color: var(--rz-upload-files-remove-background-color); color: var(--rz-upload-files-remove-color); } .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rzi-times, .rz-fileupload-row .rz-button .rz-icon-trash { display: block; } .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button .rzi-times:before, .rz-fileupload-row .rz-button .rz-icon-trash:before { content: "close"; } .rz-fileupload-buttonbar { position: relative; background-color: var(--rz-upload-button-bar-background-color); padding: var(--rz-upload-button-bar-padding); border-radius: var(--rz-upload-button-bar-border-radius); } .rz-fileupload-buttonbar .rz-button:nth-child(3) { float: right; background-color: var(--rz-upload-cancel-background-color); color: var(--rz-upload-cancel-color); } .rz-form-field .rz-fileupload-buttonbar { background-color: inherit; } .rz-form-field.rz-variant-flat .rz-fileupload-buttonbar, .rz-form-field.rz-variant-filled .rz-fileupload-buttonbar { --rz-upload-button-bar-padding: calc( var(--rz-form-field-label-floating-top) + 1.5rem ) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem); } .rz-fileupload-files { background-color: var(--rz-upload-files-background-color); padding: var(--rz-upload-files-padding); } .rz-form-field .rz-fileupload-files { background-color: inherit; } .rz-form { box-sizing: border-box; } .rz-message { box-sizing: border-box; } .rz-messages-error { display: inline-block; color: var(--rz-form-error-color); font-size: var(--rz-form-error-font-size); padding: var(--rz-validator-text-padding); line-height: var(--rz-form-error-line-height); } .rz-message-popup { position: absolute; background-color: var(--rz-validator-background-color); transform: var(--rz-validator-transform); box-shadow: var(--rz-validator-shadow); padding: var(--rz-validator-padding); border-radius: var(--rz-border-radius); color: var(--rz-validator-color); pointer-events: none; } .rz-message-popup:before { content: ""; border: var(--rz-validator-pointer-size) solid rgba(0, 0, 0, 0); border-bottom-color: var(--rz-validator-background-color); position: absolute; inset-block-start: calc(-2 * var(--rz-validator-pointer-size)); inset-inline-start: calc(var(--rz-border-radius) + var(--rz-validator-pointer-size) / 2); } :root { --rz-icon-font-family: "Material Symbols Outlined"; --rz-icon-size: 1.5rem; --rz-icon-weight: inherit; --rz-icon-fill: 0; --rz-icon-grade: 0; --rz-icon-optical-size: 40; } .rz-column-drag, .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-header .rzi-plus, .rz-sortable-column .rzi-grid-sort, .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rzi-times, .rz-fileupload-row .rz-button .rz-icon-trash, .rz-menuitem .rz-menuitem-icon, .rzi { box-sizing: border-box; font-family: var(--rz-icon-font-family); font-weight: var(--rz-icon-weight, inherit); font-style: normal; font-size: var(--rz-icon-size); display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; font-variation-settings: "FILL" var(--rz-icon-fill), "GRAD" var(--rz-icon-grade), "opsz" var(--rz-icon-optical-size); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } i.rzi { display: inline-flex; justify-content: center; align-items: center; } .rzi-primary { color: var(--rz-primary); } .rzi-secondary { color: var(--rz-secondary); } .rzi-info { color: var(--rz-info); } .rzi-warning { color: var(--rz-warning); } .rzi-error { color: var(--rz-danger); } .rzi-danger { color: var(--rz-danger); } .rzi-success { color: var(--rz-success); } .rzi-base { color: var(--rz-base-200); } .rzi-light { color: var(--rz-base-200); } .rzi-dark { color: var(--rz-base-900); } .rz-icons-loading .rzi { color: rgba(0, 0, 0, 0) !important; user-select: none; } :root { /* ======================================== Layout Component Variables ======================================== */ /* Header */ --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; /* Footer */ --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; /* Text Selection */ --rz-text-selection-background-color: var(--rz-primary-light); --rz-text-selection-color: var(--rz-on-primary-light); /* Layout Body */ --rz-layout-body-margin: 0; --rz-layout-body-padding: 1rem 1rem; --rz-layout-body-border-radius: calc(var(--rz-border-radius) * 4); --rz-layout-body-background-color: var(--rz-white); /* Scrollbar */ --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; /* Panel */ --rz-panel-background-color: var(--rz-base-background-color); --rz-panel-padding: 1rem; --rz-panel-border-radius: calc(var(--rz-border-radius) * 3); --rz-panel-shadow: var(--rz-shadow-1); --rz-panel-menu-icon-margin-inline: 0 0.5rem; /* Panel Content */ --rz-panel-content-margin: 0; /* Panel Title */ --rz-panel-title-line-height: 1.5rem; --rz-panel-title-font-weight: 500; /* Panel Toggle Icon */ --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); /* Panel Hover State */ --rz-panel-hover-color: var(--rz-text-title-color); /* Sidebar Toggle */ --rz-sidebar-toggle-padding: var(--rz-sidebar-toggle-padding); --rz-sidebar-toggle-margin-inline-end: var( --rz-sidebar-toggle-margin-inline-end ); } .rz-layout-landingpage { height: 100vh; overflow-y: auto; overflow-x: hidden; background-color: white; grid-template-columns: 1fr; grid-template-rows: min-content 1fr minmax(15px, min-content); grid-template-areas: "rz-sidebar" "rz-body" "rz-footer"; background-color: white; padding-top: 0 !important; } .rz-layout-landingpage .rz-header-landingpage { display: none; } @media (min-width: 768px) { .rz-layout-landingpage { grid-template-columns: minmax(15px, min-content) 1fr 15px; grid-template-rows: 1fr min-content; grid-template-areas: ". rz-body ." ". rz-footer ."; background-color: white; } .rz-layout-landingpage .rz-sidebar { display: none; } .rz-layout-landingpage .rz-header-landingpage { display: block; } } .rz-layout-landingpage .rz-body-landingpage { margin: 0; border-radius: 0; } .rz-layout-landingpage .rz-body-landingpage__logo { height: 40px; width: 40px; } .rz-layout-landingpage .rz-body-landingpage .c-main-navigation { display: none; } @media (min-width: 768px) { .rz-layout-landingpage .rz-body-landingpage__logo { width: 80px; height: 80px; } .rz-layout-landingpage .rz-body-landingpage .c-main-navigation { display: grid; } } .rz-layout { overflow-y: auto; overflow-x: hidden; background-color: white; grid-template-columns: 1fr; grid-template-rows: min-content 1fr minmax(15px, min-content); grid-template-areas: "rz-sidebar" "rz-body" "rz-footer"; padding-top: 80px; } @media (min-width: 768px) { .rz-layout { padding-top: 100px; } } @media (min-width: 1200px) { .rz-layout { padding-top: 0; } } .rz-layout .rz-sidebar { position: sticky; top: 0; align-self: start; max-height: 100vh; overflow: auto; } .rz-layout ::selection { background-color: var(--rz-text-selection-background-color); color: var(--rz-text-selection-color); } .rz-layout .rz-body { width: auto; height: auto; overflow: visible; background-color: var(--white); border-radius: var(--border-radius-lg); } @media (min-width: 768px) { .rz-layout { grid-template-columns: minmax(15px, min-content) 1fr; grid-template-rows: 1fr min-content; grid-template-areas: "rz-sidebar rz-body" "rz-sidebar rz-footer"; } } @media (max-width: 768px) { .rz-layout .rz-body { margin: 0; border-radius: 0; } } .rz-footer { width: 100%; } #app { flex-grow: 1; overflow: auto; } #app .rz-sidebar { background: var(--rz-primary); } #app.staging .rz-sidebar { background: repeating-linear-gradient(-45deg, var(--rz-primary), var(--rz-primary) 10px, #1a6e89 10px, #1a6e89 20px); } #blazor-error-ui { background: #a12767; line-height: 120px; color: #e0fd2c; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; } #blazor-error-ui a { color: #e0fd2c; } #blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; text-decoration: none; } .blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, var(--vivid-red, red); padding: 1rem 1rem 1rem 3.7rem; color: white; } .blazor-error-boundary::after { content: "An error has occurred."; } .c-widgets { position: fixed; right: 0; bottom: 0; z-index: 1000; } .grid { grid-auto-rows: min-content; grid-template-rows: min-content; } .u-fill-body { margin-left: calc(-1 * var(--body-padding-x)); margin-right: calc(-1 * var(--body-padding-x)); } .u-align-card-text { margin-left: calc(-1 * var(--card-padding-x)); margin-right: calc(-1 * var(--card-padding-x)); } .u-align-card-text--left { margin-left: calc(-1 * var(--card-padding-x)); } .u-align-card-text--right { margin-right: calc(-1 * var(--card-padding-x)); } .u-align-card-text--top { margin-top: -20px; } .rz-header { background-color: var(--rz-header-background-color); min-height: var(--rz-header-min-height); border-bottom: var(--rz-header-border); color: var(--rz-header-color); box-shadow: var(--rz-header-shadow); } .rz-header.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: var(--rz-header-z); } .rz-header a { text-decoration: none; } .rz-footer { padding: var(--rz-footer-padding); border-top: var(--rz-footer-border); background-color: var(--rz-footer-background-color); color: var(--rz-footer-color); } .rz-footer.fixed { position: fixed; z-index: var(--rz-footer-z); bottom: 0; left: 0; right: 0; } .rz-sidebar { background-color: var(--rz-sidebar-background-color); color: var(--rz-sidebar-color); border-inline-end: var(--rz-sidebar-border-inline-end); position: fixed; overflow: auto; left: 0; top: 0; bottom: 0; z-index: var(--rz-sidebar-z); width: var(--rz-sidebar-width); opacity: 1; transition: width var(--rz-transition), opacity var(--rz-transition); } @media (max-width: 768px) { .rz-sidebar-responsive { width: 0; opacity: 0; } } .rz-sidebar-expanded { width: var(--rz-sidebar-width); opacity: 1; } .rz-sidebar-collapsed { width: 0 !important; opacity: 0; } .rz-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); } @media (min-width: 768px) { .rz-body { --rz-layout-body-padding: 42px 30px; } } .rz-body:only-child { background-color: rgba(0, 0, 0, 0); } .rz-layout .rz-body { transform: translateZ(0); } .rz-layout::-webkit-scrollbar, .rz-layout ::-webkit-scrollbar, .rz-scrollbars::-webkit-scrollbar, .rz-scrollbars ::-webkit-scrollbar { background-color: var(--rz-scrollbar-background-color); width: var(--rz-scrollbar-size); height: var(--rz-scrollbar-size); } .rz-layout::-webkit-scrollbar-thumb, .rz-layout ::-webkit-scrollbar-thumb, .rz-scrollbars::-webkit-scrollbar-thumb, .rz-scrollbars ::-webkit-scrollbar-thumb { background: var(--rz-scrollbar-color); border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: var(--rz-scrollbar-border-radius); min-width: var(--rz-scrollbar-size); min-height: var(--rz-scrollbar-size); } .rz-layout::-webkit-scrollbar-corner, .rz-layout ::-webkit-scrollbar-corner, .rz-scrollbars::-webkit-scrollbar-corner, .rz-scrollbars ::-webkit-scrollbar-corner { background-color: var(--rz-scrollbar-background-color); } .rz-panel { box-sizing: border-box; display: flex; flex-direction: column; padding: var(--rz-panel-padding); background: var(--rz-panel-background-color); border-radius: var(--rz-panel-border-radius); box-shadow: var(--rz-panel-shadow); } .rz-panel-titlebar { display: flex; justify-content: space-between; } .rz-panel-content { margin: var(--rz-panel-content-margin); } .rz-panel-content-wrapper[aria-hidden=true] { display: none; } .rz-panel-title { line-height: var(--rz-panel-title-line-height); font-weight: var(--rz-panel-title-font-weight); } .rz-panel-titlebar-toggler { width: var(--rz-panel-toggle-icon-width); height: var(--rz-panel-toggle-icon-height); font-size: var(--rz-panel-toggle-icon-font-size); border-radius: var(--rz-panel-toggle-icon-border-radius); background-color: var(--rz-panel-toggle-icon-background-color); color: inherit; display: flex; align-items: center; justify-content: center; text-decoration: none; } .rz-panel-titlebar-toggler:hover { text-decoration: none; color: var(--rz-panel-hover-color); } .rz-panel-titlebar-toggler:focus { outline: var(--rz-outline-normal); } .rz-panel-titlebar-toggler:focus-visible { outline: var(--rz-panel-toggle-icon-focus-outline); outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset); } .rz-panel-titlebar-toggler .rzi-minus:before { content: "remove"; } .rz-panel-titlebar-toggler .rzi-plus:before { content: "add"; } .rz-sidebar-toggle { appearance: none; cursor: pointer; border: none; padding: var(--rz-sidebar-toggle-padding); margin-inline-end: var(--rz-sidebar-toggle-margin-inline-end); border-inline-end: var(--rz-sidebar-toggle-border); background-color: var(--rz-sidebar-toggle-background-color); color: var(--rz-sidebar-toggle-color); } .rz-justify-content-flex-end .rz-sidebar-toggle { border-inline-start: var(--rz-sidebar-toggle-border); border-inline-end: none; } .rz-sidebar-toggle:focus { outline: none; } .rz-sidebar-toggle:focus-visible { outline: var(--rz-sidebar-toggle-focus-outline); outline-offset: var(--rz-sidebar-toggle-focus-outline-offset); } .rz-sidebar-toggle:focus-visible, .rz-sidebar-toggle:hover { color: var(--rz-sidebar-toggle-hover-color); background: var(--rz-sidebar-toggle-hover-background-color); border-radius: var(--rz-sidebar-toggle-hover-border-radius); } .rz-sidebar-toggle .rzi { width: var(--rz-sidebar-toggle-icon-width); height: var(--rz-sidebar-toggle-icon-height); font-size: var(--rz-sidebar-toggle-icon-width); } .rz-navigation-item-link { display: flex; align-items: center; cursor: pointer; text-decoration: none; } .rz-navigation-item-link:hover { text-decoration: none; } .rz-navigation-item-text { flex: auto; } .rz-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-panel-menu { box-sizing: border-box; list-style: none; padding-block: var(--rz-panel-menu-padding-block); padding-inline: var(--rz-panel-menu-padding-inline); margin-block-start: 0; margin-block-end: 0; overflow: auto; font-size: var(--rz-panel-menu-font-size); font-weight: var(--rz-panel-menu-font-weight); color: var(--rz-panel-menu-item-color); background-color: var(--rz-panel-menu-item-background-color); } .rz-panel-menu:focus { outline: var(--rz-outline-normal); } .rz-panel-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper { outline: var(--rz-panel-menu-focus-outline); outline-offset: var(--rz-panel-menu-focus-outline-offset); } .rz-panel-menu > .rz-navigation-item { margin-block: var(--rz-panel-menu-item-margin-block); margin-inline: var(--rz-panel-menu-item-margin-inline); } .rz-panel-menu .rz-navigation-item { border-block-end: var(--rz-panel-menu-item-border); border-radius: var(--rz-panel-menu-item-border-radius); overflow: hidden; } .rz-panel-menu .rz-navigation-item-wrapper { position: relative; line-height: var(--rz-panel-menu-item-line-height); transition: var(--rz-panel-menu-item-transition); border-radius: var(--rz-panel-menu-item-border-radius); overflow: hidden; } .rz-panel-menu .rz-navigation-item-wrapper:hover { background-color: var(--rz-panel-menu-item-hover-background-color); color: var(--rz-panel-menu-item-hover-color); } .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { color: var(--rz-panel-menu-item-hover-color); } .rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active { background-color: var(--rz-panel-menu-item-active-background-color); color: var(--rz-panel-menu-item-active-color); } .rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before { position: absolute; content: ""; inset-block-start: 0; inset-block-end: 0; width: 4px; background-color: var(--rz-panel-menu-item-active-indicator); } .rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon, .rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon { color: var(--rz-panel-menu-item-active-color); } .rz-panel-menu .rz-navigation-item-link { padding-block: var(--rz-panel-menu-item-padding-block); padding-inline: var(--rz-panel-menu-item-padding-inline); color: inherit; cursor: pointer; text-decoration: none; } .rz-panel-menu a.rz-navigation-item-link { cursor: pointer; text-decoration: none; } .rz-panel-menu .rz-navigation-item-text { flex: auto; } .rz-panel-menu .rz-navigation-item-icon-children { margin-inline-start: auto; font-size: var(--rz-panel-menu-toggle-icon-font-size); opacity: var(--rz-panel-menu-toggle-icon-opacity); z-index: 1; } .rz-panel-menu .rz-navigation-item-icon { height: var(--rz-panel-menu-icon-height); width: var(--rz-panel-menu-icon-width); color: var(--rz-panel-menu-icon-color); margin-inline: var(--rz-panel-menu-icon-margin-inline); font-size: var(--rz-panel-menu-icon-font-size); transition: var(--rz-panel-menu-item-transition); } .rz-panel-menu .rz-navigation-menu { list-style: none; padding: 0; margin-block-end: 0; overflow: hidden; } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper { margin-block: var(--rz-panel-menu-item-2nd-level-margin-block); margin-inline: var(--rz-panel-menu-item-2nd-level-margin-inline); border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); background-color: var(--rz-panel-menu-item-2nd-level-background-color); overflow: hidden; } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color); color: var(--rz-panel-menu-item-2nd-level-hover-color); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon { color: var(--rz-panel-menu-item-2nd-level-hover-color); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { background-color: var(--rz-panel-menu-item-2nd-level-active-background-color); color: var(--rz-panel-menu-item-2nd-level-active-color); font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon { color: var(--rz-panel-menu-item-2nd-level-active-color); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon { height: var(--rz-panel-menu-icon-2nd-level-icon-size); width: var(--rz-panel-menu-icon-2nd-level-icon-size); font-size: var(--rz-panel-menu-icon-2nd-level-icon-size); margin-inline: var(--rz-panel-menu-icon-2nd-level-margin-inline); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item { border-block-end: none; color: var(--rz-panel-menu-item-2nd-level-color); font-size: var(--rz-panel-menu-item-2nd-level-font-size); font-weight: var(--rz-panel-menu-item-2nd-level-font-weight); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item:first-child { margin-block-start: var(--rz-panel-menu-2nd-level-vertical-offset); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child { margin-block-end: var(--rz-panel-menu-2nd-level-vertical-offset); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { padding-block: var(--rz-panel-menu-item-2nd-level-padding-block); padding-inline: var(--rz-panel-menu-item-2nd-level-padding-inline); padding-inline-start: var(--rz-panel-menu-item-2nd-level-offset); } .rz-panel-menu .rz-navigation-menu .rz-navigation-menu { margin: 0; } .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper { color: var(--rz-panel-menu-item-3rd-level-color); background-color: var(--rz-panel-menu-item-3rd-level-background-color); } .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover { color: var(--rz-panel-menu-item-3rd-level-hover-color); background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color); } .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active { background-color: var(--rz-panel-menu-item-3rd-level-active-background-color); color: var(--rz-panel-menu-item-3rd-level-active-color); } .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; opacity: 0; background-position: center; background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; transition: background-size 0.8s, opacity 0.8s; pointer-events: none; } .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; pointer-events: none; } .rz-navigation-item-link:not(.rz-state-disabled):active:before, .rz-menu-toggle:not(.rz-state-disabled):active:before { transition: background-size 0s, opacity 0s; opacity: 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:not(.rz-state-disabled):active { background-color: var(--rz-base-300); transition: background-size 0s; background-size: 100%; } .rz-panel-menu .rz-navigation-item-wrapper-active:before { display: none; } :root:has(.rz-layout) { box-sizing: border-box; scroll-behavior: smooth; font-size: var(--rz-root-font-size); } :root:has(.rz-layout) body { margin: 0; color: var(--rz-text-color); background-color: var(--rz-body-background-color); font-family: var(--rz-text-font-family); font-size: var(--rz-body-font-size); line-height: var(--rz-body-line-height); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rz-layout { box-sizing: border-box; height: 100vh; overflow: hidden; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto; grid-template-areas: "rz-sidebar rz-body" "rz-footer rz-footer"; background-color: var(--rz-layout-background-color); } .rz-layout .rz-body { grid-area: rz-body; overflow: auto; } .rz-layout .rz-sidebar { grid-area: rz-sidebar; position: static; } .rz-layout .rz-header { grid-area: rz-header; z-index: 2; } .rz-layout .rz-footer { grid-area: rz-footer; } @media (max-width: 768px) { body:has(> .rz-layout) { overflow-x: hidden; } .rz-layout { height: 100dvh; } .rz-header, .rz-footer, .rz-body { width: 100vw; } .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) { justify-content: end; } .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-header, .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-footer { margin-inline-start: auto; } .rz-layout:has(> .rz-sidebar-expanded + .rz-sidebar-expanded) .rz-body { width: auto; } } /* ======================================== Link Variables ======================================== */ :root { /* Link Base */ --rz-link-color: var(--rz-primary); --rz-link-text-decoration: none; /* Link Hover State */ --rz-link-hover-color: var(--rz-primary-dark); --rz-link-hover-text-decoration: underline; /* Link Focus State */ --rz-link-focus-outline: var(--rz-outline-focus); --rz-link-focus-outline-offset: var(--rz-outline-offset); } /* ======================================== Link Styles ======================================== */ .rz-link { box-sizing: border-box; color: var(--rz-link-color); text-decoration: none; cursor: pointer; } .rz-link .rz-link-disabled { pointer-events: none; opacity: 0.5; } .rz-link .rz-link-text { text-decoration: var(--rz-link-text-decoration); } .rz-link .rzi { font-size: inherit; vertical-align: middle; } .rz-link:hover, .rz-link:focus { color: var(--rz-link-hover-color); text-decoration: none; } .rz-link:hover .rz-link-text, .rz-link:focus .rz-link-text { text-decoration: var(--rz-link-hover-text-decoration); } .rz-link:focus-visible { outline: var(--rz-link-focus-outline); } .rz-state-highlight .link { color: var(--rz-text-contrast-color); } .c-loading-spinner-container { text-align: center; position: absolute; top: -35px; left: -30px; } .c-loading-spinner { color: #e0fd2c; display: inline-block; position: relative; width: 160px; height: 160px; } .c-loading-spinner div { transform-origin: 80px 80px; animation: c-loading-spinner 1.2s linear infinite; } .c-loading-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 77px; width: 6px; height: 18px; border-radius: 20%; background: #035772; } .c-loading-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .c-loading-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .c-loading-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .c-loading-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .c-loading-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .c-loading-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .c-loading-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .c-loading-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .c-loading-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .c-loading-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .c-loading-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .c-loading-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes c-loading-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } /* ======================================== Login Variables ======================================== */ :root { /* Login/Register Container */ --rz-login-register-background-color: rgba(0, 0, 0, 0.04); --rz-login-register-padding-block: 1rem; --rz-login-register-padding-inline: 1rem; --rz-login-register-margin-block: 2rem 0; --rz-login-register-margin-inline: 0; /* Login/Register Button */ --rz-login-register-button-margin-block: 0; --rz-login-register-button-margin-inline: 0; } /* ======================================== Login Styles ======================================== */ .rz-login { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .rz-login .rz-stack { gap: var(--grid-gap); } .rz-login .rz-form { display: flex; flex-direction: column; gap: 1.5rem; } .rz-login .rz-form .rz-form-row { display: flex; flex-flow: row wrap; align-items: center; gap: 0.5rem; } .rz-login .rz-form .rz-form-row .rz-label { flex: 1 8rem; } .rz-login .rz-form .rz-form-row .rz-form-input-wrapper { flex: 3 14rem; } .rz-login .rz-form .rz-form-row .rz-textbox { display: block; width: 100%; } .rz-login .rz-form .rz-form-row .rz-textbox.invalid { border: var(--rz-border-danger); } .rz-login .rz-form .rz-form-row .rz-switch { margin-inline-end: 0.5rem; } .rz-login .rz-form .rz-messages-error { position: absolute; } .rz-login .rz-textbox.invalid { --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-danger); } .rz-login .rz-register { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap: 0.5rem; background-color: var(--rz-login-register-background-color); margin-block: var(--rz-login-register-margin-block); margin-inline: var(--rz-login-register-margin-inline); padding-block: var(--rz-login-register-padding-block); padding-inline: var(--rz-login-register-padding-inline); border-radius: var(--rz-border-radius); } .rz-login .rz-register .rz-button { margin-block: var(--rz-login-register-button-margin-block); margin-inline: var(--rz-login-register-button-margin-inline); } .rz-login .rz-login-buttons { display: inline-flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 0.5rem; } /* ======================================== Map Variables ======================================== */ :root { /* Map Container */ --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); } /* ======================================== Map Styles ======================================== */ .rz-map { box-sizing: border-box; height: var(--rz-map-height); padding: var(--rz-map-padding); background-color: var(--rz-map-background-color); box-shadow: var(--rz-map-shadow); border-radius: var(--rz-border-radius); } .rz-map-container { height: 100%; } /* ======================================== Notification Variables ======================================== */ :root { /* Notification Container */ --rz-notification-padding: 1rem 1.25rem; --rz-notification-gap: 0.625rem; --rz-notification-icon-margin: 0; --rz-notification-container-background-color: transparent; --rz-notification-shadow: var(--rz-shadow-2); --rz-notification-border-radius: calc(var(--rz-border-radius) * 3); /* Notification Success */ --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); /* Notification Warning */ --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); /* Notification Error */ --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); /* Notification Info */ --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); } /* ======================================== Notification Styles ======================================== */ .rz-notification { box-sizing: border-box; position: fixed; z-index: 1002; inset-block-start: 100px; inset-inline-end: 1rem; } .rz-notification-item-wrapper { position: static; width: 250px; min-width: 20rem; background-color: var(--rz-notification-container-background-color); margin: 1rem 0; } .rz-notification-item { display: flex; align-items: flex-start; gap: var(--rz-notification-gap); border-radius: var(--rz-notification-border-radius); box-shadow: var(--rz-notification-shadow); padding: var(--rz-notification-padding); } .rz-notification-success .rz-notification-item { color: var(--rz-notification-success-color); background-color: var(--rz-notification-success-background-color); } .rz-notification-warn .rz-notification-item { color: var(--rz-notification-warning-color); background-color: var(--rz-notification-warning-background-color); } .rz-notification-error .rz-notification-item { color: var(--rz-notification-error-color); background-color: var(--rz-notification-error-background-color); } .rz-notification-info .rz-notification-item { color: var(--rz-notification-info-color); background-color: var(--rz-notification-info-background-color); } .rz-notification-message-wrapper { flex: auto; display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--rz-notification-gap); } .rz-notification-message { flex: auto; display: flex; flex-direction: column; align-items: flex-start; } .rz-notification-title { font-weight: bold; } .rz-notification-icon { margin: var(--rz-notification-icon-margin); } .rz-notification-icon.rzi-check { color: var(--rz-notification-success-icon-color); } .rz-notification-icon.rzi-check:before { content: "check"; } .rz-notification-icon.rzi-exclamation-triangle { color: var(--rz-notification-warning-icon-color); } .rz-notification-icon.rzi-exclamation-triangle:before { content: "warning"; } .rz-notification-icon.rzi-info-circle { color: var(--rz-notification-info-icon-color); } .rz-notification-icon.rzi-info-circle:before { content: "info"; } .rz-notification-icon.rzi-times { color: var(--rz-notification-error-icon-color); } .rz-notification-icon.rzi-times:before { content: "error"; } .rz-notification-close { cursor: pointer; opacity: 0.75; } .rz-notification-close:before { content: "close"; } :root { --rz-paginator-background-color: transparent; --rz-paginator-padding: 1rem 0.5rem; --rz-paginator-border: none; --rz-paginator-button-border-radius: 3px; --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-padding: 1rem 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-numeric-button-margin: 0; --rz-paginator-numeric-button-selected-background-color: var(--rz-secondary); --rz-paginator-back-button-background-color: transparent; --rz-paginator-back-button-color: var(--rz-text-color); --rz-paginator-next-button-background-color: transparent; --rz-paginator-next-button-color: var(--rz-text-color); --rz-paginator-first-button-margin: 0; --rz-paginator-last-button-margin: 0 0 0 auto; --rz-paginator-summary-padding: 0; --rz-paginator-summary-font-size: 1.2rem; --rz-paginator-summary-color: var(--rz-text-tertiary-color); --rz-paginator-dropdown-width: 80px; --rz-paginator-dropdown-width-4px: calc( var(--rz-paginator-dropdown-width) - 4px ); } .rz-paginator-element { height: var(--rz-input-height); font-size: var(--font-size-base); aspect-ratio: 1; display: flex; align-items: center; justify-content: center; } .rz-paginator-page.rz-state-active { font-weight: var(--font-weight-bold); background-color: transparent; border: var(--black) solid 1px; --rz-paginator-numeric-button-selected-color: var(--black); } .rz-paginator .rz-state-disabled { color: var(--grey-light); } .rz-paginator-pages { max-height: unset; } .rz-paginator-pages { max-height: 3rem; } .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); justify-content: space-between; } .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; 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.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; } .rz-paginator-elements { display: flex; align-items: center; gap: 0.5rem; } .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-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; text-decoration: none; line-height: var(--font-size-base); } .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-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); cursor: pointer; } .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); border-radius: 15px; } .rz-paginator-summary { margin: 0; padding: var(--rz-paginator-summary-padding); font-size: var(--rz-paginator-summary-font-size); color: var(--rz-paginator-summary-color); } /* ======================================== ProgressBar Variables ======================================== */ :root { /* ProgressBar Base */ --rz-progressbar-value: 100%; --rz-progressbar-background-color: var(--rz-base-400); --rz-progressbar-color: var(--rz-text-color); --rz-progressbar-font-size: var(--rz-body-font-size); --rz-progressbar-height: 0.25rem; --rz-progressbar-border-radius: 0; /* ProgressBar Value */ --rz-progressbar-value-background-color: var(--rz-primary); --rz-progressbar-value-transition: var(--rz-transition-all); /* ProgressBar Circular */ --rz-progressbar-circular-stroke-width: 0; --rz-progressbar-circular-value-stroke-width: 3px; --rz-progressbar-circular-value-endpoint: square; } /* ======================================== ProgressBar Styles ======================================== */ .rz-progressbar { box-sizing: border-box; border-radius: var(--rz-progressbar-border-radius); height: var(--rz-progressbar-height); position: relative; background-color: var(--rz-progressbar-background-color); text-align: center; display: flex; align-items: center; } .rz-progressbar-value { border-radius: var(--rz-progressbar-border-radius); position: absolute; background-color: var(--rz-progressbar-value-background-color); height: 100%; width: var(--rz-progressbar-value); transition: var(--rz-progressbar-value-transition); } .rz-progressbar-label, .rz-progressbar-label-value { position: absolute; inset-inline: 0; inset-block-start: 50%; margin-top: calc(-1 * var(--rz-progressbar-height) / 2); text-align: center; font-size: var(--rz-progressbar-font-size); line-height: var(--rz-progressbar-height); } .rz-progressbar-label-value { color: var(--rz-progressbar-color); clip-path: inset(0 0 0 var(--rz-progressbar-value)); } .rz-progressbar-circular { box-sizing: border-box; position: relative; } .rz-progressbar-circular-viewbox { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .rz-progressbar-circular-label { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; line-height: 1; } .rz-progressbar-circular-background { stroke: var(--rz-progressbar-background-color); stroke-width: var(--rz-progressbar-circular-stroke-width); } .rz-progressbar-circular-value { stroke-linecap: var(--rz-progressbar-circular-value-endpoint); stroke-width: var(--rz-progressbar-circular-value-stroke-width); stroke: var(--rz-progressbar-value-background-color); transition: var(--rz-progressbar-value-transition); } .rz-progressbar-determinate .rz-progressbar-circular-value { stroke-dasharray: 100; transform: rotate(-0.25turn); } .rz-progressbar-indeterminate { overflow: hidden; } .rz-progressbar-indeterminate .rz-progressbar-value { background-color: rgba(0, 0, 0, 0); } .rz-progressbar-indeterminate .rz-progressbar-value:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background-color: var(--rz-progressbar-value-background-color); will-change: left, right; animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite rz-progressbar-indeterminate-anim; } *[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:before { animation-name: rz-progressbar-indeterminate-anim-rtl; } .rz-progressbar-indeterminate .rz-progressbar-value:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background-color: var(--rz-progressbar-value-background-color); will-change: left, right; animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite rz-progressbar-indeterminate-anim-short; animation-delay: 1.15s; } *[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:after { animation-name: rz-progressbar-indeterminate-anim-short-rtl; } @keyframes rz-progressbar-indeterminate-anim { 0% { left: -35%; right: 100%; } 100%, 60% { left: 100%; right: -90%; } } @keyframes rz-progressbar-indeterminate-anim-short { 0% { left: -200%; right: 100%; } 100%, 60% { left: 107%; right: -8%; } } @keyframes rz-progressbar-indeterminate-anim-rtl { 0% { right: -35%; left: 100%; } 60%, 100% { right: 100%; left: -90%; } } @keyframes rz-progressbar-indeterminate-anim-short-rtl { 0% { right: -200%; left: 100%; } 60%, 100% { right: 107%; left: -8%; } } .rz-progressbar-indeterminate .rz-progressbar-circular-value { animation: rz-progressbar-circular-indeterminate-anim-rotate 2.1s linear infinite, rz-progressbar-circular-indeterminate-anim-dash 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite; transform-origin: 0 0; } @keyframes rz-progressbar-circular-indeterminate-anim-rotate { 100% { transform: rotate(1turn); } } @keyframes rz-progressbar-circular-indeterminate-anim-dash { 0% { stroke-dasharray: 1, 100; stroke-dashoffset: 0; } 50% { stroke-dasharray: 70, 100; stroke-dashoffset: -28; } 100% { stroke-dasharray: 70, 100; stroke-dashoffset: -99; } } .rz-progressbar.rz-progressbar-primary { color: var(--rz-on-primary); } .rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-value { background-color: var(--rz-primary); } .rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-circular-value { stroke: var(--rz-primary); } .rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:before { background-color: var(--rz-primary); } .rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:after { background-color: var(--rz-primary); } .rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-circular-value { stroke: var(--rz-primary); } .rz-progressbar.rz-progressbar-secondary { color: var(--rz-on-secondary); } .rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-value { background-color: var(--rz-secondary); } .rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-circular-value { stroke: var(--rz-secondary); } .rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:before { background-color: var(--rz-secondary); } .rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:after { background-color: var(--rz-secondary); } .rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-circular-value { stroke: var(--rz-secondary); } .rz-progressbar.rz-progressbar-info { color: var(--rz-on-info); } .rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-value { background-color: var(--rz-info); } .rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-circular-value { stroke: var(--rz-info); } .rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:before { background-color: var(--rz-info); } .rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:after { background-color: var(--rz-info); } .rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-circular-value { stroke: var(--rz-info); } .rz-progressbar.rz-progressbar-warning { color: var(--rz-on-warning); } .rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-value { background-color: var(--rz-warning); } .rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-circular-value { stroke: var(--rz-warning); } .rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:before { background-color: var(--rz-warning); } .rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:after { background-color: var(--rz-warning); } .rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-circular-value { stroke: var(--rz-warning); } .rz-progressbar.rz-progressbar-error { color: var(--rz-on-danger); } .rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-value { background-color: var(--rz-danger); } .rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-circular-value { stroke: var(--rz-danger); } .rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:before { background-color: var(--rz-danger); } .rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:after { background-color: var(--rz-danger); } .rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-circular-value { stroke: var(--rz-danger); } .rz-progressbar.rz-progressbar-danger { color: var(--rz-on-danger); } .rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-value { background-color: var(--rz-danger); } .rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-circular-value { stroke: var(--rz-danger); } .rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:before { background-color: var(--rz-danger); } .rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:after { background-color: var(--rz-danger); } .rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-circular-value { stroke: var(--rz-danger); } .rz-progressbar.rz-progressbar-success { color: var(--rz-on-success); } .rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-value { background-color: var(--rz-success); } .rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-circular-value { stroke: var(--rz-success); } .rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:before { background-color: var(--rz-success); } .rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:after { background-color: var(--rz-success); } .rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-circular-value { stroke: var(--rz-success); } .rz-progressbar.rz-progressbar-base { color: var(--rz-text-contrast-color); } .rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-value { background-color: var(--rz-base-600); } .rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-circular-value { stroke: var(--rz-base-600); } .rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:before { background-color: var(--rz-base-600); } .rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:after { background-color: var(--rz-base-600); } .rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-circular-value { stroke: var(--rz-base-600); } .rz-progressbar.rz-progressbar-light { color: var(--rz-text-title-color); } .rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-value { background-color: var(--rz-base-400); } .rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-circular-value { stroke: var(--rz-base-400); } .rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:before { background-color: var(--rz-base-400); } .rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:after { background-color: var(--rz-base-400); } .rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-circular-value { stroke: var(--rz-base-400); } .rz-progressbar.rz-progressbar-dark { color: var(--rz-text-contrast-color); } .rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-value { background-color: var(--rz-base-900); } .rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-circular-value { stroke: var(--rz-base-900); } .rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:before { background-color: var(--rz-base-900); } .rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:after { background-color: var(--rz-base-900); } .rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-circular-value { stroke: var(--rz-base-900); } /* ======================================== Sidebar Variables ======================================== */ :root { /* Sidebar Container */ --rz-sidebar-z: 1; --rz-sidebar-width: 300px; --rz-sidebar-collapsed-width: 85px; --rz-sidebar-border-inline-end: none; --rz-sidebar-background-color: var(--rz-base-100); --rz-sidebar-color: var(--rz-text-color); /* Sidebar Toggle Button */ --rz-sidebar-toggle-icon-width: 1.5rem; --rz-sidebar-toggle-icon-height: 1.5rem; --rz-sidebar-toggle-margin-inline-end: 1rem; --rz-sidebar-toggle-padding: 0.8125rem; --rz-sidebar-toggle-border: none; --rz-sidebar-toggle-color: white; --rz-sidebar-toggle-background-color: transparent; --rz-sidebar-logo-margin-top: 0px; /* Sidebar Toggle Hover State */ --rz-sidebar-toggle-hover-color: var(--rz-on-secondary); --rz-sidebar-toggle-hover-background-color: var(--rz-secondary); --rz-sidebar-toggle-hover-border-radius: 50%; /* Sidebar Toggle Focus State */ --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus); --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset)); } /* ======================================== Sidebar Styles ======================================== */ .rz-sidebar { --sidebar-padding-x: 18px; --supporter-text-color: var(--white); --rz-panel-menu-item-padding-block: 0.75rem; --rz-panel-menu-item-padding-inline: 0.75rem; --rz-panel-menu-item-padding: 0.75rem; display: flex; flex-direction: column; color: var(--white); padding: 0; overflow: hidden; background-color: var(--rz-primary); border-right: 0; } @media (min-width: 768px) { .rz-sidebar { padding: 1.5rem var(--sidebar-padding-x) !important; } } .rz-sidebar hr { border-color: var(--white); } .rz-sidebar-toggle { aspect-ratio: 1; } @media (min-width: 768px) { .rz-sidebar-toggle { margin: 0 5px 0 0; } } .rz-panel-menu .rz-navigation-item { margin-top: 5px; } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper, .rz-panel-menu .rz-navigation-item-wrapper { border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper.rz-navigation-item-wrapper-active, .rz-panel-menu .rz-navigation-item-wrapper.rz-navigation-item-wrapper-active, .rz-panel-menu .rz-navigation-item-wrapper:hover { color: var(--rz-panel-menu-item-2nd-level-hover-color); background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper.rz-navigation-item-wrapper-active { font-weight: bold; } .rz-panel-menu .is-active { border-radius: var(--rz-panel-menu-item-2nd-level-border-radius); background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color); } .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon { display: none; } .rz-panel-menu .rz-navigation-item-link, .rz-panel-menu .rz-panel-menu .rz-navigation-item-link:active { background: transparent; } .rz-navigation-item-link:not(.rz-state-disabled):before, .rz-menu-toggle:not(.rz-state-disabled):before { margin: 0 10px; border-radius: var(--base-border-radius); } @media (max-width: 991px) { .rz-sidebar-expanded { width: 100% !important; } } .rz-sidebar-collapsed { width: 100% !important; opacity: 1; } @media (min-width: 768px) { .rz-sidebar-collapsed { opacity: 1; border-width: 0; width: 85px !important; } .rz-sidebar-collapsed .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link { padding-left: var(--rz-panel-menu-item-padding); padding-top: 9px; padding-bottom: 9px; } .rz-sidebar-collapsed .rz-sidebar-toggle { margin-left: 3px; } .rz-sidebar-collapsed .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon { display: block; } } .rz-navigation-item-icon-children, .rz-navigation-item-text { overflow: hidden; transition: opacity var(--transition-duration) var(--transition-function); white-space: nowrap; text-overflow: ellipsis; color: white; opacity: 1; } .rz-navigation-item-wrapper:hover .rz-navigation-item-icon-children, .rz-navigation-item-wrapper:hover .rz-navigation-item-text, .rz-navigation-item-wrapper-active .rz-navigation-item-icon-children, .rz-navigation-item-wrapper-active .rz-navigation-item-text { color: inherit; } .rz-sidebar { background-color: var(--rz-sidebar-background-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 { min-width: var(--rz-sidebar-collapsed-width); opacity: 1; } .c-sidebar { display: none; padding: 46px 0 0 16px; } @media (min-width: 1200px) { .c-sidebar { display: block; } } @media (min-width: 768px) { .c-sidebar { position: sticky !important; margin-bottom: 0; height: 100vh; height: 100dvh; } } .c-sidebar__head { display: flex; align-items: start; justify-content: space-between; height: 50px; } @media (min-width: 768px) { .c-sidebar__head { height: 75px; margin-bottom: 0px; } } .c-sidebar__toggle--desktop { pointer-events: none; opacity: 0; display: none; margin-bottom: 10px; } .c-sidebar__countdown { background-color: var(--rz-info); color: var(--rz-secondary); font-weight: bold; padding: 20px; width: 100%; } .c-sidebar__countdown .e-clock { font-size: 25px; text-align: center; } .c-sidebar__countdown .e-clock__label { font-size: 18px; line-height: 25px; margin-left: 10px; } .c-sidebar__countdown__icon { font-size: 40px; } .c-sidebar__support { cursor: pointer; margin-left: 20px; } @media (min-width: 768px) { .c-sidebar__toggle--desktop { pointer-events: all; opacity: 1; display: flex; } .c-sidebar__toggle--mobile { display: none; } .c-sidebar__support { display: none !important; } } .c-sidebar__logo { object-fit: contain; object-position: left; height: 100%; } @media (min-width: 768px) { .c-sidebar__logo { object-position: left; } } .c-sidebar__logo__container { height: inherit; aspect-ratio: 16/8; margin-top: var(--rz-sidebar-logo-margin-top); padding-top: 0; } @media (min-width: 768px) { .c-sidebar__logo__container { padding-bottom: 20px; } } .c-sidebar__category.is-active { background-color: var(--rz-sidebar-toggle-hover-background-color); } .c-sidebar__links, .c-sidebar__logo__container { overflow: hidden; } @media (min-width: 768px) { .c-sidebar__links, .c-sidebar__logo__container { animation-name: sidebar-expand; animation-fill-mode: forwards; } } .rz-sidebar-collapsed .c-sidebar__menu { max-height: 0; opacity: 0; } @media (min-width: 768px) { .rz-sidebar-collapsed .c-sidebar__menu { max-height: unset; opacity: 1; } .rz-sidebar-collapsed .c-sidebar__links, .rz-sidebar-collapsed .c-sidebar__logo__container { animation-name: sidebar-collapse; } } .rz-sidebar-expanded .c-sidebar__menu { max-height: 100%; opacity: 1; margin-bottom: 15px; } @media (min-width: 768px) { .rz-sidebar-expanded .c-sidebar__menu { margin-bottom: 0; } } @keyframes sidebar-expand { from { width: 0; opacity: 0; display: none; padding-left: 0; padding-right: 0; } to { opacity: 1; display: block; padding-left: 0; padding-right: 0; } } @keyframes sidebar-collapse { from { opacity: 1; display: block; padding-left: 0; padding-right: 0; } to { width: 0; opacity: 0; display: none; padding-left: 0; padding-right: 0; } } /* ======================================== Steps Variables ======================================== */ :root { /* Steps Base */ --rz-steps-color: var(--rz-text-tertiary-color); /* Steps Number */ --rz-steps-number-border-radius: 50%; --rz-steps-number-padding-block: 0.25rem; --rz-steps-number-padding-inline: 0; --rz-steps-number-width: 2rem; --rz-steps-number-height: 2rem; --rz-steps-number-line-height: var(--rz-body-line-height); --rz-steps-number-color: var(--rz-text-contrast-color); --rz-steps-number-background-color: var(--rz-base-500); /* Steps Number Selected State */ --rz-steps-number-selected-color: var(--rz-on-secondary); --rz-steps-number-selected-background: var(--rz-secondary); /* Steps Number Focus State */ --rz-steps-number-focus-outline: var(--rz-outline-focus); --rz-steps-number-focus-outline-offset: var(--rz-outline-offset); /* Steps Title */ --rz-steps-title-selected-color: var(--rz-secondary); --rz-steps-title-margin-block: 0; --rz-steps-title-margin-inline: 0.5rem 1rem; /* Steps Buttons */ --rz-steps-buttons-padding-block: 1rem; --rz-steps-buttons-padding-inline: 0; --rz-steps-button-color: var(--rz-text-secondary-color); } /* ======================================== Steps Styles ======================================== */ .rz-steps { --rz-steps-color: var(--grey-dark); --rz-steps-title-margin: 0 12.5px 0 7.5px; --rz-steps-number-width: 2.2rem; --rz-steps-number-height: 2.2rem; --rz-steps-number-padding: 0; --rz-steps-number-background-color: var(--grey-dark); color: var(--rz-steps-color); } .rz-steps .rz-steps-item:not(:last-child):after { margin-right: 12.5px; } .rz-steps-number { display: inline-flex; aspect-ratio: 1; align-items: center; justify-content: center; padding-top: 2px; } .rz-steps .rz-state-highlight .rz-steps-title { font-weight: var(--font-weight-black); } .rz-steps .rz-menuitem-link, .rz-steps .rz-steps-current > span { padding: 6.5px; } .rz-steps .rz-steps-current .rz-menuitem-link, .rz-steps .rz-steps-current > span { background-color: var(--rz-primary); border-color: var(--rz-primary); border-radius: var(--rz-button-border-radius); --rz-steps-title-selected-color: var(--rz-on-primary); --rz-steps-number-selected-background: var(--rz-on-primary); --rz-steps-number-selected-color: var(--rz-primary); } .rz-steps [role=tablist] { display: flex; } .rz-steps .rz-steps-item:not(:last-child) { flex: auto; display: flex; align-items: center; } .rz-steps .rz-steps-item:not(:last-child):after { display: "block"; content: ""; flex: auto; height: 1px; margin-inline-end: 16px; background-color: var(--rz-base-300); } .rz-steps { box-sizing: border-box; display: flex; flex-direction: column; } .rz-steps .rz-widget-content { flex: 1; overflow-x: hidden; overflow-y: auto; } .rz-steps ul { list-style: none; padding: 0; } .rz-steps .rz-menuitem-link { display: inline-flex; align-items: center; color: var(--rz-steps-color); cursor: pointer; text-decoration: none; } .rz-steps .rz-menuitem-link:hover { text-decoration: none; color: var(--rz-steps-title-selected-color) !important; } .rz-steps .rz-state-disabled .rz-menuitem-link { color: var(--rz-text-disabled-color); cursor: default; } .rz-steps .rz-state-disabled .rz-menuitem-link:hover { color: var(--rz-text-disabled-color) !important; } .rz-steps .rz-state-highlight .rz-steps-title { color: var(--rz-steps-title-selected-color); } .rz-steps .rz-state-highlight .rz-steps-number { background: var(--rz-steps-number-selected-background); color: var(--rz-steps-number-selected-color); } .rz-steps-item { display: inline-block; } .rz-steps-item:focus { outline: var(--rz-outline-normal); } .rz-steps-item:focus-visible { outline: var(--rz-outline-normal); } .rz-steps-item:focus-visible .rz-steps-number { outline: var(--rz-steps-number-focus-outline); outline-offset: var(--rz-steps-number-focus-outline-offset); } .rz-steps-title { margin-block: var(--rz-steps-title-margin-block); margin-inline: var(--rz-steps-title-margin-inline); } .rz-steps-number { text-align: center; line-height: var(--rz-steps-number-line-height); color: var(--rz-steps-number-color); padding-block: var(--rz-steps-number-padding-block); padding-inline: var(--rz-steps-number-padding-inline); width: var(--rz-steps-number-width); height: var(--rz-steps-number-height); background-color: var(--rz-steps-number-background-color); border-radius: var(--rz-steps-number-border-radius); } .rz-steps-buttons { display: flex; justify-content: space-between; padding-block: var(--rz-steps-buttons-padding-block); padding-inline: var(--rz-steps-buttons-padding-inline); } .rz-steps-next, .rz-steps-prev { display: inline-flex; align-items: center; color: var(--rz-steps-button-color) !important; text-decoration: none; } .rz-steps-next:not(.rz-state-disabled):hover, .rz-steps-prev:not(.rz-state-disabled):hover { cursor: pointer; color: var(--rz-steps-title-selected-color) !important; } .rz-steps-next:hover, .rz-steps-prev:hover { text-decoration: none; } .rz-steps-next.rz-state-disabled, .rz-steps-prev.rz-state-disabled { opacity: 0.5 !important; } .rz-steps-prev .rzi:before { content: "navigate_before"; } .rz-steps-next .rzi:before { content: "navigate_next"; } *[dir=rtl] .rz-steps-prev .rzi:before { content: "navigate_next"; } *[dir=rtl] .rz-steps-next .rzi:before { content: "navigate_before"; } /* Fonts */ @font-face { font-family: "Material Symbols Outlined"; font-style: normal; font-weight: 400; src: local("Material Symbols Outlined"), local("MaterialSymbols-Outlined"); } @font-face { font-family: "Roboto"; src: url("../fonts/RobotoFlex.woff2") format("woff2 supports variations"), url("../fonts/RobotoFlex.woff2") format("woff2-variations"); font-weight: 100 1000; } /*@use 'theme/material3-base';*/ /*# sourceMappingURL=main.css.map */