@charset "UTF-8";
:root {
  --mds-typography-line-height-paragraph-lg: 2.5rem;
  --mds-typography-line-height-paragraph-base: 1.5rem;
  --mds-typography-line-height-paragraph-sm: 1.0875rem;
  --mds-typography-line-height-paragraph-xs: 0.75rem;
  --mds-typography-line-height-headings-h6: 1.2rem;
  --mds-typography-line-height-headings-h5: 1.5rem;
  --mds-typography-line-height-headings-h4: 1.8rem;
  --mds-typography-line-height-headings-h3: 2.1rem;
  --mds-typography-line-height-headings-h2: 2.4rem;
  --mds-typography-line-height-headings-h1: 3rem;
  --mds-typography-line-height-displays-d6: 3rem;
  --mds-typography-line-height-displays-d5: 3.6rem;
  --mds-typography-line-height-displays-d4: 4.2rem;
  --mds-typography-line-height-displays-d3: 4.8rem;
  --mds-typography-line-height-displays-d2: 5.4rem;
  --mds-typography-line-height-displays-d1: 6rem;
  --mds-typography-letter-spacing-none: 0rem;
  --mds-typography-font-weight-black: 900;
  --mds-typography-font-weight-extrabold: 800;
  --mds-typography-font-weight-bold: 700;
  --mds-typography-font-weight-semibold: 600;
  --mds-typography-font-weight-medium: 500;
  --mds-typography-font-weight-regular: 400;
  --mds-typography-font-weight-light: 300;
  --mds-typography-font-weight-extralight: 200;
  --mds-typography-font-weight-thin: 100;
  --mds-typography-font-size-0: 0rem;
  --mds-typography-font-size-1: 1rem;
  --mds-typography-font-size-2: 2rem;
  --mds-typography-font-size-2-5: 2.5rem;
  --mds-typography-font-size-1-75: 1.75rem;
  --mds-typography-font-size-1-5: 1.5rem;
  --mds-typography-font-size-1-25: 1.25rem;
  --mds-typography-font-size-0-875: 0.875rem;
  --mds-typography-font-family-monospace: Menlo;
  --mds-typography-font-family-sans-serif-jp: Noto Sans JP;
  --mds-typography-font-family-sans-serif: Noto Sans;
  --mds-scale-0: 0rem;
  --mds-scale-50: 0.125rem;
  --mds-scale-100: 0.25rem;
  --mds-scale-200: 0.375rem;
  --mds-scale-300: 0.5rem;
  --mds-scale-400: 0.75rem;
  --mds-scale-500: 0.875rem;
  --mds-scale-600: 1rem;
  --mds-scale-700: 1.25rem;
  --mds-scale-800: 1.5rem;
  --mds-scale-900: 1.75rem;
  --mds-scale-1000: 2rem;
  --mds-scale-1100: 2.5rem;
  --mds-scale-1200: 3rem;
  --mds-scale-1300: 3.5rem;
  --mds-scale-1400: 4rem;
  --mds-scale-1500: 4.5rem;
  --mds-scale-1600: 5rem;
  --mds-scale-1700: 6rem;
  --mds-scale-1800: 50rem;
  --mds-color-yellow-50: #fdf7ed;
  --mds-color-yellow-100: #fcefdc;
  --mds-color-yellow-200: #f9deb8;
  --mds-color-yellow-300: #f6ce95;
  --mds-color-yellow-400: #f3bd71;
  --mds-color-yellow-500: #f0ad4e;
  --mds-color-yellow-600: #c08a3e;
  --mds-color-yellow-700: #90682f;
  --mds-color-yellow-800: #60451f;
  --mds-color-yellow-900: #302310;
  --mds-color-teal-100: #d2f4ea;
  --mds-color-teal-200: #a6e9d5;
  --mds-color-teal-300: #79dfc1;
  --mds-color-teal-400: #4dd4ac;
  --mds-color-teal-500: #20c997;
  --mds-color-teal-600: #1aa179;
  --mds-color-teal-700: #13795b;
  --mds-color-teal-800: #0d503c;
  --mds-color-teal-900: #06281e;
  --mds-color-red-50: #faeae9;
  --mds-color-red-100: #f4d6d2;
  --mds-color-red-200: #eaada6;
  --mds-color-red-300: #df8379;
  --mds-color-red-400: #d55a4d;
  --mds-color-red-500: #ca3120;
  --mds-color-red-600: #a2271a;
  --mds-color-red-700: #791d13;
  --mds-color-red-800: #51140d;
  --mds-color-red-900: #280a06;
  --mds-color-purple-100: #dfd8e5;
  --mds-color-purple-200: #c0b1cb;
  --mds-color-purple-300: #a08bb0;
  --mds-color-purple-400: #816496;
  --mds-color-purple-500: #613d7c;
  --mds-color-purple-600: #4e3163;
  --mds-color-purple-700: #3a254a;
  --mds-color-purple-800: #271832;
  --mds-color-purple-900: #130c19;
  --mds-color-pink-100: #f8d1e3;
  --mds-color-pink-200: #f1a3c7;
  --mds-color-pink-300: #e976ac;
  --mds-color-pink-400: #e24890;
  --mds-color-pink-500: #db1a74;
  --mds-color-pink-600: #af155d;
  --mds-color-pink-700: #831046;
  --mds-color-pink-800: #580a2e;
  --mds-color-pink-900: #2c0517;
  --mds-color-orange-100: #ffe3d1;
  --mds-color-orange-200: #ffc8a3;
  --mds-color-orange-300: #ffac74;
  --mds-color-orange-400: #ff9146;
  --mds-color-orange-500: #ff7518;
  --mds-color-orange-600: #cc5e13;
  --mds-color-orange-700: #99460e;
  --mds-color-orange-800: #662f0a;
  --mds-color-orange-900: #331705;
  --mds-color-indigo-100: #e0cffc;
  --mds-color-indigo-200: #c29ffa;
  --mds-color-indigo-300: #a370f7;
  --mds-color-indigo-400: #8540f5;
  --mds-color-indigo-500: #6610f2;
  --mds-color-indigo-600: #520dc2;
  --mds-color-indigo-700: #3d0a91;
  --mds-color-indigo-800: #290661;
  --mds-color-indigo-900: #140330;
  --mds-color-green-50: #ebf2ea;
  --mds-color-green-100: #d7e4d6;
  --mds-color-green-200: #aecaad;
  --mds-color-green-300: #86af84;
  --mds-color-green-400: #5d955b;
  --mds-color-green-500: #357a32;
  --mds-color-green-600: #2a6228;
  --mds-color-green-700: #20491e;
  --mds-color-green-800: #153114;
  --mds-color-green-900: #0b180a;
  --mds-color-gray-100: #f8f9fa;
  --mds-color-gray-200: #e9ecef;
  --mds-color-gray-300: #dee2e6;
  --mds-color-gray-400: #ced4da;
  --mds-color-gray-500: #8f959e;
  --mds-color-gray-600: #6a737b;
  --mds-color-gray-700: #495057;
  --mds-color-gray-800: #343a40;
  --mds-color-gray-900: #1d2125;
  --mds-color-gray-black: #000000;
  --mds-color-gray-white: #ffffff;
  --mds-color-cyan-50: #e5f2f4;
  --mds-color-cyan-100: #cce6ea;
  --mds-color-cyan-200: #99cdd5;
  --mds-color-cyan-300: #66b3c0;
  --mds-color-cyan-400: #339aab;
  --mds-color-cyan-500: #008196;
  --mds-color-cyan-600: #006778;
  --mds-color-cyan-700: #004d5a;
  --mds-color-cyan-800: #00343c;
  --mds-color-cyan-900: #001a1e;
  --mds-color-blue-50: #e7f0f9;
  --mds-color-blue-100: #cfe2f2;
  --mds-color-blue-200: #9fc4e5;
  --mds-color-blue-300: #6fa7d9;
  --mds-color-blue-400: #3f89cc;
  --mds-color-blue-500: #0f6cbf;
  --mds-color-blue-600: #0c5699;
  --mds-color-blue-700: #094173;
  --mds-color-blue-800: #062b4c;
  --mds-color-blue-900: #031626;
  --mds-font-size-paragraph-lead: 1.25rem;
  --mds-font-size-paragraph-default: 1rem;
  --mds-font-size-paragraph-small: 0.875rem;
  --mds-font-size-headings-1: 2.5rem;
  --mds-font-size-headings-2: 2rem;
  --mds-font-size-headings-3: 1.75rem;
  --mds-font-size-headings-4: 1.5rem;
  --mds-font-size-headings-5: 1.25rem;
  --mds-font-size-headings-6: 1rem;
  --mds-font-size-displays-1: 5rem;
  --mds-font-size-displays-2: 4.5rem;
  --mds-font-size-displays-3: 4rem;
  --mds-font-size-displays-4: 3.5rem;
  --mds-font-size-displays-5: 3rem;
  --mds-font-size-displays-6: 2.5rem;
  --mds-font-family-code: Menlo;
  --mds-font-family-base-jp: Noto Sans JP;
  --mds-font-family-base: Noto Sans;
  --mds-margin-bottom-paragraph: 1rem;
  --mds-margin-bottom-heading: 0.5rem;
  --mds-margin-bottom-display: 0rem;
  --mds-line-height-paragraph-lead: 2.5rem;
  --mds-line-height-paragraph-default: 1.5rem;
  --mds-line-height-paragraph-small: 1.0875rem;
  --mds-line-height-paragraph-xs: 0.75rem;
  --mds-line-height-headings-1: 3rem;
  --mds-line-height-headings-2: 2.4rem;
  --mds-line-height-headings-3: 2.1rem;
  --mds-line-height-headings-4: 1.8rem;
  --mds-line-height-headings-5: 1.5rem;
  --mds-line-height-headings-6: 1.2rem;
  --mds-line-height-displays-1: 6rem;
  --mds-line-height-displays-2: 5.4rem;
  --mds-line-height-displays-3: 4.8rem;
  --mds-line-height-displays-4: 4.2rem;
  --mds-line-height-displays-5: 3.6rem;
  --mds-line-height-displays-6: 3rem;
  --mds-letter-spacing-default: 0rem;
  --mds-font-weight-bold: 700;
  --mds-font-weight-semibold: 600;
  --mds-font-weight-medium: 500;
  --mds-font-weight-regular: 400;
  --mds-font-weight-light: 300;
  --mds-switch-track-padding: 0.125rem;
  --mds-spacing-xxl: 3rem;
  --mds-spacing-xl: 2rem;
  --mds-spacing-lg: 1.25rem;
  --mds-spacing-sm: 0.75rem;
  --mds-spacing-xxs: 0.25rem;
  --mds-spacing-md: 1rem;
  --mds-spacing-xs: 0.5rem;
  --mds-spacing-none: 0rem;
  --mds-spacing-offset: 0.0625rem;
  --mds-stroke-weight-xxl: 0.3125rem;
  --mds-stroke-weight-xl: 0.25rem;
  --mds-stroke-weight-lg: 0.1875rem;
  --mds-stroke-weight-md: 0.125rem;
  --mds-stroke-weight-sm: 0.0625rem;
  --mds-border-radius-pill: 50rem;
  --mds-border-radius-xxl: 2rem;
  --mds-border-radius-xl: 1rem;
  --mds-border-radius-lg: 0.75rem;
  --mds-border-radius-md: 0.5rem;
  --mds-border-radius-sm: 0.375rem;
  --mds-border-radius-xs: 0.25rem;
  --mds-border-radius-none: 0rem;
  --mds-offset-lg: 1rem;
  --mds-offset-md: 0.5rem;
  --mds-offset-sm: 0.125rem;
  --mds-color-lg: rgba(0, 0, 0, 0.17);
  --mds-color-md: rgba(0, 0, 0, 0.15);
  --mds-color-sm: rgba(0, 0, 0, 0.08);
  --mds-blur-lg: 3rem;
  --mds-blur-md: 1rem;
  --mds-blur-sm: 0.25rem;
  --mds-text-inverse: #f8f9fa;
  --mds-text-danger-disabled: #df8379;
  --mds-text-danger: #ca3120;
  --mds-text-emphasis: #000000;
  --mds-text-muted: #6a737b;
  --mds-text-subtle: #495057;
  --mds-text-default: #1d2125;
  --mds-text-link-primary-disabled: #6fa7d9;
  --mds-text-link-primary-hover: #0c5699;
  --mds-text-link-primary-default: #0f6cbf;
  --mds-text-feedback-danger: #51140d;
  --mds-text-feedback-warning: #60451f;
  --mds-text-feedback-info: #00343c;
  --mds-text-feedback-success: #153114;
  --mds-text-feedback-secondary: #343a40;
  --mds-text-feedback-primary: #062b4c;
  --mds-focus-danger: #eaada6;
  --mds-focus-default: #0f6cbf;
  --mds-border-subtle: #e9ecef;
  --mds-border-default: #dee2e6;
  --mds-border-translucent: rgba(0, 0, 0, 0);
  --mds-border-interactive-secondary-disabled: #dee2e6;
  --mds-border-interactive-secondary-active: #495057;
  --mds-border-interactive-secondary-hover: #6a737b;
  --mds-border-interactive-secondary-default: #ced4da;
  --mds-border-interactive-primary-disabled: #6fa7d9;
  --mds-border-interactive-primary-active: #0c5699;
  --mds-border-interactive-primary-hover: #0f6cbf;
  --mds-border-interactive-primary-default: #0f6cbf;
  --mds-border-interactive-danger-disabled: #df8379;
  --mds-border-interactive-danger-active: #a2271a;
  --mds-border-interactive-danger-hover: #ca3120;
  --mds-border-interactive-danger-default: #ca3120;
  --mds-border-feedback-danger: #eaada6;
  --mds-border-feedback-warning: #f9deb8;
  --mds-border-feedback-info: #99cdd5;
  --mds-border-feedback-success: #aecaad;
  --mds-border-feedback-secondary: #e9ecef;
  --mds-border-feedback-primary: #9fc4e5;
  --mds-bg-switch-track-disabled: #e9ecef;
  --mds-bg-switch-track-hover: #ced4da;
  --mds-bg-switch-track-default: #dee2e6;
  --mds-bg-switch-thumb-disabled: #8f959e;
  --mds-bg-switch-thumb-hover: #495057;
  --mds-bg-switch-thumb-default: #495057;
  --mds-bg-surface-strong: #e9ecef;
  --mds-bg-surface-subtle: #f8f9fa;
  --mds-bg-surface-default: #ffffff;
  --mds-bg-nav-pill-selected: #e9ecef;
  --mds-bg-nav-pill-pressed: #dee2e6;
  --mds-bg-nav-pill-hover: #e9ecef;
  --mds-bg-interactive-secondary-disabled: #e9ecef;
  --mds-bg-interactive-secondary-active: #dee2e6;
  --mds-bg-interactive-secondary-hover: #ced4da;
  --mds-bg-interactive-secondary-default: #dee2e6;
  --mds-bg-interactive-primary-disabled: #9fc4e5;
  --mds-bg-interactive-primary-active: #094173;
  --mds-bg-interactive-primary-hover: #0c5699;
  --mds-bg-interactive-primary-default-light: #e7f0f9;
  --mds-bg-interactive-primary-default: #0f6cbf;
  --mds-bg-interactive-danger-disabled: #eaada6;
  --mds-bg-interactive-danger-active: #791d13;
  --mds-bg-interactive-danger-hover: #a2271a;
  --mds-bg-interactive-danger-default-light: #faeae9;
  --mds-bg-interactive-danger-default: #ca3120;
  --mds-bg-feedback-warning-subtle: #fcefdc;
  --mds-bg-feedback-warning-light: #fdf7ed;
  --mds-bg-feedback-warning-default: #f0ad4e;
  --mds-bg-feedback-success-subtle: #d7e4d6;
  --mds-bg-feedback-success-light: #ebf2ea;
  --mds-bg-feedback-success-default: #357a32;
  --mds-bg-feedback-secondary-subtle: #f8f9fa;
  --mds-bg-feedback-secondary-dark: #343a40;
  --mds-bg-feedback-secondary-default: #dee2e6;
  --mds-bg-feedback-primary-subtle: #cfe2f2;
  --mds-bg-feedback-primary-light: #e7f0f9;
  --mds-bg-feedback-primary-default: #0f6cbf;
  --mds-bg-feedback-info-subtle: #cce6ea;
  --mds-bg-feedback-info-light: #e5f2f4;
  --mds-bg-feedback-info-default: #006778;
  --mds-bg-feedback-danger-subtle: #f4d6d2;
  --mds-bg-feedback-danger-light: #faeae9;
  --mds-bg-feedback-danger-default: #ca3120;
  --mds-activity-icon-resource-bg: #cce6ea;
  --mds-activity-icon-resource-icon: #008196;
  --mds-activity-icon-other-bg: #dee2e6;
  --mds-activity-icon-other-icon: #1d2125;
  --mds-activity-icon-interactive-bg: #f4d6d2;
  --mds-activity-icon-interactive-icon: #791d13;
  --mds-activity-icon-file-bg: #cce6ea;
  --mds-activity-icon-file-icon: #008196;
  --mds-activity-icon-communication-bg: #ffe3d1;
  --mds-activity-icon-communication-icon: #cc5e13;
  --mds-activity-icon-collaboration-bg: #e0cffc;
  --mds-activity-icon-collaboration-icon: #6610f2;
  --mds-activity-icon-assessment-bg: #f8d1e3;
  --mds-activity-icon-assessment-icon: #db1a74;
  --mds-icons-xxxl: 3rem;
  --mds-icons-xxl: 2.5rem;
  --mds-icons-xl: 2rem;
  --mds-icons-lg: 1.5rem;
  --mds-icons-md: 1.25rem;
  --mds-icons-sm: 1rem;
  --mds-icons-xs: 0.75rem;
  --mds-icons-xxs: 0.5rem;
  --mds-avatars-xxl: 6rem;
  --mds-avatars-xl: 4rem;
  --mds-avatars-lg: 3rem;
  --mds-avatars-md: 2rem;
  --mds-avatars-sm: 1.5rem;
  --mds-avatars-xs: 1rem;
  --mds-breakpoints-xxl: 87.5rem;
  --mds-breakpoints-xl: 75rem;
  --mds-breakpoints-lg: 62rem;
  --mds-breakpoints-md: 48rem;
  --mds-breakpoints-sm: 36rem;
}

/* activity-icon/index.css */
.mds-activity-icon {
  align-items: center;
  /*
   * content-box so block-size/inline-size declare the ICON content area.
   * Padding then expands the tile beyond that — matching Figma's structure
   * where "size" is the icon and padding is added by the container variant.
   */
  box-sizing: content-box;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
}

/* none: no background tile, no padding — tile equals the icon size */
.mds-activity-icon--none {
  border-radius: var(--mds-border-radius-none);
}

/*
 * default: 8px padding each side — tile = icon + 16px (e.g. lg: 24+16 = 40px total).
 * large:  12px padding each side — tile = icon + 24px (e.g. lg: 24+24 = 48px total).
 */
.mds-activity-icon--default {
  border-radius: var(--mds-border-radius-xl);
  padding: var(--mds-spacing-xs);
}

.mds-activity-icon--large {
  border-radius: var(--mds-border-radius-xl);
  padding: var(--mds-spacing-sm);
}

/* Figma uses a smaller outer radius for default+sm only. */
.mds-activity-icon--default.mds-activity-icon--size-sm {
  border-radius: var(--mds-border-radius-lg);
}

/* Category background colors apply only when a background container is active. */
.mds-activity-icon--default.mds-activity-icon--category-assessment,
.mds-activity-icon--large.mds-activity-icon--category-assessment {
  background-color: var(--mds-activity-icon-assessment-bg);
}

.mds-activity-icon--default.mds-activity-icon--category-collaboration,
.mds-activity-icon--large.mds-activity-icon--category-collaboration {
  background-color: var(--mds-activity-icon-collaboration-bg);
}

.mds-activity-icon--default.mds-activity-icon--category-communication,
.mds-activity-icon--large.mds-activity-icon--category-communication {
  background-color: var(--mds-activity-icon-communication-bg);
}

.mds-activity-icon--default.mds-activity-icon--category-interactive,
.mds-activity-icon--large.mds-activity-icon--category-interactive {
  background-color: var(--mds-activity-icon-interactive-bg);
}

.mds-activity-icon--default.mds-activity-icon--category-other,
.mds-activity-icon--large.mds-activity-icon--category-other {
  background-color: var(--mds-activity-icon-other-bg);
}

.mds-activity-icon--default.mds-activity-icon--category-resource,
.mds-activity-icon--large.mds-activity-icon--category-resource {
  background-color: var(--mds-activity-icon-resource-bg);
}

/* Size variants */
.mds-activity-icon--size-sm {
  block-size: var(--mds-icons-sm);
  inline-size: var(--mds-icons-sm);
}

.mds-activity-icon--size-md {
  /* Intentionally follows the Figma token mapping, where md uses the lg icon token. */
  block-size: var(--mds-icons-lg);
  inline-size: var(--mds-icons-lg);
}

.mds-activity-icon--size-lg {
  /* Intentionally follows the Figma token mapping, where lg uses the xl icon token. */
  block-size: var(--mds-icons-xl);
  inline-size: var(--mds-icons-xl);
}

.mds-activity-icon--size-xl {
  /* Intentionally follows the Figma token mapping, where xl uses the xxl icon token. */
  block-size: var(--mds-icons-xxl);
  inline-size: var(--mds-icons-xxl);
}

.mds-activity-icon__asset {
  block-size: 100%;
  border-radius: var(--mds-border-radius-xs);
  display: block;
  inline-size: 100%;
}

/* breadcrumb/index.css */
/* ─── List ─────────────────────────────────────────────────────────────────── */
.mds-breadcrumb__list.breadcrumb {
  /* Never wrap to a second line — labels truncate via flex shrink so the
     trail always fits inline. */
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ─── Items ─────────────────────────────────────────────────────────────────── */
.breadcrumb-item.items-2 {
  max-width: 50%;
}

.breadcrumb-item.items-3 {
  max-width: 33.3333%;
}

.breadcrumb-item.items-4 {
  max-width: 25%;
}

.breadcrumb-item.mds-breadcrumb__item--current {
  max-width: 50%;
}

.breadcrumb-item {
  /* Each item is its own flex row: the Bootstrap ::before divider and the
     link/span become flex siblings rather than inline boxes. This eliminates
     the inline-box strut that previously added 2 px to every link item
     (making them 26 px while the current-page item was 24 px), and prevents
     the ::before + span from wrapping to a second line when the <li> is
     narrower than the span's natural width. Bootstrap's float:left on
     ::before is ignored inside a flex container - the divider becomes a
     zero-shrink flex item at its natural content size, which is correct. */
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
}

/* --- Link items --------------------------------------------------------------------------- */
/* When a Tooltip wraps a Link it becomes a flex item inside the <li> flex
   container. Its default min-width:auto prevents the flex algorithm from
   shrinking the wrapper, causing text overlap on narrow viewports. Overriding
   to min-width:0 lets the wrapper shrink freely alongside the other items. */
.breadcrumb-item .mds-tooltip {
  min-width: 0;
}

/* The overflow trigger is wrapped by Dropdown's root element (.mds-dropdown,
   display:inline-flex) so it can reuse Dropdown's floating-ui orchestration.
   display:contents makes that wrapper transparent to the <li> flex layout,
   matching the un-wrapped button that used to be the direct flex item. */
.mds-breadcrumb__item--overflow .mds-dropdown {
  display: contents;
}

/* ─── Shared text styles ─────────────────────────────────────────────────────── */
/* The overflow trigger button and current-page label are not rendered by the
   Link component, so they need explicit typography to match it. Token values
   mirror those set in link.css so the row stays visually uniform. */
.mds-breadcrumb__overflow-trigger,
.mds-breadcrumb__item--current .mds-breadcrumb__label {
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-default);
  /* paragraph-xs matches the Link component's own line-height token */
  line-height: var(--mds-line-height-paragraph-xs);
  letter-spacing: var(--mds-letter-spacing-default);
}

/* ─── Link truncation overrides (on top of the Link component styles) ────────── */
/* Link is inline-flex so min-width:0 is required to allow it to shrink below
   its natural content width when the breadcrumb row is too narrow. */
.mds-breadcrumb__link.mds-link {
  min-width: 0;
}

/* Truncate the text inside Link's inner label span. min-width:0 lets the flex
   item shrink below its natural text width (flex default is min-width:auto). */
.mds-breadcrumb__link.mds-link .mds-link__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  line-height: var(--mds-line-height-paragraph-default);
}

/* ─── Current page label ─────────────────────────────────────────────────────── */
.mds-breadcrumb__item--current .mds-breadcrumb__label {
  color: var(--mds-text-subtle);
  font-weight: var(--mds-typography-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-default);
  /* The span is a flex item inside the current-page <li> flex container.
     Flex items are blockified, so overflow:hidden + text-overflow:ellipsis
     work without an explicit display override. flex:1 1 auto fills the
     remaining space after the ::before divider; min-width:0 allows the span
     to shrink below its natural text width when the container is narrow. */
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* The label is focusable (tabIndex=0) so its truncation tooltip is reachable
   by keyboard, matching the Link items' focus-visible treatment. */
.mds-breadcrumb__item--current .mds-breadcrumb__label:focus {
  outline: none;
}

.mds-breadcrumb__item--current .mds-breadcrumb__label:focus-visible {
  outline: none;
  box-shadow: inset 0 calc(-1 * var(--mds-stroke-weight-md)) 0 var(--mds-focus-default);
}

/* ─── Overflow trigger ───────────────────────────────────────────────────────── */
/* The overflow button is visually styled to match the Link component. */
.mds-breadcrumb__overflow-trigger {
  display: inline-flex;
  align-items: center;
  line-height: var(--mds-line-height-paragraph-default);
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  /* Colour and weight to match Link's primary resting state */
  color: var(--mds-text-link-primary-default);
  font-weight: var(--mds-font-weight-regular);
  text-decoration: none;
}

.mds-breadcrumb__overflow-trigger:hover:not(:focus-visible) {
  color: var(--mds-text-link-primary-hover);
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-position: from-font;
}

.mds-breadcrumb__overflow-trigger:active {
  color: var(--mds-text-link-primary-hover);
}

.mds-breadcrumb__overflow-trigger:focus {
  outline: none;
}

.mds-breadcrumb__overflow-trigger:focus-visible {
  /* Use an inset underline so focus does not change layout height. */
  outline: none;
  box-shadow: inset 0 calc(-1 * var(--mds-stroke-weight-md)) 0 var(--mds-focus-default);
}

/* Link's base focus style adds border/padding and can shift breadcrumb rows.
   Override to a non-layout-affecting inset underline within breadcrumb only. */
.mds-breadcrumb__link.mds-link:focus-visible {
  padding-bottom: 0;
  border-bottom: 0;
  box-shadow: inset 0 calc(-1 * var(--mds-stroke-weight-md)) 0 var(--mds-focus-default);
}

/* ─── Overflow link items (per-element overrides) ────────────────────────────── */
/* Bootstrap's breadcrumb divider is CSS-generated via content: and is therefore
   read aloud by screen readers (VoiceOver, NVDA, JAWS). Override it here with
   the CSS content alt-text syntax (content: <value> / "") to keep the visual
   separator while silencing it for assistive technologies (MDN: Breadcrumb
   navigation — Accessibility concerns; WCAG 1.3.3). */
.mds-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/"/"";
  color: var(--mds-text-muted);
  /* Own spacing on both sides of the divider to keep gaps visually even. */
  margin-inline: var(--mds-spacing-xs);
  padding: 0;
  float: none;
}

.mds-breadcrumb .breadcrumb-item + .breadcrumb-item {
  /* Neutralize Bootstrap's physical padding so RTL/LTR both rely on the
     symmetric divider margins above. */
  padding-inline: 0;
}

/* avatar/index.css */
/*
 * avatar.css
 * Styles for the Avatar component.
 *
 * Sizing uses --mds-scale-* primitives because no semantic avatar-size tokens
 * exist in the current token set. When dedicated tokens are added, replace
 * the scale references here.
 */
.mds-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--mds-border-radius-pill);
  background-color: var(--mds-bg-surface-strong);
  color: var(--mds-text-default);
  /* Prevent the avatar from collapsing in flex or grid containers */
  flex-shrink: 0;
}

/* ── Size variants ─────────────────────────────────────────────────────────── */
.mds-avatar--xs {
  width: var(--mds-avatars-xs);
  height: var(--mds-avatars-xs);
}

.mds-avatar--sm {
  width: var(--mds-avatars-sm);
  height: var(--mds-avatars-sm);
}

.mds-avatar--md {
  width: var(--mds-avatars-md);
  height: var(--mds-avatars-md);
}

.mds-avatar--lg {
  width: var(--mds-avatars-lg);
  height: var(--mds-avatars-lg);
}

.mds-avatar--xl {
  width: var(--mds-avatars-xl);
  height: var(--mds-avatars-xl);
}

.mds-avatar--xxl {
  width: var(--mds-avatars-xxl);
  height: var(--mds-avatars-xxl);
}

/* ── Image content ─────────────────────────────────────────────────────────── */
.mds-avatar__image {
  /* Absolutely positioned so it overlays the initials base layer.
     overflow: hidden on the parent clips it to the circular shape. */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── Initials content ──────────────────────────────────────────────────────── */
.mds-avatar__initials {
  font-family: var(--mds-font-family-base);
  letter-spacing: var(--mds-letter-spacing-default);
  /* line-height is intentionally the unitless value 1, not a token.
     All --mds-line-height-* tokens are absolute rem values designed for prose
     (e.g. --mds-line-height-paragraph-lead resolves to 2.5rem). Using any of
     them here would add a fixed vertical gutter that is independent of the
     avatar's font-size, causing the glyphs to sit off-centre in the flex
     container at one or more size variants. The unitless 1 means "line box
     height = 1× font-size" and scales correctly with every size variant. */
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

/* xs and sm are image-only per the design spec. Hide the initials layer at
   these sizes so a blank circle is not displayed if the DOM node is present
   (e.g. during an image-load error before imgFailed state flips). */
.mds-avatar--xs .mds-avatar__initials,
.mds-avatar--sm .mds-avatar__initials {
  display: none;
}

/* When an image is visible the initials layer is both aria-hidden and
   visually hidden. Using visibility: hidden (rather than opacity/display)
   means the element stays in the DOM so the fallback is instant on error,
   but removes the underlying text from axe's colour-contrast analysis. */
.mds-avatar--has-image .mds-avatar__initials {
  visibility: hidden;
}

/* md uses the smallest paragraph size. */
.mds-avatar--md .mds-avatar__initials {
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-medium);
}

.mds-avatar--lg .mds-avatar__initials {
  font-size: var(--mds-font-size-paragraph-default);
  font-weight: var(--mds-font-weight-regular);
}

.mds-avatar--xl .mds-avatar__initials,
.mds-avatar--xxl .mds-avatar__initials {
  font-size: var(--mds-font-size-paragraph-lead);
  font-weight: var(--mds-font-weight-regular);
}

/* badge/index.css */
.mds-badge {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: var(--mds-spacing-xxs) var(--mds-spacing-xs);
  border-radius: var(--mds-border-radius-sm);
  font-family: var(--mds-font-family-base);
  font-weight: var(--mds-font-weight-medium);
  font-size: var(--mds-font-size-paragraph-small);
  line-height: var(--mds-line-height-paragraph-xs);
  letter-spacing: var(--mds-letter-spacing-default);
  white-space: nowrap;
  vertical-align: baseline;
}

.mds-badge--has-icon {
  gap: var(--mds-spacing-xxs);
}

/* Normalize icon dimensions to match the badge icon token across <i> and <svg> usage. */
.mds-badge > i,
.mds-badge > svg {
  width: var(--mds-icons-xxs);
  height: var(--mds-icons-xxs);
  font-size: var(--mds-icons-xxs);
  flex-shrink: 0;
}

/* Pill shape overrides the default rounded corners */
.mds-badge--pill {
  border-radius: var(--mds-border-radius-pill);
}

/*
 * Per-variant colour rules.
 * Default contrast: solid coloured background with inverse text.
 * Subtle contrast (.mds-badge--subtle): light tinted background, dark feedback text, visible border.
 */
.mds-badge--subtle {
  border: var(--mds-stroke-weight-sm) solid transparent;
}

/* --- Primary --- */
.mds-badge--primary {
  background-color: var(--mds-bg-feedback-primary-default);
  color: var(--mds-text-inverse);
}

.mds-badge--primary.mds-badge--subtle {
  background-color: var(--mds-bg-feedback-primary-subtle);
  color: var(--mds-text-feedback-primary);
  border-color: var(--mds-border-feedback-primary);
}

/* --- Secondary --- */
.mds-badge--secondary {
  background-color: var(--mds-bg-feedback-secondary-default);
  color: var(--mds-text-feedback-secondary);
}

.mds-badge--secondary.mds-badge--subtle {
  background-color: var(--mds-bg-feedback-secondary-subtle);
  color: var(--mds-text-feedback-secondary);
  border-color: var(--mds-border-feedback-secondary);
}

/* --- Success --- */
.mds-badge--success {
  background-color: var(--mds-bg-feedback-success-default);
  color: var(--mds-text-inverse);
}

.mds-badge--success.mds-badge--subtle {
  background-color: var(--mds-bg-feedback-success-subtle);
  color: var(--mds-text-feedback-success);
  border-color: var(--mds-border-feedback-success);
}

/* --- Danger --- */
.mds-badge--danger {
  background-color: var(--mds-bg-feedback-danger-default);
  color: var(--mds-text-inverse);
}

.mds-badge--danger.mds-badge--subtle {
  background-color: var(--mds-bg-feedback-danger-subtle);
  color: var(--mds-text-feedback-danger);
  border-color: var(--mds-border-feedback-danger);
}

/* --- Warning --- */
.mds-badge--warning {
  background-color: var(--mds-bg-feedback-warning-default);
  color: var(--mds-text-feedback-warning);
}

.mds-badge--warning.mds-badge--subtle {
  background-color: var(--mds-bg-feedback-warning-subtle);
  color: var(--mds-text-feedback-warning);
  border-color: var(--mds-border-feedback-warning);
}

/* --- Info --- */
.mds-badge--info {
  background-color: var(--mds-bg-feedback-info-default);
  color: var(--mds-text-inverse);
}

.mds-badge--info.mds-badge--subtle {
  background-color: var(--mds-bg-feedback-info-subtle);
  color: var(--mds-text-feedback-info);
  border-color: var(--mds-border-feedback-info);
}

/* button/index.css */
.mds-btn.btn {
  background-color: var(--mds-bg-interactive-primary-default);
  border: none;
  border-radius: var(--mds-border-radius-md);
  padding: var(--mds-spacing-xs) var(--mds-spacing-sm);
  color: var(--mds-text-inverse);
  font-family: var(--mds-font-family-base);
  font-weight: var(--mds-font-weight-regular);
  font-size: var(--mds-font-size-paragraph-default);
  line-height: var(--mds-line-height-paragraph-xs);
  letter-spacing: var(--mds-letter-spacing-default);
  /* Keep icon/text spacing consistent with icon variants from the design matrix. */
  display: inline-flex;
  align-items: center;
  gap: var(--mds-spacing-xs);
}

/* Icon-only sizing in Figma is not derived from text button size classes. */
.mds-btn.btn.mds-btn--icon-only {
  padding: var(--mds-spacing-xs);
  border-radius: var(--mds-border-radius-xl);
}

.mds-btn.btn.mds-btn--icon-only i,
.mds-btn.btn.mds-btn--icon-only svg {
  inline-size: var(--mds-icons-xs);
  block-size: var(--mds-icons-xs);
  font-size: var(--mds-icons-xs);
  line-height: 1;
  flex-shrink: 0;
}

.mds-btn.btn.mds-btn--icon-only.mds-btn--size-sm {
  padding: var(--mds-spacing-xxs);
}

.mds-btn.btn.mds-btn--icon-only.mds-btn--size-sm i,
.mds-btn.btn.mds-btn--icon-only.mds-btn--size-sm svg {
  inline-size: var(--mds-icons-xxs);
  block-size: var(--mds-icons-xxs);
  font-size: var(--mds-icons-xxs);
}

.mds-btn.btn.mds-btn--icon-only.mds-btn--size-lg {
  padding: var(--mds-spacing-xs);
  border-radius: var(--mds-border-radius-md);
}

.mds-btn.btn.mds-btn--size-sm i,
.mds-btn.btn.mds-btn--size-sm svg {
  inline-size: var(--mds-icons-xxs);
  block-size: var(--mds-icons-xxs);
  font-size: var(--mds-icons-xxs);
  line-height: 1;
  flex-shrink: 0;
}

.mds-btn.btn.mds-btn--size-md i,
.mds-btn.btn.mds-btn--size-md svg,
.mds-btn.btn.mds-btn--size-lg i,
.mds-btn.btn.mds-btn--size-lg svg {
  inline-size: var(--mds-icons-xs);
  block-size: var(--mds-icons-xs);
  font-size: var(--mds-icons-xs);
  line-height: 1;
  flex-shrink: 0;
}

.mds-btn.btn:focus {
  box-shadow: none;
  outline: none;
}

.mds-btn.btn:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

.mds-btn.btn:active:focus-visible {
  box-shadow: none;
}

.mds-btn.btn.btn-danger:focus-visible,
.mds-btn.btn.btn-outline-danger:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-danger);
}

.mds-btn.btn:hover {
  background-color: var(--mds-bg-interactive-primary-hover);
}

.mds-btn.btn:active {
  background-color: var(--mds-bg-interactive-primary-active);
  box-shadow: none;
}

.mds-btn.btn:disabled {
  background-color: var(--mds-bg-interactive-primary-disabled);
}

/**
  * Secondary variants
  */
.mds-btn.btn.btn-secondary {
  background-color: var(--mds-bg-interactive-secondary-default);
  color: var(--mds-text-subtle);
}

.mds-btn.btn.btn-secondary:hover {
  background-color: var(--mds-bg-interactive-secondary-hover);
}

.mds-btn.btn.btn-secondary:active {
  background-color: var(--mds-bg-interactive-secondary-active);
}

.mds-btn.btn.btn-secondary:disabled {
  background-color: var(--mds-bg-interactive-secondary-disabled);
  color: var(--mds-text-muted);
}

/**
  * Danger variants
  */
.mds-btn.btn-danger {
  background-color: var(--mds-bg-interactive-danger-default);
}

.mds-btn.btn-danger:hover {
  background-color: var(--mds-bg-interactive-danger-hover);
}

.mds-btn.btn-danger:active {
  background-color: var(--mds-bg-interactive-danger-active);
}

.mds-btn.btn.btn-danger:disabled {
  background-color: var(--mds-bg-interactive-danger-disabled);
}

/**
  * Ghost variants
  */
.mds-btn.btn.btn-ghost {
  background-color: transparent;
  color: var(--mds-text-subtle);
}

.mds-btn.btn.btn-ghost:hover {
  background-color: var(--mds-bg-interactive-secondary-hover);
  color: var(--mds-text-subtle);
}

.mds-btn.btn.btn-ghost:active {
  background-color: var(--mds-bg-interactive-secondary-active);
  color: var(--mds-text-subtle);
}

.mds-btn.btn.btn-ghost:disabled {
  background-color: transparent;
  color: var(--mds-text-muted);
}

/**
  * Outline Primary variants
  */
.mds-btn.btn:is(.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger) {
  background-color: transparent;
  border: var(--mds-stroke-weight-sm) solid transparent;
}

.mds-btn.btn.btn-outline-primary {
  border-color: var(--mds-border-interactive-primary-default);
  color: var(--mds-text-link-primary-default);
}

.mds-btn.btn-outline-primary:hover {
  border-color: var(--mds-bg-interactive-primary-hover);
  background-color: var(--mds-bg-interactive-primary-hover);
  color: var(--mds-text-inverse);
}

.mds-btn.btn-outline-primary:active {
  border-color: var(--mds-bg-interactive-primary-active);
  background-color: var(--mds-bg-interactive-primary-active);
  color: var(--mds-text-inverse);
}

.mds-btn.btn.btn-outline-primary:disabled {
  border-color: var(--mds-border-interactive-primary-disabled);
  color: var(--mds-text-link-primary-disabled);
}

/**
  * Outline Secondary variants
  */
.mds-btn.btn.btn-outline-secondary {
  border-color: var(--mds-border-interactive-secondary-default);
  color: var(--mds-text-subtle);
}

.mds-btn.btn-outline-secondary:hover {
  border-color: var(--mds-border-interactive-secondary-hover);
  background-color: var(--mds-border-interactive-secondary-hover);
  color: var(--mds-text-inverse);
}

.mds-btn.btn-outline-secondary:active {
  border-color: var(--mds-border-interactive-secondary-active);
  background-color: var(--mds-border-interactive-secondary-active);
  color: var(--mds-text-inverse);
}

.mds-btn.btn.btn-outline-secondary:disabled {
  border-color: var(--mds-border-interactive-secondary-disabled);
  color: var(--mds-text-muted);
}

/**
  * Outline Danger variants
  */
.mds-btn.btn.btn-outline-danger {
  border-color: var(--mds-border-interactive-danger-default);
  color: var(--mds-text-danger);
}

.mds-btn.btn-outline-danger:hover {
  border-color: var(--mds-bg-interactive-danger-hover);
  background-color: var(--mds-bg-interactive-danger-hover);
  color: var(--mds-text-inverse);
}

.mds-btn.btn-outline-danger:active {
  border-color: var(--mds-bg-interactive-danger-active);
  background-color: var(--mds-bg-interactive-danger-active);
  color: var(--mds-text-inverse);
}

.mds-btn.btn.btn-outline-danger:disabled {
  border-color: var(--mds-border-interactive-danger-disabled);
  color: var(--mds-text-danger-disabled);
}

/**
  * Size variants
  */
.mds-btn.mds-btn--size-sm {
  padding: var(--mds-spacing-xxs) var(--mds-spacing-xs);
  border-radius: var(--mds-border-radius-sm);
  font-weight: var(--mds-font-weight-medium);
  font-size: var(--mds-font-size-paragraph-small);
}

.mds-btn.mds-btn--size-md {
  padding: var(--mds-spacing-xs) var(--mds-spacing-sm);
  font-size: var(--mds-font-size-paragraph-default);
}

.mds-btn.mds-btn--size-lg {
  padding: var(--mds-spacing-sm) var(--mds-spacing-md);
  font-size: var(--mds-font-size-paragraph-default);
}

/* Keep outer geometry aligned with filled variants when outline border is present. */
.mds-btn.mds-btn--size-sm:is(.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger) {
  padding: calc(var(--mds-spacing-xxs) - var(--mds-stroke-weight-sm)) calc(var(--mds-spacing-xs) - var(--mds-stroke-weight-sm));
}

.mds-btn.mds-btn--size-md:is(.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger) {
  padding: calc(var(--mds-spacing-xs) - var(--mds-stroke-weight-sm)) calc(var(--mds-spacing-sm) - var(--mds-stroke-weight-sm));
}

.mds-btn.mds-btn--size-lg:is(.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger) {
  padding: calc(var(--mds-spacing-sm) - var(--mds-stroke-weight-sm)) calc(var(--mds-spacing-md) - var(--mds-stroke-weight-sm));
}

.mds-btn.mds-btn--icon-only:is(.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger) {
  padding: calc(var(--mds-spacing-xs) - var(--mds-stroke-weight-sm));
}

.mds-btn.mds-btn--icon-only.mds-btn--size-sm:is(.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger) {
  padding: calc(var(--mds-spacing-xxs) - var(--mds-stroke-weight-sm));
}

.mds-btn.mds-btn--icon-only.mds-btn--size-lg:is(.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger) {
  padding: calc(var(--mds-spacing-xs) - var(--mds-stroke-weight-sm));
}

/* checkbox/index.css */
/* Use [class] to outrank Bootstrap selectors like .form-check .form-check-input */
.mds-checkbox[class] {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: start;
  align-self: start;
  padding: var(--mds-spacing-none);
  column-gap: var(--mds-spacing-xs);
  row-gap: var(--mds-spacing-xxs);
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-default);
  font-weight: var(--mds-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-default);
  letter-spacing: var(--mds-letter-spacing-default);
}

/* Touch-target wrapper: enforces the Figma minimum height and vertically centres the
   indicator within it so it optically aligns with the first line of a wrapped label. */
.mds-checkbox[class] .mds-checkbox-input-wrapper {
  display: flex;
  align-items: center;
  min-height: 24px;
}

.mds-checkbox[class] .mds-checkbox-input {
  border-radius: var(--mds-border-radius-xs);
  border: var(--mds-stroke-weight-sm) solid var(--mds-border-interactive-secondary-default);
  /* Disable Bootstrap's state transitions to avoid a one-frame focus colour flash. */
  transition: none;
  /* Bootstrap applies float/offset styles to .form-check-input for indented label layouts.
     Match selector specificity and reset float/margins for the grid-based sibling layout. */
  margin: 0;
  float: none;
  background-color: var(--mds-bg-surface-default);
}

.mds-checkbox[class] .mds-checkbox-input:is(:checked, :indeterminate) {
  background-color: var(--mds-bg-interactive-primary-default);
  border-color: transparent;
}

.mds-checkbox[class] .mds-checkbox-input:disabled {
  border-color: var(--mds-border-interactive-secondary-disabled);
}

.mds-checkbox[class] .mds-checkbox-input:disabled:is(:checked, :indeterminate) {
  background-color: var(--mds-bg-interactive-primary-disabled);
  border-color: transparent;
}

.mds-checkbox[class] .mds-checkbox-input.is-invalid {
  border-color: var(--mds-border-interactive-danger-default);
}

.mds-checkbox[class] .mds-checkbox-input.is-invalid:is(:checked, :indeterminate) {
  background-color: var(--mds-bg-interactive-danger-default);
  border-color: transparent;
}

.mds-checkbox[class] .mds-checkbox-input.is-invalid:disabled {
  background-color: var(--mds-bg-interactive-secondary-disabled);
  border-color: var(--mds-border-interactive-secondary-disabled);
}

.mds-checkbox[class] .mds-checkbox-input.is-invalid:disabled:is(:checked, :indeterminate) {
  background-color: var(--mds-bg-interactive-primary-disabled);
  border-color: transparent;
}

.mds-checkbox[class] .mds-checkbox-input:focus {
  /* Reset Bootstrap's :focus box-shadow; our ring is applied on :focus-visible only */
  box-shadow: none;
  outline: none;
}

/* Bootstrap also sets border-color on :focus. Restore the correct border for each state,
   excluding checked/indeterminate which keep their transparent border. */
.mds-checkbox[class] .mds-checkbox-input:focus:not(:checked):not(:indeterminate) {
  border-color: var(--mds-border-interactive-secondary-default);
}

.mds-checkbox[class] .mds-checkbox-input.is-invalid:focus:not(:checked):not(:indeterminate) {
  border-color: var(--mds-border-interactive-danger-default);
}

.mds-checkbox[class] .mds-checkbox-input:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

.mds-checkbox[class] .mds-checkbox-input.is-invalid:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-border-feedback-danger);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

.mds-checkbox[class] .mds-checkbox-label {
  /* In the radio-style sibling layout, the checkbox should align to the label text line,
     not to an expanded label hit area. Keep the label box tight and let htmlFor preserve click behavior. */
  padding: 0;
  color: var(--mds-text-default);
}

.mds-checkbox[class] .mds-checkbox-input-wrapper:has(:disabled) ~ .mds-checkbox-label {
  color: var(--mds-text-muted);
}

.mds-checkbox[class] .mds-checkbox-input-wrapper:has(.is-invalid) ~ .mds-checkbox-label {
  color: var(--mds-text-danger);
}

/* Disabled takes precedence over invalid — restore muted colour when both are active. */
.mds-checkbox[class] .mds-checkbox-input-wrapper:has(.is-invalid:disabled) ~ .mds-checkbox-label {
  color: var(--mds-text-muted);
}

.mds-checkbox[class] .mds-checkbox-required {
  color: var(--mds-text-danger);
  margin-inline-start: var(--mds-spacing-xxs);
}

.mds-checkbox[class] .mds-checkbox-feedback {
  /* Bootstrap hides .invalid-feedback via display:none and reveals it with an .is-invalid
     sibling selector. The input is now inside .mds-checkbox-input-wrapper so that selector
     no longer reaches the feedback div. Override here — we control rendering in JSX. */
  display: block;
  grid-column: 2;
  margin: 0;
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-small);
}

/* Invalid feedback is explicitly danger-coloured. */
.mds-checkbox[class] .mds-checkbox-feedback.invalid-feedback {
  color: var(--mds-text-danger);
}

/* Supporting text is subtle by default. */
.mds-checkbox[class] .mds-checkbox-feedback.mds-checkbox-supporting-text {
  color: var(--mds-text-subtle);
}

/* Supporting text is danger-coloured when invalid (not disabled) to match the .mds-checkbox-label */
.mds-checkbox[class] .mds-checkbox-input-wrapper:has(.is-invalid:not(:disabled)) ~ .mds-checkbox-feedback.mds-checkbox-supporting-text {
  color: var(--mds-text-danger);
}

.mds-checkbox[class] .mds-checkbox-input-wrapper:has(:disabled) ~ .mds-checkbox-feedback {
  opacity: 0.5;
}

/* choicebox/index.css */
/* ==========================================================================
   Choicebox
   A full-surface interactive card for single-select option picking.
   HTML structure:
     .mds-choicebox-wrapper
       input.mds-choicebox-input  (visually hidden radio)
       label.mds-choicebox
         span.mds-choicebox-icon?   (optional — aria-hidden)
         span.mds-choicebox-labels
           span.mds-choicebox-label
           span.mds-choicebox-supporting-text?
         span.mds-choicebox-indicator  (decorative — aria-hidden)
   State is driven entirely by CSS sibling selectors (.mds-choicebox-input
   precedes .mds-choicebox in the DOM), avoiding any JS state management.
   ========================================================================== */
/* --------------------------------------------------------------------------
   Wrapper
   -------------------------------------------------------------------------- */
.mds-choicebox-wrapper {
  display: block;
  /* Prevent flex containers from stretching this element */
  align-self: start;
  min-width: 320px; /* Ensure enough space for the indicator and some label text */
}

/* --------------------------------------------------------------------------
   Hidden input
   Visually hidden but focusable so keyboard and assistive tech can reach it.
   pointer-events: none prevents it from receiving clicks — the <label for>
   association handles delegation to the radio input instead.
   -------------------------------------------------------------------------- */
.mds-choicebox-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   Card (label element — full-surface clickable area)
   -------------------------------------------------------------------------- */
.mds-choicebox {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--mds-spacing-xs);
  padding: var(--mds-spacing-xs) var(--mds-spacing-sm);
  border-radius: var(--mds-border-radius-md);
  border: var(--mds-stroke-weight-sm) solid var(--mds-border-default);
  background-color: var(--mds-bg-surface-subtle);
  cursor: pointer;
  /* Ensure the label fills its container when Choicebox is used in a grid or flex layout */
  width: 100%;
  box-sizing: border-box;
}

/* Hover — unselected */
.mds-choicebox-input:not(:disabled):not(:checked) + .mds-choicebox:hover {
  background-color: var(--mds-bg-surface-default);
  border-color: var(--mds-border-default);
}

/* Active/pressed — unselected */
.mds-choicebox-input:not(:disabled):not(:checked) + .mds-choicebox:active {
  background-color: var(--mds-bg-surface-strong);
  border-color: var(--mds-border-default);
}

/* Selected — default */
.mds-choicebox-input:checked + .mds-choicebox {
  background-color: var(--mds-bg-interactive-primary-default-light);
  border-color: var(--mds-border-feedback-primary);
}

/* Selected — hover */
.mds-choicebox-input:not(:disabled):checked + .mds-choicebox:hover {
  background-color: var(--mds-bg-surface-subtle);
  border-color: var(--mds-border-feedback-primary);
}

/* Selected — pressed */
.mds-choicebox-input:not(:disabled):checked + .mds-choicebox:active {
  background-color: var(--mds-bg-surface-strong);
  border-color: var(--mds-border-feedback-primary);
}

/* Disabled — show 'not-allowed' cursor over the whole card area.
   cursor: not-allowed cannot be set on the label itself because
   pointer-events: none (below) removes it from hit-testing, making the cursor
   rule unreachable. :has() is safe for all Moodle-target browsers. */
.mds-choicebox-wrapper:has(.mds-choicebox-input:disabled) {
  cursor: not-allowed;
}

/* Block clicks on the label so the disabled radio cannot be activated */
.mds-choicebox-input:disabled + .mds-choicebox {
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   Focus — ring appears on the indicator per design spec
   -------------------------------------------------------------------------- */
.mds-choicebox-input:focus-visible + .mds-choicebox .mds-choicebox-indicator::after {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

/* --------------------------------------------------------------------------
   Icon slot
   -------------------------------------------------------------------------- */
.mds-choicebox-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--mds-spacing-xxs);
  flex-shrink: 0;
  /* Icon size matches --mds-icons-sm (16px) */
  font-size: var(--mds-icons-sm);
  color: var(--mds-text-default);
}

/* Selected icon */
.mds-choicebox-input:checked + .mds-choicebox .mds-choicebox-icon {
  color: var(--mds-text-feedback-primary);
}

/* Disabled unselected icon */
.mds-choicebox-input:disabled:not(:checked) + .mds-choicebox .mds-choicebox-icon {
  color: var(--mds-text-muted);
}

/* Disabled selected icon */
.mds-choicebox-input:disabled:checked + .mds-choicebox .mds-choicebox-icon {
  color: var(--mds-text-link-primary-disabled);
}

/* --------------------------------------------------------------------------
   Labels container
   -------------------------------------------------------------------------- */
.mds-choicebox-labels {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: var(--mds-spacing-xxs);
  padding: var(--mds-spacing-xxs) 0;
  min-width: 0; /* Allow text to wrap within the flex item */
}

/* --------------------------------------------------------------------------
   Label text
   -------------------------------------------------------------------------- */
.mds-choicebox-label {
  display: block;
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-headings-6);
  font-weight: var(--mds-font-weight-medium);
  line-height: var(--mds-line-height-headings-6);
  letter-spacing: var(--mds-letter-spacing);
  color: var(--mds-text-default);
  word-break: break-word;
}

/* Selected label */
.mds-choicebox-input:checked + .mds-choicebox .mds-choicebox-label {
  color: var(--mds-text-feedback-primary);
}

/* Disabled unselected label */
.mds-choicebox-input:disabled:not(:checked) + .mds-choicebox .mds-choicebox-label {
  color: var(--mds-text-muted);
}

/* Disabled selected label */
.mds-choicebox-input:disabled:checked + .mds-choicebox .mds-choicebox-label {
  color: var(--mds-text-link-primary-disabled);
}

/* --------------------------------------------------------------------------
   Supporting text
   -------------------------------------------------------------------------- */
.mds-choicebox-supporting-text {
  display: block;
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-small);
  letter-spacing: var(--mds-letter-spacing);
  color: var(--mds-text-subtle);
  word-break: break-word;
}

/* Disabled unselected supporting text */
.mds-choicebox-input:disabled:not(:checked) + .mds-choicebox .mds-choicebox-supporting-text {
  color: var(--mds-text-subtle);
}

/* Disabled selected supporting text */
.mds-choicebox-input:disabled:checked + .mds-choicebox .mds-choicebox-supporting-text {
  color: var(--mds-text-link-primary-disabled);
}

/* --------------------------------------------------------------------------
   Choice indicator
   The visible circle and circle-check are rendered via ::after so no extra
   DOM nodes are needed. The input's checked/disabled state drives the styling
   via CSS sibling selectors.
   -------------------------------------------------------------------------- */
.mds-choicebox-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 16px;
  height: 16px;
  /* Vertically centre the indicator against the label line.
     labels container has padding-block-start: spacing-xxs (0.25rem);
     the label line-height is 1.2rem; indicator height is 1rem.
     Offset = labels-padding-top + (label-line-height − indicator-height) / 2 */
  margin-block-start: calc(var(--mds-spacing-xxs) + (var(--mds-line-height-headings-6) - 1rem) / 2);
  flex-shrink: 0;
}

/* Unselected circle */
.mds-choicebox-indicator::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: var(--mds-border-radius-pill);
  border: var(--mds-stroke-weight-sm) solid var(--mds-border-interactive-secondary-default);
  background-color: var(--mds-bg-surface-subtle);
  box-sizing: border-box;
}

/* Checkmark is a reusable mask so icon colour can follow tokens/system colours. */
.mds-choicebox-indicator::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  opacity: 0;
  background-color: var(--mds-text-inverse);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20d%3D%22M6.05791%2011.1853C6.47273%2011.6049%207.1138%2011.6049%207.52862%2011.1853L12.3556%206.30245C12.7704%205.88283%2012.7704%205.23433%2012.3556%204.81471C11.9407%204.3951%2011.2997%204.3951%2010.8848%204.81471L6.81212%208.93461L5.11515%207.25613C4.70034%206.83651%204.05926%206.83651%203.64444%207.25613C3.22963%207.67575%203.22963%208.32425%203.64444%208.74387L6.05791%2011.1853Z%22%20fill%3D%22%23000000%22%20%2F%3E%20%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20d%3D%22M6.05791%2011.1853C6.47273%2011.6049%207.1138%2011.6049%207.52862%2011.1853L12.3556%206.30245C12.7704%205.88283%2012.7704%205.23433%2012.3556%204.81471C11.9407%204.3951%2011.2997%204.3951%2010.8848%204.81471L6.81212%208.93461L5.11515%207.25613C4.70034%206.83651%204.05926%206.83651%203.64444%207.25613C3.22963%207.67575%203.22963%208.32425%203.64444%208.74387L6.05791%2011.1853Z%22%20fill%3D%22%23000000%22%20%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
}

/* Unselected hover indicator background follows card background. */
.mds-choicebox-input:not(:disabled):not(:checked) + .mds-choicebox:hover .mds-choicebox-indicator::after {
  background-color: var(--mds-bg-surface-default);
}

.mds-choicebox-input:not(:disabled):not(:checked) + .mds-choicebox:active .mds-choicebox-indicator::after {
  background-color: var(--mds-bg-surface-strong);
}

/* Checked: filled circle with token-coloured checkmark mask. */
.mds-choicebox-input:checked + .mds-choicebox .mds-choicebox-indicator::after {
  border: none;
  background-color: var(--mds-bg-interactive-primary-default);
}

.mds-choicebox-input:checked + .mds-choicebox .mds-choicebox-indicator::before {
  opacity: 1;
}

/* Disabled unselected indicator — muted border */
.mds-choicebox-input:disabled:not(:checked) + .mds-choicebox .mds-choicebox-indicator::after {
  border-color: var(--mds-border-interactive-secondary-disabled);
}

/* Disabled selected indicator — dimmed fill */
.mds-choicebox-input:disabled:checked + .mds-choicebox .mds-choicebox-indicator::after {
  background-color: var(--mds-bg-interactive-primary-disabled);
}

/* --------------------------------------------------------------------------
   Forced colors (Windows High Contrast)
   Card borders and indicator geometry use system colour keywords so they
   remain visible when forced-colors is active. Text colours are left to adapt
   automatically — they reference CSS custom properties that the browser will
   remap to system colours.
   Checked icon is rendered as a mask so it can map to system colours.
   -------------------------------------------------------------------------- */
@media (forced-colors: active) {
  .mds-choicebox {
    border-color: ButtonText;
  }
  .mds-choicebox-input:checked + .mds-choicebox {
    border-color: Highlight;
  }
  .mds-choicebox-input:disabled + .mds-choicebox {
    border-color: GrayText;
  }
  /* Preserve the indicator circle using forced-color-adjust: none so the
     border/fill remain under author control via system colour keywords. */
  .mds-choicebox-indicator::after {
    forced-color-adjust: none;
    border-color: ButtonText;
    background-color: Canvas;
  }
  .mds-choicebox-indicator::before {
    forced-color-adjust: none;
    background-color: Canvas;
  }
  .mds-choicebox-input:checked + .mds-choicebox .mds-choicebox-indicator::after {
    forced-color-adjust: none;
    background-color: Highlight;
  }
  .mds-choicebox-input:checked + .mds-choicebox .mds-choicebox-indicator::before {
    forced-color-adjust: none;
    background-color: HighlightText;
  }
  .mds-choicebox-input:disabled:not(:checked) + .mds-choicebox .mds-choicebox-indicator::after {
    forced-color-adjust: none;
    border-color: GrayText;
    background-color: Canvas;
  }
  .mds-choicebox-input:disabled:checked + .mds-choicebox .mds-choicebox-indicator::after {
    forced-color-adjust: none;
    background-color: GrayText;
  }
  .mds-choicebox-input:disabled:checked + .mds-choicebox .mds-choicebox-indicator::before {
    forced-color-adjust: none;
    background-color: Canvas;
  }
  /* Keep the focus ring aligned with the system Highlight colour */
  .mds-choicebox-input:focus-visible + .mds-choicebox .mds-choicebox-indicator::after {
    outline-color: Highlight;
  }
}
/* close-button/index.css */
.mds-close-button.btn-close {
  inline-size: var(--mds-icons-md);
  block-size: var(--mds-icons-md);
  padding: 0;
  border-radius: var(--mds-border-radius-xs);
  color: var(--mds-text-default);
  background-color: currentColor;
  background-image: none;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M4.12109%205.87891L8.22266%209.98047L4.12109%2014.1211C3.61328%2014.5898%203.61328%2015.4102%204.12109%2015.8789C4.58984%2016.3867%205.41016%2016.3867%205.87891%2015.8789L9.98047%2011.7773L14.1211%2015.8789C14.5898%2016.3867%2015.4102%2016.3867%2015.8789%2015.8789C16.3867%2015.4102%2016.3867%2014.5898%2015.8789%2014.1211L11.7773%209.98047L15.8789%205.87891C16.3867%205.41016%2016.3867%204.58984%2015.8789%204.12109C15.4102%203.61328%2014.5898%203.61328%2014.1211%204.12109L9.98047%208.22266L5.87891%204.12109C5.41016%203.61328%204.58984%203.61328%204.12109%204.12109C3.61328%204.58984%203.61328%205.41016%204.12109%205.87891Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: var(--mds-icons-md) var(--mds-icons-md);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M4.12109%205.87891L8.22266%209.98047L4.12109%2014.1211C3.61328%2014.5898%203.61328%2015.4102%204.12109%2015.8789C4.58984%2016.3867%205.41016%2016.3867%205.87891%2015.8789L9.98047%2011.7773L14.1211%2015.8789C14.5898%2016.3867%2015.4102%2016.3867%2015.8789%2015.8789C16.3867%2015.4102%2016.3867%2014.5898%2015.8789%2014.1211L11.7773%209.98047L15.8789%205.87891C16.3867%205.41016%2016.3867%204.58984%2015.8789%204.12109C15.4102%203.61328%2014.5898%203.61328%2014.1211%204.12109L9.98047%208.22266L5.87891%204.12109C5.41016%203.61328%204.58984%203.61328%204.12109%204.12109C3.61328%204.58984%203.61328%205.41016%204.12109%205.87891Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: var(--mds-icons-md) var(--mds-icons-md);
  opacity: 0.6;
}

.mds-close-button.btn-close:hover {
  opacity: 0.75;
}

.mds-close-button.btn-close:focus {
  box-shadow: none;
}

.mds-close-button.btn-close:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: 0;
  box-shadow: none;
  opacity: 1;
}

.mds-close-button.btn-close:disabled,
.mds-close-button.btn-close.disabled {
  opacity: 0.25;
}

.mds-close-button.btn-close.mds-close-button--sm {
  inline-size: var(--mds-icons-sm);
  block-size: var(--mds-icons-sm);
  mask-size: var(--mds-icons-sm) var(--mds-icons-sm);
  -webkit-mask-size: var(--mds-icons-sm) var(--mds-icons-sm);
}

.mds-close-button.btn-close.mds-close-button--md {
  inline-size: var(--mds-icons-md);
  block-size: var(--mds-icons-md);
  mask-size: var(--mds-icons-md) var(--mds-icons-md);
  -webkit-mask-size: var(--mds-icons-md) var(--mds-icons-md);
}

.mds-close-button.btn-close.mds-close-button--lg {
  inline-size: var(--mds-icons-lg);
  block-size: var(--mds-icons-lg);
  mask-size: var(--mds-icons-lg) var(--mds-icons-lg);
  -webkit-mask-size: var(--mds-icons-lg) var(--mds-icons-lg);
}

/* dropdown/index.css */
/*
 * Dropdown — trigger, menu panel, and item rows.
 * Figma: "Dropdown" component set (file MvAObVzHaB9QZ5JGaP8sO2).
 *
 * The trigger reuses button.css / nav-pill.css via shared classes; rules here
 * only add what the Dropdown needs on top (chevron, open state, menu, items).
 * Depends on button.css and nav-pill.css being loaded (both are part of
 * components/index.css, which precedes this file).
 */
/* ------------------------------------------------------------------ */
/* Trigger                                                             */
/* ------------------------------------------------------------------ */
/* Chevron — masked so the glyph follows the trigger's text color across
   hover/active/disabled states. md triggers use the 12×8 glyph.
   Always points downward (no rotation). */
.mds-dropdown-trigger__chevron {
  display: inline-block;
  flex-shrink: 0;
  inline-size: var(--mds-icons-xs);
  block-size: var(--mds-icons-xxs);
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.47266%206.77734L0.972656%202.27734C0.667969%201.99609%200.667969%201.50391%200.972656%201.22266C1.25391%200.917969%201.74609%200.917969%202.02734%201.22266L6.01172%205.18359L9.97266%201.22266C10.2539%200.917969%2010.7461%200.917969%2011.0273%201.22266C11.332%201.50391%2011.332%201.99609%2011.0273%202.27734L6.52734%206.77734C6.24609%207.08203%205.75391%207.08203%205.47266%206.77734Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.47266%206.77734L0.972656%202.27734C0.667969%201.99609%200.667969%201.50391%200.972656%201.22266C1.25391%200.917969%201.74609%200.917969%202.02734%201.22266L6.01172%205.18359L9.97266%201.22266C10.2539%200.917969%2010.7461%200.917969%2011.0273%201.22266C11.332%201.50391%2011.332%201.99609%2011.0273%202.27734L6.52734%206.77734C6.24609%207.08203%205.75391%207.08203%205.47266%206.77734Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* sm and nav-pill triggers use the 8×8 glyph. */
.mds-dropdown-trigger__chevron--sm {
  inline-size: var(--mds-icons-xxs);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M3.64844%205.85156L0.648438%202.85156C0.445312%202.66406%200.445312%202.33594%200.648438%202.14844C0.835938%201.94531%201.16406%201.94531%201.35156%202.14844L4.00781%204.78906L6.64844%202.14844C6.83594%201.94531%207.16406%201.94531%207.35156%202.14844C7.55469%202.33594%207.55469%202.66406%207.35156%202.85156L4.35156%205.85156C4.16406%206.05469%203.83594%206.05469%203.64844%205.85156Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M3.64844%205.85156L0.648438%202.85156C0.445312%202.66406%200.445312%202.33594%200.648438%202.14844C0.835938%201.94531%201.16406%201.94531%201.35156%202.14844L4.00781%204.78906L6.64844%202.14844C6.83594%201.94531%207.16406%201.94531%207.35156%202.14844C7.55469%202.33594%207.55469%202.66406%207.35156%202.85156L4.35156%205.85156C4.16406%206.05469%203.83594%206.05469%203.64844%205.85156Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
}

/* Open (Figma State=active): filled appearances keep the active fill and gain
   a 1px inside ring. The inset box-shadow is a pressed-state ring, not a
   focus ring — focus rings remain outline-based per the focus ring pattern. */
.mds-dropdown-trigger--open.mds-btn.btn.btn-secondary,
.mds-dropdown-trigger--open.mds-btn.btn.btn-ghost {
  background-color: var(--mds-bg-interactive-secondary-active);
  color: var(--mds-text-subtle);
  box-shadow: inset 0 0 0 var(--mds-stroke-weight-sm) var(--mds-border-interactive-secondary-active);
}

/* Open outlined appearance: solid dark fill with inverse text. */
.mds-dropdown-trigger--open.mds-btn.btn.btn-outline-secondary {
  border-color: var(--mds-border-interactive-secondary-active);
  background-color: var(--mds-border-interactive-secondary-active);
  color: var(--mds-text-inverse);
}

/* nav-pill trigger renders a <button>; nav-pill.css already resets border and
   background for the class, so only layout inherited from Bootstrap's button
   normalisation needs neutralising. */
.mds-dropdown-trigger--nav-pill {
  font-family: var(--mds-font-family-base);
}

.mds-dropdown-trigger--open.mds-nav-pill {
  background-color: var(--mds-bg-nav-pill-pressed);
}

/* ------------------------------------------------------------------ */
/* Menu panel                                                          */
/* ------------------------------------------------------------------ */
.mds-dropdown-menu {
  display: flex;
  flex-direction: column;
  gap: var(--mds-spacing-xxs);
  align-items: stretch;
  min-inline-size: 13.5625rem; /* 217px per Figma; grows with content */
  padding: var(--mds-spacing-xxs);
  background-color: var(--mds-bg-surface-default);
  border: var(--mds-stroke-weight-sm) solid var(--mds-border-default);
  border-radius: var(--mds-border-radius-md);
  overflow: clip;
}

/* ------------------------------------------------------------------ */
/* Item rows — shared chrome                                           */
/* ------------------------------------------------------------------ */
.mds-dropdown-item {
  display: flex;
  gap: var(--mds-spacing-xs);
  align-items: center;
  inline-size: 100%;
  padding: var(--mds-spacing-xs) var(--mds-spacing-sm);
  border: none;
  border-radius: var(--mds-border-radius-xs);
  background: none;
  margin: 0;
  text-align: start;
  cursor: pointer;
  font-family: var(--mds-font-family-base);
  color: var(--mds-text-subtle);
  position: relative;
  box-sizing: border-box;
}

.mds-dropdown-item:disabled,
.mds-dropdown-item[aria-disabled=true] {
  cursor: default;
  pointer-events: none;
  color: var(--mds-text-muted);
}

/* Rows with a description top-align their content. */
.mds-dropdown-item--with-description {
  align-items: flex-start;
}

.mds-dropdown-item:focus {
  box-shadow: none;
  outline: none;
}

.mds-dropdown-item:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

.mds-dropdown-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 24px; /* 24px per Figma. */
  flex-shrink: 0;
}

.mds-dropdown-item__icon i,
.mds-dropdown-item__icon svg {
  inline-size: var(--mds-icons-xs);
  block-size: var(--mds-icons-xs);
  font-size: var(--mds-icons-xs);
  line-height: 1;
}

.mds-dropdown-item__label-wrap {
  display: flex;
  flex: 1 0 0;
  min-inline-size: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.mds-dropdown-item--with-description .mds-dropdown-item__label-wrap {
  gap: var(--mds-spacing-xxs);
}

.mds-dropdown-item__label {
  font-size: var(--mds-font-size-paragraph-default);
  font-weight: var(--mds-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-default);
  white-space: nowrap;
  inline-size: 100%;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mds-dropdown-item__description {
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-small);
  color: var(--mds-text-muted);
  white-space: normal;
}

/* Figma: on hover (and disabled) the description matches the row color. */
.mds-dropdown-item:hover .mds-dropdown-item__description,
.mds-dropdown-item:disabled .mds-dropdown-item__description,
.mds-dropdown-item[aria-disabled=true] .mds-dropdown-item__description {
  color: inherit;
}

/* ------------------------------------------------------------------ */
/* Action item                                                         */
/* ------------------------------------------------------------------ */
.mds-dropdown-item--action:hover:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-dropdown-item--action:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-dropdown-item--action[role=menuitem].mds-dropdown-item--danger {
  color: var(--mds-text-danger);
}

.mds-dropdown-item--action.mds-dropdown-item--danger:hover:not(:disabled):not([aria-disabled=true]) {
  color: var(--mds-text-danger);
  background-color: var(--mds-bg-interactive-danger-default-light);
}

.mds-dropdown-item--action.mds-dropdown-item--danger:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-danger-default-light);
}

.mds-dropdown-item--action[role=menuitem].mds-dropdown-item--danger:disabled,
.mds-dropdown-item--action[role=menuitem].mds-dropdown-item--danger[aria-disabled=true] {
  color: var(--mds-text-danger-disabled);
}

.mds-dropdown-item--action[role=menuitem].mds-dropdown-item--danger:focus-visible {
  outline-color: var(--mds-focus-danger);
}

/* Link variant: reset default anchor styling to match button appearance */
.mds-dropdown-item--action[role=menuitem] {
  text-decoration: none;
  color: var(--mds-text-subtle);
}

.mds-dropdown-item--action[role=menuitem][aria-disabled=true] {
  color: var(--mds-text-muted);
}

.mds-dropdown-item--action[role=menuitem]:not(.mds-dropdown-item--danger):hover,
.mds-dropdown-item--action[role=menuitem]:not(.mds-dropdown-item--danger):active,
.mds-dropdown-item--action[role=menuitem]:not(.mds-dropdown-item--danger):focus,
.mds-dropdown-item--action[role=menuitem]:not(.mds-dropdown-item--danger):visited {
  text-decoration: none;
  color: var(--mds-text-subtle);
}

/* ------------------------------------------------------------------ */
/* Select item                                                         */
/* ------------------------------------------------------------------ */
.mds-dropdown-item--select:hover:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-dropdown-item--select:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-dropdown-item--select.mds-dropdown-item--selected {
  background-color: var(--mds-bg-surface-subtle);
}

/* Hover wins over the selected fill, matching the Figma state matrix. */
.mds-dropdown-item--select.mds-dropdown-item--selected:hover:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

/* Check mark — Figma color/theme/primary; text-link token carries the same
  semantic primary color for glyph-on-surface use. */
.mds-dropdown-item__check-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: var(--mds-icons-md);
  flex-shrink: 0;
}

.mds-dropdown-item__check {
  display: inline-block;
  flex-shrink: 0;
  inline-size: var(--mds-icons-xs);
  block-size: var(--mds-icons-xxs);
  background-color: var(--mds-text-link-primary-default);
  margin: auto 0;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%209.33333%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2.72458%206.68529C3.13939%207.1049%203.78047%207.1049%204.19529%206.68529L9.02222%201.80245C9.43704%201.38283%209.43704%200.734332%209.02222%200.314714C8.60741%20-0.104905%207.96633%20-0.104905%207.55152%200.314714L3.47879%204.43461L1.78182%202.75613C1.367%202.33651%200.725926%202.33651%200.311111%202.75613C-0.103704%203.17575%20-0.103704%203.82425%200.311111%204.24387L2.72458%206.68529Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%209.33333%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2.72458%206.68529C3.13939%207.1049%203.78047%207.1049%204.19529%206.68529L9.02222%201.80245C9.43704%201.38283%209.43704%200.734332%209.02222%200.314714C8.60741%20-0.104905%207.96633%20-0.104905%207.55152%200.314714L3.47879%204.43461L1.78182%202.75613C1.367%202.33651%200.725926%202.33651%200.311111%202.75613C-0.103704%203.17575%20-0.103704%203.82425%200.311111%204.24387L2.72458%206.68529Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* Check is always in the DOM to preserve trailing-column width across
   selection state changes. Hide it visually when the row is unselected. */
.mds-dropdown-item--select:not(.mds-dropdown-item--selected) .mds-dropdown-item__check {
  visibility: hidden;
}

.mds-dropdown-item:disabled .mds-dropdown-item__check,
.mds-dropdown-item[aria-disabled=true] .mds-dropdown-item__check {
  background-color: var(--mds-text-muted);
}

/* ------------------------------------------------------------------ */
/* Expandable item                                                     */
/* ------------------------------------------------------------------ */
.mds-dropdown-item--expandable:hover:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-dropdown-item--expandable:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-dropdown-item__chevron-right {
  display: inline-block;
  flex-shrink: 0;
  inline-size: var(--mds-icons-xxs);
  block-size: var(--mds-icons-xs);
  background-color: var(--mds-text-subtle);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%206.01172%2010.5117%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.7832%204.72852C6.08789%205.00977%206.08789%205.50195%205.7832%205.7832L1.2832%2010.2832C1.00195%2010.5879%200.509766%2010.5879%200.228516%2010.2832C-0.0761719%2010.002%20-0.0761719%209.50977%200.228516%209.22852L4.18945%205.24414L0.228516%201.2832C-0.0761719%201.00195%20-0.0761719%200.509766%200.228516%200.228516C0.509766%20-0.0761719%201.00195%20-0.0761719%201.2832%200.228516L5.7832%204.72852Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%206.01172%2010.5117%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.7832%204.72852C6.08789%205.00977%206.08789%205.50195%205.7832%205.7832L1.2832%2010.2832C1.00195%2010.5879%200.509766%2010.5879%200.228516%2010.2832C-0.0761719%2010.002%20-0.0761719%209.50977%200.228516%209.22852L4.18945%205.24414L0.228516%201.2832C-0.0761719%201.00195%20-0.0761719%200.509766%200.228516%200.228516C0.509766%20-0.0761719%201.00195%20-0.0761719%201.2832%200.228516L5.7832%204.72852Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* Mirror the submenu chevron under RTL so it keeps pointing towards the
   inline-end where the submenu opens. */
[dir=rtl] .mds-dropdown-item__chevron-right {
  transform: scaleX(-1);
}

/* Disabled expandable row: mute the chevron to match the label color. */
.mds-dropdown-item[aria-disabled=true] .mds-dropdown-item__chevron-right {
  background-color: var(--mds-text-muted);
}

/* ------------------------------------------------------------------ */
/* Header item                                                         */
/* ------------------------------------------------------------------ */
.mds-dropdown-item--header {
  cursor: default;
  gap: var(--mds-spacing-xxs);
}

.mds-dropdown-item--header .mds-dropdown-item__label {
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-medium);
  line-height: var(--mds-line-height-paragraph-xs);
  color: var(--mds-text-muted);
}

/* ------------------------------------------------------------------ */
/* Divider                                                             */
/* ------------------------------------------------------------------ */
.mds-dropdown-divider {
  inline-size: 100%;
  block-size: var(--mds-stroke-weight-sm);
  background-color: var(--mds-border-default);
  border-radius: var(--mds-border-radius-pill);
  flex-shrink: 0;
}

/* ------------------------------------------------------------------ */
/* List item                                                         */
/* ------------------------------------------------------------------ */
.mds-dropdown-item--list {
  pointer-events: none;
  align-items: flex-start;
}

/* List rows can contain longer status text; allow wrapping on narrow menus
   instead of inheriting the default single-line ellipsis behavior. */
.mds-dropdown-item--list .mds-dropdown-item__label {
  color: var(--mds-text-subtle);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

/* Keep the list indicator aligned with the first text line when labels wrap. */
.mds-dropdown-item--list .mds-dropdown-item__check {
  /* margin-block-start: var(--mds-spacing-xxs); */
}

/* Unselected (todo) list items show an empty circle instead of the filled check. */
.mds-dropdown-item--list:not(.mds-dropdown-item--selected) .mds-dropdown-item__check {
  background-color: var(--mds-text-subtle);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%2012C2.67188%2012%200%209.32812%200%206C0%202.69531%202.67188%200%206%200C9.30469%200%2012%202.69531%2012%206C12%209.32812%209.30469%2012%206%2012ZM6%201.125C3.28125%201.125%201.125%203.30469%201.125%206C1.125%208.71875%203.28125%2010.875%206%2010.875C8.69531%2010.875%2010.875%208.71875%2010.875%206C10.875%203.30469%208.69531%201.125%206%201.125Z%22%20fill%3D%22%23495057%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%2012C2.67188%2012%200%209.32812%200%206C0%202.69531%202.67188%200%206%200C9.30469%200%2012%202.69531%2012%206C12%209.32812%209.30469%2012%206%2012ZM6%201.125C3.28125%201.125%201.125%203.30469%201.125%206C1.125%208.71875%203.28125%2010.875%206%2010.875C8.69531%2010.875%2010.875%208.71875%2010.875%206C10.875%203.30469%208.69531%201.125%206%201.125Z%22%20fill%3D%22%23495057%22%2F%3E%20%3C%2Fsvg%3E");
}

/* List items are aria-disabled for read-only semantics; keep done state check
   on the primary token instead of inheriting the generic disabled mute color. */
.mds-dropdown-item--list.mds-dropdown-item--selected .mds-dropdown-item__check {
  background-color: var(--mds-text-link-primary-default);
}

/* ------------------------------------------------------------------ */
/* Multiselect item                                                    */
/* ------------------------------------------------------------------ */
/* Keep top/bottom spacing on the XS token while preserving the default
   horizontal spacing used by other dropdown rows. */
.mds-dropdown-item.mds-dropdown-item--multiselect {
  padding-block: var(--mds-spacing-xs);
  gap: 0; /* Checkbox has its own internal gap. */
}

.mds-dropdown-item--multiselect:hover:not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-dropdown-item--multiselect:active:not([aria-disabled=true]) {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

/* Multiselect rows can include longer option labels; wrap rather than
   truncating so text does not collide with the trailing indicator area. */
.mds-dropdown-item--multiselect .mds-dropdown-item__label {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

/* The inert wrapper span for the Checkbox visual indicator — remove from
   layout flow so the Checkbox's own form-check structure sits inline. */
.mds-dropdown-item__checkbox {
  display: contents;
}

/* ------------------------------------------------------------------ */
/* Custom item (slot)                                                  */
/* ------------------------------------------------------------------ */
.mds-dropdown-item--custom {
  cursor: default;
}

.mds-dropdown-item__slot {
  flex: 1 0 0;
  min-inline-size: 0;
}

/* ------------------------------------------------------------------ */
/* Group wrapper                                                       */
/* ------------------------------------------------------------------ */
/* display:contents removes the wrapper from layout flow so the menu
   panel's gap applies uniformly across group labels and items. */
.mds-dropdown-item-group {
  display: contents;
}

/* Styled to match DropdownItemHeader visually. */
.mds-dropdown-item-group__label {
  display: flex;
  align-items: center;
  inline-size: 100%;
  padding: var(--mds-spacing-xs) var(--mds-spacing-sm);
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-medium);
  color: var(--mds-text-muted);
  line-height: var(--mds-line-height-paragraph-xs);
  box-sizing: border-box;
  cursor: default;
}

/* ------------------------------------------------------------------ */
/* Composed Dropdown                                                   */
/* ------------------------------------------------------------------ */
.mds-dropdown {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  /* No position:relative needed — the menu is portaled via FloatingPortal */
}

/* favourite-button/index.css */
/* Favourite button (icon-only toggle) */
.mds-favourite-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--mds-spacing-xs);
  border: none;
  border-radius: var(--mds-border-radius-pill);
  background-color: var(--mds-bg-surface-default);
  color: var(--mds-text-subtle);
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.mds-favourite-button__icon {
  display: block;
  inline-size: var(--mds-icons-xs);
  block-size: var(--mds-icons-xs);
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6.17227%200C6.40664%200%206.59414%200.140625%206.68789%200.328125L8.30508%203.63281L11.891%204.17188C12.102%204.19531%2012.266%204.33594%2012.3363%204.54688C12.4066%204.75781%2012.3598%204.96875%2012.1957%205.13281L9.59414%207.71094L10.2035%2011.3438C10.2504%2011.5547%2010.1566%2011.7891%209.99258%2011.9062C9.80508%2012.0234%209.5707%2012.0469%209.3832%2011.9531L6.17227%2010.2188L2.98477%2011.9531C2.77383%2012.0469%202.56289%2012.0234%202.37539%2011.9062C2.21133%2011.7656%202.11758%2011.5547%202.16445%2011.3438L2.77383%207.71094L0.172266%205.13281C0.00820312%204.96875%20-0.0386719%204.75781%200.0316406%204.54688C0.101953%204.35938%200.266016%204.19531%200.476953%204.17188L4.06289%203.63281L5.68008%200.328125C5.77383%200.140625%205.96133%200%206.17227%200ZM6.17227%201.85156L4.95352%204.40625C4.85977%204.57031%204.71914%204.6875%204.53164%204.71094L1.76602%205.10938L3.7582%207.10156C3.89883%207.24219%203.96914%207.42969%203.92227%207.59375L3.45352%2010.4062L5.91445%209.09375C6.07852%209%206.28945%209%206.45352%209.09375L8.91445%2010.4062L8.4457%207.61719C8.39883%207.42969%208.46914%207.24219%208.60977%207.125L10.602%205.10938L7.83633%204.71094C7.64883%204.6875%207.5082%204.57031%207.41445%204.40625L6.17227%201.85156Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6.17227%200C6.40664%200%206.59414%200.140625%206.68789%200.328125L8.30508%203.63281L11.891%204.17188C12.102%204.19531%2012.266%204.33594%2012.3363%204.54688C12.4066%204.75781%2012.3598%204.96875%2012.1957%205.13281L9.59414%207.71094L10.2035%2011.3438C10.2504%2011.5547%2010.1566%2011.7891%209.99258%2011.9062C9.80508%2012.0234%209.5707%2012.0469%209.3832%2011.9531L6.17227%2010.2188L2.98477%2011.9531C2.77383%2012.0469%202.56289%2012.0234%202.37539%2011.9062C2.21133%2011.7656%202.11758%2011.5547%202.16445%2011.3438L2.77383%207.71094L0.172266%205.13281C0.00820312%204.96875%20-0.0386719%204.75781%200.0316406%204.54688C0.101953%204.35938%200.266016%204.19531%200.476953%204.17188L4.06289%203.63281L5.68008%200.328125C5.77383%200.140625%205.96133%200%206.17227%200ZM6.17227%201.85156L4.95352%204.40625C4.85977%204.57031%204.71914%204.6875%204.53164%204.71094L1.76602%205.10938L3.7582%207.10156C3.89883%207.24219%203.96914%207.42969%203.92227%207.59375L3.45352%2010.4062L5.91445%209.09375C6.07852%209%206.28945%209%206.45352%209.09375L8.91445%2010.4062L8.4457%207.61719C8.39883%207.42969%208.46914%207.24219%208.60977%207.125L10.602%205.10938L7.83633%204.71094C7.64883%204.6875%207.5082%204.57031%207.41445%204.40625L6.17227%201.85156Z%22%20fill%3D%22%231D2125%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.mds-favourite-button--selected .mds-favourite-button__icon {
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6.84706%200.421875L8.3705%203.53906L11.7221%204.03125C12.0033%204.07812%2012.2377%204.26562%2012.3314%204.54688C12.4252%204.80469%2012.3549%205.10938%2012.1439%205.29688L9.70643%207.71094L10.2924%2011.1328C10.3392%2011.4141%2010.2221%2011.6953%209.98768%2011.8594C9.75331%2012.0469%209.44862%2012.0469%209.19081%2011.9297L6.19081%2010.3125L3.16737%2011.9297C2.933%2012.0469%202.62831%2012.0469%202.39393%2011.8594C2.15956%2011.6953%202.04237%2011.4141%202.08925%2011.1328L2.65175%207.71094L0.214245%205.29688C0.0267453%205.10938%20-0.0435672%204.80469%200.0267453%204.54688C0.120495%204.26562%200.35487%204.07812%200.63612%204.03125L4.01112%203.53906L5.51112%200.421875C5.62831%200.164062%205.88612%200%206.19081%200C6.47206%200%206.72987%200.164062%206.84706%200.421875Z%22%20fill%3D%22%230F6CBF%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6.84706%200.421875L8.3705%203.53906L11.7221%204.03125C12.0033%204.07812%2012.2377%204.26562%2012.3314%204.54688C12.4252%204.80469%2012.3549%205.10938%2012.1439%205.29688L9.70643%207.71094L10.2924%2011.1328C10.3392%2011.4141%2010.2221%2011.6953%209.98768%2011.8594C9.75331%2012.0469%209.44862%2012.0469%209.19081%2011.9297L6.19081%2010.3125L3.16737%2011.9297C2.933%2012.0469%202.62831%2012.0469%202.39393%2011.8594C2.15956%2011.6953%202.04237%2011.4141%202.08925%2011.1328L2.65175%207.71094L0.214245%205.29688C0.0267453%205.10938%20-0.0435672%204.80469%200.0267453%204.54688C0.120495%204.26562%200.35487%204.07812%200.63612%204.03125L4.01112%203.53906L5.51112%200.421875C5.62831%200.164062%205.88612%200%206.19081%200C6.47206%200%206.72987%200.164062%206.84706%200.421875Z%22%20fill%3D%22%230F6CBF%22%2F%3E%20%3C%2Fsvg%3E");
}

/* Unselected states */
.mds-favourite-button:hover:not(:disabled) {
  background-color: var(--mds-bg-surface-subtle);
  color: var(--mds-text-subtle);
}

.mds-favourite-button:active:not(:disabled) {
  background-color: var(--mds-bg-surface-strong);
  color: var(--mds-text-subtle);
}

/* Selected states */
.mds-favourite-button--selected {
  background-color: var(--mds-bg-surface-default);
  color: var(--mds-text-link-primary-default);
}

.mds-favourite-button--selected:hover:not(:disabled) {
  background-color: var(--mds-bg-surface-subtle);
  color: var(--mds-text-link-primary-hover);
}

.mds-favourite-button--selected:active:not(:disabled) {
  background-color: var(--mds-bg-surface-strong);
  color: var(--mds-text-link-primary-default);
}

/* Disabled states */
.mds-favourite-button:disabled {
  background-color: var(--mds-bg-surface-default);
  color: var(--mds-text-muted);
  cursor: not-allowed;
}

.mds-favourite-button--selected:disabled {
  color: var(--mds-text-link-primary-disabled);
}

/* Focus ring */
.mds-favourite-button:focus {
  box-shadow: none;
  outline: none;
}

.mds-favourite-button:focus-visible {
  box-shadow: none;
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: 0;
}

/* link/index.css */
.mds-link {
  display: inline-flex;
  align-items: center;
  gap: var(--mds-spacing-xs);
  color: var(--mds-text-link-primary-default);
  font-family: var(--mds-font-family-base);
  font-weight: var(--mds-font-weight-regular);
  font-size: var(--mds-font-size-paragraph-default);
  line-height: var(--mds-line-height-paragraph-xs);
  letter-spacing: var(--mds-letter-spacing-default);
  text-decoration: none;
  cursor: pointer;
}

.mds-link:hover:not(:focus-visible) {
  color: var(--mds-text-link-primary-hover);
}

.mds-link:active {
  color: var(--mds-text-link-primary-hover);
}

/* Underline on hover applies only to the label text, not the icon.
   Pressed state has no underline (Figma). Thickness and position use
   from-font so the underline follows the font's own metrics. */
.mds-link:hover:not(:focus-visible) .mds-link__label {
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-position: from-font;
}

/* Slide icon toward the label on hover using transform so the link node width
   stays constant (gap remains --mds-spacing-xs; only the icon moves visually). */
.mds-link:hover:not(:focus-visible) .mds-link__icon:first-child {
  transform: translateX(var(--mds-spacing-xxs));
}

.mds-link:hover:not(:focus-visible) .mds-link__icon:last-child {
  transform: translateX(calc(-1 * var(--mds-spacing-xxs)));
}

[dir=rtl] .mds-link:hover:not(:focus-visible) .mds-link__icon:first-child {
  transform: translateX(calc(-1 * var(--mds-spacing-xxs)));
}

[dir=rtl] .mds-link:hover:not(:focus-visible) .mds-link__icon:last-child {
  transform: translateX(var(--mds-spacing-xxs));
}

/* Reset icon position on press */
.mds-link:active .mds-link__icon {
  transform: none;
}

.mds-link:focus {
  outline: none;
}

.mds-link:focus-visible {
  /* Bottom-only focus underline matching Figma: 2px border-bottom, 1px gap below content */
  outline: none;
  border-radius: 0;
  padding-bottom: var(--mds-spacing-offset);
  border-bottom: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
}

.mds-link.mds-link--secondary {
  color: var(--mds-text-subtle);
}

.mds-link.mds-link--secondary:hover:not(:focus-visible),
.mds-link.mds-link--secondary:active {
  color: var(--mds-text-default);
}

.mds-link.mds-link--disabled,
.mds-link.mds-link--disabled:hover,
.mds-link.mds-link--disabled:active {
  color: var(--mds-text-link-primary-disabled);
  pointer-events: none;
}

.mds-link.mds-link--disabled .mds-link__icon,
.mds-link.mds-link--disabled:hover .mds-link__icon,
.mds-link.mds-link--disabled:active .mds-link__icon {
  transform: none;
}

.mds-link.mds-link--disabled .mds-link__label,
.mds-link.mds-link--disabled:hover .mds-link__label,
.mds-link.mds-link--disabled:active .mds-link__label {
  text-decoration: none;
}

.mds-link.mds-link--secondary.mds-link--disabled,
.mds-link.mds-link--secondary.mds-link--disabled:hover,
.mds-link.mds-link--secondary.mds-link--disabled:active {
  color: var(--mds-text-muted);
}

.mds-link__icon,
.mds-link__icon i,
.mds-link__icon svg {
  inline-size: var(--mds-icons-xs);
  block-size: var(--mds-icons-xs);
  font-size: var(--mds-icons-xs);
  line-height: 1;
  flex-shrink: 0;
}

.mds-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}

.mds-link__label {
  text-align: start;
}

/* nav-pill/index.css */
/* Nav pill — compact navigation destination indicator */
.mds-nav-pill,
.mds-nav-pill:visited {
  /* Reset anchor/link defaults */
  display: inline-flex;
  align-items: center;
  gap: var(--mds-spacing-xxs);
  padding: var(--mds-spacing-xs) var(--mds-spacing-sm);
  border: none;
  background-color: transparent;
  cursor: pointer;
  border-radius: var(--mds-border-radius-md);
  /* Label colour: unselected default */
  color: var(--mds-text-subtle);
  text-decoration: none;
}

.mds-nav-pill:hover,
.mds-nav-pill:focus,
.mds-nav-pill:active,
.mds-nav-pill:visited {
  text-decoration: none;
}

/* ---- Label ---- */
.mds-nav-pill__label {
  /* UI small — matches Figma: $font-size-sm / font-weight/medium / line-height/paragraph/xs */
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-medium);
  line-height: var(--mds-line-height-paragraph-xs);
  white-space: nowrap;
}

/* ---- Active-indicator dot (selected state only) ---- */
.mds-nav-pill__indicator {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: var(--mds-border-radius-pill);
  background-color: var(--mds-bg-interactive-primary-default);
  flex-shrink: 0;
}

/* ---- Hover (unselected) ---- */
.mds-nav-pill:hover:not([aria-disabled=true]):not(.mds-nav-pill--selected) {
  background-color: var(--mds-bg-nav-pill-hover);
}

/* ---- Pressed / active (unselected) ---- */
.mds-nav-pill:active:not([aria-disabled=true]):not(.mds-nav-pill--selected) {
  background-color: var(--mds-bg-nav-pill-pressed);
}

/* ---- Focus-visible ring — keyboard navigation ---- */
.mds-nav-pill:focus {
  outline: none;
  box-shadow: none;
}

.mds-nav-pill:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

/* ---- Disabled ---- */
.mds-nav-pill[aria-disabled=true] {
  color: var(--mds-text-muted);
  cursor: not-allowed;
  background-color: transparent;
}

/* ---- Selected state ---- */
.mds-nav-pill--selected {
  color: var(--mds-text-default);
  background-color: var(--mds-bg-nav-pill-selected);
}

.mds-nav-pill--selected:visited {
  color: var(--mds-text-default);
}

.mds-nav-pill--selected:hover:not([aria-disabled=true]) {
  background-color: var(--mds-bg-nav-pill-selected);
}

/* pagination/index.css */
.mds-pagination {
  display: flex;
  gap: var(--mds-spacing-xxs);
  align-items: center;
  flex-wrap: wrap;
  font-family: inherit;
  direction: inherit;
}

/* Shared base styles for buttons and page items */
.mds-pagination__button,
.mds-pagination__page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  padding: var(--mds-spacing-xs);
  border: var(--mds-stroke-weight-sm) solid transparent;
  border-radius: var(--mds-border-radius-xs);
  background-color: transparent;
  color: var(--mds-text-default);
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

/* Keep hover affordance on prev/next controls only. Page-number buttons must
   switch state atomically to avoid visible handoff when ellipsis positions move. */
.mds-pagination__button {
  transition: background-color 150ms ease;
}

.mds-pagination__page {
  transition: none;
}

.mds-pagination__button:hover:not(:disabled),
.mds-pagination__page:hover:not(:disabled) {
  background-color: var(--mds-bg-interactive-secondary-hover);
}

.mds-pagination__button:active:not(:disabled),
.mds-pagination__page:active:not(:disabled) {
  background-color: var(--mds-bg-interactive-secondary-active);
}

.mds-pagination__button:focus,
.mds-pagination__page:focus {
  box-shadow: none;
  outline: none;
}

.mds-pagination__button:focus-visible:not(:disabled),
.mds-pagination__page:focus-visible:not(:disabled) {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

.mds-pagination__button:disabled,
.mds-pagination__page:disabled {
  color: var(--mds-text-muted);
  cursor: not-allowed;
}

/* Icon sizing */
.mds-pagination__button i {
  /* width/font-size use --mds-icons-sm (= scale-600 = 1rem = 16px, the icon md size). */
  width: var(--mds-icons-sm);
  font-size: var(--mds-icons-sm);
  line-height: var(--mds-line-height-paragraph-xs);
}

/* Full variant */
.mds-pagination--full .mds-pagination__pages {
  display: flex;
  gap: var(--mds-spacing-xxs);
  align-items: center;
}

/* Page items */
.mds-pagination__page {
  line-height: var(--mds-line-height-paragraph-xs);
}

/* Current page state */
.mds-pagination__page[data-current=true] {
  background-color: var(--mds-bg-interactive-primary-default);
  color: var(--mds-text-inverse);
}

.mds-pagination__page[data-current=true]:disabled {
  background-color: transparent;
  color: var(--mds-text-muted);
}

.mds-pagination__page[data-current=true]:hover:not(:disabled) {
  background-color: var(--mds-bg-interactive-primary-hover);
}

.mds-pagination__page[data-current=true]:active:not(:disabled) {
  background-color: var(--mds-bg-interactive-primary-active);
}

.mds-pagination__page[data-current=true]:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

/* Ellipsis */
.mds-pagination__ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  color: var(--mds-text-muted);
  user-select: none;
  pointer-events: none;
}

/* Grouped variant - only shows prev/next buttons */
.mds-pagination--grouped .mds-pagination__pages {
  display: none;
}

/* Grouped button styling */
.mds-pagination--grouped .mds-pagination__button {
  border-color: var(--mds-border-interactive-secondary-default);
}

/* Flip prev/next chevrons in RTL so they point in the correct travel direction */
[dir=rtl] .mds-pagination__button i {
  transform: scaleX(-1);
}

/* progress-bar/index.css */
/* Wrapper layout */
.mds-progress-bar {
  display: flex;
  flex-direction: column;
  gap: var(--mds-spacing-xs);
  /* 120px is intentionally has no token by design just as in Figma. */
  min-width: 120px;
  width: 100%;
}

/* Inline variant: bar on the left, count on the right in one row. */
.mds-progress-bar.mds-progress-bar--label-inline {
  flex-direction: row;
  align-items: center;
}

/* Track (outer container) */
.mds-progress-bar-track.progress {
  /* Re-state Bootstrap progress primitives here so host .progress overrides cannot drift MDS visuals. */
  /* 0.375rem = 6px from Figma; intentionally has no token by design for consumer flexibility. */
  display: flex;
  height: 0.375rem;
  overflow: hidden;
  border-radius: var(--mds-border-radius-pill);
  background-color: var(--mds-bg-feedback-secondary-default);
  box-shadow: none;
}

/* In-progress and loading use the primary-subtle track. */
.mds-progress-bar--in-progress .mds-progress-bar-track,
.mds-progress-bar--loading .mds-progress-bar-track {
  background-color: var(--mds-bg-feedback-primary-subtle);
}

/* Error track. */
.mds-progress-bar--error .mds-progress-bar-track {
  background-color: var(--mds-bg-feedback-danger-subtle);
}

/* Warning track. */
.mds-progress-bar--warning .mds-progress-bar-track {
  background-color: var(--mds-bg-feedback-warning-subtle);
}

/* Completed and empty keep the default secondary track. */
.mds-progress-bar--completed .mds-progress-bar-track,
.mds-progress-bar--empty .mds-progress-bar-track {
  background-color: var(--mds-bg-feedback-secondary-default);
}

/* Inline variant: track should fill available row space. */
.mds-progress-bar--label-inline .mds-progress-bar-track {
  flex: 1 1 0;
  min-inline-size: var(--mds-spacing-xxl);
}

/* Fill (inner progress indicator) */
.mds-progress-bar-fill.progress-bar {
  /* Keep core progress-bar behavior local so host --bs-progress-* token changes do not leak in. */
  display: flex;
  overflow: hidden;
  background-color: var(--mds-bg-interactive-primary-default);
  transition: width 0.3s ease;
}

/* Explicit striped styles avoid dependence on host Bootstrap variables. */
.mds-progress-bar-fill.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  /* Figma loading pattern uses a larger tile than the 6px bar height. */
  background-size: var(--mds-spacing-md) var(--mds-spacing-md);
  background-repeat: repeat;
  background-position-x: 0;
}

[dir=rtl] .mds-progress-bar-fill.progress-bar-striped {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.mds-progress-bar-fill.progress-bar-animated {
  animation: mds-progress-bar-stripes 0.8s linear infinite;
}

[dir=rtl] .mds-progress-bar-fill.progress-bar-animated {
  animation-name: mds-progress-bar-stripes-rtl;
}

@keyframes mds-progress-bar-stripes {
  0% {
    background-position-x: var(--mds-spacing-md);
  }
}
@keyframes mds-progress-bar-stripes-rtl {
  0% {
    background-position-x: calc(var(--mds-spacing-md) * -1);
  }
}
/* Error fill. */
.mds-progress-bar--error .mds-progress-bar-fill {
  background-color: var(--mds-bg-feedback-danger-default);
}

/* Warning fill. */
.mds-progress-bar--warning .mds-progress-bar-fill {
  background-color: var(--mds-bg-feedback-warning-default);
}

/* Completed fill. */
.mds-progress-bar--completed .mds-progress-bar-fill {
  background-color: var(--mds-bg-feedback-success-default);
}

/* Empty fill blends with the track. */
.mds-progress-bar--empty .mds-progress-bar-fill {
  background-color: var(--mds-bg-feedback-secondary-default);
}

/* Label container */
.mds-progress-bar-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--mds-spacing-xs);
  width: 100%;
  /* UI text/small */
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-small);
  line-height: var(--mds-line-height-paragraph-small);
  letter-spacing: var(--mds-letter-spacing-default);
  color: var(--mds-text-subtle);
}

/* Title text */
.mds-progress-bar-title {
  font-weight: var(--mds-font-weight-medium);
  line-height: var(--mds-line-height-paragraph-small);
  word-break: break-word;
}

/* In title-and-count layout, title and count share one row and must both be able to shrink. */
.mds-progress-bar--label-title-and-count .mds-progress-bar-title {
  flex: 1 1 auto;
  min-inline-size: 0;
}

/* Count / percentage text */
.mds-progress-bar-count {
  font-weight: var(--mds-font-weight-regular);
  /* Inline count sits outside .mds-progress-bar-label, so it needs explicit text styles. */
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-small);
  line-height: var(--mds-line-height-paragraph-small);
  letter-spacing: var(--mds-letter-spacing-default);
  color: var(--mds-text-subtle);
  white-space: normal;
  overflow-wrap: anywhere;
  min-inline-size: 0;
}

/* In title-and-count layout, count is bounded to prevent hogging the row. */
.mds-progress-bar--label-title-and-count .mds-progress-bar-count {
  flex: 0 1 50%;
  max-inline-size: 50%;
  text-align: end;
}

/* In inline layout, count takes only what it needs, leaving space for the track. */
.mds-progress-bar--label-inline .mds-progress-bar-count {
  flex: 0 1 auto;
  max-inline-size: 40%;
  text-align: start;
}

/* radio/index.css */
/* Use [class] to outrank Bootstrap selectors like .form-check .form-check-input */
.mds-radio[class] {
  /* Grid keeps feedback aligned under the label without Bootstrap's offset layout. */
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: start;
  align-self: start;
  padding: var(--mds-spacing-none);
  column-gap: var(--mds-spacing-xs);
  row-gap: var(--mds-spacing-xxs);
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-default);
  font-weight: var(--mds-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-default);
  letter-spacing: var(--mds-letter-spacing-default);
}

/* Touch-target wrapper: enforces the Figma minimum height and vertically centres the
   indicator within it so it optically aligns with the first line of a wrapped label. */
.mds-radio[class] .mds-radio-input-wrapper {
  display: flex;
  align-items: center;
  min-height: 24px; /* Intentional Figma fixed size. */
}

.mds-radio[class] .mds-radio-input {
  border-radius: var(--mds-border-radius-pill);
  border: var(--mds-stroke-weight-sm) solid var(--mds-border-interactive-secondary-default);
  /* Disable Bootstrap's state transitions to avoid a one-frame focus colour flash. */
  transition: none;
  /* Avoid the background shorthand so Bootstrap's checked dot SVG remains applied. */
  margin: 0;
  float: none;
  background-color: var(--mds-bg-surface-default);
}

.mds-radio[class] .mds-radio-input:checked {
  background-color: var(--mds-bg-interactive-primary-default);
  border-color: transparent;
}

.mds-radio[class] .mds-radio-input:disabled {
  border-color: var(--mds-border-interactive-secondary-disabled);
}

.mds-radio[class] .mds-radio-input:disabled:checked {
  background-color: var(--mds-bg-interactive-primary-disabled);
  border-color: transparent;
}

.mds-radio[class] .mds-radio-input.is-invalid {
  border-color: var(--mds-border-interactive-danger-default);
}

.mds-radio[class] .mds-radio-input.is-invalid:checked {
  background-color: var(--mds-bg-interactive-danger-default);
  border-color: transparent;
}

/* Disabled takes precedence over invalid when both states are active. */
.mds-radio[class] .mds-radio-input.is-invalid:disabled {
  background-color: var(--mds-bg-interactive-secondary-disabled);
  border-color: var(--mds-border-interactive-secondary-disabled);
}

.mds-radio[class] .mds-radio-input.is-invalid:disabled:checked {
  background-color: var(--mds-bg-interactive-primary-disabled);
  border-color: transparent;
}

.mds-radio[class] .mds-radio-input:focus {
  /* Reset Bootstrap's :focus box-shadow; our ring is applied on :focus-visible only */
  box-shadow: none;
  outline: none;
}

.mds-radio[class] .mds-radio-input:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

.mds-radio[class] .mds-radio-input.is-invalid:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-border-feedback-danger);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

.mds-radio[class] .mds-radio-label {
  color: var(--mds-text-default);
}

/* Use :has() on the wrapper so label colour follows the input state across the wrapper boundary. */
.mds-radio[class] .mds-radio-input-wrapper:has(:disabled) ~ .mds-radio-label {
  color: var(--mds-text-muted);
}

.mds-radio[class] .mds-radio-input-wrapper:has(.is-invalid) ~ .mds-radio-label {
  color: var(--mds-text-danger);
}

/* Disabled takes precedence over invalid — restore muted colour when both are active. */
.mds-radio[class] .mds-radio-input-wrapper:has(.is-invalid:disabled) ~ .mds-radio-label {
  color: var(--mds-text-muted);
}

.mds-radio[class] .mds-radio-feedback {
  /* Bootstrap hides .invalid-feedback via display:none and reveals it with an .is-invalid
     sibling selector. The input is now inside .mds-radio-input-wrapper so that selector
     no longer reaches the feedback div. Override here — we control rendering in JSX. */
  display: block;
  /* Keep feedback aligned with the label column in the grid layout. */
  grid-column: 2;
  font-size: var(--mds-font-size-paragraph-small);
  font-weight: var(--mds-font-weight-medium);
  line-height: var(--mds-line-height-paragraph-xs);
  color: var(--mds-text-danger);
}

.mds-radio[class] .mds-radio-input-wrapper:has(:disabled) ~ .mds-radio-feedback {
  opacity: 0.5;
}

/* switch/index.css */
.mds-switch {
  display: flex;
  align-self: start;
}

.mds-switch-control {
  display: inline-flex;
  align-items: center;
  gap: var(--mds-spacing-xs);
  padding-block: var(--mds-spacing-xxs);
  white-space: nowrap;
  cursor: pointer;
}

.mds-switch--label-start .mds-switch-control {
  flex-direction: row-reverse;
}

.mds-switch-label {
  color: var(--mds-text-default);
  user-select: none;
  white-space: nowrap;
  font-family: var(--mds-font-family-base);
  font-size: var(--mds-font-size-paragraph-default);
  font-weight: var(--mds-font-weight-regular);
  line-height: var(--mds-line-height-paragraph-xs);
  letter-spacing: var(--mds-letter-spacing-default);
}

.mds-switch-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mds-switch-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 32px; /* Intentional Figma fixed size (no switch geometry token). */
  block-size: 18px; /* Intentional Figma fixed size (no switch geometry token). */
  flex-shrink: 0;
}

.mds-switch-focus-ring {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  border-radius: var(--mds-border-radius-pill);
}

.mds-switch-track {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  inline-size: 100%;
  block-size: 100%;
  padding: var(--mds-switch-track-padding);
  border-radius: var(--mds-border-radius-pill);
  background-color: var(--mds-bg-switch-track-default);
  color: var(--mds-bg-switch-track-default);
  transition: background-color 0.15s linear, color 0.15s linear;
}

.mds-switch-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 14px; /* Intentional Figma fixed size (no switch geometry token). */
  block-size: 14px; /* Intentional Figma fixed size (no switch geometry token). */
  border-radius: var(--mds-border-radius-pill);
  background-color: var(--mds-bg-switch-thumb-default);
  transform: translateX(0);
  transition: background-color 0.15s linear, transform 0.15s cubic-bezier(0.5, 0, 0.5, 1);
}

.mds-switch-icon {
  display: inline-grid;
  place-items: center;
  position: relative;
  inline-size: 100%;
  block-size: 100%;
}

.mds-switch-icon-item {
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  /* auto uses the SVG's declared width/height rather than scaling to fill */
  mask-size: auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: auto;
  transition: opacity 0.15s linear;
}

.mds-switch-icon-item--checked {
  opacity: 0;
}

.mds-switch--variant-enable .mds-switch-icon-item--unchecked {
  inline-size: 6px; /* Figma fixed SVG bounds. */
  block-size: 6px; /* Figma fixed SVG bounds. */
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.81747%201.02496L3.85179%202.99064L5.81747%204.97504C6.06084%205.19969%206.06084%205.59282%205.81747%205.81747C5.59282%206.06084%205.19969%206.06084%204.97504%205.81747L3.00936%203.85179L1.02496%205.81747C0.800312%206.06084%200.407176%206.06084%200.182527%205.81747C-0.0608424%205.59282%20-0.0608424%205.19969%200.182527%204.97504L2.14821%202.99064L0.182527%201.02496C-0.0608424%200.800312%20-0.0608424%200.407176%200.182527%200.182527C0.407176%20-0.0608424%200.800312%20-0.0608424%201.02496%200.182527L3.00936%202.14821L4.97504%200.182527C5.19969%20-0.0608424%205.59282%20-0.0608424%205.81747%200.182527C6.06084%200.407176%206.06084%200.800312%205.81747%201.02496Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.81747%201.02496L3.85179%202.99064L5.81747%204.97504C6.06084%205.19969%206.06084%205.59282%205.81747%205.81747C5.59282%206.06084%205.19969%206.06084%204.97504%205.81747L3.00936%203.85179L1.02496%205.81747C0.800312%206.06084%200.407176%206.06084%200.182527%205.81747C-0.0608424%205.59282%20-0.0608424%205.19969%200.182527%204.97504L2.14821%202.99064L0.182527%201.02496C-0.0608424%200.800312%20-0.0608424%200.407176%200.182527%200.182527C0.407176%20-0.0608424%200.800312%20-0.0608424%201.02496%200.182527L3.00936%202.14821L4.97504%200.182527C5.19969%20-0.0608424%205.59282%20-0.0608424%205.81747%200.182527C6.06084%200.407176%206.06084%200.800312%205.81747%201.02496Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
}

.mds-switch--variant-enable .mds-switch-icon-item--checked {
  inline-size: 9px; /* Figma fixed SVG bounds. */
  block-size: 6px; /* Figma fixed SVG bounds. */
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%226%22%20viewBox%3D%220%200%209%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.21373%200.182527C8.4571%200.407176%208.4571%200.800312%208.21373%201.02496L3.42122%205.81747C3.19657%206.06084%202.80343%206.06084%202.57878%205.81747L0.182527%203.42122C-0.0608424%203.19657%20-0.0608424%202.80343%200.182527%202.57878C0.407176%202.33541%200.800312%202.33541%201.02496%202.57878L3.00936%204.54446L7.37129%200.182527C7.59594%20-0.0608424%207.98908%20-0.0608424%208.21373%200.182527Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%226%22%20viewBox%3D%220%200%209%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.21373%200.182527C8.4571%200.407176%208.4571%200.800312%208.21373%201.02496L3.42122%205.81747C3.19657%206.06084%202.80343%206.06084%202.57878%205.81747L0.182527%203.42122C-0.0608424%203.19657%20-0.0608424%202.80343%200.182527%202.57878C0.407176%202.33541%200.800312%202.33541%201.02496%202.57878L3.00936%204.54446L7.37129%200.182527C7.59594%20-0.0608424%207.98908%20-0.0608424%208.21373%200.182527Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
}

.mds-switch--variant-visibility .mds-switch-icon-item--unchecked {
  inline-size: 10px; /* Figma fixed SVG bounds. */
  block-size: 8px; /* Figma fixed SVG bounds. */
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.60379%200.0885031L2.35264%201.44699C3.05531%200.916085%203.92973%200.494487%205.00715%200.494487C6.25633%200.494487%207.27129%201.07223%208.00518%201.75928C8.73908%202.43072%209.22314%203.24268%209.45736%203.80482C9.5042%203.92973%209.5042%204.07027%209.45736%204.19518C9.25436%204.69486%208.83277%205.41314%208.20818%206.03773L9.84773%207.33375C10.0195%207.45867%2010.0507%207.69289%209.91018%207.84904C9.78527%208.0208%209.55105%208.05203%209.3949%207.9115L0.150962%200.666249C-0.0208002%200.541331%20-0.0520297%200.30711%200.0885031%200.150962C0.213421%20-0.0208002%200.447643%20-0.0520297%200.60379%200.0885031ZM3.49252%202.33703L4.89785%203.44568C4.96031%203.30514%205.00715%203.16461%205.00715%203.00846C5.00715%202.88354%204.97592%202.78986%204.94469%202.68055C4.92908%202.60248%204.97592%202.49318%205.06961%202.50879C5.70982%202.52441%206.27195%202.96162%206.44371%203.61744C6.5374%203.96096%206.50617%204.30449%206.38125%204.60117L6.97461%205.06961C7.14637%204.75732%207.25568%204.38256%207.25568%203.99219C7.25568%202.75863%206.24072%201.74367%205.00715%201.74367C4.41379%201.74367%203.88289%201.97789%203.49252%202.33703ZM5.83473%206.08457L6.97461%206.99023C6.39686%207.30252%205.74104%207.4899%205.00715%207.4899C3.74236%207.4899%202.7274%206.92777%201.9935%206.24072C1.25961%205.55367%200.775552%204.7417%200.541331%204.19518C0.494487%204.07027%200.494487%203.92973%200.541331%203.80482C0.697479%203.44568%200.947315%202.99285%201.30645%202.52441L2.77424%203.6799C2.75863%203.7892%202.75863%203.8985%202.75863%203.99219C2.75863%205.24137%203.75797%206.24072%205.00715%206.24072C5.28822%206.24072%205.56928%206.19387%205.83473%206.08457Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.60379%200.0885031L2.35264%201.44699C3.05531%200.916085%203.92973%200.494487%205.00715%200.494487C6.25633%200.494487%207.27129%201.07223%208.00518%201.75928C8.73908%202.43072%209.22314%203.24268%209.45736%203.80482C9.5042%203.92973%209.5042%204.07027%209.45736%204.19518C9.25436%204.69486%208.83277%205.41314%208.20818%206.03773L9.84773%207.33375C10.0195%207.45867%2010.0507%207.69289%209.91018%207.84904C9.78527%208.0208%209.55105%208.05203%209.3949%207.9115L0.150962%200.666249C-0.0208002%200.541331%20-0.0520297%200.30711%200.0885031%200.150962C0.213421%20-0.0208002%200.447643%20-0.0520297%200.60379%200.0885031ZM3.49252%202.33703L4.89785%203.44568C4.96031%203.30514%205.00715%203.16461%205.00715%203.00846C5.00715%202.88354%204.97592%202.78986%204.94469%202.68055C4.92908%202.60248%204.97592%202.49318%205.06961%202.50879C5.70982%202.52441%206.27195%202.96162%206.44371%203.61744C6.5374%203.96096%206.50617%204.30449%206.38125%204.60117L6.97461%205.06961C7.14637%204.75732%207.25568%204.38256%207.25568%203.99219C7.25568%202.75863%206.24072%201.74367%205.00715%201.74367C4.41379%201.74367%203.88289%201.97789%203.49252%202.33703ZM5.83473%206.08457L6.97461%206.99023C6.39686%207.30252%205.74104%207.4899%205.00715%207.4899C3.74236%207.4899%202.7274%206.92777%201.9935%206.24072C1.25961%205.55367%200.775552%204.7417%200.541331%204.19518C0.494487%204.07027%200.494487%203.92973%200.541331%203.80482C0.697479%203.44568%200.947315%202.99285%201.30645%202.52441L2.77424%203.6799C2.75863%203.7892%202.75863%203.8985%202.75863%203.99219C2.75863%205.24137%203.75797%206.24072%205.00715%206.24072C5.28822%206.24072%205.56928%206.19387%205.83473%206.08457Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
}

.mds-switch--variant-visibility .mds-switch-icon-item--checked {
  inline-size: 9px; /* Figma fixed SVG bounds. */
  block-size: 7px; /* Figma fixed SVG bounds. */
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%227%22%20viewBox%3D%220%200%209%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M4.50391%200C5.75391%200%206.76953%200.578125%207.50391%201.26562C8.23828%201.9375%208.72266%202.75%208.95703%203.3125C9.00391%203.4375%209.00391%203.57812%208.95703%203.70312C8.72266%204.25%208.23828%205.0625%207.50391%205.75C6.76953%206.4375%205.75391%207%204.50391%207C3.23828%207%202.22266%206.4375%201.48828%205.75C0.753906%205.0625%200.269531%204.25%200.0351562%203.70312C-0.0117188%203.57812%20-0.0117188%203.4375%200.0351562%203.3125C0.269531%202.75%200.753906%201.9375%201.48828%201.26562C2.22266%200.578125%203.23828%200%204.50391%200ZM2.25391%203.5C2.25391%204.3125%202.67578%205.04688%203.37891%205.45312C4.06641%205.85938%204.92578%205.85938%205.62891%205.45312C6.31641%205.04688%206.75391%204.3125%206.75391%203.5C6.75391%202.70312%206.31641%201.96875%205.62891%201.5625C4.92578%201.15625%204.06641%201.15625%203.37891%201.5625C2.67578%201.96875%202.25391%202.70312%202.25391%203.5ZM4.50391%202.5C4.50391%202.39062%204.47266%202.29688%204.44141%202.1875C4.41016%202.10938%204.47266%202%204.56641%202C5.19141%202.03125%205.76953%202.46875%205.94141%203.125C6.16016%203.92188%205.69141%204.73438%204.87891%204.95312C4.08203%205.17188%203.25391%204.6875%203.05078%203.89062C3.01953%203.78125%203.00391%203.67188%203.00391%203.57812C2.98828%203.48438%203.09766%203.42188%203.17578%203.45312C3.28516%203.48438%203.37891%203.5%203.50391%203.5C4.05078%203.5%204.50391%203.0625%204.50391%202.5Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%227%22%20viewBox%3D%220%200%209%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M4.50391%200C5.75391%200%206.76953%200.578125%207.50391%201.26562C8.23828%201.9375%208.72266%202.75%208.95703%203.3125C9.00391%203.4375%209.00391%203.57812%208.95703%203.70312C8.72266%204.25%208.23828%205.0625%207.50391%205.75C6.76953%206.4375%205.75391%207%204.50391%207C3.23828%207%202.22266%206.4375%201.48828%205.75C0.753906%205.0625%200.269531%204.25%200.0351562%203.70312C-0.0117188%203.57812%20-0.0117188%203.4375%200.0351562%203.3125C0.269531%202.75%200.753906%201.9375%201.48828%201.26562C2.22266%200.578125%203.23828%200%204.50391%200ZM2.25391%203.5C2.25391%204.3125%202.67578%205.04688%203.37891%205.45312C4.06641%205.85938%204.92578%205.85938%205.62891%205.45312C6.31641%205.04688%206.75391%204.3125%206.75391%203.5C6.75391%202.70312%206.31641%201.96875%205.62891%201.5625C4.92578%201.15625%204.06641%201.15625%203.37891%201.5625C2.67578%201.96875%202.25391%202.70312%202.25391%203.5ZM4.50391%202.5C4.50391%202.39062%204.47266%202.29688%204.44141%202.1875C4.41016%202.10938%204.47266%202%204.56641%202C5.19141%202.03125%205.76953%202.46875%205.94141%203.125C6.16016%203.92188%205.69141%204.73438%204.87891%204.95312C4.08203%205.17188%203.25391%204.6875%203.05078%203.89062C3.01953%203.78125%203.00391%203.67188%203.00391%203.57812C2.98828%203.48438%203.09766%203.42188%203.17578%203.45312C3.28516%203.48438%203.37891%203.5%203.50391%203.5C4.05078%203.5%204.50391%203.0625%204.50391%202.5Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
}

.mds-switch--variant-lock .mds-switch-icon-item--unchecked {
  inline-size: 9px; /* Figma fixed SVG bounds. */
  block-size: 8px; /* Figma fixed SVG bounds. */
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%228%22%20viewBox%3D%220%200%209%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.5%202.25V3H6C6.54688%203%207%203.45312%207%204V7C7%207.5625%206.54688%208%206%208H1C0.4375%208%200%207.5625%200%207V4C0%203.45312%200.4375%203%201%203H4.5V2.25C4.5%201.01562%205.5%200%206.75%200C7.98438%200%209%201.01562%209%202.25V3C9%203.28125%208.76562%203.5%208.5%203.5C8.21875%203.5%208%203.28125%208%203V2.25C8%201.5625%207.4375%201%206.75%201C6.04688%201%205.5%201.5625%205.5%202.25Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%228%22%20viewBox%3D%220%200%209%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M5.5%202.25V3H6C6.54688%203%207%203.45312%207%204V7C7%207.5625%206.54688%208%206%208H1C0.4375%208%200%207.5625%200%207V4C0%203.45312%200.4375%203%201%203H4.5V2.25C4.5%201.01562%205.5%200%206.75%200C7.98438%200%209%201.01562%209%202.25V3C9%203.28125%208.76562%203.5%208.5%203.5C8.21875%203.5%208%203.28125%208%203V2.25C8%201.5625%207.4375%201%206.75%201C6.04688%201%205.5%201.5625%205.5%202.25Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
}

.mds-switch--variant-lock .mds-switch-icon-item--checked {
  inline-size: 7px; /* Figma fixed SVG bounds. */
  block-size: 8px; /* Figma fixed SVG bounds. */
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%228%22%20viewBox%3D%220%200%207%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2.25%202.25V3H4.75V2.25C4.75%201.5625%204.1875%201%203.5%201C2.79688%201%202.25%201.5625%202.25%202.25ZM1.25%203V2.25C1.25%201.01562%202.25%200%203.5%200C4.73438%200%205.75%201.01562%205.75%202.25V3H6C6.54688%203%207%203.45312%207%204V7C7%207.5625%206.54688%208%206%208H1C0.4375%208%200%207.5625%200%207V4C0%203.45312%200.4375%203%201%203H1.25Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%228%22%20viewBox%3D%220%200%207%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2.25%202.25V3H4.75V2.25C4.75%201.5625%204.1875%201%203.5%201C2.79688%201%202.25%201.5625%202.25%202.25ZM1.25%203V2.25C1.25%201.01562%202.25%200%203.5%200C4.73438%200%205.75%201.01562%205.75%202.25V3H6C6.54688%203%207%203.45312%207%204V7C7%207.5625%206.54688%208%206%208H1C0.4375%208%200%207.5625%200%207V4C0%203.45312%200.4375%203%201%203H1.25Z%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E");
}

.mds-switch-input:not(:disabled) + .mds-switch-control:hover .mds-switch-track {
  background-color: var(--mds-bg-switch-track-hover);
  color: var(--mds-bg-switch-track-hover);
}

.mds-switch-input:not(:disabled) + .mds-switch-control:hover .mds-switch-thumb {
  background-color: var(--mds-bg-switch-thumb-hover);
}

.mds-switch-input:checked + .mds-switch-control .mds-switch-track {
  background-color: var(--mds-bg-interactive-primary-default);
  color: var(--mds-bg-interactive-primary-default);
}

.mds-switch-input:checked + .mds-switch-control .mds-switch-thumb {
  transform: translateX(14px); /* Intentional Figma fixed travel (following the thumb size, no switch geometry token). */
  background-color: var(--mds-bg-interactive-primary-default-light);
}

/* RTL: checked state still moves toward inline-end, which is left in RTL contexts. */
[dir=rtl] .mds-switch-input:checked + .mds-switch-control .mds-switch-thumb,
:dir(rtl) .mds-switch-input:checked + .mds-switch-control .mds-switch-thumb {
  transform: translateX(-14px); /* RTL mirror of the same intentional Figma fixed travel. */
}

.mds-switch-input:checked + .mds-switch-control:hover .mds-switch-track {
  background-color: var(--mds-bg-interactive-primary-hover);
  color: var(--mds-bg-interactive-primary-hover);
}

/* Override the generic hover thumb rule — checked+hover thumb stays light blue */
.mds-switch-input:checked:not(:disabled) + .mds-switch-control:hover .mds-switch-thumb {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-switch-input:checked + .mds-switch-control .mds-switch-icon-item--unchecked {
  opacity: 0;
}

.mds-switch-input:checked + .mds-switch-control .mds-switch-icon-item--checked {
  opacity: 1;
}

.mds-switch-input:disabled + .mds-switch-control {
  cursor: not-allowed;
}

.mds-switch-input:disabled + .mds-switch-control .mds-switch-label {
  color: var(--mds-text-muted);
}

.mds-switch-input:disabled + .mds-switch-control .mds-switch-track {
  background-color: var(--mds-bg-switch-track-disabled);
  color: var(--mds-bg-switch-track-disabled);
}

.mds-switch-input:disabled + .mds-switch-control .mds-switch-thumb {
  background-color: var(--mds-bg-switch-thumb-disabled);
}

.mds-switch-input:checked:disabled + .mds-switch-control .mds-switch-track {
  background-color: var(--mds-bg-interactive-primary-disabled);
  color: var(--mds-bg-interactive-primary-disabled);
}

.mds-switch-input:checked:disabled + .mds-switch-control .mds-switch-thumb {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.mds-switch-input:focus {
  box-shadow: none;
  outline: none;
}

.mds-switch-input:focus-visible + .mds-switch-control .mds-switch-focus-ring {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  .mds-switch-track,
  .mds-switch-thumb,
  .mds-switch-icon-item {
    transition: none;
  }
}
/* tooltip/index.css */
/* ─── Host wrapper ─────────────────────────────────────────────────────────── */
.mds-tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ─── Bubble ───────────────────────────────────────────────────────────────── */
/*
 * The bubble is rendered with FloatingPortal into document.body. This avoids
 * clipping from overflow/transform ancestors while Floating UI controls
 * placement via inline top/left styles.
 */
.mds-tooltip__bubble {
  z-index: 1080;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease, visibility 0.1s ease;
  white-space: normal;
}

@media (prefers-reduced-motion: reduce) {
  .mds-tooltip__bubble {
    transition: none;
  }
}
/*
 * data-positioned appears once Floating UI computes a final position, preventing
 * a top-left flash before the first measurement pass completes.
 *
 * data-forced-open is an internal story/test hook that bypasses interaction timing.
 */
.mds-tooltip__bubble[data-positioned],
.mds-tooltip__bubble[data-forced-open] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* ─── Content box ───────────────────────────────────────────────────────────── */
.mds-tooltip__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 200px;
  min-inline-size: 0;
  padding: var(--mds-spacing-xxs) var(--mds-spacing-xs);
  border-radius: var(--mds-border-radius-sm);
  background-color: var(--mds-bg-feedback-secondary-dark);
}

.mds-tooltip__bubble--light .mds-tooltip__content {
  background-color: var(--mds-bg-feedback-secondary-default);
}

/* ─── Text ──────────────────────────────────────────────────────────────────── */
.mds-tooltip__text {
  display: block;
  max-inline-size: 100%;
  min-inline-size: 0;
  font-family: var(--mds-font-family-base);
  font-weight: var(--mds-font-weight-regular);
  font-size: var(--mds-font-size-paragraph-small);
  line-height: var(--mds-line-height-paragraph-small);
  letter-spacing: var(--mds-letter-spacing-default);
  /*
   * Keep natural word boundaries for readable text, but still force wrapping
   * for long unbroken tokens (for example URLs) so the bubble never overflows.
   */
  word-break: normal;
  overflow-wrap: anywhere;
  color: var(--mds-text-inverse);
  text-align: center;
}

.mds-tooltip__bubble--light .mds-tooltip__text {
  color: var(--mds-text-default);
}

/* ─── Arrow ─────────────────────────────────────────────────────────────────── */
/* FloatingArrow writes an SVG path; fill must target the path nodes directly. */
.mds-tooltip__arrow path {
  fill: var(--mds-bg-feedback-secondary-dark);
}

.mds-tooltip__bubble--light .mds-tooltip__arrow path {
  fill: var(--mds-bg-feedback-secondary-default);
}

/**
 * Noto Sans webfont declarations, files are served from theme/boost/fonts/noto-sans/.
 */
/* Noto Sans - latin-ext, normal */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-normal-latin-ext.woff2]]") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Noto Sans - latin, normal */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-normal-latin.woff2]]") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Noto Sans - latin-ext, italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-italic-latin-ext.woff2]]") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Noto Sans - latin, italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-italic-latin.woff2]]") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Noto Sans - cyrillic-ext, normal */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-normal-cyrillic-ext.woff2]]") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Noto Sans - cyrillic, normal */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-normal-cyrillic.woff2]]") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Noto Sans - cyrillic-ext, italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-italic-cyrillic-ext.woff2]]") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Noto Sans - cyrillic, italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans/noto-sans-italic-cyrillic.woff2]]") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/**
 * Noto Sans JP webfont declarations, files are served from theme/boost/fonts/noto-sans-jp/.
 */
/* Noto Sans JP - japanese subset 000 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-000.woff2]]") format("woff2");
  unicode-range: U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27eaf, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+284dc, U+2856b, U+285c8-285c9, U+286d7, U+286fa, U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2d544, U+2e278, U+2e569, U+2e6ea, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
}
/* Noto Sans JP - japanese subset 001 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-001.woff2]]") format("woff2");
  unicode-range: U+1f235-1f23b, U+1f240-1f248, U+1f250-1f251, U+2000b, U+20089-2008a, U+200a2, U+200a4, U+200b0, U+200f5, U+20158, U+201a2, U+20213, U+2032b, U+20371, U+20381, U+203f9, U+2044a, U+20509, U+2053f, U+205b1, U+205d6, U+20611, U+20628, U+206ec, U+2074f, U+207c8, U+20807, U+2083a, U+208b9, U+2090e, U+2097c, U+20984, U+2099d, U+20a64, U+20ad3, U+20b1d, U+20b9f, U+20bb7, U+20d45, U+20d58, U+20de1, U+20e64, U+20e6d, U+20e95, U+20f5f, U+21201, U+2123d, U+21255, U+21274, U+2127b, U+212d7, U+212e4, U+212fd, U+2131b, U+21336, U+21344, U+213c4, U+2146d-2146e, U+215d7, U+21647, U+216b4, U+21706, U+21742, U+218bd, U+219c3, U+21a1a, U+21c56, U+21d2d, U+21d45, U+21d62, U+21d78, U+21d92, U+21d9c, U+21da1, U+21db7, U+21de0, U+21e33-21e34, U+21f1e, U+21f76, U+21ffa, U+2217b, U+22218, U+2231e, U+223ad, U+22609, U+226f3, U+2285b, U+228ab, U+2298f, U+22ab8, U+22b46, U+22b4f-22b50, U+22ba6, U+22c1d, U+22c24, U+22de1, U+22e42, U+22feb, U+231b6, U+231c3-231c4, U+231f5, U+23372, U+233cc, U+233d0, U+233d2-233d3, U+233d5, U+233da, U+233df, U+233e4, U+233fe, U+2344a-2344b, U+23451, U+23465, U+234e4, U+2355a, U+23594, U+235c4, U+23638-2363a, U+23647, U+2370c, U+2371c, U+2373f, U+23763-23764, U+237e7, U+237f1, U+237ff, U+23824, U+2383d, U+23a98, U+23c7f, U+23cbe, U+23cfe, U+23d00, U+23d0e, U+23d40, U+23dd3, U+23df9-23dfa, U+23f7e, U+2404b, U+24096, U+24103, U+241c6, U+241fe, U+242ee, U+243bc, U+243d0, U+24629, U+246a5, U+247f1, U+24896, U+248e9, U+24a4d, U+24b56, U+24b6f, U+24c16, U+24d14, U+24e04, U+24e0e, U+24e37, U+24e6a, U+24e8b, U+24ff2, U+2504a, U+25055, U+25122, U+251a9, U+251cd, U+251e5, U+2521e, U+2524c, U+2542e, U+2548e, U+254d9, U+2550e, U+255a7, U+2567f, U+25771, U+257a9, U+257b4, U+25874, U+259c4, U+259cc, U+259d4, U+25ad7, U+25ae3-25ae4, U+25af1, U+25bb2, U+25c4b, U+25c64, U+25da1, U+25e2e, U+25e56, U+25e62, U+25e65, U+25ec2, U+25ed8;
}
/* Noto Sans JP - japanese subset 002 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-002.woff2]]") format("woff2");
  unicode-range: U+ffd7, U+ffda-ffdc, U+ffe0-ffe2, U+ffe4, U+ffe6, U+ffe8-ffee, U+1f100-1f10c, U+1f110-1f16c, U+1f170-1f1ac, U+1f200-1f202, U+1f210-1f234;
}
/* Noto Sans JP - japanese subset 003 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-003.woff2]]") format("woff2");
  unicode-range: U+fa10, U+fa12-fa6d, U+fb00-fb04, U+fe10-fe19, U+fe30-fe42, U+fe44-fe52, U+fe54-fe66, U+fe68-fe6b, U+ff02, U+ff04, U+ff07, U+ff51, U+ff5b, U+ff5d, U+ff5f-ff60, U+ff66, U+ff69, U+ff87, U+ffa1-ffbe, U+ffc2-ffc7, U+ffca-ffcf, U+ffd2-ffd6;
}
/* Noto Sans JP - japanese subset 004 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-004.woff2]]") format("woff2");
  unicode-range: U+f92d-f959, U+f95b-f9f2, U+f9f4-fa0b, U+fa0e-fa0f;
}
/* Noto Sans JP - japanese subset 005 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-005.woff2]]") format("woff2");
  unicode-range: U+9e8b-9e8c, U+9e8e-9e8f, U+9e91-9e92, U+9e95-9e96, U+9e98, U+9e9b, U+9e9d-9e9e, U+9ea4-9ea5, U+9ea8-9eaa, U+9eac-9eb0, U+9eb3-9eb5, U+9eb8, U+9ebc-9ebf, U+9ec3, U+9ec6, U+9ec8, U+9ecb-9ecd, U+9ecf-9ed1, U+9ed4-9ed5, U+9ed8, U+9edb-9ee0, U+9ee4-9ee5, U+9ee7-9ee8, U+9eec-9ef2, U+9ef4-9ef9, U+9efb-9eff, U+9f02-9f03, U+9f07-9f09, U+9f0e-9f12, U+9f14-9f17, U+9f19-9f1b, U+9f1f-9f22, U+9f26, U+9f2a-9f2c, U+9f2f, U+9f31-9f32, U+9f34, U+9f37, U+9f39-9f3a, U+9f3c-9f3f, U+9f41, U+9f43-9f47, U+9f4a, U+9f4e-9f50, U+9f52-9f58, U+9f5a, U+9f5d-9f61, U+9f63, U+9f66-9f6a, U+9f6c-9f73, U+9f75-9f77, U+9f7a, U+9f7d, U+9f7f, U+9f8f-9f92, U+9f94-9f97, U+9f99, U+9f9c-9fa3, U+9fa5, U+9fb4, U+9fbc-9fc2, U+9fc4, U+9fc6, U+9fcc, U+f900-f92c;
}
/* Noto Sans JP - japanese subset 006 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-006.woff2]]") format("woff2");
  unicode-range: U+9c3e, U+9c41, U+9c43-9c4a, U+9c4e-9c50, U+9c52-9c54, U+9c56, U+9c58, U+9c5a-9c61, U+9c63, U+9c65, U+9c67-9c6b, U+9c6d-9c6e, U+9c70, U+9c72, U+9c75-9c78, U+9c7a-9c7c, U+9ce6-9ce7, U+9ceb-9cec, U+9cf0, U+9cf2, U+9cf6-9cf7, U+9cf9, U+9d02-9d03, U+9d06-9d09, U+9d0b, U+9d0e, U+9d11-9d12, U+9d15, U+9d17-9d18, U+9d1b-9d1f, U+9d23, U+9d26, U+9d2a-9d2c, U+9d2f-9d30, U+9d32-9d34, U+9d3a, U+9d3c-9d3f, U+9d41-9d48, U+9d4a, U+9d50-9d54, U+9d59, U+9d5d-9d65, U+9d69-9d6c, U+9d6f-9d70, U+9d72-9d73, U+9d76-9d77, U+9d7a-9d7c, U+9d7e, U+9d83-9d84, U+9d86-9d87, U+9d89-9d8a, U+9d8d-9d8e, U+9d92-9d93, U+9d95-9d9a, U+9da1, U+9da4, U+9da9-9dac, U+9dae, U+9db1-9db2, U+9db5, U+9db8-9dbd, U+9dbf-9dc4, U+9dc6-9dc7, U+9dc9-9dca, U+9dcf, U+9dd3-9dd7, U+9dd9-9dda, U+9dde-9de0, U+9de3, U+9de5-9de7, U+9de9, U+9deb, U+9ded-9df0, U+9df3-9df4, U+9df8, U+9dfd-9dfe, U+9e02, U+9e07, U+9e0a, U+9e0d-9e0e, U+9e10-9e12, U+9e15-9e16, U+9e19-9e1f, U+9e75, U+9e79-9e7d, U+9e80-9e85, U+9e87-9e88;
}
/* Noto Sans JP - japanese subset 007 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-007.woff2]]") format("woff2");
  unicode-range: U+9ae5-9ae7, U+9ae9, U+9aeb-9aec, U+9aee-9aef, U+9af1-9af5, U+9af7, U+9af9-9afb, U+9afd, U+9aff-9b06, U+9b08-9b09, U+9b0b-9b0e, U+9b10, U+9b12, U+9b16, U+9b18-9b1d, U+9b1f-9b20, U+9b22-9b23, U+9b25-9b2f, U+9b32-9b35, U+9b37, U+9b39-9b3b, U+9b3d, U+9b43-9b44, U+9b48, U+9b4b-9b4f, U+9b51, U+9b55-9b58, U+9b5b, U+9b5e, U+9b61, U+9b63, U+9b65-9b66, U+9b68, U+9b6a-9b6f, U+9b72-9b79, U+9b7f-9b80, U+9b83-9b87, U+9b89-9b8b, U+9b8d, U+9b8f-9b94, U+9b96-9b97, U+9b9a, U+9b9d-9ba0, U+9ba6-9ba7, U+9ba9-9baa, U+9bac, U+9bb0-9bb2, U+9bb4, U+9bb7-9bb9, U+9bbb-9bbc, U+9bbe-9bc1, U+9bc6-9bc8, U+9bca, U+9bce-9bd2, U+9bd4, U+9bd7-9bd8, U+9bdd, U+9bdf, U+9be1-9be5, U+9be7, U+9bea-9beb, U+9bee-9bf3, U+9bf5, U+9bf7-9bfa, U+9bfd, U+9bff-9c00, U+9c02, U+9c04, U+9c06, U+9c08-9c0d, U+9c0f-9c16, U+9c18-9c1e, U+9c21-9c2a, U+9c2d-9c32, U+9c35-9c37, U+9c39-9c3a, U+9c3d;
}
/* Noto Sans JP - japanese subset 008 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-008.woff2]]") format("woff2");
  unicode-range: U+98eb, U+98ed-98ee, U+98f0-98f1, U+98f3, U+98f6, U+9902, U+9907-9909, U+9911-9912, U+9914-9918, U+991a-9922, U+9924, U+9926-9927, U+992b-992c, U+992e, U+9931-9935, U+9939-993e, U+9940-9942, U+9945-9949, U+994b-994e, U+9950-9952, U+9954-9955, U+9958-9959, U+995b-995c, U+995e-9960, U+9963, U+9997-9998, U+999b, U+999d-999f, U+99a3, U+99a5-99a6, U+99a8, U+99ad-99ae, U+99b0-99b2, U+99b5, U+99b9-99ba, U+99bc-99bd, U+99bf, U+99c1, U+99c3, U+99c8-99c9, U+99d1, U+99d3-99d5, U+99d8-99df, U+99e1-99e2, U+99e7, U+99ea-99ee, U+99f0-99f2, U+99f4-99f5, U+99f8-99f9, U+99fb-99fe, U+9a01-9a05, U+9a08, U+9a0a-9a0c, U+9a0f-9a11, U+9a16, U+9a1a, U+9a1e, U+9a20, U+9a22-9a24, U+9a27, U+9a2b, U+9a2d-9a2e, U+9a31, U+9a33, U+9a35-9a38, U+9a3e, U+9a40-9a45, U+9a47, U+9a4a-9a4e, U+9a51-9a52, U+9a54-9a58, U+9a5b, U+9a5d, U+9a5f, U+9a62, U+9a64-9a65, U+9a69-9a6c, U+9aaa, U+9aac-9ab0, U+9ab2, U+9ab4-9ab7, U+9ab9, U+9abb-9ac1, U+9ac3, U+9ac6, U+9ac8, U+9ace-9ad3, U+9ad5-9ad7, U+9adb-9adc, U+9ade-9ae0, U+9ae2-9ae4;
}
/* Noto Sans JP - japanese subset 009 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-009.woff2]]") format("woff2");
  unicode-range: U+971d, U+9721-9724, U+9728, U+972a, U+9730-9731, U+9733, U+9736, U+9738-9739, U+973b, U+973d-973e, U+9741-9744, U+9746-974a, U+974d-974f, U+9751, U+9755, U+9757-9758, U+975a-975c, U+9760-9761, U+9763-9764, U+9766-9768, U+976a-976b, U+976e, U+9771, U+9773, U+9776-977d, U+977f-9781, U+9785-9786, U+9789, U+978b, U+978f-9790, U+9795-9797, U+9799-979a, U+979c, U+979e-97a0, U+97a2-97a3, U+97a6, U+97a8, U+97ab-97ac, U+97ae, U+97b1-97b6, U+97b8-97ba, U+97bc, U+97be-97bf, U+97c1, U+97c3-97ce, U+97d0-97d1, U+97d4, U+97d7-97d9, U+97db-97de, U+97e0-97e1, U+97e4, U+97e6, U+97ed-97ef, U+97f1-97f2, U+97f4-97f8, U+97fa, U+9804, U+9807, U+980a, U+980c-980f, U+9814, U+9816-9817, U+9819-981a, U+981c, U+981e, U+9820-9821, U+9823-9826, U+982b, U+982e-9830, U+9832-9835, U+9837, U+9839, U+983d-983e, U+9844, U+9846-9847, U+984a-984b, U+984f, U+9851-9853, U+9856-9857, U+9859-985b, U+9862-9863, U+9865-9866, U+986a-986c, U+986f-9871, U+9873-9875, U+98aa-98ab, U+98ad-98ae, U+98b0-98b1, U+98b4, U+98b6-98b8, U+98ba-98bc, U+98bf, U+98c2-98c8, U+98cb-98cc, U+98ce, U+98dc, U+98de, U+98e0-98e1, U+98e3, U+98e5-98e7, U+98e9-98ea;
}
/* Noto Sans JP - japanese subset 010 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-010.woff2]]") format("woff2");
  unicode-range: U+944a, U+944c, U+9452-9453, U+9455, U+9459-945c, U+945e-9463, U+9468, U+946a-946b, U+946d-9472, U+9475, U+9477, U+947c-947f, U+9481, U+9483-9485, U+9578-9579, U+957e-957f, U+9582, U+9584, U+9586-9588, U+958a, U+958c-958f, U+9592, U+9594, U+9596, U+9598-9599, U+959d-95a1, U+95a4, U+95a6-95a9, U+95ab-95ad, U+95b1, U+95b4, U+95b6, U+95b9-95bf, U+95c3, U+95c6, U+95c8-95cd, U+95d0-95d6, U+95d9-95da, U+95dc-95e2, U+95e4-95e6, U+95e8, U+961d-961e, U+9621-9622, U+9624-9626, U+9628, U+962c, U+962e-962f, U+9631, U+9633-9634, U+9637-963a, U+963c-963d, U+9641-9642, U+964b-964c, U+964f, U+9652, U+9654, U+9656-9658, U+965c-965f, U+9661, U+9666, U+966a, U+966c, U+966e, U+9672, U+9674, U+9677, U+967b-967c, U+967e-967f, U+9681-9684, U+9689, U+968b, U+968d, U+9691, U+9695-9698, U+969a, U+969d, U+969f, U+96a4-96aa, U+96ae-96b4, U+96b6, U+96b8-96bb, U+96bd, U+96c1, U+96c9-96cb, U+96cd-96ce, U+96d2, U+96d5-96d6, U+96d8-96da, U+96dc-96df, U+96e9, U+96ef, U+96f1, U+96f9-96fa, U+9702-9706, U+9708-9709, U+970d-970f, U+9711, U+9713-9714, U+9716, U+9719-971b;
}
/* Noto Sans JP - japanese subset 011 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-011.woff2]]") format("woff2");
  unicode-range: U+92bc-92bd, U+92bf-92c3, U+92c5-92c8, U+92cb-92d0, U+92d2-92d3, U+92d5, U+92d7-92d9, U+92dc-92dd, U+92df-92e1, U+92e3-92e5, U+92e7-92ea, U+92ec, U+92ee, U+92f0, U+92f2, U+92f7-92fb, U+92ff-9300, U+9302, U+9304, U+9308, U+930d, U+930f-9311, U+9314-9315, U+9318-931a, U+931c-931f, U+9321-9325, U+9327-932b, U+932e, U+9333-9337, U+933a-933b, U+9344, U+9347-934a, U+934d, U+9350-9352, U+9354-9358, U+935a, U+935c, U+935e, U+9360, U+9364-9365, U+9367, U+9369-936d, U+936f-9371, U+9373-9374, U+9376, U+937a, U+937d-9382, U+9388, U+938a-938b, U+938d, U+938f, U+9392, U+9394-9395, U+9397-9398, U+939a-939b, U+939e, U+93a1, U+93a3-93a4, U+93a6, U+93a8-93a9, U+93ab-93ad, U+93b0, U+93b4-93b6, U+93b9-93bb, U+93c1, U+93c3-93cd, U+93d0-93d1, U+93d3, U+93d6-93d9, U+93dc-93df, U+93e2, U+93e4-93e8, U+93f1, U+93f5, U+93f7-93fb, U+93fd, U+9401-9404, U+9407-9409, U+940d-9410, U+9413-9417, U+9419-941a, U+941f, U+9421, U+942b, U+942e-942f, U+9431-9434, U+9436, U+9438, U+943a-943b, U+943d, U+943f, U+9441, U+9443-9445, U+9448;
}
/* Noto Sans JP - japanese subset 012 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-012.woff2]]") format("woff2");
  unicode-range: U+9143, U+9146-914c, U+914f, U+9153, U+9156-915b, U+9161, U+9163-9165, U+9167, U+9169, U+916d, U+9172-9174, U+9179-917b, U+9181-9183, U+9185-9187, U+9189-918b, U+918e, U+9191, U+9193-9195, U+9197-9198, U+919e, U+91a1-91a2, U+91a6, U+91a8, U+91aa-91b6, U+91ba-91bd, U+91bf-91c6, U+91c9, U+91cb, U+91d0, U+91d3-91d4, U+91d6-91d7, U+91d9-91db, U+91de-91df, U+91e1, U+91e4-91e6, U+91e9-91ea, U+91ec-91f1, U+91f5-91f7, U+91f9, U+91fb-91fd, U+91ff-9201, U+9204-9207, U+9209-920a, U+920c, U+920e, U+9210-9218, U+921c-921e, U+9223-9226, U+9228-9229, U+922c, U+922e-9230, U+9233, U+9235-923a, U+923c, U+923e-9240, U+9242-9243, U+9245-924b, U+924d-9251, U+9256-925a, U+925c-925e, U+9260-9261, U+9264-9269, U+926e-9270, U+9275-9279, U+927b-927f, U+9288-928a, U+928d-928e, U+9291-9293, U+9295-9297, U+9299, U+929b-929c, U+929f-92a0, U+92a4-92a5, U+92a7-92a8, U+92ab, U+92af, U+92b2-92b3, U+92b6-92bb;
}
/* Noto Sans JP - japanese subset 013 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-013.woff2]]") format("woff2");
  unicode-range: U+8f52-8f55, U+8f57-8f58, U+8f5c-8f5e, U+8f61-8f66, U+8f9c-8f9d, U+8f9f-8fa2, U+8fa4-8fa8, U+8fad-8faf, U+8fb4-8fb8, U+8fbe, U+8fc0-8fc2, U+8fc6, U+8fc8, U+8fca-8fcb, U+8fcd, U+8fd0, U+8fd2-8fd3, U+8fd5, U+8fda, U+8fe0, U+8fe2-8fe5, U+8fe8-8fea, U+8fed-8fef, U+8ff1, U+8ff4-8ff6, U+8ff8-8ffb, U+8ffe, U+9002, U+9004-9005, U+9008, U+900b-900e, U+9011, U+9013, U+9015-9016, U+9018, U+901b, U+901e, U+9021, U+9027-902a, U+902c-902d, U+902f, U+9033-9037, U+9039, U+903c, U+903e-903f, U+9041, U+9043-9044, U+9049, U+904c, U+904f-9052, U+9056, U+9058, U+905b-905e, U+9062, U+9066-9068, U+906c, U+906f-9070, U+9072, U+9074, U+9076, U+9079, U+9080-9083, U+9085, U+9087-9088, U+908b-908c, U+908e-9090, U+9095, U+9097-9099, U+909b, U+90a0-90a2, U+90a5, U+90a8, U+90af-90b6, U+90bd-90be, U+90c3-90c5, U+90c7-90c9, U+90cc, U+90d2, U+90d5, U+90d7-90d9, U+90db-90df, U+90e2, U+90e4-90e5, U+90eb, U+90ef-90f0, U+90f2, U+90f4, U+90f6, U+90fe-9100, U+9102, U+9104-9106, U+9108, U+910d, U+9110, U+9112, U+9114-911a, U+911c, U+911e, U+9120, U+9122-9123, U+9125, U+9127, U+9129, U+912d-9132, U+9134, U+9136-9137, U+9139-913a, U+913c-913d;
}
/* Noto Sans JP - japanese subset 014 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-014.woff2]]") format("woff2");
  unicode-range: U+8dc0, U+8dc2, U+8dc5-8dc8, U+8dca-8dcc, U+8dce-8dcf, U+8dd1, U+8dd4-8dd7, U+8dd9-8ddb, U+8ddf, U+8de3-8de5, U+8de7, U+8dea-8dec, U+8df0-8df2, U+8df4, U+8dfc-8dfd, U+8dff, U+8e01, U+8e04-8e06, U+8e08-8e09, U+8e0b-8e0c, U+8e10-8e11, U+8e14, U+8e16, U+8e1d-8e23, U+8e26-8e27, U+8e30-8e31, U+8e33-8e39, U+8e3d, U+8e40-8e42, U+8e44, U+8e47-8e50, U+8e54-8e55, U+8e59, U+8e5b-8e64, U+8e69, U+8e6c-8e6d, U+8e6f-8e72, U+8e75-8e77, U+8e79-8e7c, U+8e81-8e85, U+8e89, U+8e8b, U+8e90-8e95, U+8e98-8e9b, U+8e9d-8e9e, U+8ea1-8ea2, U+8ea7, U+8ea9-8eaa, U+8eac-8eb1, U+8eb3, U+8eb5-8eb6, U+8eba-8ebb, U+8ebe, U+8ec0-8ec1, U+8ec3-8ec8, U+8ecb, U+8ecf, U+8ed1, U+8ed4, U+8edb-8edc, U+8ee3, U+8ee8, U+8eeb, U+8eed-8eee, U+8ef0-8ef1, U+8ef7, U+8ef9-8efc, U+8efe, U+8f00, U+8f02, U+8f05, U+8f07-8f08, U+8f0a, U+8f0f-8f10, U+8f12-8f13, U+8f15-8f19, U+8f1b-8f1c, U+8f1e-8f21, U+8f23, U+8f25-8f28, U+8f2b-8f2f, U+8f33-8f37, U+8f39-8f3b, U+8f3e, U+8f40-8f43, U+8f45-8f47, U+8f49-8f4a, U+8f4c-8f4f, U+8f51;
}
/* Noto Sans JP - japanese subset 015 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-015.woff2]]") format("woff2");
  unicode-range: U+8b2d, U+8b30, U+8b37, U+8b3c, U+8b3e, U+8b41-8b46, U+8b48-8b49, U+8b4c-8b4f, U+8b51-8b54, U+8b56, U+8b59, U+8b5b, U+8b5e-8b5f, U+8b63, U+8b69, U+8b6b-8b6d, U+8b6f, U+8b71, U+8b74, U+8b76, U+8b78-8b79, U+8b7c-8b81, U+8b84-8b85, U+8b8a-8b8f, U+8b92-8b96, U+8b99-8b9a, U+8b9c-8ba0, U+8c38-8c3a, U+8c3d-8c3f, U+8c41, U+8c45, U+8c47-8c49, U+8c4b-8c4c, U+8c4e-8c51, U+8c53-8c55, U+8c57-8c59, U+8c5b, U+8c5d, U+8c62-8c64, U+8c66, U+8c68-8c69, U+8c6b-8c6d, U+8c73, U+8c75-8c76, U+8c78, U+8c7a-8c7c, U+8c7e, U+8c82, U+8c85-8c87, U+8c89-8c8b, U+8c8d-8c8e, U+8c90, U+8c92-8c94, U+8c98-8c99, U+8c9b-8c9c, U+8c9f, U+8ca4, U+8cad-8cae, U+8cb2-8cb3, U+8cb6, U+8cb9-8cba, U+8cbd, U+8cc1-8cc2, U+8cc4-8cc6, U+8cc8-8cc9, U+8ccb, U+8ccd-8ccf, U+8cd2, U+8cd5-8cd6, U+8cd9-8cda, U+8cdd, U+8ce1, U+8ce3-8ce4, U+8ce6, U+8ce8, U+8cec, U+8cef-8cf2, U+8cf4-8cf5, U+8cf7-8cf8, U+8cfa-8cfb, U+8cfd-8cff, U+8d01, U+8d03-8d04, U+8d07, U+8d09-8d0b, U+8d0d-8d10, U+8d12-8d14, U+8d16-8d17, U+8d1b-8d1d, U+8d65, U+8d67, U+8d69, U+8d6b-8d6e, U+8d71, U+8d73, U+8d76, U+8d7f, U+8d81-8d82, U+8d84, U+8d88, U+8d8d, U+8d90-8d91, U+8d95, U+8d99, U+8d9e-8da0, U+8da6, U+8da8, U+8dab-8dac, U+8daf, U+8db2, U+8db5, U+8db7, U+8db9-8dbc, U+8dbe;
}
/* Noto Sans JP - japanese subset 016 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-016.woff2]]") format("woff2");
  unicode-range: U+8973-8975, U+8977, U+897a-897e, U+8980, U+8983, U+8988-898a, U+898d, U+8990, U+8993-8995, U+8998, U+899b-899c, U+899f-89a1, U+89a5-89a6, U+89a9, U+89ac, U+89af-89b0, U+89b2, U+89b4-89b7, U+89ba, U+89bc-89bd, U+89bf-89c1, U+89d4-89d8, U+89da, U+89dc-89dd, U+89e5, U+89e7, U+89e9, U+89eb, U+89ed, U+89f1, U+89f3-89f4, U+89f6, U+89f8-89f9, U+89fd, U+89ff, U+8a01, U+8a04-8a05, U+8a07, U+8a0c, U+8a0f-8a12, U+8a14-8a16, U+8a1b, U+8a1d-8a1e, U+8a20-8a22, U+8a24-8a26, U+8a2b-8a2c, U+8a2f, U+8a35-8a37, U+8a3b, U+8a3d-8a3e, U+8a40-8a41, U+8a43, U+8a45-8a49, U+8a4d-8a4e, U+8a51-8a54, U+8a56-8a58, U+8a5b-8a5d, U+8a61-8a62, U+8a65, U+8a67, U+8a6c-8a6d, U+8a75-8a77, U+8a79-8a7c, U+8a7e-8a80, U+8a82-8a86, U+8a8b, U+8a8f-8a92, U+8a96-8a97, U+8a99-8a9a, U+8a9f, U+8aa1, U+8aa3, U+8aa5-8aaa, U+8aae-8aaf, U+8ab3, U+8ab6-8ab7, U+8abb-8abc, U+8abe, U+8ac2-8ac4, U+8ac6, U+8ac8-8aca, U+8acc-8acd, U+8ad0-8ad1, U+8ad3-8ad5, U+8ad7, U+8ada-8ae2, U+8ae4, U+8ae7, U+8aeb-8aec, U+8aee, U+8af0-8af1, U+8af3-8af7, U+8afa, U+8afc, U+8aff, U+8b01-8b02, U+8b04-8b07, U+8b0a-8b0d, U+8b0f-8b11, U+8b14, U+8b16, U+8b1a, U+8b1c, U+8b1e-8b20, U+8b26, U+8b28, U+8b2b-8b2c;
}
/* Noto Sans JP - japanese subset 017 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-017.woff2]]") format("woff2");
  unicode-range: U+87e2-87e6, U+87ea-87ed, U+87ef, U+87f1, U+87f3, U+87f5-87f8, U+87fa-87fb, U+87fe-87ff, U+8801, U+8803, U+8805-8807, U+8809-880b, U+880d-8816, U+8818-881c, U+881e-881f, U+8821-8822, U+8827-8828, U+882d-882e, U+8830-8832, U+8835-8836, U+8839-883c, U+8841-8845, U+8848-884b, U+884d-884e, U+8851-8852, U+8855-8856, U+8858-885a, U+885c, U+885e-8860, U+8862, U+8864, U+8869, U+886b, U+886e-886f, U+8871-8872, U+8875, U+8877, U+8879, U+887b, U+887d-887e, U+8880-8882, U+8888, U+888d, U+8892, U+8897-889c, U+889e-88a0, U+88a2, U+88a4, U+88a8, U+88aa, U+88ae, U+88b0-88b1, U+88b5, U+88b7, U+88ba, U+88bc-88c0, U+88c3-88c4, U+88c6, U+88ca-88ce, U+88d1-88d4, U+88d8-88d9, U+88db, U+88dd-88e1, U+88e7-88e8, U+88ef-88f2, U+88f4-88f5, U+88f7, U+88f9, U+88fc, U+8901-8902, U+8904, U+8906, U+890a, U+890c-890f, U+8913, U+8915-8916, U+8918-891a, U+891c-891e, U+8920, U+8925-8928, U+892a-892b, U+8930-8932, U+8935-893b, U+893e, U+8940-8946, U+8949, U+894c-894d, U+894f, U+8952, U+8956-8957, U+895a-895c, U+895e, U+8960-8964, U+8966, U+896a-896b, U+896d-8970;
}
/* Noto Sans JP - japanese subset 018 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-018.woff2]]") format("woff2");
  unicode-range: U+8655-8659, U+865b, U+865d-8664, U+8667, U+8669, U+866c, U+866f, U+8671, U+8675-8677, U+867a-867b, U+867d, U+8687-8689, U+868b-868d, U+8691, U+8693, U+8695-8696, U+8698, U+869a, U+869c-869d, U+86a1, U+86a3-86a4, U+86a6-86ab, U+86ad, U+86af-86b1, U+86b3-86b9, U+86bf-86c1, U+86c3-86c6, U+86c9, U+86cb, U+86ce, U+86d1-86d2, U+86d4-86d5, U+86d7, U+86da, U+86dc, U+86de-86e0, U+86e3-86e7, U+86e9, U+86ec-86ed, U+86ef, U+86f8-86fe, U+8700, U+8703-870b, U+870d-8714, U+8719-871a, U+871e-871f, U+8721-8723, U+8725, U+8728-8729, U+872e-872f, U+8731-8732, U+8734, U+8737, U+8739-8740, U+8743, U+8745, U+8749, U+874b-874e, U+8751, U+8753, U+8755, U+8757-8759, U+875d, U+875f-8761, U+8763-8766, U+8768, U+876a, U+876e-876f, U+8771-8772, U+8774, U+8778, U+877b-877c, U+877f, U+8782-8789, U+878b-878c, U+878e, U+8790, U+8793, U+8795, U+8797-8799, U+879e-87a0, U+87a2-87a3, U+87a7, U+87ab-87af, U+87b1, U+87b3, U+87b5, U+87bb, U+87bd-87c1, U+87c4, U+87c6-87cb, U+87ce, U+87d0, U+87d2, U+87d5-87d6, U+87d9-87da, U+87dc, U+87df-87e0;
}
/* Noto Sans JP - japanese subset 019 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-019.woff2]]") format("woff2");
  unicode-range: U+84b4, U+84b9-84bb, U+84bd-84c2, U+84c6-84ca, U+84cc-84d1, U+84d3, U+84d6, U+84d9-84da, U+84dc, U+84e7, U+84ea, U+84ec, U+84ef-84f2, U+84f4, U+84f7, U+84fa-84fd, U+84ff-8500, U+8502-8503, U+8506-8507, U+850c, U+850e, U+8510, U+8514-8515, U+8517-8518, U+851a-851c, U+851e-851f, U+8521-8525, U+8527, U+852a-852c, U+852f, U+8532-8534, U+8536, U+853e-8541, U+8543, U+8546, U+8548, U+854a-854b, U+854f-8553, U+8555-855a, U+855c-8564, U+8569-856b, U+856d, U+856f, U+8577, U+8579-857b, U+857d-8581, U+8585-8586, U+8588-858c, U+858f-8591, U+8593, U+8597-8598, U+859b-859d, U+859f-85a0, U+85a2, U+85a4-85a5, U+85a7-85a8, U+85ad-85b0, U+85b4, U+85b6-85ba, U+85bc-85bf, U+85c1-85c2, U+85c7, U+85c9-85cb, U+85ce-85d0, U+85d5, U+85d8-85da, U+85dc, U+85df-85e1, U+85e5-85e6, U+85e8, U+85ed, U+85f3-85f4, U+85f6-85f7, U+85f9-85fa, U+85fc, U+85fe-8600, U+8602, U+8604-8606, U+860a-860b, U+860d-860e, U+8610-8613, U+8616-861b, U+861e, U+8621-8622, U+8624, U+8627, U+8629, U+862f-8630, U+8636, U+8638-863a, U+863c-863d, U+863f-8642, U+8646, U+864d, U+8652-8654;
}
/* Noto Sans JP - japanese subset 020 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-020.woff2]]") format("woff2");
  unicode-range: U+82e8, U+82ea, U+82ed, U+82ef, U+82f3-82f4, U+82f6-82f7, U+82f9, U+82fb, U+82fd-82fe, U+8300-8301, U+8303, U+8306-8308, U+830a-830c, U+8316-8318, U+831b, U+831d-831f, U+8321-8323, U+832b-8335, U+8337, U+833a, U+833c-833d, U+8340, U+8342-8347, U+834a, U+834d-8351, U+8353-8357, U+835a, U+8362-8363, U+8370, U+8373, U+8375, U+8378, U+837c-837d, U+837f-8380, U+8382, U+8384-8387, U+838a, U+838d-838e, U+8392-8396, U+8398-83a0, U+83a2, U+83a6-83ad, U+83b1, U+83b5, U+83bd-83c1, U+83c7, U+83c9, U+83ce-83d1, U+83d4, U+83d6, U+83d8, U+83dd, U+83df-83e1, U+83e5, U+83e8, U+83ea-83eb, U+83f0, U+83f2, U+83f4, U+83f6-83f9, U+83fb-83fd, U+8401, U+8403-8404, U+8406-8407, U+840a-840b, U+840d, U+840f, U+8411, U+8413, U+8415, U+8417, U+8419, U+8420, U+8422, U+842a, U+842f, U+8431, U+8435, U+8438-8439, U+843c, U+8445-8448, U+844a, U+844d-844f, U+8451-8452, U+8456, U+8458-845a, U+845c, U+845f-8462, U+8464-8467, U+8469-846b, U+846d-8470, U+8473-8474, U+8476-847a, U+847c-847d, U+8481-8482, U+8484-8485, U+848b, U+8490, U+8492-8493, U+8495, U+8497, U+849c, U+849e-849f, U+84a1, U+84a6, U+84a8-84aa, U+84ad, U+84af, U+84b1;
}
/* Noto Sans JP - japanese subset 021 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-021.woff2]]") format("woff2");
  unicode-range: U+814a, U+814c, U+8151-8153, U+8157, U+815f-8161, U+8165-8169, U+816d-816f, U+8171, U+8173-8174, U+8177, U+8180-8186, U+8188, U+818a-818b, U+818e, U+8190, U+8193, U+8195-8196, U+8198, U+819b, U+819e, U+81a0, U+81a2, U+81a4, U+81a9, U+81ae, U+81b0, U+81b2, U+81b4-81b5, U+81b8, U+81ba-81bb, U+81bd-81be, U+81c0-81c3, U+81c5-81c6, U+81c8-81cb, U+81cd-81cf, U+81d1, U+81d5-81db, U+81dd-81e1, U+81e4-81e5, U+81e7, U+81eb-81ec, U+81ef-81f2, U+81f5-81f6, U+81f8-81fb, U+81fd-8205, U+8209-820b, U+820d, U+820f, U+8212-8214, U+8216, U+8219-821d, U+8221-8222, U+8228-8229, U+822b, U+822e, U+8232-8235, U+8237-8238, U+823a, U+823c, U+8240, U+8243-8246, U+8249, U+824b, U+824e-824f, U+8251, U+8256-825a, U+825c-825d, U+825f-8260, U+8262-8264, U+8267-8268, U+826a-826b, U+826d-826e, U+8271, U+8274, U+8277, U+8279, U+827b, U+827d-8281, U+8283-8284, U+8287, U+8289-828a, U+828d-828e, U+8291-8294, U+8296, U+8298-829b, U+829f-82a1, U+82a3-82a4, U+82a7-82ac, U+82ae, U+82b0, U+82b2, U+82b4, U+82b7, U+82ba-82bc, U+82be-82bf, U+82c5-82c6, U+82d0, U+82d2-82d3, U+82d5, U+82d9-82da, U+82dc, U+82de-82e4, U+82e7;
}
/* Noto Sans JP - japanese subset 022 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-022.woff2]]") format("woff2");
  unicode-range: U+7f77-7f79, U+7f7d-7f80, U+7f82-7f83, U+7f86-7f88, U+7f8b-7f8d, U+7f8f-7f91, U+7f94, U+7f96-7f97, U+7f9a, U+7f9c-7f9d, U+7fa1-7fa3, U+7fa6, U+7faa, U+7fad-7faf, U+7fb2, U+7fb4, U+7fb6, U+7fb8-7fb9, U+7fbc, U+7fbf-7fc0, U+7fc3, U+7fc5-7fc6, U+7fc8, U+7fca, U+7fce-7fcf, U+7fd5, U+7fdb, U+7fdf, U+7fe1, U+7fe3, U+7fe5-7fe6, U+7fe8-7fe9, U+7feb-7fec, U+7fee-7ff0, U+7ff2-7ff3, U+7ff9-7ffa, U+7ffd-7fff, U+8002, U+8004, U+8006-8008, U+800a-800f, U+8011-8014, U+8016, U+8018-8019, U+801c-8021, U+8024, U+8026, U+8028, U+802c, U+802e, U+8030, U+8034-8035, U+8037, U+8039-8040, U+8043-8044, U+8046, U+804a, U+8052, U+8058, U+805a, U+805f-8060, U+8062, U+8064, U+8066, U+8068, U+806d, U+806f-8073, U+8075-8076, U+8079, U+807b, U+807d-8081, U+8084-8088, U+808b, U+808e, U+8093, U+8099-809a, U+809c, U+809e, U+80a4, U+80a6-80a7, U+80ab-80ad, U+80b1, U+80b8-80b9, U+80c4-80c5, U+80c8, U+80ca, U+80cd, U+80cf, U+80d2, U+80d4-80db, U+80dd, U+80e0, U+80e4-80e6, U+80ed-80f3, U+80f5-80f7, U+80f9-80fc, U+80fe, U+8101, U+8103, U+8109, U+810b, U+810d, U+8116-8118, U+811b-811c, U+811e, U+8120, U+8123-8124, U+8127, U+8129, U+812b-812c, U+812f-8130, U+8135, U+8139-813a, U+813c-813e, U+8141, U+8145-8147;
}
/* Noto Sans JP - japanese subset 023 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-023.woff2]]") format("woff2");
  unicode-range: U+7d57, U+7d59-7d5d, U+7d63, U+7d65, U+7d67, U+7d6a, U+7d6e, U+7d70, U+7d72-7d73, U+7d78, U+7d7a-7d7b, U+7d7d, U+7d7f, U+7d81-7d83, U+7d85-7d86, U+7d88-7d89, U+7d8b-7d8d, U+7d8f, U+7d91, U+7d93, U+7d96-7d97, U+7d9b-7da0, U+7da2-7da3, U+7da6-7da7, U+7daa-7dac, U+7dae-7db0, U+7db3, U+7db5-7db9, U+7dbd, U+7dc0, U+7dc2-7dc7, U+7dcc-7dce, U+7dd0, U+7dd5-7dd9, U+7ddc-7dde, U+7de1-7de6, U+7dea-7ded, U+7df1-7df2, U+7df5-7df6, U+7df9-7dfa, U+7e00, U+7e05, U+7e08-7e0b, U+7e10-7e12, U+7e15, U+7e17, U+7e1c-7e1d, U+7e1f-7e23, U+7e27-7e28, U+7e2c-7e2d, U+7e2f, U+7e31-7e33, U+7e35-7e37, U+7e39-7e3b, U+7e3d, U+7e3f, U+7e43-7e48, U+7e4e, U+7e50, U+7e52, U+7e56, U+7e58-7e5a, U+7e5d-7e5f, U+7e61-7e62, U+7e65-7e67, U+7e69-7e6b, U+7e6d-7e6f, U+7e73, U+7e75, U+7e78-7e79, U+7e7b-7e7f, U+7e81-7e83, U+7e86-7e8a, U+7e8c-7e8e, U+7e90-7e96, U+7e98, U+7e9a-7e9f, U+7f38, U+7f3a-7f3f, U+7f43-7f45, U+7f47, U+7f4c-7f50, U+7f52-7f55, U+7f58, U+7f5b-7f5d, U+7f5f, U+7f61, U+7f63-7f69, U+7f6b, U+7f6d, U+7f71;
}
/* Noto Sans JP - japanese subset 024 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-024.woff2]]") format("woff2");
  unicode-range: U+7bc8, U+7bca-7bcc, U+7bcf, U+7bd4, U+7bd6-7bd7, U+7bd9-7bdb, U+7bdd, U+7be5-7be6, U+7be8-7bea, U+7bf0, U+7bf2-7bfa, U+7bfc, U+7bfe, U+7c00-7c04, U+7c06-7c07, U+7c09, U+7c0b-7c0f, U+7c11-7c14, U+7c17, U+7c19, U+7c1b, U+7c1e-7c20, U+7c23, U+7c25-7c28, U+7c2a-7c2c, U+7c2f, U+7c31, U+7c33-7c34, U+7c36-7c3a, U+7c3d-7c3e, U+7c40, U+7c42-7c43, U+7c45-7c46, U+7c4a, U+7c4c, U+7c4f-7c5f, U+7c61, U+7c63-7c65, U+7c67, U+7c69, U+7c6c-7c70, U+7c72, U+7c75, U+7c79, U+7c7b-7c7e, U+7c81-7c83, U+7c86-7c87, U+7c8d, U+7c8f-7c90, U+7c94, U+7c9e, U+7ca0-7ca2, U+7ca4-7ca6, U+7ca8, U+7cab, U+7cad-7cae, U+7cb0-7cb3, U+7cb6-7cb7, U+7cb9-7cbd, U+7cbf-7cc0, U+7cc2, U+7cc4-7cc5, U+7cc7-7cca, U+7ccd-7ccf, U+7cd2-7cd5, U+7cd7-7cda, U+7cdc-7cdd, U+7cdf-7ce0, U+7ce2, U+7ce6, U+7ce9, U+7ceb, U+7cef, U+7cf2, U+7cf4-7cf6, U+7cf9-7cfa, U+7cfe, U+7d02-7d03, U+7d06-7d0a, U+7d0f, U+7d11-7d13, U+7d15-7d16, U+7d1c-7d1e, U+7d23, U+7d26, U+7d2a, U+7d2c-7d2e, U+7d31-7d32, U+7d35, U+7d3c-7d41, U+7d43, U+7d45, U+7d47-7d48, U+7d4b, U+7d4d-7d4f, U+7d51, U+7d53, U+7d55-7d56;
}
/* Noto Sans JP - japanese subset 025 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-025.woff2]]") format("woff2");
  unicode-range: U+7a17-7a19, U+7a1b, U+7a1e-7a21, U+7a27, U+7a2b, U+7a2d, U+7a2f-7a31, U+7a34-7a35, U+7a37-7a3b, U+7a3e, U+7a43-7a49, U+7a4c, U+7a4e, U+7a50, U+7a55-7a57, U+7a59, U+7a5c-7a5d, U+7a5f-7a63, U+7a65, U+7a67, U+7a69-7a6a, U+7a6d, U+7a70, U+7a75, U+7a78-7a79, U+7a7d-7a7e, U+7a80, U+7a82, U+7a84-7a86, U+7a88, U+7a8a-7a8b, U+7a90-7a91, U+7a94-7a98, U+7a9e, U+7aa0, U+7aa3, U+7aa9, U+7aac, U+7ab0, U+7ab3, U+7ab5-7ab6, U+7ab9-7abf, U+7ac3, U+7ac5-7aca, U+7acc-7acf, U+7ad1-7ad3, U+7ad5, U+7ada-7adb, U+7add, U+7adf, U+7ae1-7ae2, U+7ae6-7aed, U+7af0-7af1, U+7af4, U+7af8, U+7afa-7afb, U+7afd-7afe, U+7b02, U+7b04, U+7b06-7b08, U+7b0a-7b0b, U+7b0f, U+7b12, U+7b14, U+7b18-7b19, U+7b1e-7b1f, U+7b23, U+7b25, U+7b27-7b2b, U+7b2d-7b31, U+7b33-7b36, U+7b3b, U+7b3d, U+7b3f-7b41, U+7b45, U+7b47, U+7b4c-7b50, U+7b53, U+7b55, U+7b5d, U+7b60, U+7b64-7b66, U+7b69-7b6a, U+7b6c-7b75, U+7b77, U+7b79-7b7a, U+7b7f, U+7b84, U+7b86, U+7b89, U+7b8d-7b92, U+7b96, U+7b98-7ba0, U+7ba5, U+7bac-7bad, U+7baf-7bb0, U+7bb2, U+7bb4-7bb6, U+7bba-7bbd, U+7bc1-7bc2, U+7bc5-7bc6;
}
/* Noto Sans JP - japanese subset 026 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-026.woff2]]") format("woff2");
  unicode-range: U+7851-7852, U+785c, U+785e, U+7860-7861, U+7863-7864, U+7868, U+786a, U+786e-786f, U+7872, U+7874, U+787a, U+787c, U+787e, U+7886-7887, U+788a, U+788c-788f, U+7893-7895, U+7898, U+789a, U+789d-789f, U+78a1, U+78a3-78a4, U+78a8-78aa, U+78ac-78ad, U+78af-78b3, U+78b5, U+78bb-78bf, U+78c5-78cc, U+78ce, U+78d1-78d6, U+78da-78db, U+78df-78e1, U+78e4, U+78e6-78e7, U+78ea, U+78ec, U+78f2-78f4, U+78f6-78f7, U+78f9-78fb, U+78fd-7901, U+7906-7907, U+790c, U+7910-7912, U+7919-791c, U+791e-7920, U+7925-792e, U+7930-7931, U+7934-7935, U+793b, U+793d, U+793f, U+7941-7942, U+7944-7946, U+794a-794b, U+794f, U+7951, U+7954-7955, U+7957-7958, U+795a-795c, U+795f-7960, U+7962, U+7967, U+7969, U+796b, U+7972, U+7977, U+7979-797c, U+797e-7980, U+798a-798e, U+7991, U+7993-7996, U+7998, U+799b-799d, U+79a1, U+79a6-79ab, U+79ae-79b1, U+79b3-79b4, U+79b8-79bb, U+79bd-79be, U+79c2, U+79c4, U+79c7-79ca, U+79cc-79cd, U+79cf, U+79d4-79d6, U+79da, U+79dd-79e3, U+79e5, U+79e7, U+79ea-79ed, U+79f1, U+79f8, U+79fc, U+7a02-7a03, U+7a05, U+7a07-7a0a, U+7a0c-7a0d, U+7a11, U+7a15;
}
/* Noto Sans JP - japanese subset 027 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-027.woff2]]") format("woff2");
  unicode-range: U+768c-768e, U+7690, U+7693, U+7695-7696, U+7699-76a8, U+76aa, U+76ad, U+76af-76b0, U+76b4, U+76b6-76ba, U+76bd, U+76c1-76c3, U+76c5, U+76c8-76c9, U+76cb-76ce, U+76d2, U+76d4, U+76d6, U+76d9, U+76dc, U+76de, U+76e0-76e1, U+76e5-76e8, U+76ea-76ec, U+76f0-76f1, U+76f6, U+76f9, U+76fb-76fc, U+7700, U+7704, U+7706-7708, U+770a, U+770e, U+7712, U+7714-7715, U+7717, U+7719-771c, U+7722, U+7724-7726, U+7728, U+772d-772f, U+7734-7739, U+773d-773e, U+7742, U+7745-7747, U+774a, U+774d-774f, U+7752, U+7756-7758, U+775a-775c, U+775e-7760, U+7762, U+7764-7765, U+7767, U+776a-776c, U+7770, U+7772-7774, U+7779-777a, U+777c-7780, U+7784, U+778b-778e, U+7794-7796, U+779a, U+779e-77a0, U+77a2, U+77a4-77a5, U+77a7, U+77a9-77aa, U+77ae-77b1, U+77b5-77b7, U+77b9, U+77bb-77bf, U+77c3, U+77c7, U+77c9, U+77cd, U+77d1-77d2, U+77d5, U+77d7, U+77d9-77da, U+77dc, U+77de-77e0, U+77e3-77e4, U+77e6-77e7, U+77e9-77ea, U+77ec, U+77ee, U+77f0-77f1, U+77f4, U+77f8, U+77fb-77fc, U+7805-7806, U+7809, U+780c-780e, U+7811-7812, U+7819, U+781d, U+7820-7823, U+7826-7827, U+782c-782e, U+7830, U+7835, U+7837, U+783a, U+783f, U+7843-7845, U+7847-7848, U+784c, U+784e-784f;
}
/* Noto Sans JP - japanese subset 028 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-028.woff2]]") format("woff2");
  unicode-range: U+7511-7513, U+7515-7517, U+751c, U+751e, U+7520-7522, U+7524, U+7526-7527, U+7529-752c, U+752f, U+7536, U+7538-7539, U+753c-7540, U+7543-7544, U+7546-754b, U+754d-7550, U+7552, U+7557, U+755a-755b, U+755d-755f, U+7561-7562, U+7564, U+7566-7567, U+7569, U+756b-756d, U+756f, U+7571-7572, U+7574-757e, U+7581-7582, U+7585-7587, U+7589-758c, U+758f-7590, U+7592-7595, U+7599-759a, U+759c-759d, U+75a2-75a5, U+75b0-75b1, U+75b3-75b5, U+75b7-75b8, U+75ba, U+75bd, U+75bf-75c4, U+75c6, U+75ca, U+75cc-75cf, U+75d3-75d4, U+75d7-75d8, U+75dc-75e1, U+75e3-75e4, U+75e7, U+75ec, U+75ee-75f3, U+75f9, U+75fc, U+75fe-7604, U+7607-760c, U+760f, U+7612-7613, U+7615-7616, U+7618-7619, U+761b-7629, U+762d, U+7630, U+7632-7635, U+7638-763c, U+7640-7641, U+7643-764b, U+764e, U+7655, U+7658-7659, U+765c, U+765f, U+7661-7662, U+7664-7665, U+7667-766a, U+766c-7672, U+7674, U+7676, U+7678, U+7680-7683, U+7685, U+7688, U+768b;
}
/* Noto Sans JP - japanese subset 029 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-029.woff2]]") format("woff2");
  unicode-range: U+736c, U+736e-7371, U+7375, U+7377-737c, U+7380-7381, U+7383, U+7385-7386, U+738a, U+738e, U+7390, U+7393-7398, U+739c, U+739e-73a0, U+73a2, U+73a5-73a6, U+73a8, U+73aa-73ab, U+73ad, U+73b3, U+73b5, U+73b7, U+73b9-73bd, U+73bf, U+73c5-73c6, U+73c9-73cc, U+73ce-73cf, U+73d2-73d3, U+73d6, U+73d9, U+73dd-73de, U+73e1, U+73e3-73e7, U+73e9-73ea, U+73ee, U+73f1, U+73f4-73f5, U+73f7-73fb, U+73fd, U+73ff-7401, U+7404-7405, U+7407, U+740a, U+7411, U+7413, U+741a-741b, U+7421, U+7424, U+7426, U+7428-7431, U+7433, U+7439-743a, U+743f-7441, U+7443-7444, U+7446-7447, U+744b, U+744d, U+7451-7453, U+7455, U+7457, U+7459-745a, U+745c-745d, U+745f, U+7462-7464, U+7466-746b, U+746d-7473, U+7476, U+747e, U+7480-7481, U+7485-7489, U+748b, U+748f-7492, U+7497-749a, U+749c, U+749e-74a3, U+74a5-74a6, U+74a8-74ab, U+74ae-74af, U+74b1-74b2, U+74b5, U+74b9-74bb, U+74bd, U+74bf, U+74c8-74ca, U+74cc, U+74cf-74d0, U+74d3-74d4, U+74d6, U+74d8, U+74da-74db, U+74de-74e0, U+74e3-74e4, U+74e7-74eb, U+74ee-74f2, U+74f4, U+74f7-74f8, U+74fa-74fc, U+74ff, U+7501, U+7503-7506, U+750c-750e;
}
/* Noto Sans JP - japanese subset 030 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-030.woff2]]") format("woff2");
  unicode-range: U+7166, U+7168, U+716c, U+7179, U+7180, U+7184-7185, U+7187-7188, U+718c, U+718f, U+7192, U+7194-7196, U+7199-719b, U+71a0, U+71a2, U+71a8, U+71ac, U+71ae-71b0, U+71b2-71b3, U+71b9-71ba, U+71be-71c1, U+71c4, U+71c9, U+71cb-71cc, U+71ce, U+71d0, U+71d2-71d4, U+71d6-71d7, U+71d9-71da, U+71dc, U+71df-71e0, U+71e6-71e7, U+71ec-71ee, U+71f4-71f5, U+71f8-71f9, U+71fc, U+71fe-7200, U+7207-7209, U+720d, U+7210, U+7213, U+7215, U+7217, U+721a, U+721d, U+721f, U+7224, U+7228, U+722b, U+722d, U+722f-7230, U+7232, U+7234, U+7238-7239, U+723b-723c, U+723e-7243, U+7245-7246, U+724b, U+724e-7250, U+7252-7253, U+7255-7258, U+725a, U+725c, U+725e, U+7260, U+7263, U+7268, U+726b, U+726e-726f, U+7271, U+7274, U+7277-7278, U+727b-727c, U+727e-7282, U+7284, U+7287, U+7289, U+728d-728e, U+7292-7293, U+7296, U+729b, U+72a2, U+72a7-72a8, U+72ad-72ae, U+72b0-72b2, U+72b4, U+72b9, U+72be, U+72c0-72c1, U+72c3-72c4, U+72c6-72c7, U+72c9, U+72cc, U+72ce, U+72d2, U+72d5-72d6, U+72d8, U+72df-72e2, U+72e5, U+72f3-72f4, U+72f7, U+72f9-72fb, U+72fd-72fe, U+7302, U+7304-7305, U+7307, U+730a-730b, U+730d, U+7312-7313, U+7316-7319, U+731c-731e, U+7322, U+7324, U+7327-7329, U+732c, U+732f, U+7331-7337, U+7339-733b, U+733d-733e, U+7343, U+734d-7350, U+7352, U+7356-7358, U+735d-7360, U+7366-736b;
}
/* Noto Sans JP - japanese subset 031 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-031.woff2]]") format("woff2");
  unicode-range: U+6f58-6f5b, U+6f5d-6f5e, U+6f60-6f62, U+6f66, U+6f68, U+6f6c-6f6d, U+6f6f, U+6f74, U+6f78, U+6f7a, U+6f7c-6f7e, U+6f80, U+6f82-6f83, U+6f86-6f88, U+6f8b-6f8e, U+6f90-6f94, U+6f96-6f98, U+6f9a, U+6f9d, U+6f9f-6fa1, U+6fa3, U+6fa5-6fa8, U+6fae-6fb1, U+6fb3, U+6fb5-6fb7, U+6fb9, U+6fbc, U+6fbe, U+6fc2, U+6fc5-6fca, U+6fd4-6fd5, U+6fd8, U+6fda-6fdb, U+6fde-6fe0, U+6fe4, U+6fe8-6fe9, U+6feb-6fec, U+6fee, U+6ff0, U+6ff3, U+6ff5-6ff6, U+6ff9-6ffa, U+6ffc-6ffe, U+7000-7001, U+7005-7007, U+7009-700b, U+700d, U+700f, U+7011, U+7015, U+7017-7018, U+701a-701b, U+701d-7020, U+7023, U+7026, U+7028, U+702f-7030, U+7032, U+7034, U+7037, U+7039-703a, U+703c, U+703e, U+7043-7044, U+7047-704c, U+704e, U+7051, U+7054-7055, U+705d-705e, U+7064-7065, U+7069, U+706c, U+706e, U+7075-7076, U+707e, U+7081, U+7085-7086, U+7094-7098, U+709b, U+709f, U+70a4, U+70ab-70ac, U+70ae-70b1, U+70b3-70b4, U+70b7, U+70bb, U+70ca-70cb, U+70d1, U+70d3-70d6, U+70d8-70d9, U+70dc-70dd, U+70df, U+70e4, U+70ec, U+70f1, U+70fa, U+70fd, U+7103-7108, U+710b-710c, U+710f, U+7114, U+7119, U+711c, U+711e, U+7120, U+712b, U+712d-7131, U+7138, U+7141, U+7145-7147, U+7149-714b, U+7150-7153, U+7155-7157, U+715a, U+715c, U+715e, U+7160, U+7162, U+7164-7165;
}
/* Noto Sans JP - japanese subset 032 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-032.woff2]]") format("woff2");
  unicode-range: U+6d7c, U+6d80-6d82, U+6d85, U+6d87, U+6d89-6d8a, U+6d8c-6d8e, U+6d91-6d98, U+6d9c, U+6daa-6dac, U+6dae, U+6db4-6db5, U+6db7-6db9, U+6dbd, U+6dbf, U+6dc2, U+6dc4-6dc8, U+6dca, U+6dcc, U+6dce-6dd0, U+6dd2, U+6dd5-6dd6, U+6dd8-6ddb, U+6ddd-6de0, U+6de2, U+6de4-6de6, U+6de8-6dea, U+6dec, U+6dee-6df0, U+6df2, U+6df4, U+6df6, U+6df8-6dfa, U+6dfc, U+6e00, U+6e04, U+6e0a, U+6e17, U+6e19, U+6e1d-6e20, U+6e22-6e25, U+6e27, U+6e2b, U+6e2d-6e2e, U+6e32, U+6e34, U+6e36, U+6e38-6e3c, U+6e42-6e45, U+6e48-6e49, U+6e4b-6e4f, U+6e51-6e54, U+6e57, U+6e5b-6e5f, U+6e62-6e63, U+6e68, U+6e6b, U+6e6e, U+6e72-6e73, U+6e76, U+6e7b, U+6e7d, U+6e82, U+6e89, U+6e8c-6e8d, U+6e8f, U+6e93, U+6e98-6e99, U+6e9f-6ea0, U+6ea5, U+6ea7, U+6eaa-6eab, U+6ead-6eaf, U+6eb1-6eb4, U+6eb7, U+6ebb-6ebd, U+6ebf-6ec4, U+6ec7-6eca, U+6ecc-6ecf, U+6ed3-6ed5, U+6ed9-6edb, U+6ee6, U+6eeb-6eef, U+6ef7-6ef9, U+6efb, U+6efd-6eff, U+6f04, U+6f08-6f0a, U+6f0c-6f0d, U+6f10-6f11, U+6f13, U+6f15-6f16, U+6f18, U+6f1a-6f1b, U+6f25-6f26, U+6f29-6f2a, U+6f2d, U+6f2f-6f33, U+6f35-6f36, U+6f38, U+6f3b-6f3c, U+6f3e-6f3f, U+6f41, U+6f45, U+6f4f, U+6f51-6f53, U+6f57;
}
/* Noto Sans JP - japanese subset 033 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-033.woff2]]") format("woff2");
  unicode-range: U+6b85, U+6b89, U+6b8d, U+6b95, U+6b97-6b98, U+6b9b, U+6b9e-6ba0, U+6ba2-6ba4, U+6ba8-6bb3, U+6bb7-6bb9, U+6bbc-6bbe, U+6bc0, U+6bc3-6bc4, U+6bc6-6bc9, U+6bcb-6bcc, U+6bcf, U+6bd3, U+6bd6-6bd8, U+6bda, U+6bdf, U+6be1, U+6be3, U+6be6-6be7, U+6beb-6bec, U+6bee, U+6bf1, U+6bf3, U+6bf7, U+6bf9, U+6bff, U+6c02, U+6c04-6c05, U+6c08-6c0a, U+6c0d-6c0e, U+6c10, U+6c12-6c14, U+6c19, U+6c1b, U+6c1f, U+6c24, U+6c26-6c28, U+6c2c, U+6c2e, U+6c33, U+6c35-6c36, U+6c3a-6c3b, U+6c3e-6c40, U+6c4a-6c4b, U+6c4d, U+6c4f, U+6c52, U+6c54-6c55, U+6c59, U+6c5b-6c5e, U+6c62, U+6c67-6c68, U+6c6a-6c6b, U+6c6d, U+6c6f, U+6c73-6c74, U+6c76, U+6c78-6c79, U+6c7b, U+6c7e, U+6c81-6c87, U+6c89, U+6c8c-6c8d, U+6c90, U+6c92-6c95, U+6c97-6c98, U+6c9a-6c9c, U+6c9f, U+6caa-6cae, U+6cb0-6cb2, U+6cb4, U+6cba, U+6cbd-6cbe, U+6cc2, U+6cc5-6cc6, U+6ccd, U+6ccf-6cd4, U+6cd6-6cd7, U+6cd9-6cdd, U+6ce0, U+6ce7, U+6ce9-6cef, U+6cf1-6cf2, U+6cf4, U+6cfb, U+6d00-6d01, U+6d04, U+6d07, U+6d0a, U+6d0c, U+6d0e-6d0f, U+6d11, U+6d13, U+6d19-6d1a, U+6d1f, U+6d24, U+6d26-6d28, U+6d2b, U+6d2e-6d2f, U+6d31, U+6d33-6d36, U+6d38-6d39, U+6d3c-6d3d, U+6d3f, U+6d57-6d5b, U+6d5e-6d61, U+6d64-6d65, U+6d67, U+6d6c, U+6d6f-6d70, U+6d79;
}
/* Noto Sans JP - japanese subset 034 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-034.woff2]]") format("woff2");
  unicode-range: U+69dd-69de, U+69e2-69e3, U+69e5, U+69e7-69eb, U+69ed-69ef, U+69f1-69f6, U+69f9, U+69fe-6a01, U+6a03, U+6a05, U+6a0a, U+6a0c, U+6a0f, U+6a11-6a15, U+6a17, U+6a1a-6a1b, U+6a1d-6a20, U+6a22-6a24, U+6a28, U+6a2e, U+6a30, U+6a32-6a38, U+6a3b, U+6a3e-6a3f, U+6a44-6a4a, U+6a4e, U+6a50-6a52, U+6a54-6a56, U+6a5b, U+6a61-6a62, U+6a64, U+6a66-6a67, U+6a6a-6a6b, U+6a71-6a73, U+6a78, U+6a7a, U+6a7e-6a7f, U+6a81, U+6a83-6a84, U+6a86-6a87, U+6a89, U+6a8b, U+6a8d, U+6a90-6a91, U+6a94, U+6a97, U+6a9b, U+6a9d-6aa3, U+6aa5, U+6aaa-6aac, U+6aae-6ab1, U+6ab3-6ab4, U+6ab8, U+6abb, U+6abd-6abf, U+6ac1-6ac3, U+6ac6, U+6ac8-6ac9, U+6acc, U+6ad0-6ad1, U+6ad3-6ad6, U+6ada-6adf, U+6ae2, U+6ae4, U+6ae7-6ae8, U+6aea, U+6aec, U+6af0-6af3, U+6af8, U+6afa, U+6afc-6afd, U+6b02-6b03, U+6b06-6b07, U+6b09-6b0b, U+6b0f-6b12, U+6b16-6b17, U+6b1b, U+6b1d-6b1f, U+6b23-6b24, U+6b28, U+6b2b-6b2c, U+6b2f, U+6b35-6b39, U+6b3b, U+6b3d, U+6b3f, U+6b43, U+6b46-6b47, U+6b49-6b4a, U+6b4d-6b4e, U+6b50, U+6b52, U+6b54, U+6b56, U+6b58-6b59, U+6b5b, U+6b5d, U+6b5f-6b61, U+6b65, U+6b67, U+6b6b-6b6c, U+6b6e, U+6b70, U+6b72, U+6b75, U+6b77-6b7a, U+6b7d-6b84;
}
/* Noto Sans JP - japanese subset 035 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-035.woff2]]") format("woff2");
  unicode-range: U+6855, U+6857-6859, U+685b, U+685d, U+685f, U+6863, U+6867, U+686b, U+686e-6872, U+6874-6875, U+6877, U+6879-687c, U+687e-687f, U+6882-6884, U+6886, U+6888, U+688d-6890, U+6894, U+6896, U+6898-689c, U+689f-68a3, U+68a5-68a7, U+68a9-68ab, U+68ad-68af, U+68b2-68b5, U+68b9-68bc, U+68c3, U+68c5-68c6, U+68c8-68ca, U+68cc-68cd, U+68cf-68d1, U+68d3-68d9, U+68dc-68dd, U+68e0-68e1, U+68e3-68e5, U+68e7-68e8, U+68ea-68ed, U+68ef-68f1, U+68f5-68f7, U+68f9, U+68fb-68fd, U+6900-6901, U+6903-6904, U+6906-690c, U+690f-6911, U+6913, U+6916-6917, U+6919-691b, U+6921-6923, U+6925-6926, U+6928, U+692a, U+6930-6931, U+6933-6936, U+6938-6939, U+693b, U+693d, U+6942, U+6945-6946, U+6949, U+694e, U+6954, U+6957, U+6959, U+695b-695e, U+6961-6966, U+6968-696c, U+696e-6974, U+6977-697b, U+697e-6981, U+6986, U+698d, U+6991-6992, U+6994-6996, U+6998, U+699c, U+69a0-69a1, U+69a5-69a8, U+69ab, U+69ad, U+69af-69b2, U+69b4, U+69b7-69b8, U+69ba-69bc, U+69be-69c1, U+69c3, U+69c5, U+69c7-69c8, U+69ca, U+69ce-69d1, U+69d3, U+69d6-69d7, U+69d9;
}
/* Noto Sans JP - japanese subset 036 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-036.woff2]]") format("woff2");
  unicode-range: U+667e-6680, U+6683-6684, U+6688, U+668b-668e, U+6690, U+6692, U+6698-669d, U+669f-66a0, U+66a2, U+66a4, U+66ad, U+66b1-66b3, U+66b5, U+66b8-66b9, U+66bb-66bc, U+66be-66c4, U+66c6, U+66c8-66c9, U+66cc, U+66ce-66cf, U+66d4, U+66da-66db, U+66dd, U+66df-66e0, U+66e6, U+66e8-66e9, U+66eb-66ec, U+66ee, U+66f5, U+66f7, U+66fa-66fc, U+6701, U+6705, U+6707, U+670c, U+670e-6710, U+6712-6716, U+6719, U+671c, U+671e, U+6720, U+6722, U+6725-6726, U+672e, U+6733, U+6735-6738, U+673e-673f, U+6741, U+6743, U+6745-6748, U+674c-674d, U+6753-6755, U+6759, U+675d-675e, U+6760, U+6762-6764, U+6766, U+676a, U+676c, U+676e, U+6770, U+6772-6774, U+6776-6777, U+677b-677c, U+6780-6781, U+6784-6785, U+6787, U+6789, U+678b-678c, U+678e-678f, U+6791-6793, U+6796, U+6798-6799, U+679b, U+67a1, U+67a4, U+67a6, U+67a9, U+67b0-67b5, U+67b7-67b9, U+67bb-67be, U+67c0-67c3, U+67c5-67c6, U+67c8-67c9, U+67ce, U+67d2, U+67d7-67d9, U+67db-67de, U+67e1-67e2, U+67e4, U+67e6-67e7, U+67e9, U+67ec, U+67ee-67f0, U+67f2, U+67f6-67f7, U+67f9-67fa, U+67fc, U+67fe, U+6801-6802, U+6805, U+6810, U+6814, U+6818-6819, U+681d, U+681f, U+6822, U+6827-6829, U+682b-682d, U+682f-6834, U+683b, U+683e-6840, U+6844-6846, U+6849-684a, U+684c-684e, U+6852-6854;
}
/* Noto Sans JP - japanese subset 037 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-037.woff2]]") format("woff2");
  unicode-range: U+64d2, U+64d4-64d5, U+64d7-64d8, U+64da, U+64e0-64e1, U+64e3-64e5, U+64e7, U+64e9-64ea, U+64ed, U+64ef-64f2, U+64f4-64f7, U+64fa-64fb, U+64fd-6501, U+6504-6505, U+6508-650a, U+650f, U+6513-6514, U+6516, U+6518-6519, U+651b-651f, U+6522, U+6524, U+6526, U+6529-652c, U+652e, U+6531-6532, U+6534-6538, U+653a, U+653c-653d, U+6543-6544, U+6547-6549, U+654d-654e, U+6550, U+6552, U+6554-6556, U+6558, U+655d-6560, U+6567, U+656b, U+6572, U+6578, U+657a, U+657d, U+6581-6585, U+6588, U+658a, U+658c, U+6592, U+6595, U+6598, U+659b, U+659d, U+659f-65a1, U+65a3-65a6, U+65ab, U+65ae, U+65b2-65b5, U+65b7-65b8, U+65be-65bf, U+65c1-65c4, U+65c6, U+65c8-65c9, U+65cc, U+65ce, U+65d0, U+65d2, U+65d4, U+65d6, U+65d8-65d9, U+65db, U+65df-65e1, U+65e3, U+65f0-65f2, U+65f4-65f5, U+65f9, U+65fb-65fc, U+65fe-6600, U+6603-6604, U+6608-660a, U+660d, U+6611-6612, U+6615-6616, U+661c-661e, U+6621-6624, U+6626, U+6629-662c, U+662e, U+6630-6631, U+6633-6637, U+6639-663b, U+663f-6641, U+6644-6646, U+6648-664a, U+664c, U+664e-664f, U+6651, U+6657-6665, U+6667-6668, U+666a-666d, U+6670, U+6673, U+6675, U+6677-6679, U+667b-667c;
}
/* Noto Sans JP - japanese subset 038 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-038.woff2]]") format("woff2");
  unicode-range: U+62cf, U+62d1, U+62d4-62d6, U+62da, U+62dc, U+62ea, U+62ee-62ef, U+62f1-62f2, U+62f4-62f5, U+62fc-62fd, U+62ff, U+6302-6304, U+6308-630d, U+6310, U+6313, U+6316, U+6318, U+631b, U+6327, U+6329-632a, U+632d, U+6332, U+6335-6336, U+6339-633c, U+633e, U+6341-6344, U+6346, U+634a-634e, U+6350, U+6352-6354, U+6358-6359, U+635b, U+6365-6366, U+6369, U+636b-636d, U+6371-6372, U+6374-6378, U+637a, U+637c-637d, U+637f-6380, U+6382, U+6384, U+6387, U+6389-638a, U+638e-6390, U+6394-6396, U+6399-639a, U+639e, U+63a0, U+63a3-63a4, U+63a6, U+63a9, U+63ab-63af, U+63b5, U+63bd-63be, U+63c0-63c1, U+63c4-63c6, U+63c8, U+63ce, U+63d1-63d6, U+63dc, U+63e0, U+63e3, U+63e5, U+63e9-63ed, U+63f2-63f3, U+63f5-63f9, U+6406, U+6409-640a, U+640f-6410, U+6412-6414, U+6416-6418, U+641e, U+6420, U+6422, U+6424-6426, U+6428-642a, U+642f-6430, U+6434-6436, U+643d, U+643f, U+644b, U+644e-644f, U+6451-6454, U+645a-645d, U+645f-6461, U+6463, U+6467, U+646d, U+6473-6474, U+6476, U+6478-6479, U+647b, U+647d, U+6485, U+6487-6488, U+648f-6491, U+6493, U+6495, U+6498-649b, U+649d-649f, U+64a1, U+64a3, U+64a6, U+64a8-64a9, U+64ac, U+64b3, U+64bb-64bf, U+64c2, U+64c4-64c5, U+64c7, U+64c9-64cc, U+64ce, U+64d0-64d1;
}
/* Noto Sans JP - japanese subset 039 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-039.woff2]]") format("woff2");
  unicode-range: U+6117, U+6119, U+611c, U+611e, U+6120-6122, U+6127-6128, U+612a-612c, U+6130-6131, U+6134-6137, U+6139-613a, U+613c-613f, U+6141-6142, U+6144-6147, U+6149-614a, U+614d, U+6153, U+6158-615a, U+615d-6160, U+6164-6165, U+616b-616c, U+616f, U+6171-6175, U+6177-6178, U+617b-6181, U+6183-6184, U+6187, U+618a-618b, U+618d, U+6192-6194, U+6196-619a, U+619c-619d, U+619f-61a0, U+61a5, U+61a8, U+61aa-61ae, U+61b8-61ba, U+61bc, U+61be, U+61c0-61c3, U+61c6, U+61c8, U+61ca-61cf, U+61d5, U+61dc-61df, U+61e1-61e3, U+61e5-61e9, U+61ec-61ed, U+61ef, U+61f4-61f7, U+61fa, U+61fc-6201, U+6203-6204, U+6207-620a, U+620d-620e, U+6213-6215, U+621b-621e, U+6220-6223, U+6227, U+6229-622b, U+622e, U+6230-6233, U+6236, U+6239, U+623d-623e, U+6241-6244, U+6246, U+6248, U+624c, U+624e, U+6250-6252, U+6254, U+6256, U+6258, U+625a-625c, U+625e, U+6260-6261, U+6263-6264, U+6268, U+626d, U+626f, U+6273, U+627a-627e, U+6282-6283, U+6285, U+6289, U+628d-6290, U+6292-6294, U+6296, U+6299, U+629b, U+62a6, U+62a8, U+62ac, U+62b3, U+62b6-62b7, U+62ba-62bb, U+62be-62bf, U+62c2, U+62c4, U+62c6-62c8, U+62ca, U+62ce;
}
/* Noto Sans JP - japanese subset 040 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-040.woff2]]") format("woff2");
  unicode-range: U+5f6c-5f6d, U+5f6f, U+5f72-5f75, U+5f78, U+5f7a, U+5f7d-5f7f, U+5f82-5f83, U+5f87-5f89, U+5f8d, U+5f8f, U+5f91, U+5f96, U+5f99, U+5f9c-5f9d, U+5fa0, U+5fa2, U+5fa4, U+5fa7-5fa8, U+5fab-5fad, U+5faf-5fb1, U+5fb5, U+5fb7-5fb8, U+5fbc-5fbd, U+5fc4, U+5fc7-5fc9, U+5fcb, U+5fd0-5fd4, U+5fdd-5fde, U+5fe1-5fe2, U+5fe4, U+5fe8-5fea, U+5fec-5ff3, U+5ff6, U+5ff8, U+5ffa-5ffd, U+5fff, U+6007, U+600a, U+600d-6010, U+6013-6015, U+6017-601b, U+601f, U+6021-6022, U+6024, U+6026, U+6029, U+602b, U+602d, U+6031, U+6033, U+6035, U+603a, U+6040-6043, U+6046-604a, U+604c-604d, U+6051, U+6054-6057, U+6059-605a, U+605d, U+605f-6064, U+6067, U+606a-606c, U+6070-6071, U+6077, U+607e-607f, U+6081-6086, U+6088-608e, U+6091-6093, U+6095-6098, U+609a-609b, U+609d-609e, U+60a2, U+60a4-60a5, U+60a7-60a8, U+60b0-60b1, U+60b3-60b5, U+60b7-60b8, U+60bb, U+60bd-60be, U+60c2, U+60c4, U+60c6-60cb, U+60ce-60cf, U+60d3-60d5, U+60d8-60d9, U+60db, U+60dd-60df, U+60e1-60e2, U+60e5, U+60ee, U+60f0-60f2, U+60f4-60f8, U+60fa-60fd, U+6100, U+6102-6103, U+6106-6108, U+610a, U+610c-610e, U+6110-6114, U+6116;
}
/* Noto Sans JP - japanese subset 041 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-041.woff2]]") format("woff2");
  unicode-range: U+5d9b, U+5d9d, U+5d9f-5da0, U+5da2, U+5da4, U+5da7, U+5dab-5dac, U+5dae, U+5db0, U+5db2, U+5db4, U+5db7-5db9, U+5dbc-5dbd, U+5dc3, U+5dc7, U+5dc9, U+5dcb-5dce, U+5dd0-5dd3, U+5dd6-5dd9, U+5ddb, U+5de0, U+5de2, U+5de4, U+5de9, U+5df2, U+5df5, U+5df8-5df9, U+5dfd, U+5dff-5e00, U+5e07, U+5e0b, U+5e0d, U+5e11-5e12, U+5e14-5e15, U+5e18-5e1b, U+5e1f-5e20, U+5e25, U+5e28, U+5e2e, U+5e32, U+5e35-5e37, U+5e3e, U+5e40, U+5e43-5e44, U+5e47, U+5e49, U+5e4b, U+5e4e, U+5e50-5e51, U+5e54, U+5e56-5e58, U+5e5b-5e5c, U+5e5e-5e5f, U+5e62, U+5e64, U+5e68, U+5e6a-5e6e, U+5e70, U+5e75-5e77, U+5e7a, U+5e7f-5e80, U+5e87, U+5e8b, U+5e8e, U+5e96, U+5e99-5e9a, U+5ea0, U+5ea2, U+5ea4-5ea5, U+5ea8, U+5eaa, U+5eac, U+5eb1, U+5eb3, U+5eb8-5eb9, U+5ebd-5ebf, U+5ec1-5ec2, U+5ec6, U+5ec8, U+5ecb-5ecc, U+5ece-5ed6, U+5ed9-5ee2, U+5ee5, U+5ee8-5ee9, U+5eeb-5eec, U+5ef0-5ef1, U+5ef3-5ef4, U+5ef8-5ef9, U+5efc-5f00, U+5f02-5f03, U+5f06-5f09, U+5f0b-5f0e, U+5f11, U+5f16-5f17, U+5f19, U+5f1b-5f1e, U+5f21-5f24, U+5f27-5f29, U+5f2b-5f30, U+5f34, U+5f36, U+5f38, U+5f3a-5f3d, U+5f3f-5f41, U+5f44-5f45, U+5f47-5f48, U+5f4a, U+5f4c-5f4e, U+5f50-5f51, U+5f54, U+5f56-5f58, U+5f5b-5f5d, U+5f60, U+5f63-5f65, U+5f67, U+5f6a;
}
/* Noto Sans JP - japanese subset 042 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-042.woff2]]") format("woff2");
  unicode-range: U+5bbc, U+5bc0-5bc1, U+5bc3, U+5bc7, U+5bc9, U+5bcd-5bd0, U+5bd3-5bd4, U+5bd6-5bda, U+5bde, U+5be0-5be2, U+5be4-5be6, U+5be8, U+5beb-5bec, U+5bef-5bf1, U+5bf3-5bf6, U+5bfd, U+5c03, U+5c05, U+5c07-5c09, U+5c0c-5c0d, U+5c12-5c14, U+5c17, U+5c19, U+5c1e-5c20, U+5c22-5c24, U+5c26, U+5c28-5c2e, U+5c30, U+5c32, U+5c35-5c36, U+5c38-5c39, U+5c46, U+5c4d-5c50, U+5c53, U+5c59-5c5c, U+5c5f-5c63, U+5c67-5c69, U+5c6c-5c70, U+5c74-5c76, U+5c79-5c7d, U+5c87-5c88, U+5c8a, U+5c8c, U+5c8f, U+5c91-5c92, U+5c94, U+5c9d, U+5c9f-5ca0, U+5ca2-5ca3, U+5ca6-5ca8, U+5caa-5cab, U+5cad, U+5cb1-5cb2, U+5cb4-5cb7, U+5cba-5cbc, U+5cbe, U+5cc5, U+5cc7, U+5cc9, U+5ccb, U+5cd0, U+5cd2, U+5cd7, U+5cd9, U+5cdd, U+5ce6, U+5ce8-5cea, U+5ced-5cee, U+5cf1-5cf2, U+5cf4-5cf5, U+5cfa-5cfb, U+5cfd, U+5d01, U+5d06, U+5d0b, U+5d0d, U+5d10-5d12, U+5d14-5d15, U+5d17-5d1b, U+5d1d, U+5d1f-5d20, U+5d22-5d24, U+5d26-5d27, U+5d2b, U+5d31, U+5d34, U+5d39, U+5d3d, U+5d3f, U+5d42-5d43, U+5d46-5d48, U+5d4a-5d4b, U+5d4e, U+5d51-5d53, U+5d55, U+5d59, U+5d5c, U+5d5f-5d62, U+5d64, U+5d69-5d6a, U+5d6c-5d6d, U+5d6f-5d70, U+5d73, U+5d76, U+5d79-5d7a, U+5d7e-5d7f, U+5d81-5d84, U+5d87-5d88, U+5d8a, U+5d8c, U+5d90, U+5d92-5d95, U+5d97, U+5d99;
}
/* Noto Sans JP - japanese subset 043 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-043.woff2]]") format("woff2");
  unicode-range: U+598b-598e, U+5992, U+5995, U+5997, U+599b, U+599d, U+599f, U+59a3-59a4, U+59a7, U+59ad-59b0, U+59b2-59b3, U+59b7, U+59ba, U+59bc, U+59be, U+59c1, U+59c3-59c4, U+59c6, U+59c8, U+59ca, U+59cd, U+59d2, U+59d9-59da, U+59dd-59df, U+59e3-59e5, U+59e7-59e8, U+59ec, U+59ee-59ef, U+59f1-59f2, U+59f4, U+59f6-59f8, U+5a00, U+5a03-5a04, U+5a09, U+5a0c-5a0e, U+5a11-5a13, U+5a17, U+5a1a-5a1c, U+5a1e-5a1f, U+5a23-5a25, U+5a27-5a28, U+5a2a, U+5a2d, U+5a30, U+5a35-5a36, U+5a40-5a41, U+5a44-5a45, U+5a47-5a49, U+5a4c, U+5a50, U+5a55, U+5a5e, U+5a62-5a63, U+5a65, U+5a67, U+5a6a, U+5a6c-5a6d, U+5a77, U+5a7a-5a7b, U+5a7e, U+5a84, U+5a8b, U+5a90, U+5a93, U+5a96, U+5a99, U+5a9c, U+5a9e-5aa0, U+5aa2, U+5aa7, U+5aac, U+5ab1-5ab3, U+5ab5, U+5ab8, U+5aba-5abf, U+5ac2, U+5ac4, U+5ac6, U+5ac8, U+5acb, U+5acf-5ad0, U+5ad6-5ad7, U+5ada, U+5adc, U+5ae0-5ae1, U+5ae3, U+5ae5-5ae6, U+5ae9-5aea, U+5aee, U+5af0, U+5af5-5af6, U+5afa-5afb, U+5afd, U+5b00-5b01, U+5b08, U+5b0b, U+5b16-5b17, U+5b19, U+5b1b, U+5b1d, U+5b21, U+5b25, U+5b2a, U+5b2c-5b2d, U+5b30, U+5b32, U+5b34, U+5b36, U+5b38, U+5b3e, U+5b40-5b41, U+5b43, U+5b45, U+5b4b-5b4c, U+5b51-5b52, U+5b56, U+5b5a-5b5c, U+5b5e-5b5f, U+5b65, U+5b68-5b69, U+5b6e-5b71, U+5b73, U+5b75-5b76, U+5b7a, U+5b7c-5b84, U+5b86, U+5b8a-5b8b, U+5b8d-5b8e, U+5b90-5b91, U+5b93-5b94, U+5b96, U+5ba5-5ba6, U+5ba8-5ba9, U+5bac-5bad, U+5baf, U+5bb1-5bb2, U+5bb7-5bb8, U+5bba;
}
/* Noto Sans JP - japanese subset 044 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-044.woff2]]") format("woff2");
  unicode-range: U+57b3, U+57b8, U+57bd, U+57c0, U+57c3, U+57c6-57c8, U+57cc, U+57cf, U+57d2-57d7, U+57dc-57de, U+57e0-57e1, U+57e3-57e4, U+57e6-57e7, U+57e9, U+57ed, U+57f0, U+57f4-57f6, U+57f8, U+57fb, U+57fd-57ff, U+5803-5804, U+5808-580d, U+5819, U+581b, U+581d-5821, U+5826-5827, U+582d, U+582f-5830, U+5832, U+5835, U+5839, U+583d, U+583f-5840, U+5849, U+584b-584d, U+584f-5852, U+5855, U+5858-5859, U+585f, U+5861-5862, U+5864, U+5867-5868, U+586d, U+5870, U+5872, U+5878-5879, U+587c, U+587f-5881, U+5885, U+5887-588d, U+588f-5890, U+5894, U+5896, U+5898, U+589d-589e, U+58a0-58a2, U+58a6, U+58a9-58ab, U+58ae, U+58b1-58b3, U+58b8-58bc, U+58be, U+58c2-58c5, U+58c8, U+58cd-58ce, U+58d0-58da, U+58dc-58e2, U+58e4-58e5, U+58e9, U+58ec, U+58ef, U+58f3-58f4, U+58f7, U+58f9, U+58fb-58fd, U+5902, U+5905-5906, U+590a-590d, U+5910, U+5912-5914, U+5918-5919, U+591b, U+591d, U+591f, U+5921, U+5923-5925, U+5928, U+592c-592d, U+592f-5930, U+5932-5933, U+5935-5936, U+5938-5939, U+593d-593f, U+5943, U+5946, U+594e, U+5950, U+5952-5953, U+5955, U+5957-595b, U+595d-5961, U+5963, U+5967, U+5969, U+596b-596d, U+596f, U+5972, U+5975-5976, U+5978-5979, U+597b-597c, U+5981;
}
/* Noto Sans JP - japanese subset 045 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-045.woff2]]") format("woff2");
  unicode-range: U+5616-5617, U+5619, U+561b, U+5620, U+5628, U+562c, U+562f-5639, U+563b-563d, U+563f-5641, U+5643-5644, U+5646-5647, U+5649, U+564b, U+564d-5650, U+5653-5654, U+565e, U+5660-5664, U+5666, U+5669-566d, U+566f, U+5671-5672, U+5675-5676, U+5678, U+567a, U+5680, U+5684-5688, U+568a-568c, U+568f, U+5694-5695, U+5699-569a, U+569d-56a0, U+56a5-56a9, U+56ab-56ae, U+56b1-56b4, U+56b6-56b7, U+56bc, U+56be, U+56c0, U+56c2-56c3, U+56c5, U+56c8-56d1, U+56d3, U+56d7-56d9, U+56dc-56dd, U+56df, U+56e1, U+56e4-56e8, U+56eb, U+56ed-56ee, U+56f1, U+56f6-56f7, U+56f9, U+56ff-5704, U+5707-570a, U+570c-570d, U+5711, U+5713, U+5715-5716, U+5718, U+571a-571d, U+5720-5726, U+5729-572a, U+572c, U+572e-572f, U+5733-5734, U+5737-5738, U+573b, U+573d-573f, U+5745-5746, U+574c-574f, U+5751-5752, U+5759, U+575f, U+5761-5762, U+5764-5765, U+5767-5769, U+576b, U+576d-5771, U+5773-5775, U+5777, U+5779-577c, U+577e-577f, U+5781, U+5783, U+5788-5789, U+578c, U+5793-5795, U+5797, U+5799-579a, U+579c-57a1, U+57a4, U+57a7-57aa, U+57ac, U+57ae, U+57b0;
}
/* Noto Sans JP - japanese subset 046 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-046.woff2]]") format("woff2");
  unicode-range: U+543f-5440, U+5443-5444, U+5447, U+544c-544f, U+5455, U+545e, U+5462, U+5464, U+5466-5467, U+5469, U+546b-546e, U+5470-5471, U+5474-5477, U+547b, U+547f-5481, U+5483-5486, U+5488-548b, U+548d-5492, U+5495-5496, U+549c, U+549f-54a2, U+54a4, U+54a6-54af, U+54b1, U+54b7-54bc, U+54be-54bf, U+54c2-54c4, U+54c6-54c8, U+54ca, U+54cd-54ce, U+54d8, U+54e0, U+54e2, U+54e5-54e6, U+54e8-54ea, U+54ec-54ef, U+54f1, U+54f3, U+54f6, U+54fc-5501, U+5505, U+5508-5509, U+550c-550f, U+5514-5516, U+5527, U+552a-552b, U+552e, U+5532-5533, U+5535-5536, U+5538-5539, U+553b-553d, U+5540-5541, U+5544-5545, U+5547, U+5549-554a, U+554c-554d, U+5550-5551, U+5556-5558, U+555a-555e, U+5560-5561, U+5563-5564, U+5566, U+557b-5583, U+5586-5588, U+558a, U+558e-558f, U+5591-5594, U+5597, U+5599, U+559e-559f, U+55a3-55a4, U+55a8-55a9, U+55ac-55ae, U+55b2, U+55bf, U+55c1, U+55c3-55c4, U+55c6-55c7, U+55c9, U+55cb-55cc, U+55ce, U+55d1-55d4, U+55d7-55d8, U+55da-55db, U+55dd-55df, U+55e2, U+55e4, U+55e9, U+55ec, U+55ee, U+55f1, U+55f6-55f9, U+55fd-55ff, U+5605, U+5607-5608, U+560a, U+560d-5612;
}
/* Noto Sans JP - japanese subset 047 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-047.woff2]]") format("woff2");
  unicode-range: U+528d, U+5291-5298, U+529a, U+529c, U+52a4-52a7, U+52ab-52ad, U+52af-52b0, U+52b5-52b8, U+52ba-52be, U+52c0-52c1, U+52c4-52c6, U+52c8, U+52ca, U+52cc-52cd, U+52cf-52d2, U+52d4, U+52d6-52d7, U+52db-52dc, U+52de, U+52e0-52e1, U+52e3, U+52e5-52e6, U+52e8-52ea, U+52ec, U+52f0-52f1, U+52f3-52fb, U+5300-5301, U+5303, U+5306-5308, U+530a-530d, U+530f-5311, U+5313, U+5315, U+5318-531f, U+5321, U+5323-5325, U+5327-532d, U+532f-5333, U+5335, U+5338, U+533c-533e, U+5340, U+5342, U+5345-5346, U+5349, U+534b-534c, U+5359, U+535b, U+535e, U+5361, U+5363-5367, U+5369, U+536c-536e, U+5372, U+5377, U+5379-537b, U+537d-537f, U+5382-5383, U+5387-5389, U+538e, U+5393-5394, U+5396, U+5398-5399, U+539d, U+53a0-53a1, U+53a4-53a6, U+53a9-53ab, U+53ad-53b0, U+53b2, U+53b4-53b8, U+53ba, U+53bd, U+53c0-53c1, U+53c3-53c5, U+53cf, U+53d2-53d3, U+53d5, U+53da-53db, U+53dd-53e0, U+53e2, U+53e6-53e8, U+53ed-53ee, U+53f4-53f5, U+53fa, U+5401-5403, U+540b, U+540f, U+5412-5413, U+541a, U+541d-541e, U+5421, U+5424, U+5427-542a, U+542c-542f, U+5431, U+5433-5436, U+543c-543d;
}
/* Noto Sans JP - japanese subset 048 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-048.woff2]]") format("woff2");
  unicode-range: U+50dd-50df, U+50e1-50e6, U+50e8-50e9, U+50ed-50f6, U+50f9-50fb, U+50fe, U+5101-5103, U+5106-5109, U+510b-510e, U+5110, U+5112, U+5114-511e, U+5121, U+5123, U+5127-5128, U+512c-512d, U+512f, U+5131, U+5133-5135, U+5137-513c, U+513f-5142, U+5147, U+514a, U+514c, U+514f, U+5152-5155, U+5157-5158, U+515f-5160, U+5162, U+5164, U+5166-5167, U+5169-516a, U+516e, U+5173-5174, U+5179, U+517b, U+517e, U+5180, U+5182-5184, U+5189, U+518b-518c, U+518e-5191, U+5193, U+5195-5196, U+5198, U+519d, U+51a1-51a4, U+51a6, U+51a9-51ab, U+51ad, U+51b0-51b3, U+51b5, U+51b8, U+51ba, U+51bc-51bf, U+51c2-51c3, U+51c5, U+51c8-51cb, U+51cf, U+51d1-51d6, U+51d8, U+51de-51e0, U+51e2, U+51e5, U+51e7, U+51e9, U+51ec-51ee, U+51f2-51f5, U+51f7, U+51fe, U+5201-5202, U+5204-5205, U+520b, U+520e, U+5212-5216, U+5218, U+5222, U+5226-5228, U+522a-522b, U+522e, U+5231-5233, U+5235, U+523c, U+5244-5245, U+5249, U+524b-524c, U+524f, U+5254-5255, U+5257-5258, U+525a, U+525c-5261, U+5266, U+5269, U+526c, U+526e, U+5271, U+5273-5274, U+5277-5279, U+527d, U+527f-5280, U+5282-5285, U+5288-528a, U+528c;
}
/* Noto Sans JP - japanese subset 049 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-049.woff2]]") format("woff2");
  unicode-range: U+4f57-4f58, U+4f5a-4f5b, U+4f5d-4f5f, U+4f63-4f64, U+4f69-4f6a, U+4f6c, U+4f6e-4f71, U+4f76-4f7e, U+4f81-4f85, U+4f88-4f8a, U+4f8c, U+4f8e-4f90, U+4f92-4f94, U+4f96-4f9a, U+4f9e-4fa0, U+4fab, U+4fad, U+4faf, U+4fb2, U+4fb7, U+4fb9, U+4fbb-4fbe, U+4fc0-4fc1, U+4fc4-4fc6, U+4fc8-4fc9, U+4fcb-4fd4, U+4fd8, U+4fda-4fdc, U+4fdf-4fe0, U+4fe2, U+4fe4-4fe6, U+4fef-4ff2, U+4ff6, U+4ffc-5002, U+5004-5007, U+500a, U+500c, U+500e-5011, U+5013-5014, U+5016-5018, U+501a-501e, U+5021-5023, U+5025-502a, U+502c-502e, U+5030, U+5032-5033, U+5035, U+5039, U+503b, U+5040-5043, U+5045-5048, U+504a, U+504c, U+504e, U+5050-5053, U+5055-5057, U+5059-505a, U+505f-5060, U+5062-5063, U+5066-5067, U+506a, U+506c-506d, U+5070-5072, U+5077-5078, U+5080-5081, U+5083-5086, U+5088, U+508a, U+508e-5090, U+5092-5096, U+509a-509c, U+509e-50a3, U+50aa, U+50ad, U+50af-50b4, U+50b9-50bb, U+50bd, U+50c0, U+50c2-50c4, U+50c7, U+50c9-50ca, U+50cc, U+50ce, U+50d0-50d1, U+50d3-50d4, U+50d6, U+50d8-50d9, U+50dc;
}
/* Noto Sans JP - japanese subset 050 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-050.woff2]]") format("woff2");
  unicode-range: U+4093, U+4103, U+4105, U+4148, U+414f, U+4163, U+41b4, U+41bf, U+41e6, U+41ee, U+41f3, U+4207, U+420e, U+4264, U+4293, U+42c6, U+42d6, U+42dd, U+4302, U+432b, U+4343, U+43ee, U+43f0, U+4408, U+440c, U+4417, U+441c, U+4422, U+4453, U+445b, U+4476, U+447a, U+4491, U+44b3, U+44be, U+44d4, U+4508, U+450d, U+4525, U+4543, U+457a, U+459d, U+45b8, U+45be, U+45e5, U+45ea, U+460f-4610, U+4641, U+4665, U+46a1, U+46ae-46af, U+470c, U+471f, U+4764, U+47e6, U+47fd, U+4816, U+481e, U+4844, U+484e, U+48b5, U+49b0, U+49e7, U+49fa, U+4a04, U+4a29, U+4abc, U+4b38, U+4b3b, U+4b7e, U+4bc2, U+4bca, U+4bd2, U+4be8, U+4c17, U+4c20, U+4c38, U+4cc4, U+4cd1, U+4ce1, U+4d07, U+4d77, U+4e02, U+4e04-4e05, U+4e0c, U+4e0f-4e12, U+4e15, U+4e17, U+4e19, U+4e1e-4e1f, U+4e23-4e24, U+4e28-4e2c, U+4e2e-4e31, U+4e35-4e37, U+4e3f-4e42, U+4e44, U+4e47-4e48, U+4e4d-4e4e, U+4e51, U+4e55-4e56, U+4e58, U+4e5a-4e5c, U+4e62-4e63, U+4e68-4e69, U+4e74-4e75, U+4e79, U+4e7f, U+4e82, U+4e85, U+4e8a, U+4e8d-4e8e, U+4e96-4e99, U+4e9d-4ea0, U+4ea2, U+4ea5-4ea6, U+4ea8, U+4eaf-4eb0, U+4eb3, U+4eb6, U+4eb9, U+4ebb-4ebc, U+4ec2-4ec4, U+4ec6-4ec8, U+4ecd, U+4ed0, U+4ed7, U+4eda-4edb, U+4edd-4ee2, U+4ee8, U+4eeb, U+4eed, U+4eef, U+4ef1, U+4ef3, U+4ef5, U+4ef7, U+4efc-4f00, U+4f02-4f03, U+4f08-4f09, U+4f0b-4f0d, U+4f12, U+4f15-4f17, U+4f19, U+4f1c, U+4f2b, U+4f2e, U+4f30-4f31, U+4f33, U+4f35-4f37, U+4f39, U+4f3b, U+4f3e, U+4f40, U+4f42-4f43, U+4f48-4f49, U+4f4b-4f4c, U+4f52, U+4f54, U+4f56;
}
/* Noto Sans JP - japanese subset 051 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-051.woff2]]") format("woff2");
  unicode-range: U+3395-339b, U+339e-33a0, U+33a2-33ff, U+3402, U+3405-3406, U+3427, U+342c, U+342e, U+3468, U+346a, U+3488, U+3492, U+34b5, U+34bc, U+34c1, U+34c7, U+34db, U+351f, U+353e, U+355d-355e, U+3563, U+356e, U+35a6, U+35a8, U+35c5, U+35da, U+35de, U+35f4, U+3605, U+3614, U+364a, U+3691, U+3696, U+3699, U+36cf, U+3761-3762, U+376b-376c, U+3775, U+378d, U+37c1, U+37e2, U+37e8, U+37f4, U+37fd, U+3800, U+382f, U+3836, U+3840, U+385c, U+3861, U+38a1, U+38ad, U+38fa, U+3917, U+391a, U+396f, U+39a4, U+39b8, U+3a5c, U+3a6e, U+3a73, U+3a85, U+3ac4, U+3acb, U+3ad6-3ad7, U+3aea, U+3af3, U+3b0e, U+3b1a, U+3b1c, U+3b22, U+3b35, U+3b6d, U+3b77, U+3b87-3b88, U+3b8d, U+3ba4, U+3bb6, U+3bc3, U+3bcd, U+3bf0, U+3bf3, U+3c0f, U+3c26, U+3cc3, U+3cd2, U+3d11, U+3d1e, U+3d31, U+3d4e, U+3d64, U+3d9a, U+3dc0, U+3dcc, U+3dd4, U+3e05, U+3e3f-3e40, U+3e60, U+3e66, U+3e68, U+3e83, U+3e8a, U+3e94, U+3eda, U+3f57, U+3f72, U+3f75, U+3f77, U+3fae, U+3fb1, U+3fc9, U+3fd7, U+3fdc, U+4039, U+4058;
}
/* Noto Sans JP - japanese subset 052 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-052.woff2]]") format("woff2");
  unicode-range: U+32b5-332b, U+332d-3394;
}
/* Noto Sans JP - japanese subset 053 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-053.woff2]]") format("woff2");
  unicode-range: U+31c8-31e3, U+31f0-321e, U+3220-3230, U+3232-32b4;
}
/* Noto Sans JP - japanese subset 054 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-054.woff2]]") format("woff2");
  unicode-range: U+3028-303f, U+3094-3096, U+309f-30a0, U+30ee, U+30f7-30fa, U+30ff, U+3105-312f, U+3131-3163, U+3165-318e, U+3190-31bb, U+31c0-31c7;
}
/* Noto Sans JP - japanese subset 055 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-055.woff2]]") format("woff2");
  unicode-range: U+2f14-2fd5, U+2ff0-2ffb, U+3004, U+3013, U+3016-301b, U+301e, U+3020-3027;
}
/* Noto Sans JP - japanese subset 056 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-056.woff2]]") format("woff2");
  unicode-range: U+25e4-25e6, U+2601-2603, U+2609, U+260e-260f, U+2616-2617, U+261c-261f, U+262f, U+2641, U+2660, U+2662-2664, U+2666-2668, U+266d-266e, U+2672-267d, U+26bd-26be, U+2702, U+271a, U+273d, U+2740, U+2756, U+2776-2793, U+27a1, U+2934-2935, U+29bf, U+29fa-29fb, U+2b05-2b07, U+2b1a, U+2b95, U+2e3a-2e3b, U+2e80-2e99, U+2e9b-2ef3, U+2f00-2f13;
}
/* Noto Sans JP - japanese subset 057 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-057.woff2]]") format("woff2");
  unicode-range: U+24d1-24ff, U+2503-2513, U+2515-2516, U+2518-251b, U+251d-2522, U+2524-259f, U+25a2-25ab, U+25b1, U+25b7, U+25c0-25c1, U+25c9-25ca, U+25cc, U+25d0-25d3, U+25e2-25e3;
}
/* Noto Sans JP - japanese subset 058 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-058.woff2]]") format("woff2");
  unicode-range: U+2105, U+2109-210a, U+210f, U+2116, U+2121, U+2126-2127, U+212b, U+212e, U+2135, U+213b, U+2194-2199, U+21b8-21b9, U+21c4-21c6, U+21cb-21cc, U+21d0, U+21e6-21e9, U+21f5, U+2202-2203, U+2205-2206, U+2208-220b, U+220f, U+2211, U+2213, U+2215, U+221a, U+221d, U+2220, U+2223, U+2225-2226, U+2228, U+222a-222e, U+2234-2237, U+223d, U+2243, U+2245, U+2248, U+224c, U+2260, U+2262, U+2264-2265, U+226e-226f, U+2272-2273, U+2276-2277, U+2283-2287, U+228a-228b, U+2295-2299, U+22a0, U+22a5, U+22bf, U+22da-22db, U+22ef, U+2305-2307, U+2318, U+2329-232a, U+23b0-23b1, U+23be-23cc, U+23ce, U+23da-23db, U+2423, U+2469-24d0;
}
/* Noto Sans JP - japanese subset 059 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-059.woff2]]") format("woff2");
  unicode-range: U+a1-a4, U+a6-a7, U+aa, U+ac-ad, U+b5-b6, U+b8-ba, U+bc-c8, U+ca-cc, U+ce-d5, U+d9-db, U+dd-df, U+e6, U+ee, U+f0, U+f5, U+f7, U+f9, U+fb, U+fe-102, U+110-113, U+11a-11b, U+128-12b, U+143-144, U+147-148, U+14c, U+14e-14f, U+152-153, U+168-16d, U+192, U+1a0-1a1, U+1af, U+1cd-1dc, U+1f8-1f9, U+251, U+261, U+2bb, U+2c7, U+2c9, U+2ea-2eb, U+304, U+307, U+30c, U+1e3e-1e3f, U+1ea0-1ebe, U+1ec0-1ec6, U+1ec8-1ef9, U+2011-2012, U+2016, U+2018-201a, U+201e, U+2021, U+2030, U+2033, U+2035, U+2042, U+2047, U+2051, U+2074, U+20a9, U+20ab-20ac, U+20dd-20de, U+2100;
}
/* Noto Sans JP - japanese subset 060 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-060.woff2]]") format("woff2");
  unicode-range: U+2227, U+26a0, U+2713, U+301f, U+4ff8, U+5239, U+526a, U+54fa, U+5740, U+5937, U+5993, U+59fb, U+5a3c, U+5c41, U+6028, U+626e, U+646f, U+647a, U+64b0, U+64e2, U+65a7, U+66fe, U+6727, U+6955, U+6bef, U+6f23, U+724c, U+767c, U+7a83, U+7ac4, U+7b67, U+8000, U+8471, U+8513, U+8599, U+86db, U+8718, U+87f2, U+88f3, U+8ad2, U+8e2a, U+8fa3, U+95a5, U+9798, U+9910, U+9957, U+9bab, U+9c3b, U+9daf, U+ff95;
}
/* Noto Sans JP - japanese subset 061 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-061.woff2]]") format("woff2");
  unicode-range: U+a8, U+2032, U+2261, U+2282, U+3090, U+30f1, U+339c, U+535c, U+53d9, U+56a2, U+56c1, U+5806, U+589f, U+59d0, U+5a7f, U+60e0, U+639f, U+65af, U+68fa, U+69ae, U+6d1b, U+6ef2, U+71fb, U+725d, U+7262, U+75bc, U+7768, U+7940, U+79bf, U+7bed, U+7d68, U+7dfb, U+814b, U+8207, U+83e9, U+8494, U+8526, U+8568, U+85ea, U+86d9, U+87ba, U+8861, U+887f, U+8fe6, U+9059, U+9061, U+916a, U+976d, U+97ad, U+9ece;
}
/* Noto Sans JP - japanese subset 062 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-062.woff2]]") format("woff2");
  unicode-range: U+2d9, U+21d4, U+301d, U+515c, U+52fe, U+5420, U+5750, U+5766, U+5954, U+5b95, U+5f8a, U+5f98, U+620c, U+621f, U+641c, U+66d9, U+676d, U+6775, U+67f5, U+694a, U+6a02, U+6a3a, U+6a80, U+6c23, U+6c72, U+6dcb, U+6faa, U+707c, U+71c8, U+7422, U+74e2, U+7791, U+7825, U+7a14, U+7a1c, U+7c95, U+7fc1, U+82a5, U+82db, U+8304, U+853d, U+8cd3, U+8de8, U+8f0c, U+8f3f, U+9091, U+91c7, U+929a, U+98af, U+9913;
}
/* Noto Sans JP - japanese subset 063 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-063.woff2]]") format("woff2");
  unicode-range: U+2ca-2cb, U+2229, U+2468, U+2669, U+266f, U+273f, U+4ec0, U+4f60, U+4fb6, U+5347, U+540e, U+543b, U+5b0c, U+5d4c, U+5f14, U+5f9e, U+6155, U+62d0, U+6602, U+6666, U+66f3, U+67a2, U+67ca, U+69cc, U+6d29, U+6d9b, U+6e3e, U+6f81, U+7109, U+73c0, U+73c2, U+7425, U+7435-7436, U+7525, U+7554, U+785d, U+786b, U+7ae3, U+7b94, U+7d18, U+81bf, U+8511, U+8549, U+9075, U+9640, U+98e2, U+9e9f, U+ff96;
}
/* Noto Sans JP - japanese subset 064 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-064.woff2]]") format("woff2");
  unicode-range: U+2467, U+4ece, U+4ed4, U+4f91, U+4fae, U+534d, U+53c9, U+54b3, U+586b, U+5944, U+5b78, U+5df7, U+5f77, U+6101, U+6167-6168, U+61a4, U+62d9, U+698a, U+699b, U+6a59, U+6cc4, U+6e07, U+7099, U+75d2, U+77ad, U+7953, U+7984, U+7a92, U+7baa, U+7dbb, U+817f, U+82ad, U+85e9, U+868a, U+8caa, U+8f44, U+9017, U+907c, U+908a, U+92f3, U+936e, U+9435, U+978d, U+9838, U+9a28, U+9b41, U+9ba8, U+9c57, U+9eb9;
}
/* Noto Sans JP - japanese subset 065 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-065.woff2]]") format("woff2");
  unicode-range: U+b1, U+309b, U+4e5e, U+51f1, U+5506, U+55c5, U+58cc, U+59d1, U+5c51, U+5ef7, U+6284, U+62d7, U+6689, U+673d, U+6a2b, U+6a8e, U+6a9c, U+6d63, U+6dd1, U+70b8, U+7235, U+72db, U+72f8, U+7560, U+7c9b, U+7ce7, U+7e1e, U+80af, U+82eb, U+8463, U+8499, U+85dd, U+86ee, U+8a60, U+8a6e, U+8c79, U+8e87, U+8e8a, U+8f5f, U+9010, U+918d, U+9190, U+965b, U+97fb, U+9ab8, U+9bad, U+9d3b, U+9d5c, U+9dfa, U+9e93;
}
/* Noto Sans JP - japanese subset 066 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-066.woff2]]") format("woff2");
  unicode-range: U+2020, U+3003, U+3231, U+4e9b, U+4f3d, U+4f47, U+51b6, U+51dc, U+53e1, U+5bc5, U+602f, U+60bc, U+61c9, U+633d, U+637b, U+6492, U+65fa, U+660f, U+66f0, U+6703, U+681e, U+6876, U+6893, U+6912, U+698e, U+6c7d, U+714c, U+7169, U+71d5, U+725f, U+72d7, U+745b, U+74dc, U+75e2, U+7891, U+7897, U+7dcb, U+810a, U+8218, U+8339, U+840e, U+852d, U+8823, U+8a0a, U+9089, U+919c, U+971c, U+9ad9, U+ff4a, U+ff5a;
}
/* Noto Sans JP - japanese subset 067 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-067.woff2]]") format("woff2");
  unicode-range: U+2466, U+2600, U+4eab, U+4fe3, U+4ff5, U+51a5, U+51f0, U+536f, U+53d4, U+53f1, U+54a5, U+559d, U+55e3, U+58fa, U+5962, U+59ea, U+5c16, U+5cef, U+5d16, U+5f10, U+5fd6, U+6190, U+6216, U+634f, U+63bb, U+66d6, U+6756, U+6bc5, U+6e26, U+727d, U+731f, U+76f2, U+7729, U+7a7f, U+7aff, U+7c9f, U+818f, U+8236, U+82b9, U+8338, U+85aa, U+88b4, U+8b33, U+904d, U+93a7, U+96cc, U+96eb, U+9aed, U+9b8e, U+fa11;
}
/* Noto Sans JP - japanese subset 068 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-068.woff2]]") format("woff2");
  unicode-range: U+251c, U+2523, U+4e14, U+545f, U+54bd, U+553e, U+55dc, U+56da, U+589c, U+5b55, U+5bb5, U+5ce1, U+5df4, U+5eb6, U+5ec9, U+6191, U+62f7, U+6357, U+64a5, U+6591, U+65bc, U+6897, U+6e1a, U+7063, U+711a, U+721b, U+722c, U+75b9, U+75d5, U+75fa, U+7766, U+7aae, U+7b48, U+7b8b, U+7d21, U+7e55, U+7f75, U+842c, U+8910, U+8a63, U+8b39, U+8b5a, U+8cdc, U+8d74, U+907d, U+91e7, U+9306, U+96bc, U+98f4, U+9ac4;
}
/* Noto Sans JP - japanese subset 069 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-069.woff2]]") format("woff2");
  unicode-range: U+2003, U+2312, U+266c, U+4f86, U+51ea, U+5243, U+5256, U+541f, U+5841, U+59dc, U+5df3, U+601c, U+60e7, U+632b, U+638c, U+64ad, U+6881, U+697c, U+69cd, U+6c50, U+6d2a, U+6fc1, U+7027, U+7058, U+70f9, U+714e, U+7345, U+751a, U+760d, U+764c, U+77db, U+7d79, U+7e8f, U+80ce, U+814e, U+81fc, U+8247, U+8278, U+85a9, U+8a03, U+90ed, U+9784, U+9801, U+984e, U+99b3, U+9bc9, U+9bdb, U+9be8, U+9e78, U+ff6b;
}
/* Noto Sans JP - japanese subset 070 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-070.woff2]]") format("woff2");
  unicode-range: U+266b, U+3006, U+5176, U+5197, U+51a8, U+51c6, U+52f2, U+5614, U+5875, U+5a2f, U+5b54, U+5ce0, U+5dba, U+5deb, U+5e63, U+5f59, U+5fcc, U+6068, U+6367, U+68b6, U+6a0b, U+6b64, U+6e15, U+6eba, U+7272, U+72a0, U+7947, U+7985, U+79e6, U+79e9, U+7a3d, U+7a9f, U+7aaf, U+7b95, U+7f60, U+7f9e, U+7fe0, U+8098, U+80ba, U+8106, U+82d4, U+831c, U+87f9, U+8a1f, U+8acf, U+90c1, U+920d, U+9756, U+fe43, U+ff94;
}
/* Noto Sans JP - japanese subset 071 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-071.woff2]]") format("woff2");
  unicode-range: U+af, U+2465, U+2517, U+33a1, U+4f10, U+50c5, U+51b4, U+5384, U+5606, U+5bb0, U+5cac, U+5ee3, U+618e, U+61f2, U+62c9, U+66ab, U+66f9, U+6816, U+6960, U+6b3e, U+6f20, U+7078, U+72d0, U+73ed, U+7ad9, U+7b1b, U+7be4, U+7d62, U+7f51, U+80b4, U+80f4, U+8154, U+85fb, U+865c, U+8702, U+895f, U+8aed, U+8b90, U+8ced, U+8fbf, U+91d8, U+9418, U+9583, U+9591, U+9813, U+982c, U+9bd6, U+ff46, U+ff7f, U+ff88;
}
/* Noto Sans JP - japanese subset 072 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-072.woff2]]") format("woff2");
  unicode-range: U+4e91, U+508d, U+50e7, U+514e, U+51f6, U+5446, U+5504, U+584a, U+59a8, U+59d3, U+5a46, U+5ac9, U+6020, U+60a6, U+6148, U+621a, U+6234, U+64c1, U+6523, U+675c, U+67d1, U+6953, U+6ccc, U+6df5, U+6e13, U+6f06, U+723a, U+7325, U+74e6, U+758e, U+75ab, U+75d9, U+7a40, U+8096, U+82fa, U+8587, U+8594, U+8a6b, U+8ab9, U+8b17, U+8b83, U+937c, U+963b, U+9673, U+96db, U+9ce9, U+9f4b, U+ff67, U+ff82, U+ff93;
}
/* Noto Sans JP - japanese subset 073 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-073.woff2]]") format("woff2");
  unicode-range: U+221e, U+2514, U+51f9, U+5270, U+5449, U+5824, U+59a5, U+5a29, U+5d07, U+5e16, U+60e3, U+614c, U+6276, U+643e, U+64ab, U+6562, U+6681, U+670b, U+6734, U+67af, U+6a3d, U+6b05, U+6dc0, U+6e4a, U+7259, U+732a, U+7409, U+78a7, U+7a6b, U+8015, U+809b, U+817a, U+830e, U+837b, U+85ab, U+8a23, U+8a93, U+8b00, U+8b19, U+8b21, U+8cbf, U+8fb0, U+901d, U+91b8, U+9320, U+932c, U+9688, U+96f6, U+9df2, U+ff6a;
}
/* Noto Sans JP - japanese subset 074 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-074.woff2]]") format("woff2");
  unicode-range: U+2002, U+2025, U+4f8d, U+51e1, U+51f8, U+5507, U+5598, U+58f1, U+5983, U+59ac, U+5c3c, U+5de7, U+5e7d, U+5eca, U+5f61, U+606d, U+60f9, U+636e, U+64ec, U+67da, U+67ff, U+6813, U+68f2, U+693f, U+6b6a, U+6bbb, U+6ef4, U+7092, U+717d, U+7261, U+73c8, U+7432, U+7483, U+76fe, U+7709, U+78d0, U+81a3, U+81b3, U+82af, U+8305, U+8309, U+8870, U+88fe, U+8cd1, U+8d66, U+906e, U+971e, U+9812, U+ff79, U+ff90;
}
/* Noto Sans JP - japanese subset 075 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-075.woff2]]") format("woff2");
  unicode-range: U+2464, U+2501, U+2640, U+2642, U+339d, U+4f0e, U+5091, U+50b5, U+5132, U+51cc, U+558b, U+55aa, U+585e, U+5bee, U+5dfe, U+60b6, U+62b9, U+6349, U+6566, U+6590, U+6842, U+689d, U+6a58, U+6c70, U+6ff1, U+7815, U+7881, U+7aaa, U+7bc7, U+7def, U+7fa8, U+8017, U+8036, U+8061, U+821f, U+8429, U+8ce0, U+8e74, U+9019, U+90ca, U+9162, U+932f, U+93ae, U+9644, U+990c, U+9cf3, U+ff56, U+ff6e, U+ff7e, U+ff85;
}
/* Noto Sans JP - japanese subset 076 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-076.woff2]]") format("woff2");
  unicode-range: U+2266-2267, U+4f2f, U+5208, U+5451, U+546a, U+5589, U+576a, U+5815, U+5a9a, U+5b9b, U+5c3a, U+5efb, U+5faa, U+6109, U+6643, U+6652, U+695a, U+69fd, U+6b86, U+6bb4, U+6daf, U+7089, U+70cf, U+7a00, U+7a4f, U+7b39, U+7d33, U+80e1, U+828b, U+82a6, U+86cd, U+8c8c, U+8cca, U+8df3, U+9077, U+9175, U+91dc, U+925b, U+9262, U+9271, U+92ed, U+9855, U+9905, U+9d28, U+ff3f, U+ff58, U+ff68, U+ff6d, U+ff9c;
}
/* Noto Sans JP - japanese subset 077 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-077.woff2]]") format("woff2");
  unicode-range: U+2207, U+25ef, U+309c, U+4e4f, U+5146, U+51dd, U+5351, U+540a, U+5629, U+5eb5, U+5f04, U+5f13, U+60dc, U+6212, U+63b4, U+642c, U+6627, U+66a6, U+66c7, U+66fd, U+674e, U+6b96, U+6c4e, U+6df3, U+6e67, U+6f84, U+72fc, U+733f, U+7c97, U+7db1, U+7e4d, U+816b, U+82d1, U+84cb, U+854e, U+8607, U+86c7, U+871c, U+8776, U+8a89, U+8fc4, U+91a4, U+9285, U+9685, U+9903, U+9b31, U+9f13, U+ff42, U+ff74, U+ff91;
}
/* Noto Sans JP - japanese subset 078 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-078.woff2]]") format("woff2");
  unicode-range: U+4e32, U+51db, U+53a8, U+53ea, U+5609, U+5674, U+5a92, U+5e7e, U+6115, U+611a, U+62cc, U+62ed, U+63c9, U+64b9, U+64e6, U+65cb, U+6606, U+6731, U+683d, U+6afb, U+7460, U+771e, U+78ef, U+7b26, U+7b51, U+7cde, U+7d10, U+7d2f, U+7d46, U+80de, U+819c, U+84b2, U+85cd, U+865a, U+8ecc, U+9022, U+90b8, U+9192, U+9675, U+96b7, U+99ff, U+ff44, U+ff55, U+ff6c, U+ff73, U+ff75, U+ff86, U+ff8d, U+ff92, U+ffe3;
}
/* Noto Sans JP - japanese subset 079 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-079.woff2]]") format("woff2");
  unicode-range: U+25b3, U+30f5, U+4eae, U+4f46, U+4f51, U+5203, U+52ff, U+55a7, U+564c, U+565b, U+57f9, U+5805, U+5b64, U+5e06, U+5f70, U+5f90, U+60e8, U+6182, U+62f3, U+62fe, U+63aa, U+64a4, U+65d7, U+673a, U+6851, U+68cb, U+68df, U+6d1e, U+6e58, U+6e9d, U+77b3, U+7832, U+7c3f, U+7db4, U+7f70, U+80aa, U+80c6, U+8105, U+819d, U+8276, U+8679, U+8986, U+8c9d, U+8fc5, U+916c, U+9665, U+9699, U+96c0, U+9a19, U+ff8b;
}
/* Noto Sans JP - japanese subset 080 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-080.woff2]]") format("woff2");
  unicode-range: U+2463, U+25a1, U+4ef0, U+5076, U+5098, U+51fd, U+5302, U+5448, U+54c9, U+570b, U+583a, U+5893, U+58a8, U+58ee, U+5949, U+5bdb, U+5f26, U+5f81, U+6052, U+6170, U+61c7, U+631f, U+635c, U+664b, U+69fb, U+6f01, U+7070, U+722a, U+745e, U+755c, U+76c6, U+78c1, U+79e4, U+7bb8, U+7d0b, U+81a8, U+82d7, U+8b5c, U+8f14, U+8fb1, U+8fbb, U+9283, U+9298, U+9a30, U+ff03, U+ff50, U+ff59, U+ff7b, U+ff8e-ff8f;
}
/* Noto Sans JP - japanese subset 081 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-081.woff2]]") format("woff2");
  unicode-range: U+2010, U+2502, U+25b6, U+4f3a, U+514b, U+5265, U+52c3, U+5339, U+53ec, U+54c0, U+55b0, U+5854, U+5b8f, U+5cb3, U+5e84, U+60da, U+6247, U+6249, U+628a, U+62cd, U+65ac, U+6838, U+690e, U+6cf0, U+6f02, U+6f2c, U+6f70, U+708a, U+7434, U+75be, U+77ef, U+7c60, U+7c98, U+7d1b, U+7e2b, U+80a5, U+81e3, U+820c, U+8210, U+8475, U+862d, U+8650, U+8997, U+906d, U+91c8, U+9700, U+9727, U+9df9, U+ff3a, U+ff9a;
}
/* Noto Sans JP - japanese subset 082 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-082.woff2]]") format("woff2");
  unicode-range: U+2103, U+5049, U+52b1, U+5320, U+5553, U+572d, U+58c7, U+5b5d, U+5bc2, U+5de3, U+5e61, U+5f80, U+61a9, U+67d0, U+67f4, U+6c88, U+6ca1, U+6ce5, U+6d78, U+6e9c, U+6f54, U+731b, U+73b2, U+74a7, U+74f6, U+75e9, U+7b20, U+7c8b, U+7f72, U+809d, U+8108, U+82b3, U+82bd, U+84b8, U+84c4, U+88c2, U+8ae6, U+8ef8, U+902e, U+9065, U+9326, U+935b, U+938c, U+9676, U+9694, U+96f7, U+9ed9, U+ff48, U+ff4c, U+ff81;
}
/* Noto Sans JP - japanese subset 083 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-083.woff2]]") format("woff2");
  unicode-range: U+2500, U+3008-3009, U+4ead, U+4f0f, U+4fca, U+53eb, U+543e, U+57a2, U+5cf0, U+5e8f, U+5fe0, U+61b2, U+62d8, U+6442, U+64b2, U+6589, U+659c, U+67f1, U+68c4, U+6cb8, U+6d12, U+6de1, U+6fe1, U+70c8, U+723d, U+73e0, U+7656, U+773a, U+7948, U+7b87, U+7c92, U+7d3a, U+7e1b, U+7e4a, U+819a, U+8358, U+83c5, U+84bc, U+864e, U+8912, U+8c9e, U+8d05, U+92fc, U+9396, U+98fd, U+99d2, U+ff64, U+ff7a, U+ff83;
}
/* Noto Sans JP - japanese subset 084 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-084.woff2]]") format("woff2");
  unicode-range: U+3014-3015, U+4e3c, U+5036, U+5075, U+533f, U+53e9, U+5531, U+5642, U+5984, U+59e6, U+5a01, U+5b6b, U+5c0b, U+5f25, U+6069, U+60a0, U+614e, U+62b5, U+62d2-62d3, U+6597, U+660c, U+674f, U+67cf, U+6841, U+6905, U+6cf3, U+6d32, U+6d69, U+6f64, U+716e, U+7761, U+7b52, U+7be0, U+7dbf, U+7de9, U+7f36, U+81d3, U+8302, U+8389, U+846c, U+84ee, U+8a69, U+9038, U+9d8f, U+ff47, U+ff4b, U+ff76, U+ff9b;
}
/* Noto Sans JP - japanese subset 085 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-085.woff2]]") format("woff2");
  unicode-range: U+25c7, U+3007, U+504f, U+507d, U+51a0, U+52a3, U+5410, U+5510, U+559a, U+5782, U+582a, U+5c0a, U+5c3f, U+5c48, U+5f6b, U+6176, U+622f, U+6279, U+62bd, U+62dd, U+65ed, U+67b6, U+6817, U+6850, U+6d6a, U+6deb, U+6ea2, U+6edd, U+6f5c, U+72e9, U+73a9, U+7573, U+76bf, U+7950, U+7956, U+7f8a, U+7ffc, U+80a2, U+80c3, U+83ca, U+8a02, U+8a13, U+8df5, U+9375, U+983b, U+99b4, U+ff4e, U+ff71, U+ff89, U+ff97;
}
/* Noto Sans JP - japanese subset 086 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-086.woff2]]") format("woff2");
  unicode-range: U+24, U+2022, U+2212, U+221f, U+2665, U+4ecf, U+5100, U+51cd, U+52d8, U+5378, U+53f6, U+574a, U+5982, U+5996, U+5c1a, U+5e1d, U+5f84, U+609f, U+61a7, U+61f8, U+6398, U+63ee, U+6676, U+6691, U+6eb6, U+7126, U+71e5, U+7687, U+7965, U+7d17, U+80a1, U+8107, U+8266, U+85a6, U+8987, U+8ca2, U+8cab, U+8e0a, U+9042, U+95c7, U+9810, U+9867, U+98fc, U+ff52-ff54, U+ff61, U+ff77, U+ff98-ff99;
}
/* Noto Sans JP - japanese subset 087 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-087.woff2]]") format("woff2");
  unicode-range: U+b0, U+226a, U+2462, U+4e39, U+4fc3, U+4fd7, U+50be, U+50da, U+5200, U+5211, U+54f2, U+5618, U+596a, U+5b22, U+5bb4, U+5d50, U+60a3, U+63fa, U+658e, U+65e8, U+6669, U+6795, U+679d, U+67a0, U+6b3a, U+6e09, U+757f, U+7cd6, U+7dbe, U+7ffb, U+83cc, U+83f1, U+840c, U+845b, U+8846, U+8972, U+8a34, U+8a50, U+8a87, U+8edf, U+8ff0, U+90a6, U+9154, U+95a3, U+9663, U+9686, U+96c7, U+ff3c, U+ff7c, U+ff8a;
}
/* Noto Sans JP - japanese subset 088 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-088.woff2]]") format("woff2");
  unicode-range: U+25bd, U+4e59, U+4ec1, U+4ff3, U+515a, U+518a, U+525b, U+5375, U+552f, U+57a3, U+5b9c, U+5c3d, U+5e3d, U+5e7b, U+5f0a, U+6094, U+6458, U+654f, U+67f3, U+6b8a, U+6bd2, U+6c37, U+6ce1, U+6e56, U+6e7f, U+6ed1, U+6ede, U+6f0f, U+70ad, U+7267, U+7363, U+786c, U+7a42, U+7db2, U+7f85, U+8178, U+829d, U+8896, U+8c5a, U+8cb0, U+8ce2, U+8ed2, U+9047, U+9177, U+970a, U+9ea6, U+ff1b, U+ff31, U+ff39, U+ff80;
}
/* Noto Sans JP - japanese subset 089 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-089.woff2]]") format("woff2");
  unicode-range: U+a5, U+4e80, U+4f34, U+4f73, U+4f75, U+511f, U+5192, U+52aa, U+53c8, U+570f, U+57cb, U+596e, U+5d8b, U+5f66, U+5fd9, U+62db, U+62f6, U+6328, U+633f, U+63a7, U+6469, U+6bbf, U+6c41, U+6c57, U+6d44, U+6dbc, U+706f, U+72c2, U+72ed, U+7551, U+75f4, U+7949, U+7e26, U+7fd4, U+8150, U+8af8, U+8b0e, U+8b72, U+8ca7, U+934b, U+9a0e, U+9a12, U+9b42, U+ff41, U+ff43, U+ff45, U+ff49, U+ff4f, U+ff62-ff63;
}
/* Noto Sans JP - japanese subset 090 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-090.woff2]]") format("woff2");
  unicode-range: U+4e18, U+4fb5, U+5104, U+52c7, U+5353, U+5374, U+53e5, U+587e, U+594f, U+5a20, U+5de1, U+5f18, U+5fcd, U+6291, U+62ab, U+6355, U+6392, U+63da, U+63e1, U+656c, U+6687, U+68b0-68b1, U+68d2, U+68da, U+6b27, U+6cbc, U+7159, U+7344, U+73cd, U+76df, U+790e, U+7cf8, U+8102, U+88c1, U+8aa0, U+8e0f, U+9178, U+92ad, U+9670, U+96c5, U+9cf4, U+9db4, U+ff3e, U+ff6f, U+ff72, U+ff78, U+ff7d, U+ff84, U+ff8c;
}
/* Noto Sans JP - japanese subset 091 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-091.woff2]]") format("woff2");
  unicode-range: U+60, U+2200, U+226b, U+2461, U+517c, U+526f, U+5800, U+5b97, U+5bf8, U+5c01, U+5d29, U+5e4c, U+5e81, U+6065, U+61d0, U+667a, U+6696, U+6843, U+6c99, U+6d99, U+6ec5, U+6f22, U+6f6e, U+6fa4, U+6fef, U+71c3, U+72d9, U+7384, U+78e8, U+7a1a, U+7a32, U+7a3c, U+7adc, U+7ca7, U+7d2b, U+7dad, U+7e4b, U+80a9, U+8170, U+81ed, U+820e, U+8a17, U+8afe, U+90aa, U+914e, U+963f, U+99c4, U+9eba, U+9f3b, U+ff38;
}
/* Noto Sans JP - japanese subset 092 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-092.woff2]]") format("woff2");
  unicode-range: U+2460, U+4e5f, U+4e7e, U+4ed9, U+501f, U+502b, U+5968, U+5974, U+5ac1, U+5b99, U+5ba3, U+5be7, U+5be9, U+5c64, U+5cb8, U+5ec3, U+5f1f, U+616e, U+6297, U+62e0, U+62ec, U+6368, U+642d, U+65e6, U+6717, U+676f, U+6b04, U+732e, U+7652, U+76ca, U+76d7, U+7802, U+7e70, U+7f6a, U+8133, U+81e8, U+866b, U+878d, U+88f8, U+8a5e, U+8cdb, U+8d08, U+907a, U+90e1, U+96f2, U+9f8d, U+ff35, U+ff37, U+ff40, U+ff9d;
}
/* Noto Sans JP - japanese subset 093 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-093.woff2]]") format("woff2");
  unicode-range: U+21d2, U+25ce, U+300a-300b, U+4e89, U+4e9c, U+4ea1, U+5263, U+53cc, U+5426, U+5869, U+5947, U+598a, U+5999, U+5e55, U+5e72, U+5e79, U+5fae, U+5fb9, U+602a, U+6163, U+624d, U+6749, U+6c5a, U+6cbf, U+6d45, U+6dfb, U+6e7e, U+708e, U+725b, U+7763, U+79c0, U+7bc4, U+7c89, U+7e01, U+7e2e, U+8010, U+8033, U+8c6a, U+8cc3, U+8f1d, U+8f9b, U+8fb2, U+907f, U+90f7, U+9707, U+9818, U+9b3c, U+ff0a, U+ff4d;
}
/* Noto Sans JP - japanese subset 094 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-094.woff2]]") format("woff2");
  unicode-range: U+2015, U+2190, U+4e43, U+5019, U+5247, U+52e7, U+5438, U+54b2, U+55ab, U+57f7, U+5bd2, U+5e8a, U+5ef6, U+6016, U+60b2, U+6162, U+6319, U+6551, U+6607, U+66b4, U+675f, U+67d4, U+6b20, U+6b53, U+6ce3, U+719f, U+75b2, U+770b, U+7720, U+77ac, U+79d2, U+7af9, U+7d05, U+7dca, U+8056, U+80f8, U+81f3, U+8352, U+885d, U+8a70, U+8aa4, U+8cbc, U+900f, U+9084, U+91e3, U+9451, U+96c4, U+99c6, U+9ad4, U+ff70;
}
/* Noto Sans JP - japanese subset 095 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-095.woff2]]") format("woff2");
  unicode-range: U+2193, U+25b2, U+4e4b, U+516d, U+51c4, U+529f, U+52c9, U+5360, U+5442, U+5857, U+5915, U+59eb, U+5a9b, U+5c3b, U+6012, U+61b6, U+62b1, U+6311, U+6577, U+65e2, U+65ec, U+6613, U+6790, U+6cb9, U+7372, U+76ae, U+7d5e, U+7fcc, U+88ab, U+88d5, U+8caf, U+8ddd, U+8ecd, U+8f38, U+8f9e, U+8feb, U+9063, U+90f5, U+93e1, U+968a, U+968f, U+98fe, U+9ec4, U+ff1d, U+ff27, U+ff2a, U+ff36, U+ff3b, U+ff3d, U+ffe5;
}
/* Noto Sans JP - japanese subset 096 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-096.woff2]]") format("woff2");
  unicode-range: U+4e03, U+4f38, U+50b7, U+5264, U+5348, U+5371, U+585a, U+58ca, U+5951, U+59b9, U+59d4, U+5b98, U+5f8b, U+6388, U+64cd, U+65e7, U+6803, U+6b6f, U+6d66, U+6e0b, U+6ecb, U+6fc3, U+72ac, U+773c, U+77e2, U+7968, U+7a74, U+7dba, U+7dd1, U+7e3e, U+808c, U+811a, U+8179, U+8239, U+8584, U+8a0e, U+8a72, U+8b66, U+8c46, U+8f29, U+90a3, U+9234, U+96f0, U+9769, U+9774, U+9aa8, U+ff26, U+ff28, U+ff9e-ff9f;
}
/* Noto Sans JP - japanese subset 097 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-097.woff2]]") format("woff2");
  unicode-range: U+7e, U+b4, U+25c6, U+2661, U+4e92, U+4eee, U+4ffa, U+5144, U+5237, U+5287, U+52b4, U+58c1, U+5bff, U+5c04, U+5c06, U+5e95, U+5f31, U+5f93, U+63c3, U+640d, U+6557, U+6614, U+662f, U+67d3, U+690d, U+6bba, U+6e6f, U+72af, U+732b, U+7518, U+7ae0, U+7ae5, U+7af6, U+822a, U+89e6, U+8a3a, U+8a98, U+8cb8, U+8de1, U+8e8d, U+95d8, U+961c, U+96a3, U+96ea, U+9bae, U+ff20, U+ff22, U+ff29, U+ff2b-ff2c;
}
/* Noto Sans JP - japanese subset 098 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-098.woff2]]") format("woff2");
  unicode-range: U+25cb, U+4e71, U+4f59, U+50d5, U+520a, U+5217, U+5230, U+523a-523b, U+541b, U+5439, U+5747, U+59c9, U+5bdf, U+5c31, U+5de8, U+5e7c, U+5f69, U+6050, U+60d1, U+63cf, U+663c, U+67c4, U+6885, U+6c38, U+6d6e, U+6db2, U+6df7, U+6e2c, U+6f5f, U+7532, U+76e3-76e4, U+7701, U+793c, U+79f0, U+7a93, U+7d00, U+7de0, U+7e54, U+8328, U+8840, U+969c, U+96e8, U+9811, U+9aea, U+9b5a, U+ff24, U+ff2e, U+ff57;
}
/* Noto Sans JP - japanese subset 099 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-099.woff2]]") format("woff2");
  unicode-range: U+2191, U+505c, U+52e4, U+5305, U+535a, U+56e0, U+59bb, U+5acc, U+5b09, U+5b87, U+5c90, U+5df1, U+5e2d, U+5e33, U+5f3e, U+6298, U+6383, U+653b, U+6697, U+6804, U+6a39, U+6cca, U+6e90, U+6f2b, U+702c, U+7206, U+7236, U+7559, U+7565, U+7591, U+75c7, U+75db, U+7b4b, U+7bb1, U+7d99, U+7fbd, U+8131, U+885b, U+8b1d, U+8ff7, U+9003, U+9045, U+96a0, U+9732, U+990a, U+99d0, U+9e97, U+9f62, U+ff25, U+ff2d;
}
/* Noto Sans JP - japanese subset 100 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-100.woff2]]") format("woff2");
  unicode-range: U+4e08, U+4f9d, U+5012, U+514d, U+51b7, U+5275, U+53ca, U+53f8, U+5584, U+57fc, U+5b9d, U+5bfa, U+5c3e, U+5f01, U+5fb4, U+5fd7, U+606f, U+62e1, U+6563, U+6674, U+6cb3, U+6d3e, U+6d74, U+6e1b, U+6e2f, U+718a, U+7247, U+79d8, U+7d14, U+7d66, U+7d71, U+7df4, U+7e41, U+80cc, U+8155, U+83d3, U+8a95, U+8ab2, U+8ad6, U+8ca1, U+9000, U+9006, U+9678, U+97d3, U+9808, U+98ef, U+9a5a, U+9b45, U+ff23, U+ff30;
}
/* Noto Sans JP - japanese subset 101 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-101.woff2]]") format("woff2");
  unicode-range: U+25bc, U+3012, U+4ef2, U+4f0a, U+516b, U+5373, U+539a, U+53b3, U+559c, U+56f0, U+5727, U+5742, U+5965, U+59ff, U+5bc6, U+5dfb, U+5e45, U+5ead, U+5fb3, U+6211, U+6253, U+639b, U+63a8, U+6545, U+6575, U+6628, U+672d, U+68a8, U+6bdb, U+6d25, U+707d, U+767e, U+7834, U+7b46, U+7bc9, U+8074, U+82e6, U+8349, U+8a2a, U+8d70, U+8da3, U+8fce, U+91cc, U+967d, U+97ff, U+9996, U+ff1c, U+ff2f, U+ff32, U+ff34;
}
/* Noto Sans JP - japanese subset 102 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-102.woff2]]") format("woff2");
  unicode-range: U+3d, U+5e, U+25cf, U+4e0e, U+4e5d, U+4e73, U+4e94, U+4f3c, U+5009, U+5145, U+51ac, U+5238, U+524a, U+53f3, U+547c, U+5802, U+5922, U+5a66, U+5c0e, U+5de6, U+5fd8, U+5feb, U+6797, U+685c, U+6b7b, U+6c5f-6c60, U+6cc9, U+6ce2, U+6d17, U+6e21, U+7167, U+7642, U+76db, U+8001, U+821e, U+8857, U+89d2, U+8b1b, U+8b70, U+8cb4, U+8cde, U+8f03, U+8f2a, U+968e, U+9b54, U+9e7f, U+9ebb, U+ff05, U+ff33;
}
/* Noto Sans JP - japanese subset 103 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-103.woff2]]") format("woff2");
  unicode-range: U+500d, U+5074, U+50cd, U+5175, U+52e2, U+5352, U+5354, U+53f2, U+5409, U+56fa, U+5a18, U+5b88, U+5bdd, U+5ca9, U+5f92, U+5fa9, U+60a9, U+623f, U+6483, U+653f, U+666f, U+66ae, U+66f2, U+6a21, U+6b66, U+6bcd, U+6d5c, U+796d, U+7a4d, U+7aef, U+7b56, U+7b97, U+7c4d, U+7e04, U+7fa9, U+8377, U+83dc, U+83ef, U+8535, U+8863, U+88cf, U+88dc, U+8907, U+8acb, U+90ce, U+91dd, U+ff0b, U+ff0d, U+ff19, U+ff65;
}
/* Noto Sans JP - japanese subset 104 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-104.woff2]]") format("woff2");
  unicode-range: U+4e01, U+4e21, U+4e38, U+52a9, U+547d, U+592e, U+5931, U+5b63, U+5c40, U+5dde, U+5e78, U+5efa, U+5fa1, U+604b, U+6075, U+62c5, U+632f, U+6a19, U+6c0f, U+6c11, U+6c96, U+6e05, U+70ba, U+71b1, U+7387, U+7403, U+75c5, U+77ed, U+795d, U+7b54, U+7cbe, U+7d19, U+7fa4, U+8089, U+81f4, U+8208, U+8336, U+8457, U+8a33, U+8c4a, U+8ca0, U+8ca8, U+8cc0, U+9014, U+964d, U+9803, U+983c, U+98db, U+ff17, U+ff21;
}
/* Noto Sans JP - japanese subset 105 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-105.woff2]]") format("woff2");
  unicode-range: U+25, U+25a0, U+4e26, U+4f4e, U+5341, U+56f2, U+5bbf, U+5c45, U+5c55, U+5c5e, U+5dee, U+5e9c, U+5f7c, U+6255, U+627f, U+62bc, U+65cf, U+661f, U+666e, U+66dc, U+67fb, U+6975, U+6a4b, U+6b32, U+6df1, U+6e29, U+6fc0, U+738b, U+7686, U+7a76, U+7a81, U+7c73, U+7d75, U+7dd2, U+82e5, U+82f1, U+85ac, U+888b, U+899a, U+8a31, U+8a8c, U+8ab0, U+8b58, U+904a, U+9060, U+9280, U+95b2, U+984d, U+9ce5, U+ff18;
}
/* Noto Sans JP - japanese subset 106 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-106.woff2]]") format("woff2");
  unicode-range: U+30f6, U+50ac, U+5178, U+51e6, U+5224, U+52dd, U+5883, U+5897, U+590f, U+5a5a, U+5bb3, U+5c65, U+5e03, U+5e2b, U+5e30, U+5eb7, U+6271, U+63f4, U+64ae, U+6574, U+672b, U+679a, U+6a29-6a2a, U+6ca2, U+6cc1, U+6d0b, U+713c, U+74b0, U+7981, U+7a0b, U+7bc0, U+7d1a, U+7d61, U+7fd2, U+822c, U+8996, U+89aa, U+8cac, U+8cbb, U+8d77, U+8def, U+9020, U+9152, U+9244, U+9662, U+967a, U+96e3, U+9759, U+ff16;
}
/* Noto Sans JP - japanese subset 107 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-107.woff2]]") format("woff2");
  unicode-range: U+23, U+3c, U+2192, U+4e45, U+4efb, U+4f50, U+4f8b, U+4fc2, U+5024, U+5150, U+5272, U+5370, U+53bb, U+542b, U+56db, U+56e3, U+57ce, U+5bc4, U+5bcc, U+5f71, U+60aa, U+6238, U+6280, U+629c, U+6539, U+66ff, U+670d, U+677e-677f, U+6839, U+69cb, U+6b4c, U+6bb5, U+6e96, U+6f14, U+72ec, U+7389, U+7814, U+79cb, U+79d1, U+79fb, U+7a0e, U+7d0d, U+85e4, U+8d64, U+9632, U+96e2, U+9805, U+99ac, U+ff1e;
}
/* Noto Sans JP - japanese subset 108 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-108.woff2]]") format("woff2");
  unicode-range: U+2605-2606, U+301c, U+4e57, U+4fee, U+5065, U+52df, U+533b, U+5357, U+57df, U+58eb, U+58f0, U+591c, U+592a-592b, U+5948, U+5b85, U+5d0e, U+5ea7, U+5ff5, U+6025, U+63a1, U+63a5, U+63db, U+643a, U+65bd, U+671d, U+68ee, U+6982, U+6b73, U+6bd4, U+6d88, U+7570, U+7b11, U+7d76, U+8077, U+8217, U+8c37, U+8c61, U+8cc7, U+8d85, U+901f, U+962a, U+9802, U+9806, U+9854, U+98f2, U+9928, U+99c5, U+9ed2;
}
/* Noto Sans JP - japanese subset 109 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-109.woff2]]") format("woff2");
  unicode-range: U+266a, U+4f11, U+533a, U+5343, U+534a, U+53cd, U+5404, U+56f3, U+5b57-5b58, U+5bae, U+5c4a, U+5e0c, U+5e2f, U+5eab, U+5f35, U+5f79, U+614b, U+6226, U+629e, U+65c5, U+6625, U+6751, U+6821, U+6b69, U+6b8b, U+6bce, U+6c42, U+706b, U+7c21, U+7cfb, U+805e, U+80b2, U+82b8, U+843d, U+8853, U+88c5, U+8a3c, U+8a66, U+8d8a, U+8fba, U+9069, U+91cf, U+9752, U+975e, U+9999, U+ff0f-ff10, U+ff14-ff15;
}
/* Noto Sans JP - japanese subset 110 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-110.woff2]]") format("woff2");
  unicode-range: U+40, U+4e86, U+4e95, U+4f01, U+4f1d, U+4fbf, U+5099, U+5171, U+5177, U+53cb, U+53ce, U+53f0, U+5668, U+5712, U+5ba4, U+5ca1, U+5f85, U+60f3, U+653e, U+65ad, U+65e9, U+6620, U+6750, U+6761, U+6b62, U+6b74, U+6e08, U+6e80, U+7248, U+7531, U+7533, U+753a, U+77f3, U+798f, U+7f6e, U+8449, U+88fd, U+89b3, U+8a55, U+8ac7, U+8b77, U+8db3, U+8efd, U+8fd4, U+9031-9032, U+9580, U+9589, U+96d1, U+985e;
}
/* Noto Sans JP - japanese subset 111 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-111.woff2]]") format("woff2");
  unicode-range: U+2b, U+d7, U+300e-300f, U+4e07, U+4e8c, U+512a, U+5149, U+518d, U+5236, U+52b9, U+52d9, U+5468, U+578b, U+57fa, U+5b8c, U+5ba2, U+5c02, U+5de5, U+5f37, U+5f62, U+623b, U+63d0, U+652f, U+672a, U+6848, U+6d41, U+7136, U+7537, U+754c, U+76f4, U+79c1, U+7ba1, U+7d44, U+7d4c, U+7dcf, U+7dda, U+7de8, U+82b1, U+897f, U+8ca9, U+8cfc, U+904e, U+9664, U+982d, U+9858, U+98a8, U+9a13, U+ff13, U+ff5c;
}
/* Noto Sans JP - japanese subset 112 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-112.woff2]]") format("woff2");
  unicode-range: U+4e16, U+4e3b, U+4ea4, U+4ee4, U+4f4d, U+4f4f, U+4f55, U+4f9b, U+5317, U+5358, U+53c2, U+53e4, U+548c, U+571f, U+59cb, U+5cf6, U+5e38, U+63a2, U+63b2, U+6559, U+662d, U+679c, U+6c7a, U+72b6, U+7523, U+767d, U+770c, U+7a2e, U+7a3f, U+7a7a, U+7b2c, U+7b49, U+7d20, U+7d42, U+8003, U+8272, U+8a08, U+8aac, U+8cb7, U+8eab, U+8ee2, U+9054-9055, U+90fd, U+914d, U+91cd, U+969b, U+97f3, U+984c, U+ff06;
}
/* Noto Sans JP - japanese subset 113 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-113.woff2]]") format("woff2");
  unicode-range: U+26, U+5f, U+2026, U+203b, U+4e09, U+4eac, U+4ed5, U+4fa1, U+5143, U+5199, U+5207, U+539f, U+53e3, U+53f7, U+5411, U+5473, U+5546, U+55b6, U+5929, U+597d, U+5bb9, U+5c11, U+5c4b, U+5ddd, U+5f97, U+5fc5, U+6295, U+6301, U+6307, U+671b, U+76f8, U+78ba, U+795e, U+7d30, U+7d39, U+7d9a, U+89e3, U+8a00, U+8a73, U+8a8d, U+8a9e, U+8aad, U+8abf, U+8cea, U+8eca, U+8ffd, U+904b, U+9650, U+ff11-ff12;
}
/* Noto Sans JP - japanese subset 114 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-114.woff2]]") format("woff2");
  unicode-range: U+3e, U+3005, U+4e0d, U+4e88, U+4ecb, U+4ee3, U+4ef6, U+4fdd, U+4fe1, U+500b, U+50cf, U+5186, U+5316, U+53d7, U+540c, U+544a, U+54e1, U+5728, U+58f2, U+5973, U+5b89, U+5c71, U+5e02, U+5e97, U+5f15, U+5fc3, U+5fdc, U+601d, U+611b, U+611f, U+671f, U+6728, U+6765, U+683c, U+6b21, U+6ce8, U+6d3b, U+6d77, U+7530, U+7740, U+7acb, U+7d50, U+826f, U+8f09, U+8fbc, U+9001, U+9053, U+91ce, U+9762, U+98df;
}
/* Noto Sans JP - japanese subset 115 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-115.woff2]]") format("woff2");
  unicode-range: U+7c, U+3080, U+4ee5, U+5148, U+516c, U+521d, U+5225, U+529b, U+52a0, U+53ef, U+56de, U+56fd, U+5909, U+591a, U+5b66, U+5b9f, U+5bb6, U+5bfe, U+5e73, U+5e83, U+5ea6, U+5f53, U+6027, U+610f, U+6210, U+6240, U+660e, U+66f4, U+66f8, U+6709, U+6771, U+697d, U+69d8, U+6a5f, U+6c34, U+6cbb, U+73fe, U+756a, U+7684, U+771f, U+793a, U+7f8e, U+898f, U+8a2d, U+8a71, U+8fd1, U+9078, U+9577, U+96fb, U+ff5e;
}
/* Noto Sans JP - japanese subset 116 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-116.woff2]]") format("woff2");
  unicode-range: U+a9, U+3010-3011, U+30e2, U+4e0b, U+4eca, U+4ed6, U+4ed8, U+4f53, U+4f5c, U+4f7f, U+53d6, U+540d, U+54c1, U+5730, U+5916, U+5b50, U+5c0f, U+5f8c, U+624b, U+6570, U+6587, U+6599, U+691c, U+696d, U+6cd5, U+7269, U+7279, U+7406, U+767a-767b, U+77e5, U+7d04, U+7d22, U+8005, U+80fd, U+81ea, U+8868, U+8981, U+89a7, U+901a, U+9023, U+90e8, U+91d1, U+9332, U+958b, U+96c6, U+9ad8, U+ff1a, U+ff1f;
}
/* Noto Sans JP - japanese subset 117 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-117.woff2]]") format("woff2");
  unicode-range: U+4e, U+a0, U+3000, U+300c-300d, U+4e00, U+4e0a, U+4e2d, U+4e8b, U+4eba, U+4f1a, U+5165, U+5168, U+5185, U+51fa, U+5206, U+5229, U+524d, U+52d5, U+5408, U+554f, U+5831, U+5834, U+5927, U+5b9a, U+5e74, U+5f0f, U+60c5, U+65b0, U+65b9, U+6642, U+6700, U+672c, U+682a, U+6b63, U+6c17, U+7121, U+751f, U+7528, U+753b, U+76ee, U+793e, U+884c, U+898b, U+8a18, U+9593, U+95a2, U+ff01, U+ff08-ff09;
}
/* Noto Sans JP - japanese subset 118 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-118.woff2]]") format("woff2");
  unicode-range: U+21-22, U+27-2a, U+2c-3b, U+3f, U+41-4d, U+4f-5d, U+61-7b, U+7d, U+ab, U+ae, U+b2-b3, U+b7, U+bb, U+c9, U+cd, U+d6, U+d8, U+dc, U+e0-e5, U+e7-ed, U+ef, U+f1-f4, U+f6, U+f8, U+fa, U+fc-fd, U+103, U+14d, U+1b0, U+300-301, U+1ebf, U+1ec7, U+2013-2014, U+201c-201d, U+2039-203a, U+203c, U+2048-2049, U+2113, U+2122, U+65e5, U+6708, U+70b9;
}
/* Noto Sans JP - japanese subset 119 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("[[font:theme|noto-sans-jp/noto-sans-jp-normal-119.woff2]]") format("woff2");
  unicode-range: U+20, U+2027, U+3001-3002, U+3041-307f, U+3081-308f, U+3091-3093, U+3099-309a, U+309d-309e, U+30a1-30e1, U+30e3-30ed, U+30ef-30f0, U+30f2-30f4, U+30fb-30fe, U+ff0c, U+ff0e;
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("[[font:core|fa-brands-400.woff2]]") format("woff2"), url("[[font:core|fa-brands-400.ttf]]") format("truetype");
}
.fab,
.fa-brands {
  font-weight: 400;
}

.fa-monero {
  --fa: "\f3d0";
}

.fa-hooli {
  --fa: "\f427";
}

.fa-yelp {
  --fa: "\f1e9";
}

.fa-cc-visa {
  --fa: "\f1f0";
}

.fa-lastfm {
  --fa: "\f202";
}

.fa-shopware {
  --fa: "\f5b5";
}

.fa-creative-commons-nc {
  --fa: "\f4e8";
}

.fa-aws {
  --fa: "\f375";
}

.fa-redhat {
  --fa: "\f7bc";
}

.fa-yoast {
  --fa: "\f2b1";
}

.fa-cloudflare {
  --fa: "\e07d";
}

.fa-ups {
  --fa: "\f7e0";
}

.fa-pixiv {
  --fa: "\e640";
}

.fa-wpexplorer {
  --fa: "\f2de";
}

.fa-dyalog {
  --fa: "\f399";
}

.fa-bity {
  --fa: "\f37a";
}

.fa-stackpath {
  --fa: "\f842";
}

.fa-buysellads {
  --fa: "\f20d";
}

.fa-first-order {
  --fa: "\f2b0";
}

.fa-modx {
  --fa: "\f285";
}

.fa-guilded {
  --fa: "\e07e";
}

.fa-vnv {
  --fa: "\f40b";
}

.fa-square-js {
  --fa: "\f3b9";
}

.fa-js-square {
  --fa: "\f3b9";
}

.fa-microsoft {
  --fa: "\f3ca";
}

.fa-qq {
  --fa: "\f1d6";
}

.fa-orcid {
  --fa: "\f8d2";
}

.fa-java {
  --fa: "\f4e4";
}

.fa-invision {
  --fa: "\f7b0";
}

.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}

.fa-centercode {
  --fa: "\f380";
}

.fa-glide-g {
  --fa: "\f2a6";
}

.fa-drupal {
  --fa: "\f1a9";
}

.fa-jxl {
  --fa: "\e67b";
}

.fa-dart-lang {
  --fa: "\e693";
}

.fa-hire-a-helper {
  --fa: "\f3b0";
}

.fa-creative-commons-by {
  --fa: "\f4e7";
}

.fa-unity {
  --fa: "\e049";
}

.fa-whmcs {
  --fa: "\f40d";
}

.fa-rocketchat {
  --fa: "\f3e8";
}

.fa-vk {
  --fa: "\f189";
}

.fa-untappd {
  --fa: "\f405";
}

.fa-mailchimp {
  --fa: "\f59e";
}

.fa-css3-alt {
  --fa: "\f38b";
}

.fa-square-reddit {
  --fa: "\f1a2";
}

.fa-reddit-square {
  --fa: "\f1a2";
}

.fa-vimeo-v {
  --fa: "\f27d";
}

.fa-contao {
  --fa: "\f26d";
}

.fa-square-font-awesome {
  --fa: "\e5ad";
}

.fa-deskpro {
  --fa: "\f38f";
}

.fa-brave {
  --fa: "\e63c";
}

.fa-sistrix {
  --fa: "\f3ee";
}

.fa-square-instagram {
  --fa: "\e055";
}

.fa-instagram-square {
  --fa: "\e055";
}

.fa-battle-net {
  --fa: "\f835";
}

.fa-the-red-yeti {
  --fa: "\f69d";
}

.fa-square-hacker-news {
  --fa: "\f3af";
}

.fa-hacker-news-square {
  --fa: "\f3af";
}

.fa-edge {
  --fa: "\f282";
}

.fa-threads {
  --fa: "\e618";
}

.fa-napster {
  --fa: "\f3d2";
}

.fa-square-snapchat {
  --fa: "\f2ad";
}

.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa-google-plus-g {
  --fa: "\f0d5";
}

.fa-artstation {
  --fa: "\f77a";
}

.fa-markdown {
  --fa: "\f60f";
}

.fa-sourcetree {
  --fa: "\f7d3";
}

.fa-google-plus {
  --fa: "\f2b3";
}

.fa-diaspora {
  --fa: "\f791";
}

.fa-foursquare {
  --fa: "\f180";
}

.fa-stack-overflow {
  --fa: "\f16c";
}

.fa-github-alt {
  --fa: "\f113";
}

.fa-phoenix-squadron {
  --fa: "\f511";
}

.fa-pagelines {
  --fa: "\f18c";
}

.fa-algolia {
  --fa: "\f36c";
}

.fa-red-river {
  --fa: "\f3e3";
}

.fa-creative-commons-sa {
  --fa: "\f4ef";
}

.fa-safari {
  --fa: "\f267";
}

.fa-google {
  --fa: "\f1a0";
}

.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}

.fa-font-awesome-alt {
  --fa: "\f35c";
}

.fa-atlassian {
  --fa: "\f77b";
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-digital-ocean {
  --fa: "\f391";
}

.fa-nimblr {
  --fa: "\f5a8";
}

.fa-chromecast {
  --fa: "\f838";
}

.fa-evernote {
  --fa: "\f839";
}

.fa-hacker-news {
  --fa: "\f1d4";
}

.fa-creative-commons-sampling {
  --fa: "\f4f0";
}

.fa-adversal {
  --fa: "\f36a";
}

.fa-creative-commons {
  --fa: "\f25e";
}

.fa-watchman-monitoring {
  --fa: "\e087";
}

.fa-fonticons {
  --fa: "\f280";
}

.fa-weixin {
  --fa: "\f1d7";
}

.fa-shirtsinbulk {
  --fa: "\f214";
}

.fa-codepen {
  --fa: "\f1cb";
}

.fa-git-alt {
  --fa: "\f841";
}

.fa-lyft {
  --fa: "\f3c3";
}

.fa-rev {
  --fa: "\f5b2";
}

.fa-windows {
  --fa: "\f17a";
}

.fa-wizards-of-the-coast {
  --fa: "\f730";
}

.fa-square-viadeo {
  --fa: "\f2aa";
}

.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa-meetup {
  --fa: "\f2e0";
}

.fa-centos {
  --fa: "\f789";
}

.fa-adn {
  --fa: "\f170";
}

.fa-cloudsmith {
  --fa: "\f384";
}

.fa-opensuse {
  --fa: "\e62b";
}

.fa-pied-piper-alt {
  --fa: "\f1a8";
}

.fa-square-dribbble {
  --fa: "\f397";
}

.fa-dribbble-square {
  --fa: "\f397";
}

.fa-codiepie {
  --fa: "\f284";
}

.fa-node {
  --fa: "\f419";
}

.fa-mix {
  --fa: "\f3cb";
}

.fa-steam {
  --fa: "\f1b6";
}

.fa-cc-apple-pay {
  --fa: "\f416";
}

.fa-scribd {
  --fa: "\f28a";
}

.fa-debian {
  --fa: "\e60b";
}

.fa-openid {
  --fa: "\f19b";
}

.fa-instalod {
  --fa: "\e081";
}

.fa-files-pinwheel {
  --fa: "\e69f";
}

.fa-expeditedssl {
  --fa: "\f23e";
}

.fa-sellcast {
  --fa: "\f2da";
}

.fa-square-twitter {
  --fa: "\f081";
}

.fa-twitter-square {
  --fa: "\f081";
}

.fa-r-project {
  --fa: "\f4f7";
}

.fa-delicious {
  --fa: "\f1a5";
}

.fa-freebsd {
  --fa: "\f3a4";
}

.fa-vuejs {
  --fa: "\f41f";
}

.fa-accusoft {
  --fa: "\f369";
}

.fa-ioxhost {
  --fa: "\f208";
}

.fa-fonticons-fi {
  --fa: "\f3a2";
}

.fa-app-store {
  --fa: "\f36f";
}

.fa-cc-mastercard {
  --fa: "\f1f1";
}

.fa-itunes-note {
  --fa: "\f3b5";
}

.fa-golang {
  --fa: "\e40f";
}

.fa-kickstarter {
  --fa: "\f3bb";
}

.fa-square-kickstarter {
  --fa: "\f3bb";
}

.fa-grav {
  --fa: "\f2d6";
}

.fa-weibo {
  --fa: "\f18a";
}

.fa-uncharted {
  --fa: "\e084";
}

.fa-firstdraft {
  --fa: "\f3a1";
}

.fa-square-youtube {
  --fa: "\f431";
}

.fa-youtube-square {
  --fa: "\f431";
}

.fa-wikipedia-w {
  --fa: "\f266";
}

.fa-wpressr {
  --fa: "\f3e4";
}

.fa-rendact {
  --fa: "\f3e4";
}

.fa-angellist {
  --fa: "\f209";
}

.fa-galactic-republic {
  --fa: "\f50c";
}

.fa-nfc-directional {
  --fa: "\e530";
}

.fa-skype {
  --fa: "\f17e";
}

.fa-joget {
  --fa: "\f3b7";
}

.fa-fedora {
  --fa: "\f798";
}

.fa-stripe-s {
  --fa: "\f42a";
}

.fa-meta {
  --fa: "\e49b";
}

.fa-laravel {
  --fa: "\f3bd";
}

.fa-hotjar {
  --fa: "\f3b1";
}

.fa-bluetooth-b {
  --fa: "\f294";
}

.fa-square-letterboxd {
  --fa: "\e62e";
}

.fa-sticker-mule {
  --fa: "\f3f7";
}

.fa-creative-commons-zero {
  --fa: "\f4f3";
}

.fa-hips {
  --fa: "\f452";
}

.fa-css {
  --fa: "\e6a2";
}

.fa-behance {
  --fa: "\f1b4";
}

.fa-reddit {
  --fa: "\f1a1";
}

.fa-discord {
  --fa: "\f392";
}

.fa-chrome {
  --fa: "\f268";
}

.fa-app-store-ios {
  --fa: "\f370";
}

.fa-cc-discover {
  --fa: "\f1f2";
}

.fa-wpbeginner {
  --fa: "\f297";
}

.fa-confluence {
  --fa: "\f78d";
}

.fa-shoelace {
  --fa: "\e60c";
}

.fa-mdb {
  --fa: "\f8ca";
}

.fa-dochub {
  --fa: "\f394";
}

.fa-accessible-icon {
  --fa: "\f368";
}

.fa-ebay {
  --fa: "\f4f4";
}

.fa-amazon {
  --fa: "\f270";
}

.fa-unsplash {
  --fa: "\e07c";
}

.fa-yarn {
  --fa: "\f7e3";
}

.fa-square-steam {
  --fa: "\f1b7";
}

.fa-steam-square {
  --fa: "\f1b7";
}

.fa-500px {
  --fa: "\f26e";
}

.fa-square-vimeo {
  --fa: "\f194";
}

.fa-vimeo-square {
  --fa: "\f194";
}

.fa-asymmetrik {
  --fa: "\f372";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-gratipay {
  --fa: "\f184";
}

.fa-apple {
  --fa: "\f179";
}

.fa-hive {
  --fa: "\e07f";
}

.fa-gitkraken {
  --fa: "\f3a6";
}

.fa-keybase {
  --fa: "\f4f5";
}

.fa-apple-pay {
  --fa: "\f415";
}

.fa-padlet {
  --fa: "\e4a0";
}

.fa-amazon-pay {
  --fa: "\f42c";
}

.fa-square-github {
  --fa: "\f092";
}

.fa-github-square {
  --fa: "\f092";
}

.fa-stumbleupon {
  --fa: "\f1a4";
}

.fa-fedex {
  --fa: "\f797";
}

.fa-phoenix-framework {
  --fa: "\f3dc";
}

.fa-shopify {
  --fa: "\e057";
}

.fa-neos {
  --fa: "\f612";
}

.fa-square-threads {
  --fa: "\e619";
}

.fa-hackerrank {
  --fa: "\f5f7";
}

.fa-researchgate {
  --fa: "\f4f8";
}

.fa-swift {
  --fa: "\f8e1";
}

.fa-angular {
  --fa: "\f420";
}

.fa-speakap {
  --fa: "\f3f3";
}

.fa-angrycreative {
  --fa: "\f36e";
}

.fa-y-combinator {
  --fa: "\f23b";
}

.fa-empire {
  --fa: "\f1d1";
}

.fa-envira {
  --fa: "\f299";
}

.fa-google-scholar {
  --fa: "\e63b";
}

.fa-square-gitlab {
  --fa: "\e5ae";
}

.fa-gitlab-square {
  --fa: "\e5ae";
}

.fa-studiovinari {
  --fa: "\f3f8";
}

.fa-pied-piper {
  --fa: "\f2ae";
}

.fa-wordpress {
  --fa: "\f19a";
}

.fa-product-hunt {
  --fa: "\f288";
}

.fa-firefox {
  --fa: "\f269";
}

.fa-linode {
  --fa: "\f2b8";
}

.fa-goodreads {
  --fa: "\f3a8";
}

.fa-square-odnoklassniki {
  --fa: "\f264";
}

.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa-jsfiddle {
  --fa: "\f1cc";
}

.fa-sith {
  --fa: "\f512";
}

.fa-themeisle {
  --fa: "\f2b2";
}

.fa-page4 {
  --fa: "\f3d7";
}

.fa-hashnode {
  --fa: "\e499";
}

.fa-react {
  --fa: "\f41b";
}

.fa-cc-paypal {
  --fa: "\f1f4";
}

.fa-squarespace {
  --fa: "\f5be";
}

.fa-cc-stripe {
  --fa: "\f1f5";
}

.fa-creative-commons-share {
  --fa: "\f4f2";
}

.fa-bitcoin {
  --fa: "\f379";
}

.fa-keycdn {
  --fa: "\f3ba";
}

.fa-opera {
  --fa: "\f26a";
}

.fa-itch-io {
  --fa: "\f83a";
}

.fa-umbraco {
  --fa: "\f8e8";
}

.fa-galactic-senate {
  --fa: "\f50d";
}

.fa-ubuntu {
  --fa: "\f7df";
}

.fa-draft2digital {
  --fa: "\f396";
}

.fa-stripe {
  --fa: "\f429";
}

.fa-houzz {
  --fa: "\f27c";
}

.fa-gg {
  --fa: "\f260";
}

.fa-dhl {
  --fa: "\f790";
}

.fa-square-pinterest {
  --fa: "\f0d3";
}

.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa-xing {
  --fa: "\f168";
}

.fa-blackberry {
  --fa: "\f37b";
}

.fa-creative-commons-pd {
  --fa: "\f4ec";
}

.fa-playstation {
  --fa: "\f3df";
}

.fa-quinscape {
  --fa: "\f459";
}

.fa-less {
  --fa: "\f41d";
}

.fa-blogger-b {
  --fa: "\f37d";
}

.fa-opencart {
  --fa: "\f23d";
}

.fa-vine {
  --fa: "\f1ca";
}

.fa-signal-messenger {
  --fa: "\e663";
}

.fa-paypal {
  --fa: "\f1ed";
}

.fa-gitlab {
  --fa: "\f296";
}

.fa-typo3 {
  --fa: "\f42b";
}

.fa-reddit-alien {
  --fa: "\f281";
}

.fa-yahoo {
  --fa: "\f19e";
}

.fa-dailymotion {
  --fa: "\e052";
}

.fa-affiliatetheme {
  --fa: "\f36b";
}

.fa-pied-piper-pp {
  --fa: "\f1a7";
}

.fa-bootstrap {
  --fa: "\f836";
}

.fa-odnoklassniki {
  --fa: "\f263";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-mintbit {
  --fa: "\e62f";
}

.fa-ethereum {
  --fa: "\f42e";
}

.fa-speaker-deck {
  --fa: "\f83c";
}

.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}

.fa-patreon {
  --fa: "\f3d9";
}

.fa-avianex {
  --fa: "\f374";
}

.fa-ello {
  --fa: "\f5f1";
}

.fa-gofore {
  --fa: "\f3a7";
}

.fa-bimobject {
  --fa: "\f378";
}

.fa-brave-reverse {
  --fa: "\e63d";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-square-google-plus {
  --fa: "\f0d4";
}

.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-mandalorian {
  --fa: "\f50f";
}

.fa-first-order-alt {
  --fa: "\f50a";
}

.fa-osi {
  --fa: "\f41a";
}

.fa-google-wallet {
  --fa: "\f1ee";
}

.fa-d-and-d-beyond {
  --fa: "\f6ca";
}

.fa-periscope {
  --fa: "\f3da";
}

.fa-fulcrum {
  --fa: "\f50b";
}

.fa-cloudscale {
  --fa: "\f383";
}

.fa-forumbee {
  --fa: "\f211";
}

.fa-mizuni {
  --fa: "\f3cc";
}

.fa-schlix {
  --fa: "\f3ea";
}

.fa-square-xing {
  --fa: "\f169";
}

.fa-xing-square {
  --fa: "\f169";
}

.fa-bandcamp {
  --fa: "\f2d5";
}

.fa-wpforms {
  --fa: "\f298";
}

.fa-cloudversify {
  --fa: "\f385";
}

.fa-usps {
  --fa: "\f7e1";
}

.fa-megaport {
  --fa: "\f5a3";
}

.fa-magento {
  --fa: "\f3c4";
}

.fa-spotify {
  --fa: "\f1bc";
}

.fa-optin-monster {
  --fa: "\f23c";
}

.fa-fly {
  --fa: "\f417";
}

.fa-square-bluesky {
  --fa: "\e6a3";
}

.fa-aviato {
  --fa: "\f421";
}

.fa-itunes {
  --fa: "\f3b4";
}

.fa-cuttlefish {
  --fa: "\f38c";
}

.fa-blogger {
  --fa: "\f37c";
}

.fa-flickr {
  --fa: "\f16e";
}

.fa-viber {
  --fa: "\f409";
}

.fa-soundcloud {
  --fa: "\f1be";
}

.fa-digg {
  --fa: "\f1a6";
}

.fa-tencent-weibo {
  --fa: "\f1d5";
}

.fa-letterboxd {
  --fa: "\e62d";
}

.fa-symfony {
  --fa: "\f83d";
}

.fa-maxcdn {
  --fa: "\f136";
}

.fa-etsy {
  --fa: "\f2d7";
}

.fa-facebook-messenger {
  --fa: "\f39f";
}

.fa-audible {
  --fa: "\f373";
}

.fa-think-peaks {
  --fa: "\f731";
}

.fa-bilibili {
  --fa: "\e3d9";
}

.fa-erlang {
  --fa: "\f39d";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-cotton-bureau {
  --fa: "\f89e";
}

.fa-dashcube {
  --fa: "\f210";
}

.fa-42-group {
  --fa: "\e080";
}

.fa-innosoft {
  --fa: "\e080";
}

.fa-stack-exchange {
  --fa: "\f18d";
}

.fa-elementor {
  --fa: "\f430";
}

.fa-square-pied-piper {
  --fa: "\e01e";
}

.fa-pied-piper-square {
  --fa: "\e01e";
}

.fa-creative-commons-nd {
  --fa: "\f4eb";
}

.fa-palfed {
  --fa: "\f3d8";
}

.fa-superpowers {
  --fa: "\f2dd";
}

.fa-resolving {
  --fa: "\f3e7";
}

.fa-xbox {
  --fa: "\f412";
}

.fa-square-web-awesome-stroke {
  --fa: "\e684";
}

.fa-searchengin {
  --fa: "\f3eb";
}

.fa-tiktok {
  --fa: "\e07b";
}

.fa-square-facebook {
  --fa: "\f082";
}

.fa-facebook-square {
  --fa: "\f082";
}

.fa-renren {
  --fa: "\f18b";
}

.fa-linux {
  --fa: "\f17c";
}

.fa-glide {
  --fa: "\f2a5";
}

.fa-linkedin {
  --fa: "\f08c";
}

.fa-hubspot {
  --fa: "\f3b2";
}

.fa-deploydog {
  --fa: "\f38e";
}

.fa-twitch {
  --fa: "\f1e8";
}

.fa-flutter {
  --fa: "\e694";
}

.fa-ravelry {
  --fa: "\f2d9";
}

.fa-mixer {
  --fa: "\e056";
}

.fa-square-lastfm {
  --fa: "\f203";
}

.fa-lastfm-square {
  --fa: "\f203";
}

.fa-vimeo {
  --fa: "\f40a";
}

.fa-mendeley {
  --fa: "\f7b3";
}

.fa-uniregistry {
  --fa: "\f404";
}

.fa-figma {
  --fa: "\f799";
}

.fa-creative-commons-remix {
  --fa: "\f4ee";
}

.fa-cc-amazon-pay {
  --fa: "\f42d";
}

.fa-dropbox {
  --fa: "\f16b";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-cmplid {
  --fa: "\e360";
}

.fa-upwork {
  --fa: "\e641";
}

.fa-facebook {
  --fa: "\f09a";
}

.fa-gripfire {
  --fa: "\f3ac";
}

.fa-jedi-order {
  --fa: "\f50e";
}

.fa-uikit {
  --fa: "\f403";
}

.fa-fort-awesome-alt {
  --fa: "\f3a3";
}

.fa-phabricator {
  --fa: "\f3db";
}

.fa-ussunnah {
  --fa: "\f407";
}

.fa-earlybirds {
  --fa: "\f39a";
}

.fa-trade-federation {
  --fa: "\f513";
}

.fa-autoprefixer {
  --fa: "\f41c";
}

.fa-whatsapp {
  --fa: "\f232";
}

.fa-square-upwork {
  --fa: "\e67c";
}

.fa-slideshare {
  --fa: "\f1e7";
}

.fa-google-play {
  --fa: "\f3ab";
}

.fa-viadeo {
  --fa: "\f2a9";
}

.fa-line {
  --fa: "\f3c0";
}

.fa-google-drive {
  --fa: "\f3aa";
}

.fa-servicestack {
  --fa: "\f3ec";
}

.fa-simplybuilt {
  --fa: "\f215";
}

.fa-bitbucket {
  --fa: "\f171";
}

.fa-imdb {
  --fa: "\f2d8";
}

.fa-deezer {
  --fa: "\e077";
}

.fa-raspberry-pi {
  --fa: "\f7bb";
}

.fa-jira {
  --fa: "\f7b1";
}

.fa-docker {
  --fa: "\f395";
}

.fa-screenpal {
  --fa: "\e570";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-gitter {
  --fa: "\f426";
}

.fa-d-and-d {
  --fa: "\f38d";
}

.fa-microblog {
  --fa: "\e01a";
}

.fa-cc-diners-club {
  --fa: "\f24c";
}

.fa-gg-circle {
  --fa: "\f261";
}

.fa-pied-piper-hat {
  --fa: "\f4e5";
}

.fa-kickstarter-k {
  --fa: "\f3bc";
}

.fa-yandex {
  --fa: "\f413";
}

.fa-readme {
  --fa: "\f4d5";
}

.fa-html5 {
  --fa: "\f13b";
}

.fa-sellsy {
  --fa: "\f213";
}

.fa-square-web-awesome {
  --fa: "\e683";
}

.fa-sass {
  --fa: "\f41e";
}

.fa-wirsindhandwerk {
  --fa: "\e2d0";
}

.fa-wsh {
  --fa: "\e2d0";
}

.fa-buromobelexperte {
  --fa: "\f37f";
}

.fa-salesforce {
  --fa: "\f83b";
}

.fa-octopus-deploy {
  --fa: "\e082";
}

.fa-medapps {
  --fa: "\f3c6";
}

.fa-ns8 {
  --fa: "\f3d5";
}

.fa-pinterest-p {
  --fa: "\f231";
}

.fa-apper {
  --fa: "\f371";
}

.fa-fort-awesome {
  --fa: "\f286";
}

.fa-waze {
  --fa: "\f83f";
}

.fa-bluesky {
  --fa: "\e671";
}

.fa-cc-jcb {
  --fa: "\f24b";
}

.fa-snapchat {
  --fa: "\f2ab";
}

.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa-fantasy-flight-games {
  --fa: "\f6dc";
}

.fa-rust {
  --fa: "\e07a";
}

.fa-wix {
  --fa: "\f5cf";
}

.fa-square-behance {
  --fa: "\f1b5";
}

.fa-behance-square {
  --fa: "\f1b5";
}

.fa-supple {
  --fa: "\f3f9";
}

.fa-webflow {
  --fa: "\e65c";
}

.fa-rebel {
  --fa: "\f1d0";
}

.fa-css3 {
  --fa: "\f13c";
}

.fa-staylinked {
  --fa: "\f3f5";
}

.fa-kaggle {
  --fa: "\f5fa";
}

.fa-space-awesome {
  --fa: "\e5ac";
}

.fa-deviantart {
  --fa: "\f1bd";
}

.fa-cpanel {
  --fa: "\f388";
}

.fa-goodreads-g {
  --fa: "\f3a9";
}

.fa-square-git {
  --fa: "\f1d2";
}

.fa-git-square {
  --fa: "\f1d2";
}

.fa-square-tumblr {
  --fa: "\f174";
}

.fa-tumblr-square {
  --fa: "\f174";
}

.fa-trello {
  --fa: "\f181";
}

.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}

.fa-get-pocket {
  --fa: "\f265";
}

.fa-perbyte {
  --fa: "\e083";
}

.fa-grunt {
  --fa: "\f3ad";
}

.fa-weebly {
  --fa: "\f5cc";
}

.fa-connectdevelop {
  --fa: "\f20e";
}

.fa-leanpub {
  --fa: "\f212";
}

.fa-black-tie {
  --fa: "\f27e";
}

.fa-themeco {
  --fa: "\f5c6";
}

.fa-python {
  --fa: "\f3e2";
}

.fa-android {
  --fa: "\f17b";
}

.fa-bots {
  --fa: "\e340";
}

.fa-free-code-camp {
  --fa: "\f2c5";
}

.fa-hornbill {
  --fa: "\f592";
}

.fa-js {
  --fa: "\f3b8";
}

.fa-ideal {
  --fa: "\e013";
}

.fa-git {
  --fa: "\f1d3";
}

.fa-dev {
  --fa: "\f6cc";
}

.fa-sketch {
  --fa: "\f7c6";
}

.fa-yandex-international {
  --fa: "\f414";
}

.fa-cc-amex {
  --fa: "\f1f3";
}

.fa-uber {
  --fa: "\f402";
}

.fa-github {
  --fa: "\f09b";
}

.fa-php {
  --fa: "\f457";
}

.fa-alipay {
  --fa: "\f642";
}

.fa-youtube {
  --fa: "\f167";
}

.fa-skyatlas {
  --fa: "\f216";
}

.fa-firefox-browser {
  --fa: "\e007";
}

.fa-replyd {
  --fa: "\f3e6";
}

.fa-suse {
  --fa: "\f7d6";
}

.fa-jenkins {
  --fa: "\f3b6";
}

.fa-twitter {
  --fa: "\f099";
}

.fa-rockrms {
  --fa: "\f3e9";
}

.fa-pinterest {
  --fa: "\f0d2";
}

.fa-buffer {
  --fa: "\f837";
}

.fa-npm {
  --fa: "\f3d4";
}

.fa-yammer {
  --fa: "\f840";
}

.fa-btc {
  --fa: "\f15a";
}

.fa-dribbble {
  --fa: "\f17d";
}

.fa-stumbleupon-circle {
  --fa: "\f1a3";
}

.fa-internet-explorer {
  --fa: "\f26b";
}

.fa-stubber {
  --fa: "\e5c7";
}

.fa-telegram {
  --fa: "\f2c6";
}

.fa-telegram-plane {
  --fa: "\f2c6";
}

.fa-old-republic {
  --fa: "\f510";
}

.fa-odysee {
  --fa: "\e5c6";
}

.fa-square-whatsapp {
  --fa: "\f40c";
}

.fa-whatsapp-square {
  --fa: "\f40c";
}

.fa-node-js {
  --fa: "\f3d3";
}

.fa-edge-legacy {
  --fa: "\e078";
}

.fa-slack {
  --fa: "\f198";
}

.fa-slack-hash {
  --fa: "\f198";
}

.fa-medrt {
  --fa: "\f3c8";
}

.fa-usb {
  --fa: "\f287";
}

.fa-tumblr {
  --fa: "\f173";
}

.fa-vaadin {
  --fa: "\f408";
}

.fa-quora {
  --fa: "\f2c4";
}

.fa-square-x-twitter {
  --fa: "\e61a";
}

.fa-reacteurope {
  --fa: "\f75d";
}

.fa-medium {
  --fa: "\f23a";
}

.fa-medium-m {
  --fa: "\f23a";
}

.fa-amilia {
  --fa: "\f36d";
}

.fa-mixcloud {
  --fa: "\f289";
}

.fa-flipboard {
  --fa: "\f44d";
}

.fa-viacoin {
  --fa: "\f237";
}

.fa-critical-role {
  --fa: "\f6c9";
}

.fa-sitrox {
  --fa: "\e44a";
}

.fa-discourse {
  --fa: "\f393";
}

.fa-joomla {
  --fa: "\f1aa";
}

.fa-mastodon {
  --fa: "\f4f6";
}

.fa-airbnb {
  --fa: "\f834";
}

.fa-wolf-pack-battalion {
  --fa: "\f514";
}

.fa-buy-n-large {
  --fa: "\f8a6";
}

.fa-gulp {
  --fa: "\f3ae";
}

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}

.fa-strava {
  --fa: "\f428";
}

.fa-ember {
  --fa: "\f423";
}

.fa-canadian-maple-leaf {
  --fa: "\f785";
}

.fa-teamspeak {
  --fa: "\f4f9";
}

.fa-pushed {
  --fa: "\f3e1";
}

.fa-wordpress-simple {
  --fa: "\f411";
}

.fa-nutritionix {
  --fa: "\f3d6";
}

.fa-wodu {
  --fa: "\e088";
}

.fa-google-pay {
  --fa: "\e079";
}

.fa-intercom {
  --fa: "\f7af";
}

.fa-zhihu {
  --fa: "\f63f";
}

.fa-korvue {
  --fa: "\f42f";
}

.fa-pix {
  --fa: "\e43a";
}

.fa-steam-symbol {
  --fa: "\f3f6";
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
}
.far,
.fa-regular {
  font-weight: 400;
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
}
.fas,
.fa-solid {
  font-weight: 900;
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa.fa-glass {
  --fa: "\f000";
}

.fa.fa-envelope-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-envelope-o {
  --fa: "\f0e0";
}

.fa.fa-star-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-star-o {
  --fa: "\f005";
}

.fa.fa-remove {
  --fa: "\f00d";
}

.fa.fa-close {
  --fa: "\f00d";
}

.fa.fa-gear {
  --fa: "\f013";
}

.fa.fa-trash-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-trash-o {
  --fa: "\f2ed";
}

.fa.fa-home {
  --fa: "\f015";
}

.fa.fa-file-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-o {
  --fa: "\f15b";
}

.fa.fa-clock-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-clock-o {
  --fa: "\f017";
}

.fa.fa-arrow-circle-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-down {
  --fa: "\f358";
}

.fa.fa-arrow-circle-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-up {
  --fa: "\f35b";
}

.fa.fa-play-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-play-circle-o {
  --fa: "\f144";
}

.fa.fa-repeat {
  --fa: "\f01e";
}

.fa.fa-rotate-right {
  --fa: "\f01e";
}

.fa.fa-refresh {
  --fa: "\f021";
}

.fa.fa-list-alt {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-list-alt {
  --fa: "\f022";
}

.fa.fa-dedent {
  --fa: "\f03b";
}

.fa.fa-video-camera {
  --fa: "\f03d";
}

.fa.fa-picture-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-picture-o {
  --fa: "\f03e";
}

.fa.fa-photo {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-photo {
  --fa: "\f03e";
}

.fa.fa-image {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-image {
  --fa: "\f03e";
}

.fa.fa-map-marker {
  --fa: "\f3c5";
}

.fa.fa-pencil-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-pencil-square-o {
  --fa: "\f044";
}

.fa.fa-edit {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-edit {
  --fa: "\f044";
}

.fa.fa-share-square-o {
  --fa: "\f14d";
}

.fa.fa-check-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-check-square-o {
  --fa: "\f14a";
}

.fa.fa-arrows {
  --fa: "\f0b2";
}

.fa.fa-times-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-times-circle-o {
  --fa: "\f057";
}

.fa.fa-check-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-check-circle-o {
  --fa: "\f058";
}

.fa.fa-mail-forward {
  --fa: "\f064";
}

.fa.fa-expand {
  --fa: "\f424";
}

.fa.fa-compress {
  --fa: "\f422";
}

.fa.fa-eye {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-eye-slash {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-warning {
  --fa: "\f071";
}

.fa.fa-calendar {
  --fa: "\f073";
}

.fa.fa-arrows-v {
  --fa: "\f338";
}

.fa.fa-arrows-h {
  --fa: "\f337";
}

.fa.fa-bar-chart {
  --fa: "\e0e3";
}

.fa.fa-bar-chart-o {
  --fa: "\e0e3";
}

.fa.fa-twitter-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-twitter-square {
  --fa: "\f081";
}

.fa.fa-facebook-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-facebook-square {
  --fa: "\f082";
}

.fa.fa-gears {
  --fa: "\f085";
}

.fa.fa-thumbs-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-thumbs-o-up {
  --fa: "\f164";
}

.fa.fa-thumbs-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-thumbs-o-down {
  --fa: "\f165";
}

.fa.fa-heart-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-heart-o {
  --fa: "\f004";
}

.fa.fa-sign-out {
  --fa: "\f2f5";
}

.fa.fa-linkedin-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-linkedin-square {
  --fa: "\f08c";
}

.fa.fa-thumb-tack {
  --fa: "\f08d";
}

.fa.fa-external-link {
  --fa: "\f35d";
}

.fa.fa-sign-in {
  --fa: "\f2f6";
}

.fa.fa-github-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-github-square {
  --fa: "\f092";
}

.fa.fa-lemon-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-lemon-o {
  --fa: "\f094";
}

.fa.fa-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-square-o {
  --fa: "\f0c8";
}

.fa.fa-bookmark-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-bookmark-o {
  --fa: "\f02e";
}

.fa.fa-twitter {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  --fa: "\f39e";
}

.fa.fa-facebook-f {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-facebook-f {
  --fa: "\f39e";
}

.fa.fa-github {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-credit-card {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-feed {
  --fa: "\f09e";
}

.fa.fa-hdd-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hdd-o {
  --fa: "\f0a0";
}

.fa.fa-hand-o-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-o-right {
  --fa: "\f0a4";
}

.fa.fa-hand-o-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-o-left {
  --fa: "\f0a5";
}

.fa.fa-hand-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-o-up {
  --fa: "\f0a6";
}

.fa.fa-hand-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-o-down {
  --fa: "\f0a7";
}

.fa.fa-globe {
  --fa: "\f57d";
}

.fa.fa-tasks {
  --fa: "\f828";
}

.fa.fa-arrows-alt {
  --fa: "\f31e";
}

.fa.fa-group {
  --fa: "\f0c0";
}

.fa.fa-chain {
  --fa: "\f0c1";
}

.fa.fa-cut {
  --fa: "\f0c4";
}

.fa.fa-files-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-files-o {
  --fa: "\f0c5";
}

.fa.fa-floppy-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-floppy-o {
  --fa: "\f0c7";
}

.fa.fa-save {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-save {
  --fa: "\f0c7";
}

.fa.fa-navicon {
  --fa: "\f0c9";
}

.fa.fa-reorder {
  --fa: "\f0c9";
}

.fa.fa-magic {
  --fa: "\e2ca";
}

.fa.fa-pinterest {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa.fa-google-plus-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa.fa-google-plus {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-google-plus {
  --fa: "\f0d5";
}

.fa.fa-money {
  --fa: "\f3d1";
}

.fa.fa-unsorted {
  --fa: "\f0dc";
}

.fa.fa-sort-desc {
  --fa: "\f0dd";
}

.fa.fa-sort-asc {
  --fa: "\f0de";
}

.fa.fa-linkedin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-linkedin {
  --fa: "\f0e1";
}

.fa.fa-rotate-left {
  --fa: "\f0e2";
}

.fa.fa-legal {
  --fa: "\f0e3";
}

.fa.fa-tachometer {
  --fa: "\f625";
}

.fa.fa-dashboard {
  --fa: "\f625";
}

.fa.fa-comment-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-comment-o {
  --fa: "\f075";
}

.fa.fa-comments-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-comments-o {
  --fa: "\f086";
}

.fa.fa-flash {
  --fa: "\f0e7";
}

.fa.fa-clipboard {
  --fa: "\f0ea";
}

.fa.fa-lightbulb-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-lightbulb-o {
  --fa: "\f0eb";
}

.fa.fa-exchange {
  --fa: "\f362";
}

.fa.fa-cloud-download {
  --fa: "\f0ed";
}

.fa.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa.fa-bell-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-bell-o {
  --fa: "\f0f3";
}

.fa.fa-cutlery {
  --fa: "\f2e7";
}

.fa.fa-file-text-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-text-o {
  --fa: "\f15c";
}

.fa.fa-building-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-building-o {
  --fa: "\f1ad";
}

.fa.fa-hospital-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hospital-o {
  --fa: "\f0f8";
}

.fa.fa-tablet {
  --fa: "\f3fa";
}

.fa.fa-mobile {
  --fa: "\f3cd";
}

.fa.fa-mobile-phone {
  --fa: "\f3cd";
}

.fa.fa-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-circle-o {
  --fa: "\f111";
}

.fa.fa-mail-reply {
  --fa: "\f3e5";
}

.fa.fa-github-alt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-folder-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-folder-o {
  --fa: "\f07b";
}

.fa.fa-folder-open-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-folder-open-o {
  --fa: "\f07c";
}

.fa.fa-smile-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-smile-o {
  --fa: "\f118";
}

.fa.fa-frown-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-frown-o {
  --fa: "\f119";
}

.fa.fa-meh-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-meh-o {
  --fa: "\f11a";
}

.fa.fa-keyboard-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-keyboard-o {
  --fa: "\f11c";
}

.fa.fa-flag-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-flag-o {
  --fa: "\f024";
}

.fa.fa-mail-reply-all {
  --fa: "\f122";
}

.fa.fa-star-half-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-star-half-o {
  --fa: "\f5c0";
}

.fa.fa-star-half-empty {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-star-half-empty {
  --fa: "\f5c0";
}

.fa.fa-star-half-full {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-star-half-full {
  --fa: "\f5c0";
}

.fa.fa-code-fork {
  --fa: "\f126";
}

.fa.fa-chain-broken {
  --fa: "\f127";
}

.fa.fa-unlink {
  --fa: "\f127";
}

.fa.fa-calendar-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-calendar-o {
  --fa: "\f133";
}

.fa.fa-maxcdn {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-html5 {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-css3 {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-unlock-alt {
  --fa: "\f09c";
}

.fa.fa-minus-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-minus-square-o {
  --fa: "\f146";
}

.fa.fa-level-up {
  --fa: "\f3bf";
}

.fa.fa-level-down {
  --fa: "\f3be";
}

.fa.fa-pencil-square {
  --fa: "\f14b";
}

.fa.fa-external-link-square {
  --fa: "\f360";
}

.fa.fa-compass {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  --fa: "\f150";
}

.fa.fa-toggle-down {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-toggle-down {
  --fa: "\f150";
}

.fa.fa-caret-square-o-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-caret-square-o-up {
  --fa: "\f151";
}

.fa.fa-toggle-up {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-toggle-up {
  --fa: "\f151";
}

.fa.fa-caret-square-o-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-caret-square-o-right {
  --fa: "\f152";
}

.fa.fa-toggle-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-toggle-right {
  --fa: "\f152";
}

.fa.fa-eur {
  --fa: "\f153";
}

.fa.fa-euro {
  --fa: "\f153";
}

.fa.fa-gbp {
  --fa: "\f154";
}

.fa.fa-usd {
  --fa: "\$";
}

.fa.fa-dollar {
  --fa: "\$";
}

.fa.fa-inr {
  --fa: "\e1bc";
}

.fa.fa-rupee {
  --fa: "\e1bc";
}

.fa.fa-jpy {
  --fa: "\f157";
}

.fa.fa-cny {
  --fa: "\f157";
}

.fa.fa-rmb {
  --fa: "\f157";
}

.fa.fa-yen {
  --fa: "\f157";
}

.fa.fa-rub {
  --fa: "\f158";
}

.fa.fa-ruble {
  --fa: "\f158";
}

.fa.fa-rouble {
  --fa: "\f158";
}

.fa.fa-krw {
  --fa: "\f159";
}

.fa.fa-won {
  --fa: "\f159";
}

.fa.fa-btc {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  --fa: "\f15a";
}

.fa.fa-file-text {
  --fa: "\f15c";
}

.fa.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa.fa-sort-amount-asc {
  --fa: "\f884";
}

.fa.fa-sort-amount-desc {
  --fa: "\f160";
}

.fa.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa.fa-youtube-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-youtube-square {
  --fa: "\f431";
}

.fa.fa-youtube {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-xing {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  --fa: "\f169";
}

.fa.fa-youtube-play {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-youtube-play {
  --fa: "\f167";
}

.fa.fa-dropbox {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-stack-overflow {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-instagram {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-flickr {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-adn {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  --fa: "\f171";
}

.fa.fa-tumblr {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  --fa: "\f174";
}

.fa.fa-long-arrow-down {
  --fa: "\f309";
}

.fa.fa-long-arrow-up {
  --fa: "\f30c";
}

.fa.fa-long-arrow-left {
  --fa: "\f30a";
}

.fa.fa-long-arrow-right {
  --fa: "\f30b";
}

.fa.fa-apple {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-windows {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-android {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-linux {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-dribbble {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-skype {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-foursquare {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-trello {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-gratipay {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  --fa: "\f184";
}

.fa.fa-sun-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-sun-o {
  --fa: "\f185";
}

.fa.fa-moon-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-moon-o {
  --fa: "\f186";
}

.fa.fa-vk {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-weibo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-renren {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-pagelines {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-stack-exchange {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  --fa: "\f35a";
}

.fa.fa-arrow-circle-o-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-left {
  --fa: "\f359";
}

.fa.fa-caret-square-o-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-caret-square-o-left {
  --fa: "\f191";
}

.fa.fa-toggle-left {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-toggle-left {
  --fa: "\f191";
}

.fa.fa-dot-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-dot-circle-o {
  --fa: "\f192";
}

.fa.fa-vimeo-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-vimeo-square {
  --fa: "\f194";
}

.fa.fa-try {
  --fa: "\e2bb";
}

.fa.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa.fa-plus-square-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-plus-square-o {
  --fa: "\f0fe";
}

.fa.fa-slack {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wordpress {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-openid {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-institution {
  --fa: "\f19c";
}

.fa.fa-bank {
  --fa: "\f19c";
}

.fa.fa-mortar-board {
  --fa: "\f19d";
}

.fa.fa-yahoo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-google {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-reddit {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  --fa: "\f1a2";
}

.fa.fa-stumbleupon-circle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-stumbleupon {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-delicious {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-digg {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-pp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-alt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-drupal {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-joomla {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-behance {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  --fa: "\f1b5";
}

.fa.fa-steam {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  --fa: "\f1b7";
}

.fa.fa-automobile {
  --fa: "\f1b9";
}

.fa.fa-cab {
  --fa: "\f1ba";
}

.fa.fa-spotify {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-deviantart {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-soundcloud {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  --fa: "\f1c1";
}

.fa.fa-file-word-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-word-o {
  --fa: "\f1c2";
}

.fa.fa-file-excel-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-excel-o {
  --fa: "\f1c3";
}

.fa.fa-file-powerpoint-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-powerpoint-o {
  --fa: "\f1c4";
}

.fa.fa-file-image-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-image-o {
  --fa: "\f1c5";
}

.fa.fa-file-photo-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-photo-o {
  --fa: "\f1c5";
}

.fa.fa-file-picture-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-picture-o {
  --fa: "\f1c5";
}

.fa.fa-file-archive-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-archive-o {
  --fa: "\f1c6";
}

.fa.fa-file-zip-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-zip-o {
  --fa: "\f1c6";
}

.fa.fa-file-audio-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-audio-o {
  --fa: "\f1c7";
}

.fa.fa-file-sound-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-sound-o {
  --fa: "\f1c7";
}

.fa.fa-file-video-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-video-o {
  --fa: "\f1c8";
}

.fa.fa-file-movie-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-movie-o {
  --fa: "\f1c8";
}

.fa.fa-file-code-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-file-code-o {
  --fa: "\f1c9";
}

.fa.fa-vine {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-codepen {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-jsfiddle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-life-bouy {
  --fa: "\f1cd";
}

.fa.fa-life-buoy {
  --fa: "\f1cd";
}

.fa.fa-life-saver {
  --fa: "\f1cd";
}

.fa.fa-support {
  --fa: "\f1cd";
}

.fa.fa-circle-o-notch {
  --fa: "\f1ce";
}

.fa.fa-rebel {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  --fa: "\f1d0";
}

.fa.fa-resistance {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-resistance {
  --fa: "\f1d0";
}

.fa.fa-empire {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  --fa: "\f1d1";
}

.fa.fa-git-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-git-square {
  --fa: "\f1d2";
}

.fa.fa-git {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-hacker-news {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  --fa: "\f1d4";
}

.fa.fa-yc-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-yc-square {
  --fa: "\f1d4";
}

.fa.fa-tencent-weibo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-qq {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-weixin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  --fa: "\f1d7";
}

.fa.fa-send {
  --fa: "\f1d8";
}

.fa.fa-paper-plane-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-paper-plane-o {
  --fa: "\f1d8";
}

.fa.fa-send-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-send-o {
  --fa: "\f1d8";
}

.fa.fa-circle-thin {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-circle-thin {
  --fa: "\f111";
}

.fa.fa-header {
  --fa: "\f1dc";
}

.fa.fa-futbol-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-futbol-o {
  --fa: "\f1e3";
}

.fa.fa-soccer-ball-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-soccer-ball-o {
  --fa: "\f1e3";
}

.fa.fa-slideshare {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-twitch {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-yelp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  --fa: "\f1ea";
}

.fa.fa-paypal {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-google-wallet {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc-visa {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc-mastercard {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc-discover {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc-amex {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc-paypal {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc-stripe {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  --fa: "\f1f6";
}

.fa.fa-trash {
  --fa: "\f2ed";
}

.fa.fa-copyright {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-eyedropper {
  --fa: "\f1fb";
}

.fa.fa-area-chart {
  --fa: "\f1fe";
}

.fa.fa-pie-chart {
  --fa: "\f200";
}

.fa.fa-line-chart {
  --fa: "\f201";
}

.fa.fa-lastfm {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  --fa: "\f203";
}

.fa.fa-ioxhost {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-angellist {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-cc {
  --fa: "\f20a";
}

.fa.fa-ils {
  --fa: "\f20b";
}

.fa.fa-shekel {
  --fa: "\f20b";
}

.fa.fa-sheqel {
  --fa: "\f20b";
}

.fa.fa-buysellads {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-connectdevelop {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-dashcube {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-forumbee {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-leanpub {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-sellsy {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-shirtsinbulk {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-simplybuilt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-skyatlas {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-diamond {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-diamond {
  --fa: "\f3a5";
}

.fa.fa-transgender {
  --fa: "\f224";
}

.fa.fa-intersex {
  --fa: "\f224";
}

.fa.fa-transgender-alt {
  --fa: "\f225";
}

.fa.fa-facebook-official {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-facebook-official {
  --fa: "\f09a";
}

.fa.fa-pinterest-p {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-whatsapp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-hotel {
  --fa: "\f236";
}

.fa.fa-viacoin {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-medium {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  --fa: "\f23b";
}

.fa.fa-optin-monster {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-opencart {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-expeditedssl {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-battery-4 {
  --fa: "\f240";
}

.fa.fa-battery {
  --fa: "\f240";
}

.fa.fa-battery-3 {
  --fa: "\f241";
}

.fa.fa-battery-2 {
  --fa: "\f242";
}

.fa.fa-battery-1 {
  --fa: "\f243";
}

.fa.fa-battery-0 {
  --fa: "\f244";
}

.fa.fa-object-group {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-object-ungroup {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  --fa: "\f249";
}

.fa.fa-cc-jcb {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-cc-diners-club {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-clone {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hourglass-o {
  --fa: "\f254";
}

.fa.fa-hourglass-1 {
  --fa: "\f251";
}

.fa.fa-hourglass-2 {
  --fa: "\f252";
}

.fa.fa-hourglass-3 {
  --fa: "\f253";
}

.fa.fa-hand-rock-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-rock-o {
  --fa: "\f255";
}

.fa.fa-hand-grab-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-grab-o {
  --fa: "\f255";
}

.fa.fa-hand-paper-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-paper-o {
  --fa: "\f256";
}

.fa.fa-hand-stop-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-stop-o {
  --fa: "\f256";
}

.fa.fa-hand-scissors-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-scissors-o {
  --fa: "\f257";
}

.fa.fa-hand-lizard-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-lizard-o {
  --fa: "\f258";
}

.fa.fa-hand-spock-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-spock-o {
  --fa: "\f259";
}

.fa.fa-hand-pointer-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-pointer-o {
  --fa: "\f25a";
}

.fa.fa-hand-peace-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-hand-peace-o {
  --fa: "\f25b";
}

.fa.fa-registered {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-creative-commons {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-gg {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-gg-circle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa.fa-get-pocket {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wikipedia-w {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-safari {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-chrome {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-firefox {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-opera {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-internet-explorer {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-television {
  --fa: "\f26c";
}

.fa.fa-contao {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-500px {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-amazon {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  --fa: "\f271";
}

.fa.fa-calendar-minus-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-calendar-minus-o {
  --fa: "\f272";
}

.fa.fa-calendar-times-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-calendar-times-o {
  --fa: "\f273";
}

.fa.fa-calendar-check-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-calendar-check-o {
  --fa: "\f274";
}

.fa.fa-map-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-map-o {
  --fa: "\f279";
}

.fa.fa-commenting {
  --fa: "\f4ad";
}

.fa.fa-commenting-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-commenting-o {
  --fa: "\f4ad";
}

.fa.fa-houzz {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  --fa: "\f27d";
}

.fa.fa-black-tie {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-fonticons {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-reddit-alien {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-edge {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa.fa-codiepie {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-modx {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-fort-awesome {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-usb {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-product-hunt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-mixcloud {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-scribd {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  --fa: "\f28b";
}

.fa.fa-stop-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-stop-circle-o {
  --fa: "\f28d";
}

.fa.fa-bluetooth {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-bluetooth-b {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-gitlab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wpbeginner {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wpforms {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-envira {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  --fa: "\f368";
}

.fa.fa-question-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-question-circle-o {
  --fa: "\f059";
}

.fa.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa.fa-deafness {
  --fa: "\f2a4";
}

.fa.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa.fa-glide {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-glide-g {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-signing {
  --fa: "\f2a7";
}

.fa.fa-viadeo {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa.fa-snapchat {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa.fa-snapchat-square {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa.fa-pied-piper {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-first-order {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-yoast {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-themeisle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  --fa: "\f2b3";
}

.fa.fa-google-plus-circle {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-circle {
  --fa: "\f2b3";
}

.fa.fa-font-awesome {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  --fa: "\f2b4";
}

.fa.fa-handshake-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-handshake-o {
  --fa: "\f2b5";
}

.fa.fa-envelope-open-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-envelope-open-o {
  --fa: "\f2b6";
}

.fa.fa-linode {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-address-book-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-address-book-o {
  --fa: "\f2b9";
}

.fa.fa-vcard {
  --fa: "\f2bb";
}

.fa.fa-address-card-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-address-card-o {
  --fa: "\f2bb";
}

.fa.fa-vcard-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-vcard-o {
  --fa: "\f2bb";
}

.fa.fa-user-circle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-user-circle-o {
  --fa: "\f2bd";
}

.fa.fa-user-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-user-o {
  --fa: "\f007";
}

.fa.fa-id-badge {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-drivers-license {
  --fa: "\f2c2";
}

.fa.fa-id-card-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-id-card-o {
  --fa: "\f2c2";
}

.fa.fa-drivers-license-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-drivers-license-o {
  --fa: "\f2c2";
}

.fa.fa-quora {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-free-code-camp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-telegram {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa.fa-thermometer {
  --fa: "\f2c7";
}

.fa.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa.fa-bathtub {
  --fa: "\f2cd";
}

.fa.fa-s15 {
  --fa: "\f2cd";
}

.fa.fa-window-maximize {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-window-restore {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-times-rectangle {
  --fa: "\f410";
}

.fa.fa-window-close-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-window-close-o {
  --fa: "\f410";
}

.fa.fa-times-rectangle-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-times-rectangle-o {
  --fa: "\f410";
}

.fa.fa-bandcamp {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-grav {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-etsy {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-imdb {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-ravelry {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  --fa: "\f2da";
}

.fa.fa-snowflake-o {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.fa.fa-snowflake-o {
  --fa: "\f2dc";
}

.fa.fa-superpowers {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-wpexplorer {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa.fa-meetup {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa);
}

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "\30 ";
}

.fa-1 {
  --fa: "\31 ";
}

.fa-2 {
  --fa: "\32 ";
}

.fa-3 {
  --fa: "\33 ";
}

.fa-4 {
  --fa: "\34 ";
}

.fa-5 {
  --fa: "\35 ";
}

.fa-6 {
  --fa: "\36 ";
}

.fa-7 {
  --fa: "\37 ";
}

.fa-8 {
  --fa: "\38 ";
}

.fa-9 {
  --fa: "\39 ";
}

.fa-fill-drip {
  --fa: "\f576";
}

.fa-arrows-to-circle {
  --fa: "\e4bd";
}

.fa-circle-chevron-right {
  --fa: "\f138";
}

.fa-chevron-circle-right {
  --fa: "\f138";
}

.fa-at {
  --fa: "\@";
}

.fa-trash-can {
  --fa: "\f2ed";
}

.fa-trash-alt {
  --fa: "\f2ed";
}

.fa-text-height {
  --fa: "\f034";
}

.fa-user-xmark {
  --fa: "\f235";
}

.fa-user-times {
  --fa: "\f235";
}

.fa-stethoscope {
  --fa: "\f0f1";
}

.fa-message {
  --fa: "\f27a";
}

.fa-comment-alt {
  --fa: "\f27a";
}

.fa-info {
  --fa: "\f129";
}

.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}

.fa-compress-alt {
  --fa: "\f422";
}

.fa-explosion {
  --fa: "\e4e9";
}

.fa-file-lines {
  --fa: "\f15c";
}

.fa-file-alt {
  --fa: "\f15c";
}

.fa-file-text {
  --fa: "\f15c";
}

.fa-wave-square {
  --fa: "\f83e";
}

.fa-ring {
  --fa: "\f70b";
}

.fa-building-un {
  --fa: "\e4d9";
}

.fa-dice-three {
  --fa: "\f527";
}

.fa-calendar-days {
  --fa: "\f073";
}

.fa-calendar-alt {
  --fa: "\f073";
}

.fa-anchor-circle-check {
  --fa: "\e4aa";
}

.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}

.fa-volleyball {
  --fa: "\f45f";
}

.fa-volleyball-ball {
  --fa: "\f45f";
}

.fa-arrows-up-to-line {
  --fa: "\e4c2";
}

.fa-sort-down {
  --fa: "\f0dd";
}

.fa-sort-desc {
  --fa: "\f0dd";
}

.fa-circle-minus {
  --fa: "\f056";
}

.fa-minus-circle {
  --fa: "\f056";
}

.fa-door-open {
  --fa: "\f52b";
}

.fa-right-from-bracket {
  --fa: "\f2f5";
}

.fa-sign-out-alt {
  --fa: "\f2f5";
}

.fa-atom {
  --fa: "\f5d2";
}

.fa-soap {
  --fa: "\e06e";
}

.fa-icons {
  --fa: "\f86d";
}

.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}

.fa-microphone-lines-slash {
  --fa: "\f539";
}

.fa-microphone-alt-slash {
  --fa: "\f539";
}

.fa-bridge-circle-check {
  --fa: "\e4c9";
}

.fa-pump-medical {
  --fa: "\e06a";
}

.fa-fingerprint {
  --fa: "\f577";
}

.fa-hand-point-right {
  --fa: "\f0a4";
}

.fa-magnifying-glass-location {
  --fa: "\f689";
}

.fa-search-location {
  --fa: "\f689";
}

.fa-forward-step {
  --fa: "\f051";
}

.fa-step-forward {
  --fa: "\f051";
}

.fa-face-smile-beam {
  --fa: "\f5b8";
}

.fa-smile-beam {
  --fa: "\f5b8";
}

.fa-flag-checkered {
  --fa: "\f11e";
}

.fa-football {
  --fa: "\f44e";
}

.fa-football-ball {
  --fa: "\f44e";
}

.fa-school-circle-exclamation {
  --fa: "\e56c";
}

.fa-crop {
  --fa: "\f125";
}

.fa-angles-down {
  --fa: "\f103";
}

.fa-angle-double-down {
  --fa: "\f103";
}

.fa-users-rectangle {
  --fa: "\e594";
}

.fa-people-roof {
  --fa: "\e537";
}

.fa-people-line {
  --fa: "\e534";
}

.fa-beer-mug-empty {
  --fa: "\f0fc";
}

.fa-beer {
  --fa: "\f0fc";
}

.fa-diagram-predecessor {
  --fa: "\e477";
}

.fa-arrow-up-long {
  --fa: "\f176";
}

.fa-long-arrow-up {
  --fa: "\f176";
}

.fa-fire-flame-simple {
  --fa: "\f46a";
}

.fa-burn {
  --fa: "\f46a";
}

.fa-person {
  --fa: "\f183";
}

.fa-male {
  --fa: "\f183";
}

.fa-laptop {
  --fa: "\f109";
}

.fa-file-csv {
  --fa: "\f6dd";
}

.fa-menorah {
  --fa: "\f676";
}

.fa-truck-plane {
  --fa: "\e58f";
}

.fa-record-vinyl {
  --fa: "\f8d9";
}

.fa-face-grin-stars {
  --fa: "\f587";
}

.fa-grin-stars {
  --fa: "\f587";
}

.fa-bong {
  --fa: "\f55c";
}

.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}

.fa-pastafarianism {
  --fa: "\f67b";
}

.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}

.fa-spoon {
  --fa: "\f2e5";
}

.fa-utensil-spoon {
  --fa: "\f2e5";
}

.fa-jar-wheat {
  --fa: "\e517";
}

.fa-envelopes-bulk {
  --fa: "\f674";
}

.fa-mail-bulk {
  --fa: "\f674";
}

.fa-file-circle-exclamation {
  --fa: "\e4eb";
}

.fa-circle-h {
  --fa: "\f47e";
}

.fa-hospital-symbol {
  --fa: "\f47e";
}

.fa-pager {
  --fa: "\f815";
}

.fa-address-book {
  --fa: "\f2b9";
}

.fa-contact-book {
  --fa: "\f2b9";
}

.fa-strikethrough {
  --fa: "\f0cc";
}

.fa-k {
  --fa: "K";
}

.fa-landmark-flag {
  --fa: "\e51c";
}

.fa-pencil {
  --fa: "\f303";
}

.fa-pencil-alt {
  --fa: "\f303";
}

.fa-backward {
  --fa: "\f04a";
}

.fa-caret-right {
  --fa: "\f0da";
}

.fa-comments {
  --fa: "\f086";
}

.fa-paste {
  --fa: "\f0ea";
}

.fa-file-clipboard {
  --fa: "\f0ea";
}

.fa-code-pull-request {
  --fa: "\e13c";
}

.fa-clipboard-list {
  --fa: "\f46d";
}

.fa-truck-ramp-box {
  --fa: "\f4de";
}

.fa-truck-loading {
  --fa: "\f4de";
}

.fa-user-check {
  --fa: "\f4fc";
}

.fa-vial-virus {
  --fa: "\e597";
}

.fa-sheet-plastic {
  --fa: "\e571";
}

.fa-blog {
  --fa: "\f781";
}

.fa-user-ninja {
  --fa: "\f504";
}

.fa-person-arrow-up-from-line {
  --fa: "\e539";
}

.fa-scroll-torah {
  --fa: "\f6a0";
}

.fa-torah {
  --fa: "\f6a0";
}

.fa-broom-ball {
  --fa: "\f458";
}

.fa-quidditch {
  --fa: "\f458";
}

.fa-quidditch-broom-ball {
  --fa: "\f458";
}

.fa-toggle-off {
  --fa: "\f204";
}

.fa-box-archive {
  --fa: "\f187";
}

.fa-archive {
  --fa: "\f187";
}

.fa-person-drowning {
  --fa: "\e545";
}

.fa-arrow-down-9-1 {
  --fa: "\f886";
}

.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa-sort-numeric-down-alt {
  --fa: "\f886";
}

.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-spray-can {
  --fa: "\f5bd";
}

.fa-truck-monster {
  --fa: "\f63b";
}

.fa-w {
  --fa: "W";
}

.fa-earth-africa {
  --fa: "\f57c";
}

.fa-globe-africa {
  --fa: "\f57c";
}

.fa-rainbow {
  --fa: "\f75b";
}

.fa-circle-notch {
  --fa: "\f1ce";
}

.fa-tablet-screen-button {
  --fa: "\f3fa";
}

.fa-tablet-alt {
  --fa: "\f3fa";
}

.fa-paw {
  --fa: "\f1b0";
}

.fa-cloud {
  --fa: "\f0c2";
}

.fa-trowel-bricks {
  --fa: "\e58a";
}

.fa-face-flushed {
  --fa: "\f579";
}

.fa-flushed {
  --fa: "\f579";
}

.fa-hospital-user {
  --fa: "\f80d";
}

.fa-tent-arrow-left-right {
  --fa: "\e57f";
}

.fa-gavel {
  --fa: "\f0e3";
}

.fa-legal {
  --fa: "\f0e3";
}

.fa-binoculars {
  --fa: "\f1e5";
}

.fa-microphone-slash {
  --fa: "\f131";
}

.fa-box-tissue {
  --fa: "\e05b";
}

.fa-motorcycle {
  --fa: "\f21c";
}

.fa-bell-concierge {
  --fa: "\f562";
}

.fa-concierge-bell {
  --fa: "\f562";
}

.fa-pen-ruler {
  --fa: "\f5ae";
}

.fa-pencil-ruler {
  --fa: "\f5ae";
}

.fa-people-arrows {
  --fa: "\e068";
}

.fa-people-arrows-left-right {
  --fa: "\e068";
}

.fa-mars-and-venus-burst {
  --fa: "\e523";
}

.fa-square-caret-right {
  --fa: "\f152";
}

.fa-caret-square-right {
  --fa: "\f152";
}

.fa-scissors {
  --fa: "\f0c4";
}

.fa-cut {
  --fa: "\f0c4";
}

.fa-sun-plant-wilt {
  --fa: "\e57a";
}

.fa-toilets-portable {
  --fa: "\e584";
}

.fa-hockey-puck {
  --fa: "\f453";
}

.fa-table {
  --fa: "\f0ce";
}

.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}

.fa-tachograph-digital {
  --fa: "\f566";
}

.fa-digital-tachograph {
  --fa: "\f566";
}

.fa-users-slash {
  --fa: "\e073";
}

.fa-clover {
  --fa: "\e139";
}

.fa-reply {
  --fa: "\f3e5";
}

.fa-mail-reply {
  --fa: "\f3e5";
}

.fa-star-and-crescent {
  --fa: "\f699";
}

.fa-house-fire {
  --fa: "\e50c";
}

.fa-square-minus {
  --fa: "\f146";
}

.fa-minus-square {
  --fa: "\f146";
}

.fa-helicopter {
  --fa: "\f533";
}

.fa-compass {
  --fa: "\f14e";
}

.fa-square-caret-down {
  --fa: "\f150";
}

.fa-caret-square-down {
  --fa: "\f150";
}

.fa-file-circle-question {
  --fa: "\e4ef";
}

.fa-laptop-code {
  --fa: "\f5fc";
}

.fa-swatchbook {
  --fa: "\f5c3";
}

.fa-prescription-bottle {
  --fa: "\f485";
}

.fa-bars {
  --fa: "\f0c9";
}

.fa-navicon {
  --fa: "\f0c9";
}

.fa-people-group {
  --fa: "\e533";
}

.fa-hourglass-end {
  --fa: "\f253";
}

.fa-hourglass-3 {
  --fa: "\f253";
}

.fa-heart-crack {
  --fa: "\f7a9";
}

.fa-heart-broken {
  --fa: "\f7a9";
}

.fa-square-up-right {
  --fa: "\f360";
}

.fa-external-link-square-alt {
  --fa: "\f360";
}

.fa-face-kiss-beam {
  --fa: "\f597";
}

.fa-kiss-beam {
  --fa: "\f597";
}

.fa-film {
  --fa: "\f008";
}

.fa-ruler-horizontal {
  --fa: "\f547";
}

.fa-people-robbery {
  --fa: "\e536";
}

.fa-lightbulb {
  --fa: "\f0eb";
}

.fa-caret-left {
  --fa: "\f0d9";
}

.fa-circle-exclamation {
  --fa: "\f06a";
}

.fa-exclamation-circle {
  --fa: "\f06a";
}

.fa-school-circle-xmark {
  --fa: "\e56d";
}

.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}

.fa-sign-out {
  --fa: "\f08b";
}

.fa-circle-chevron-down {
  --fa: "\f13a";
}

.fa-chevron-circle-down {
  --fa: "\f13a";
}

.fa-unlock-keyhole {
  --fa: "\f13e";
}

.fa-unlock-alt {
  --fa: "\f13e";
}

.fa-cloud-showers-heavy {
  --fa: "\f740";
}

.fa-headphones-simple {
  --fa: "\f58f";
}

.fa-headphones-alt {
  --fa: "\f58f";
}

.fa-sitemap {
  --fa: "\f0e8";
}

.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}

.fa-donate {
  --fa: "\f4b9";
}

.fa-memory {
  --fa: "\f538";
}

.fa-road-spikes {
  --fa: "\e568";
}

.fa-fire-burner {
  --fa: "\e4f1";
}

.fa-flag {
  --fa: "\f024";
}

.fa-hanukiah {
  --fa: "\f6e6";
}

.fa-feather {
  --fa: "\f52d";
}

.fa-volume-low {
  --fa: "\f027";
}

.fa-volume-down {
  --fa: "\f027";
}

.fa-comment-slash {
  --fa: "\f4b3";
}

.fa-cloud-sun-rain {
  --fa: "\f743";
}

.fa-compress {
  --fa: "\f066";
}

.fa-wheat-awn {
  --fa: "\e2cd";
}

.fa-wheat-alt {
  --fa: "\e2cd";
}

.fa-ankh {
  --fa: "\f644";
}

.fa-hands-holding-child {
  --fa: "\e4fa";
}

.fa-asterisk {
  --fa: "\*";
}

.fa-square-check {
  --fa: "\f14a";
}

.fa-check-square {
  --fa: "\f14a";
}

.fa-peseta-sign {
  --fa: "\e221";
}

.fa-heading {
  --fa: "\f1dc";
}

.fa-header {
  --fa: "\f1dc";
}

.fa-ghost {
  --fa: "\f6e2";
}

.fa-list {
  --fa: "\f03a";
}

.fa-list-squares {
  --fa: "\f03a";
}

.fa-square-phone-flip {
  --fa: "\f87b";
}

.fa-phone-square-alt {
  --fa: "\f87b";
}

.fa-cart-plus {
  --fa: "\f217";
}

.fa-gamepad {
  --fa: "\f11b";
}

.fa-circle-dot {
  --fa: "\f192";
}

.fa-dot-circle {
  --fa: "\f192";
}

.fa-face-dizzy {
  --fa: "\f567";
}

.fa-dizzy {
  --fa: "\f567";
}

.fa-egg {
  --fa: "\f7fb";
}

.fa-house-medical-circle-xmark {
  --fa: "\e513";
}

.fa-campground {
  --fa: "\f6bb";
}

.fa-folder-plus {
  --fa: "\f65e";
}

.fa-futbol {
  --fa: "\f1e3";
}

.fa-futbol-ball {
  --fa: "\f1e3";
}

.fa-soccer-ball {
  --fa: "\f1e3";
}

.fa-paintbrush {
  --fa: "\f1fc";
}

.fa-paint-brush {
  --fa: "\f1fc";
}

.fa-lock {
  --fa: "\f023";
}

.fa-gas-pump {
  --fa: "\f52f";
}

.fa-hot-tub-person {
  --fa: "\f593";
}

.fa-hot-tub {
  --fa: "\f593";
}

.fa-map-location {
  --fa: "\f59f";
}

.fa-map-marked {
  --fa: "\f59f";
}

.fa-house-flood-water {
  --fa: "\e50e";
}

.fa-tree {
  --fa: "\f1bb";
}

.fa-bridge-lock {
  --fa: "\e4cc";
}

.fa-sack-dollar {
  --fa: "\f81d";
}

.fa-pen-to-square {
  --fa: "\f044";
}

.fa-edit {
  --fa: "\f044";
}

.fa-car-side {
  --fa: "\f5e4";
}

.fa-share-nodes {
  --fa: "\f1e0";
}

.fa-share-alt {
  --fa: "\f1e0";
}

.fa-heart-circle-minus {
  --fa: "\e4ff";
}

.fa-hourglass-half {
  --fa: "\f252";
}

.fa-hourglass-2 {
  --fa: "\f252";
}

.fa-microscope {
  --fa: "\f610";
}

.fa-sink {
  --fa: "\e06d";
}

.fa-bag-shopping {
  --fa: "\f290";
}

.fa-shopping-bag {
  --fa: "\f290";
}

.fa-arrow-down-z-a {
  --fa: "\f881";
}

.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa-sort-alpha-down-alt {
  --fa: "\f881";
}

.fa-mitten {
  --fa: "\f7b5";
}

.fa-person-rays {
  --fa: "\e54d";
}

.fa-users {
  --fa: "\f0c0";
}

.fa-eye-slash {
  --fa: "\f070";
}

.fa-flask-vial {
  --fa: "\e4f3";
}

.fa-hand {
  --fa: "\f256";
}

.fa-hand-paper {
  --fa: "\f256";
}

.fa-om {
  --fa: "\f679";
}

.fa-worm {
  --fa: "\e599";
}

.fa-house-circle-xmark {
  --fa: "\e50b";
}

.fa-plug {
  --fa: "\f1e6";
}

.fa-chevron-up {
  --fa: "\f077";
}

.fa-hand-spock {
  --fa: "\f259";
}

.fa-stopwatch {
  --fa: "\f2f2";
}

.fa-face-kiss {
  --fa: "\f596";
}

.fa-kiss {
  --fa: "\f596";
}

.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}

.fa-face-grin-tongue {
  --fa: "\f589";
}

.fa-grin-tongue {
  --fa: "\f589";
}

.fa-chess-bishop {
  --fa: "\f43a";
}

.fa-face-grin-wink {
  --fa: "\f58c";
}

.fa-grin-wink {
  --fa: "\f58c";
}

.fa-ear-deaf {
  --fa: "\f2a4";
}

.fa-deaf {
  --fa: "\f2a4";
}

.fa-deafness {
  --fa: "\f2a4";
}

.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa-road-circle-check {
  --fa: "\e564";
}

.fa-dice-five {
  --fa: "\f523";
}

.fa-square-rss {
  --fa: "\f143";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-land-mine-on {
  --fa: "\e51b";
}

.fa-i-cursor {
  --fa: "\f246";
}

.fa-stamp {
  --fa: "\f5bf";
}

.fa-stairs {
  --fa: "\e289";
}

.fa-i {
  --fa: "I";
}

.fa-hryvnia-sign {
  --fa: "\f6f2";
}

.fa-hryvnia {
  --fa: "\f6f2";
}

.fa-pills {
  --fa: "\f484";
}

.fa-face-grin-wide {
  --fa: "\f581";
}

.fa-grin-alt {
  --fa: "\f581";
}

.fa-tooth {
  --fa: "\f5c9";
}

.fa-v {
  --fa: "V";
}

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}

.fa-bicycle {
  --fa: "\f206";
}

.fa-staff-snake {
  --fa: "\e579";
}

.fa-rod-asclepius {
  --fa: "\e579";
}

.fa-rod-snake {
  --fa: "\e579";
}

.fa-staff-aesculapius {
  --fa: "\e579";
}

.fa-head-side-cough-slash {
  --fa: "\e062";
}

.fa-truck-medical {
  --fa: "\f0f9";
}

.fa-ambulance {
  --fa: "\f0f9";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}

.fa-snowman {
  --fa: "\f7d0";
}

.fa-mortar-pestle {
  --fa: "\f5a7";
}

.fa-road-barrier {
  --fa: "\e562";
}

.fa-school {
  --fa: "\f549";
}

.fa-igloo {
  --fa: "\f7ae";
}

.fa-joint {
  --fa: "\f595";
}

.fa-angle-right {
  --fa: "\f105";
}

.fa-horse {
  --fa: "\f6f0";
}

.fa-q {
  --fa: "Q";
}

.fa-g {
  --fa: "G";
}

.fa-notes-medical {
  --fa: "\f481";
}

.fa-temperature-half {
  --fa: "\f2c9";
}

.fa-temperature-2 {
  --fa: "\f2c9";
}

.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa-thermometer-half {
  --fa: "\f2c9";
}

.fa-dong-sign {
  --fa: "\e169";
}

.fa-capsules {
  --fa: "\f46b";
}

.fa-poo-storm {
  --fa: "\f75a";
}

.fa-poo-bolt {
  --fa: "\f75a";
}

.fa-face-frown-open {
  --fa: "\f57a";
}

.fa-frown-open {
  --fa: "\f57a";
}

.fa-hand-point-up {
  --fa: "\f0a6";
}

.fa-money-bill {
  --fa: "\f0d6";
}

.fa-bookmark {
  --fa: "\f02e";
}

.fa-align-justify {
  --fa: "\f039";
}

.fa-umbrella-beach {
  --fa: "\f5ca";
}

.fa-helmet-un {
  --fa: "\e503";
}

.fa-bullseye {
  --fa: "\f140";
}

.fa-bacon {
  --fa: "\f7e5";
}

.fa-hand-point-down {
  --fa: "\f0a7";
}

.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}

.fa-folder {
  --fa: "\f07b";
}

.fa-folder-blank {
  --fa: "\f07b";
}

.fa-file-waveform {
  --fa: "\f478";
}

.fa-file-medical-alt {
  --fa: "\f478";
}

.fa-radiation {
  --fa: "\f7b9";
}

.fa-chart-simple {
  --fa: "\e473";
}

.fa-mars-stroke {
  --fa: "\f229";
}

.fa-vial {
  --fa: "\f492";
}

.fa-gauge {
  --fa: "\f624";
}

.fa-dashboard {
  --fa: "\f624";
}

.fa-gauge-med {
  --fa: "\f624";
}

.fa-tachometer-alt-average {
  --fa: "\f624";
}

.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}

.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}

.fa-e {
  --fa: "E";
}

.fa-pen-clip {
  --fa: "\f305";
}

.fa-pen-alt {
  --fa: "\f305";
}

.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}

.fa-user {
  --fa: "\f007";
}

.fa-school-circle-check {
  --fa: "\e56b";
}

.fa-dumpster {
  --fa: "\f793";
}

.fa-van-shuttle {
  --fa: "\f5b6";
}

.fa-shuttle-van {
  --fa: "\f5b6";
}

.fa-building-user {
  --fa: "\e4da";
}

.fa-square-caret-left {
  --fa: "\f191";
}

.fa-caret-square-left {
  --fa: "\f191";
}

.fa-highlighter {
  --fa: "\f591";
}

.fa-key {
  --fa: "\f084";
}

.fa-bullhorn {
  --fa: "\f0a1";
}

.fa-globe {
  --fa: "\f0ac";
}

.fa-synagogue {
  --fa: "\f69b";
}

.fa-person-half-dress {
  --fa: "\e548";
}

.fa-road-bridge {
  --fa: "\e563";
}

.fa-location-arrow {
  --fa: "\f124";
}

.fa-c {
  --fa: "C";
}

.fa-tablet-button {
  --fa: "\f10a";
}

.fa-building-lock {
  --fa: "\e4d6";
}

.fa-pizza-slice {
  --fa: "\f818";
}

.fa-money-bill-wave {
  --fa: "\f53a";
}

.fa-chart-area {
  --fa: "\f1fe";
}

.fa-area-chart {
  --fa: "\f1fe";
}

.fa-house-flag {
  --fa: "\e50d";
}

.fa-person-circle-minus {
  --fa: "\e540";
}

.fa-ban {
  --fa: "\f05e";
}

.fa-cancel {
  --fa: "\f05e";
}

.fa-camera-rotate {
  --fa: "\e0d8";
}

.fa-spray-can-sparkles {
  --fa: "\f5d0";
}

.fa-air-freshener {
  --fa: "\f5d0";
}

.fa-star {
  --fa: "\f005";
}

.fa-repeat {
  --fa: "\f363";
}

.fa-cross {
  --fa: "\f654";
}

.fa-box {
  --fa: "\f466";
}

.fa-venus-mars {
  --fa: "\f228";
}

.fa-arrow-pointer {
  --fa: "\f245";
}

.fa-mouse-pointer {
  --fa: "\f245";
}

.fa-maximize {
  --fa: "\f31e";
}

.fa-expand-arrows-alt {
  --fa: "\f31e";
}

.fa-charging-station {
  --fa: "\f5e7";
}

.fa-shapes {
  --fa: "\f61f";
}

.fa-triangle-circle-square {
  --fa: "\f61f";
}

.fa-shuffle {
  --fa: "\f074";
}

.fa-random {
  --fa: "\f074";
}

.fa-person-running {
  --fa: "\f70c";
}

.fa-running {
  --fa: "\f70c";
}

.fa-mobile-retro {
  --fa: "\e527";
}

.fa-grip-lines-vertical {
  --fa: "\f7a5";
}

.fa-spider {
  --fa: "\f717";
}

.fa-hands-bound {
  --fa: "\e4f9";
}

.fa-file-invoice-dollar {
  --fa: "\f571";
}

.fa-plane-circle-exclamation {
  --fa: "\e556";
}

.fa-x-ray {
  --fa: "\f497";
}

.fa-spell-check {
  --fa: "\f891";
}

.fa-slash {
  --fa: "\f715";
}

.fa-computer-mouse {
  --fa: "\f8cc";
}

.fa-mouse {
  --fa: "\f8cc";
}

.fa-arrow-right-to-bracket {
  --fa: "\f090";
}

.fa-sign-in {
  --fa: "\f090";
}

.fa-shop-slash {
  --fa: "\e070";
}

.fa-store-alt-slash {
  --fa: "\e070";
}

.fa-server {
  --fa: "\f233";
}

.fa-virus-covid-slash {
  --fa: "\e4a9";
}

.fa-shop-lock {
  --fa: "\e4a5";
}

.fa-hourglass-start {
  --fa: "\f251";
}

.fa-hourglass-1 {
  --fa: "\f251";
}

.fa-blender-phone {
  --fa: "\f6b6";
}

.fa-building-wheat {
  --fa: "\e4db";
}

.fa-person-breastfeeding {
  --fa: "\e53a";
}

.fa-right-to-bracket {
  --fa: "\f2f6";
}

.fa-sign-in-alt {
  --fa: "\f2f6";
}

.fa-venus {
  --fa: "\f221";
}

.fa-passport {
  --fa: "\f5ab";
}

.fa-thumbtack-slash {
  --fa: "\e68f";
}

.fa-thumb-tack-slash {
  --fa: "\e68f";
}

.fa-heart-pulse {
  --fa: "\f21e";
}

.fa-heartbeat {
  --fa: "\f21e";
}

.fa-people-carry-box {
  --fa: "\f4ce";
}

.fa-people-carry {
  --fa: "\f4ce";
}

.fa-temperature-high {
  --fa: "\f769";
}

.fa-microchip {
  --fa: "\f2db";
}

.fa-crown {
  --fa: "\f521";
}

.fa-weight-hanging {
  --fa: "\f5cd";
}

.fa-xmarks-lines {
  --fa: "\e59a";
}

.fa-file-prescription {
  --fa: "\f572";
}

.fa-weight-scale {
  --fa: "\f496";
}

.fa-weight {
  --fa: "\f496";
}

.fa-user-group {
  --fa: "\f500";
}

.fa-user-friends {
  --fa: "\f500";
}

.fa-arrow-up-a-z {
  --fa: "\f15e";
}

.fa-sort-alpha-up {
  --fa: "\f15e";
}

.fa-chess-knight {
  --fa: "\f441";
}

.fa-face-laugh-squint {
  --fa: "\f59b";
}

.fa-laugh-squint {
  --fa: "\f59b";
}

.fa-wheelchair {
  --fa: "\f193";
}

.fa-circle-arrow-up {
  --fa: "\f0aa";
}

.fa-arrow-circle-up {
  --fa: "\f0aa";
}

.fa-toggle-on {
  --fa: "\f205";
}

.fa-person-walking {
  --fa: "\f554";
}

.fa-walking {
  --fa: "\f554";
}

.fa-l {
  --fa: "L";
}

.fa-fire {
  --fa: "\f06d";
}

.fa-bed-pulse {
  --fa: "\f487";
}

.fa-procedures {
  --fa: "\f487";
}

.fa-shuttle-space {
  --fa: "\f197";
}

.fa-space-shuttle {
  --fa: "\f197";
}

.fa-face-laugh {
  --fa: "\f599";
}

.fa-laugh {
  --fa: "\f599";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-heart-circle-plus {
  --fa: "\e500";
}

.fa-code-fork {
  --fa: "\e13b";
}

.fa-city {
  --fa: "\f64f";
}

.fa-microphone-lines {
  --fa: "\f3c9";
}

.fa-microphone-alt {
  --fa: "\f3c9";
}

.fa-pepper-hot {
  --fa: "\f816";
}

.fa-unlock {
  --fa: "\f09c";
}

.fa-colon-sign {
  --fa: "\e140";
}

.fa-headset {
  --fa: "\f590";
}

.fa-store-slash {
  --fa: "\e071";
}

.fa-road-circle-xmark {
  --fa: "\e566";
}

.fa-user-minus {
  --fa: "\f503";
}

.fa-mars-stroke-up {
  --fa: "\f22a";
}

.fa-mars-stroke-v {
  --fa: "\f22a";
}

.fa-champagne-glasses {
  --fa: "\f79f";
}

.fa-glass-cheers {
  --fa: "\f79f";
}

.fa-clipboard {
  --fa: "\f328";
}

.fa-house-circle-exclamation {
  --fa: "\e50a";
}

.fa-file-arrow-up {
  --fa: "\f574";
}

.fa-file-upload {
  --fa: "\f574";
}

.fa-wifi {
  --fa: "\f1eb";
}

.fa-wifi-3 {
  --fa: "\f1eb";
}

.fa-wifi-strong {
  --fa: "\f1eb";
}

.fa-bath {
  --fa: "\f2cd";
}

.fa-bathtub {
  --fa: "\f2cd";
}

.fa-underline {
  --fa: "\f0cd";
}

.fa-user-pen {
  --fa: "\f4ff";
}

.fa-user-edit {
  --fa: "\f4ff";
}

.fa-signature {
  --fa: "\f5b7";
}

.fa-stroopwafel {
  --fa: "\f551";
}

.fa-bold {
  --fa: "\f032";
}

.fa-anchor-lock {
  --fa: "\e4ad";
}

.fa-building-ngo {
  --fa: "\e4d7";
}

.fa-manat-sign {
  --fa: "\e1d5";
}

.fa-not-equal {
  --fa: "\f53e";
}

.fa-border-top-left {
  --fa: "\f853";
}

.fa-border-style {
  --fa: "\f853";
}

.fa-map-location-dot {
  --fa: "\f5a0";
}

.fa-map-marked-alt {
  --fa: "\f5a0";
}

.fa-jedi {
  --fa: "\f669";
}

.fa-square-poll-vertical {
  --fa: "\f681";
}

.fa-poll {
  --fa: "\f681";
}

.fa-mug-hot {
  --fa: "\f7b6";
}

.fa-car-battery {
  --fa: "\f5df";
}

.fa-battery-car {
  --fa: "\f5df";
}

.fa-gift {
  --fa: "\f06b";
}

.fa-dice-two {
  --fa: "\f528";
}

.fa-chess-queen {
  --fa: "\f445";
}

.fa-glasses {
  --fa: "\f530";
}

.fa-chess-board {
  --fa: "\f43c";
}

.fa-building-circle-check {
  --fa: "\e4d2";
}

.fa-person-chalkboard {
  --fa: "\e53d";
}

.fa-mars-stroke-right {
  --fa: "\f22b";
}

.fa-mars-stroke-h {
  --fa: "\f22b";
}

.fa-hand-back-fist {
  --fa: "\f255";
}

.fa-hand-rock {
  --fa: "\f255";
}

.fa-square-caret-up {
  --fa: "\f151";
}

.fa-caret-square-up {
  --fa: "\f151";
}

.fa-cloud-showers-water {
  --fa: "\e4e4";
}

.fa-chart-bar {
  --fa: "\f080";
}

.fa-bar-chart {
  --fa: "\f080";
}

.fa-hands-bubbles {
  --fa: "\e05e";
}

.fa-hands-wash {
  --fa: "\e05e";
}

.fa-less-than-equal {
  --fa: "\f537";
}

.fa-train {
  --fa: "\f238";
}

.fa-eye-low-vision {
  --fa: "\f2a8";
}

.fa-low-vision {
  --fa: "\f2a8";
}

.fa-crow {
  --fa: "\f520";
}

.fa-sailboat {
  --fa: "\e445";
}

.fa-window-restore {
  --fa: "\f2d2";
}

.fa-square-plus {
  --fa: "\f0fe";
}

.fa-plus-square {
  --fa: "\f0fe";
}

.fa-torii-gate {
  --fa: "\f6a1";
}

.fa-frog {
  --fa: "\f52e";
}

.fa-bucket {
  --fa: "\e4cf";
}

.fa-image {
  --fa: "\f03e";
}

.fa-microphone {
  --fa: "\f130";
}

.fa-cow {
  --fa: "\f6c8";
}

.fa-caret-up {
  --fa: "\f0d8";
}

.fa-screwdriver {
  --fa: "\f54a";
}

.fa-folder-closed {
  --fa: "\e185";
}

.fa-house-tsunami {
  --fa: "\e515";
}

.fa-square-nfi {
  --fa: "\e576";
}

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}

.fa-martini-glass {
  --fa: "\f57b";
}

.fa-glass-martini-alt {
  --fa: "\f57b";
}

.fa-square-binary {
  --fa: "\e69b";
}

.fa-rotate-left {
  --fa: "\f2ea";
}

.fa-rotate-back {
  --fa: "\f2ea";
}

.fa-rotate-backward {
  --fa: "\f2ea";
}

.fa-undo-alt {
  --fa: "\f2ea";
}

.fa-table-columns {
  --fa: "\f0db";
}

.fa-columns {
  --fa: "\f0db";
}

.fa-lemon {
  --fa: "\f094";
}

.fa-head-side-mask {
  --fa: "\e063";
}

.fa-handshake {
  --fa: "\f2b5";
}

.fa-gem {
  --fa: "\f3a5";
}

.fa-dolly {
  --fa: "\f472";
}

.fa-dolly-box {
  --fa: "\f472";
}

.fa-smoking {
  --fa: "\f48d";
}

.fa-minimize {
  --fa: "\f78c";
}

.fa-compress-arrows-alt {
  --fa: "\f78c";
}

.fa-monument {
  --fa: "\f5a6";
}

.fa-snowplow {
  --fa: "\f7d2";
}

.fa-angles-right {
  --fa: "\f101";
}

.fa-angle-double-right {
  --fa: "\f101";
}

.fa-cannabis {
  --fa: "\f55f";
}

.fa-circle-play {
  --fa: "\f144";
}

.fa-play-circle {
  --fa: "\f144";
}

.fa-tablets {
  --fa: "\f490";
}

.fa-ethernet {
  --fa: "\f796";
}

.fa-euro-sign {
  --fa: "\f153";
}

.fa-eur {
  --fa: "\f153";
}

.fa-euro {
  --fa: "\f153";
}

.fa-chair {
  --fa: "\f6c0";
}

.fa-circle-check {
  --fa: "\f058";
}

.fa-check-circle {
  --fa: "\f058";
}

.fa-circle-stop {
  --fa: "\f28d";
}

.fa-stop-circle {
  --fa: "\f28d";
}

.fa-compass-drafting {
  --fa: "\f568";
}

.fa-drafting-compass {
  --fa: "\f568";
}

.fa-plate-wheat {
  --fa: "\e55a";
}

.fa-icicles {
  --fa: "\f7ad";
}

.fa-person-shelter {
  --fa: "\e54f";
}

.fa-neuter {
  --fa: "\f22c";
}

.fa-id-badge {
  --fa: "\f2c1";
}

.fa-marker {
  --fa: "\f5a1";
}

.fa-face-laugh-beam {
  --fa: "\f59a";
}

.fa-laugh-beam {
  --fa: "\f59a";
}

.fa-helicopter-symbol {
  --fa: "\e502";
}

.fa-universal-access {
  --fa: "\f29a";
}

.fa-circle-chevron-up {
  --fa: "\f139";
}

.fa-chevron-circle-up {
  --fa: "\f139";
}

.fa-lari-sign {
  --fa: "\e1c8";
}

.fa-volcano {
  --fa: "\f770";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}

.fa-sterling-sign {
  --fa: "\f154";
}

.fa-gbp {
  --fa: "\f154";
}

.fa-pound-sign {
  --fa: "\f154";
}

.fa-viruses {
  --fa: "\e076";
}

.fa-square-person-confined {
  --fa: "\e577";
}

.fa-user-tie {
  --fa: "\f508";
}

.fa-arrow-down-long {
  --fa: "\f175";
}

.fa-long-arrow-down {
  --fa: "\f175";
}

.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}

.fa-certificate {
  --fa: "\f0a3";
}

.fa-reply-all {
  --fa: "\f122";
}

.fa-mail-reply-all {
  --fa: "\f122";
}

.fa-suitcase {
  --fa: "\f0f2";
}

.fa-person-skating {
  --fa: "\f7c5";
}

.fa-skating {
  --fa: "\f7c5";
}

.fa-filter-circle-dollar {
  --fa: "\f662";
}

.fa-funnel-dollar {
  --fa: "\f662";
}

.fa-camera-retro {
  --fa: "\f083";
}

.fa-circle-arrow-down {
  --fa: "\f0ab";
}

.fa-arrow-circle-down {
  --fa: "\f0ab";
}

.fa-file-import {
  --fa: "\f56f";
}

.fa-arrow-right-to-file {
  --fa: "\f56f";
}

.fa-square-arrow-up-right {
  --fa: "\f14c";
}

.fa-external-link-square {
  --fa: "\f14c";
}

.fa-box-open {
  --fa: "\f49e";
}

.fa-scroll {
  --fa: "\f70e";
}

.fa-spa {
  --fa: "\f5bb";
}

.fa-location-pin-lock {
  --fa: "\e51f";
}

.fa-pause {
  --fa: "\f04c";
}

.fa-hill-avalanche {
  --fa: "\e507";
}

.fa-temperature-empty {
  --fa: "\f2cb";
}

.fa-temperature-0 {
  --fa: "\f2cb";
}

.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa-thermometer-empty {
  --fa: "\f2cb";
}

.fa-bomb {
  --fa: "\f1e2";
}

.fa-registered {
  --fa: "\f25d";
}

.fa-address-card {
  --fa: "\f2bb";
}

.fa-contact-card {
  --fa: "\f2bb";
}

.fa-vcard {
  --fa: "\f2bb";
}

.fa-scale-unbalanced-flip {
  --fa: "\f516";
}

.fa-balance-scale-right {
  --fa: "\f516";
}

.fa-subscript {
  --fa: "\f12c";
}

.fa-diamond-turn-right {
  --fa: "\f5eb";
}

.fa-directions {
  --fa: "\f5eb";
}

.fa-burst {
  --fa: "\e4dc";
}

.fa-house-laptop {
  --fa: "\e066";
}

.fa-laptop-house {
  --fa: "\e066";
}

.fa-face-tired {
  --fa: "\f5c8";
}

.fa-tired {
  --fa: "\f5c8";
}

.fa-money-bills {
  --fa: "\e1f3";
}

.fa-smog {
  --fa: "\f75f";
}

.fa-crutch {
  --fa: "\f7f7";
}

.fa-cloud-arrow-up {
  --fa: "\f0ee";
}

.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa-cloud-upload-alt {
  --fa: "\f0ee";
}

.fa-palette {
  --fa: "\f53f";
}

.fa-arrows-turn-right {
  --fa: "\e4c0";
}

.fa-vest {
  --fa: "\e085";
}

.fa-ferry {
  --fa: "\e4ea";
}

.fa-arrows-down-to-people {
  --fa: "\e4b9";
}

.fa-seedling {
  --fa: "\f4d8";
}

.fa-sprout {
  --fa: "\f4d8";
}

.fa-left-right {
  --fa: "\f337";
}

.fa-arrows-alt-h {
  --fa: "\f337";
}

.fa-boxes-packing {
  --fa: "\e4c7";
}

.fa-circle-arrow-left {
  --fa: "\f0a8";
}

.fa-arrow-circle-left {
  --fa: "\f0a8";
}

.fa-group-arrows-rotate {
  --fa: "\e4f6";
}

.fa-bowl-food {
  --fa: "\e4c6";
}

.fa-candy-cane {
  --fa: "\f786";
}

.fa-arrow-down-wide-short {
  --fa: "\f160";
}

.fa-sort-amount-asc {
  --fa: "\f160";
}

.fa-sort-amount-down {
  --fa: "\f160";
}

.fa-cloud-bolt {
  --fa: "\f76c";
}

.fa-thunderstorm {
  --fa: "\f76c";
}

.fa-text-slash {
  --fa: "\f87d";
}

.fa-remove-format {
  --fa: "\f87d";
}

.fa-face-smile-wink {
  --fa: "\f4da";
}

.fa-smile-wink {
  --fa: "\f4da";
}

.fa-file-word {
  --fa: "\f1c2";
}

.fa-file-powerpoint {
  --fa: "\f1c4";
}

.fa-arrows-left-right {
  --fa: "\f07e";
}

.fa-arrows-h {
  --fa: "\f07e";
}

.fa-house-lock {
  --fa: "\e510";
}

.fa-cloud-arrow-down {
  --fa: "\f0ed";
}

.fa-cloud-download {
  --fa: "\f0ed";
}

.fa-cloud-download-alt {
  --fa: "\f0ed";
}

.fa-children {
  --fa: "\e4e1";
}

.fa-chalkboard {
  --fa: "\f51b";
}

.fa-blackboard {
  --fa: "\f51b";
}

.fa-user-large-slash {
  --fa: "\f4fa";
}

.fa-user-alt-slash {
  --fa: "\f4fa";
}

.fa-envelope-open {
  --fa: "\f2b6";
}

.fa-handshake-simple-slash {
  --fa: "\e05f";
}

.fa-handshake-alt-slash {
  --fa: "\e05f";
}

.fa-mattress-pillow {
  --fa: "\e525";
}

.fa-guarani-sign {
  --fa: "\e19a";
}

.fa-arrows-rotate {
  --fa: "\f021";
}

.fa-refresh {
  --fa: "\f021";
}

.fa-sync {
  --fa: "\f021";
}

.fa-fire-extinguisher {
  --fa: "\f134";
}

.fa-cruzeiro-sign {
  --fa: "\e152";
}

.fa-greater-than-equal {
  --fa: "\f532";
}

.fa-shield-halved {
  --fa: "\f3ed";
}

.fa-shield-alt {
  --fa: "\f3ed";
}

.fa-book-atlas {
  --fa: "\f558";
}

.fa-atlas {
  --fa: "\f558";
}

.fa-virus {
  --fa: "\e074";
}

.fa-envelope-circle-check {
  --fa: "\e4e8";
}

.fa-layer-group {
  --fa: "\f5fd";
}

.fa-arrows-to-dot {
  --fa: "\e4be";
}

.fa-archway {
  --fa: "\f557";
}

.fa-heart-circle-check {
  --fa: "\e4fd";
}

.fa-house-chimney-crack {
  --fa: "\f6f1";
}

.fa-house-damage {
  --fa: "\f6f1";
}

.fa-file-zipper {
  --fa: "\f1c6";
}

.fa-file-archive {
  --fa: "\f1c6";
}

.fa-square {
  --fa: "\f0c8";
}

.fa-martini-glass-empty {
  --fa: "\f000";
}

.fa-glass-martini {
  --fa: "\f000";
}

.fa-couch {
  --fa: "\f4b8";
}

.fa-cedi-sign {
  --fa: "\e0df";
}

.fa-italic {
  --fa: "\f033";
}

.fa-table-cells-column-lock {
  --fa: "\e678";
}

.fa-church {
  --fa: "\f51d";
}

.fa-comments-dollar {
  --fa: "\f653";
}

.fa-democrat {
  --fa: "\f747";
}

.fa-z {
  --fa: "Z";
}

.fa-person-skiing {
  --fa: "\f7c9";
}

.fa-skiing {
  --fa: "\f7c9";
}

.fa-road-lock {
  --fa: "\e567";
}

.fa-a {
  --fa: "A";
}

.fa-temperature-arrow-down {
  --fa: "\e03f";
}

.fa-temperature-down {
  --fa: "\e03f";
}

.fa-feather-pointed {
  --fa: "\f56b";
}

.fa-feather-alt {
  --fa: "\f56b";
}

.fa-p {
  --fa: "P";
}

.fa-snowflake {
  --fa: "\f2dc";
}

.fa-newspaper {
  --fa: "\f1ea";
}

.fa-rectangle-ad {
  --fa: "\f641";
}

.fa-ad {
  --fa: "\f641";
}

.fa-circle-arrow-right {
  --fa: "\f0a9";
}

.fa-arrow-circle-right {
  --fa: "\f0a9";
}

.fa-filter-circle-xmark {
  --fa: "\e17b";
}

.fa-locust {
  --fa: "\e520";
}

.fa-sort {
  --fa: "\f0dc";
}

.fa-unsorted {
  --fa: "\f0dc";
}

.fa-list-ol {
  --fa: "\f0cb";
}

.fa-list-1-2 {
  --fa: "\f0cb";
}

.fa-list-numeric {
  --fa: "\f0cb";
}

.fa-person-dress-burst {
  --fa: "\e544";
}

.fa-money-check-dollar {
  --fa: "\f53d";
}

.fa-money-check-alt {
  --fa: "\f53d";
}

.fa-vector-square {
  --fa: "\f5cb";
}

.fa-bread-slice {
  --fa: "\f7ec";
}

.fa-language {
  --fa: "\f1ab";
}

.fa-face-kiss-wink-heart {
  --fa: "\f598";
}

.fa-kiss-wink-heart {
  --fa: "\f598";
}

.fa-filter {
  --fa: "\f0b0";
}

.fa-question {
  --fa: "\?";
}

.fa-file-signature {
  --fa: "\f573";
}

.fa-up-down-left-right {
  --fa: "\f0b2";
}

.fa-arrows-alt {
  --fa: "\f0b2";
}

.fa-house-chimney-user {
  --fa: "\e065";
}

.fa-hand-holding-heart {
  --fa: "\f4be";
}

.fa-puzzle-piece {
  --fa: "\f12e";
}

.fa-money-check {
  --fa: "\f53c";
}

.fa-star-half-stroke {
  --fa: "\f5c0";
}

.fa-star-half-alt {
  --fa: "\f5c0";
}

.fa-code {
  --fa: "\f121";
}

.fa-whiskey-glass {
  --fa: "\f7a0";
}

.fa-glass-whiskey {
  --fa: "\f7a0";
}

.fa-building-circle-exclamation {
  --fa: "\e4d3";
}

.fa-magnifying-glass-chart {
  --fa: "\e522";
}

.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}

.fa-external-link {
  --fa: "\f08e";
}

.fa-cubes-stacked {
  --fa: "\e4e6";
}

.fa-won-sign {
  --fa: "\f159";
}

.fa-krw {
  --fa: "\f159";
}

.fa-won {
  --fa: "\f159";
}

.fa-virus-covid {
  --fa: "\e4a8";
}

.fa-austral-sign {
  --fa: "\e0a9";
}

.fa-f {
  --fa: "F";
}

.fa-leaf {
  --fa: "\f06c";
}

.fa-road {
  --fa: "\f018";
}

.fa-taxi {
  --fa: "\f1ba";
}

.fa-cab {
  --fa: "\f1ba";
}

.fa-person-circle-plus {
  --fa: "\e541";
}

.fa-chart-pie {
  --fa: "\f200";
}

.fa-pie-chart {
  --fa: "\f200";
}

.fa-bolt-lightning {
  --fa: "\e0b7";
}

.fa-sack-xmark {
  --fa: "\e56a";
}

.fa-file-excel {
  --fa: "\f1c3";
}

.fa-file-contract {
  --fa: "\f56c";
}

.fa-fish-fins {
  --fa: "\e4f2";
}

.fa-building-flag {
  --fa: "\e4d5";
}

.fa-face-grin-beam {
  --fa: "\f582";
}

.fa-grin-beam {
  --fa: "\f582";
}

.fa-object-ungroup {
  --fa: "\f248";
}

.fa-poop {
  --fa: "\f619";
}

.fa-location-pin {
  --fa: "\f041";
}

.fa-map-marker {
  --fa: "\f041";
}

.fa-kaaba {
  --fa: "\f66b";
}

.fa-toilet-paper {
  --fa: "\f71e";
}

.fa-helmet-safety {
  --fa: "\f807";
}

.fa-hard-hat {
  --fa: "\f807";
}

.fa-hat-hard {
  --fa: "\f807";
}

.fa-eject {
  --fa: "\f052";
}

.fa-circle-right {
  --fa: "\f35a";
}

.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}

.fa-plane-circle-check {
  --fa: "\e555";
}

.fa-face-rolling-eyes {
  --fa: "\f5a5";
}

.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}

.fa-object-group {
  --fa: "\f247";
}

.fa-chart-line {
  --fa: "\f201";
}

.fa-line-chart {
  --fa: "\f201";
}

.fa-mask-ventilator {
  --fa: "\e524";
}

.fa-arrow-right {
  --fa: "\f061";
}

.fa-signs-post {
  --fa: "\f277";
}

.fa-map-signs {
  --fa: "\f277";
}

.fa-cash-register {
  --fa: "\f788";
}

.fa-person-circle-question {
  --fa: "\e542";
}

.fa-h {
  --fa: "H";
}

.fa-tarp {
  --fa: "\e57b";
}

.fa-screwdriver-wrench {
  --fa: "\f7d9";
}

.fa-tools {
  --fa: "\f7d9";
}

.fa-arrows-to-eye {
  --fa: "\e4bf";
}

.fa-plug-circle-bolt {
  --fa: "\e55b";
}

.fa-heart {
  --fa: "\f004";
}

.fa-mars-and-venus {
  --fa: "\f224";
}

.fa-house-user {
  --fa: "\e1b0";
}

.fa-home-user {
  --fa: "\e1b0";
}

.fa-dumpster-fire {
  --fa: "\f794";
}

.fa-house-crack {
  --fa: "\e3b1";
}

.fa-martini-glass-citrus {
  --fa: "\f561";
}

.fa-cocktail {
  --fa: "\f561";
}

.fa-face-surprise {
  --fa: "\f5c2";
}

.fa-surprise {
  --fa: "\f5c2";
}

.fa-bottle-water {
  --fa: "\e4c5";
}

.fa-circle-pause {
  --fa: "\f28b";
}

.fa-pause-circle {
  --fa: "\f28b";
}

.fa-toilet-paper-slash {
  --fa: "\e072";
}

.fa-apple-whole {
  --fa: "\f5d1";
}

.fa-apple-alt {
  --fa: "\f5d1";
}

.fa-kitchen-set {
  --fa: "\e51a";
}

.fa-r {
  --fa: "R";
}

.fa-temperature-quarter {
  --fa: "\f2ca";
}

.fa-temperature-1 {
  --fa: "\f2ca";
}

.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa-thermometer-quarter {
  --fa: "\f2ca";
}

.fa-cube {
  --fa: "\f1b2";
}

.fa-bitcoin-sign {
  --fa: "\e0b4";
}

.fa-shield-dog {
  --fa: "\e573";
}

.fa-solar-panel {
  --fa: "\f5ba";
}

.fa-lock-open {
  --fa: "\f3c1";
}

.fa-elevator {
  --fa: "\e16d";
}

.fa-money-bill-transfer {
  --fa: "\e528";
}

.fa-money-bill-trend-up {
  --fa: "\e529";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}

.fa-square-poll-horizontal {
  --fa: "\f682";
}

.fa-poll-h {
  --fa: "\f682";
}

.fa-circle {
  --fa: "\f111";
}

.fa-backward-fast {
  --fa: "\f049";
}

.fa-fast-backward {
  --fa: "\f049";
}

.fa-recycle {
  --fa: "\f1b8";
}

.fa-user-astronaut {
  --fa: "\f4fb";
}

.fa-plane-slash {
  --fa: "\e069";
}

.fa-trademark {
  --fa: "\f25c";
}

.fa-basketball {
  --fa: "\f434";
}

.fa-basketball-ball {
  --fa: "\f434";
}

.fa-satellite-dish {
  --fa: "\f7c0";
}

.fa-circle-up {
  --fa: "\f35b";
}

.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}

.fa-mobile-screen-button {
  --fa: "\f3cd";
}

.fa-mobile-alt {
  --fa: "\f3cd";
}

.fa-volume-high {
  --fa: "\f028";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-users-rays {
  --fa: "\e593";
}

.fa-wallet {
  --fa: "\f555";
}

.fa-clipboard-check {
  --fa: "\f46c";
}

.fa-file-audio {
  --fa: "\f1c7";
}

.fa-burger {
  --fa: "\f805";
}

.fa-hamburger {
  --fa: "\f805";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-bugs {
  --fa: "\e4d0";
}

.fa-rupee-sign {
  --fa: "\f156";
}

.fa-rupee {
  --fa: "\f156";
}

.fa-file-image {
  --fa: "\f1c5";
}

.fa-circle-question {
  --fa: "\f059";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-plane-departure {
  --fa: "\f5b0";
}

.fa-handshake-slash {
  --fa: "\e060";
}

.fa-book-bookmark {
  --fa: "\e0bb";
}

.fa-code-branch {
  --fa: "\f126";
}

.fa-hat-cowboy {
  --fa: "\f8c0";
}

.fa-bridge {
  --fa: "\e4c8";
}

.fa-phone-flip {
  --fa: "\f879";
}

.fa-phone-alt {
  --fa: "\f879";
}

.fa-truck-front {
  --fa: "\e2b7";
}

.fa-cat {
  --fa: "\f6be";
}

.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}

.fa-truck-field {
  --fa: "\e58d";
}

.fa-route {
  --fa: "\f4d7";
}

.fa-clipboard-question {
  --fa: "\e4e3";
}

.fa-panorama {
  --fa: "\e209";
}

.fa-comment-medical {
  --fa: "\f7f5";
}

.fa-teeth-open {
  --fa: "\f62f";
}

.fa-file-circle-minus {
  --fa: "\e4ed";
}

.fa-tags {
  --fa: "\f02c";
}

.fa-wine-glass {
  --fa: "\f4e3";
}

.fa-forward-fast {
  --fa: "\f050";
}

.fa-fast-forward {
  --fa: "\f050";
}

.fa-face-meh-blank {
  --fa: "\f5a4";
}

.fa-meh-blank {
  --fa: "\f5a4";
}

.fa-square-parking {
  --fa: "\f540";
}

.fa-parking {
  --fa: "\f540";
}

.fa-house-signal {
  --fa: "\e012";
}

.fa-bars-progress {
  --fa: "\f828";
}

.fa-tasks-alt {
  --fa: "\f828";
}

.fa-faucet-drip {
  --fa: "\e006";
}

.fa-cart-flatbed {
  --fa: "\f474";
}

.fa-dolly-flatbed {
  --fa: "\f474";
}

.fa-ban-smoking {
  --fa: "\f54d";
}

.fa-smoking-ban {
  --fa: "\f54d";
}

.fa-terminal {
  --fa: "\f120";
}

.fa-mobile-button {
  --fa: "\f10b";
}

.fa-house-medical-flag {
  --fa: "\e514";
}

.fa-basket-shopping {
  --fa: "\f291";
}

.fa-shopping-basket {
  --fa: "\f291";
}

.fa-tape {
  --fa: "\f4db";
}

.fa-bus-simple {
  --fa: "\f55e";
}

.fa-bus-alt {
  --fa: "\f55e";
}

.fa-eye {
  --fa: "\f06e";
}

.fa-face-sad-cry {
  --fa: "\f5b3";
}

.fa-sad-cry {
  --fa: "\f5b3";
}

.fa-audio-description {
  --fa: "\f29e";
}

.fa-person-military-to-person {
  --fa: "\e54c";
}

.fa-file-shield {
  --fa: "\e4f0";
}

.fa-user-slash {
  --fa: "\f506";
}

.fa-pen {
  --fa: "\f304";
}

.fa-tower-observation {
  --fa: "\e586";
}

.fa-file-code {
  --fa: "\f1c9";
}

.fa-signal {
  --fa: "\f012";
}

.fa-signal-5 {
  --fa: "\f012";
}

.fa-signal-perfect {
  --fa: "\f012";
}

.fa-bus {
  --fa: "\f207";
}

.fa-heart-circle-xmark {
  --fa: "\e501";
}

.fa-house-chimney {
  --fa: "\e3af";
}

.fa-home-lg {
  --fa: "\e3af";
}

.fa-window-maximize {
  --fa: "\f2d0";
}

.fa-face-frown {
  --fa: "\f119";
}

.fa-frown {
  --fa: "\f119";
}

.fa-prescription {
  --fa: "\f5b1";
}

.fa-shop {
  --fa: "\f54f";
}

.fa-store-alt {
  --fa: "\f54f";
}

.fa-floppy-disk {
  --fa: "\f0c7";
}

.fa-save {
  --fa: "\f0c7";
}

.fa-vihara {
  --fa: "\f6a7";
}

.fa-scale-unbalanced {
  --fa: "\f515";
}

.fa-balance-scale-left {
  --fa: "\f515";
}

.fa-sort-up {
  --fa: "\f0de";
}

.fa-sort-asc {
  --fa: "\f0de";
}

.fa-comment-dots {
  --fa: "\f4ad";
}

.fa-commenting {
  --fa: "\f4ad";
}

.fa-plant-wilt {
  --fa: "\e5aa";
}

.fa-diamond {
  --fa: "\f219";
}

.fa-face-grin-squint {
  --fa: "\f585";
}

.fa-grin-squint {
  --fa: "\f585";
}

.fa-hand-holding-dollar {
  --fa: "\f4c0";
}

.fa-hand-holding-usd {
  --fa: "\f4c0";
}

.fa-chart-diagram {
  --fa: "\e695";
}

.fa-bacterium {
  --fa: "\e05a";
}

.fa-hand-pointer {
  --fa: "\f25a";
}

.fa-drum-steelpan {
  --fa: "\f56a";
}

.fa-hand-scissors {
  --fa: "\f257";
}

.fa-hands-praying {
  --fa: "\f684";
}

.fa-praying-hands {
  --fa: "\f684";
}

.fa-arrow-rotate-right {
  --fa: "\f01e";
}

.fa-arrow-right-rotate {
  --fa: "\f01e";
}

.fa-arrow-rotate-forward {
  --fa: "\f01e";
}

.fa-redo {
  --fa: "\f01e";
}

.fa-biohazard {
  --fa: "\f780";
}

.fa-location-crosshairs {
  --fa: "\f601";
}

.fa-location {
  --fa: "\f601";
}

.fa-mars-double {
  --fa: "\f227";
}

.fa-child-dress {
  --fa: "\e59c";
}

.fa-users-between-lines {
  --fa: "\e591";
}

.fa-lungs-virus {
  --fa: "\e067";
}

.fa-face-grin-tears {
  --fa: "\f588";
}

.fa-grin-tears {
  --fa: "\f588";
}

.fa-phone {
  --fa: "\f095";
}

.fa-calendar-xmark {
  --fa: "\f273";
}

.fa-calendar-times {
  --fa: "\f273";
}

.fa-child-reaching {
  --fa: "\e59d";
}

.fa-head-side-virus {
  --fa: "\e064";
}

.fa-user-gear {
  --fa: "\f4fe";
}

.fa-user-cog {
  --fa: "\f4fe";
}

.fa-arrow-up-1-9 {
  --fa: "\f163";
}

.fa-sort-numeric-up {
  --fa: "\f163";
}

.fa-door-closed {
  --fa: "\f52a";
}

.fa-shield-virus {
  --fa: "\e06c";
}

.fa-dice-six {
  --fa: "\f526";
}

.fa-mosquito-net {
  --fa: "\e52c";
}

.fa-file-fragment {
  --fa: "\e697";
}

.fa-bridge-water {
  --fa: "\e4ce";
}

.fa-person-booth {
  --fa: "\f756";
}

.fa-text-width {
  --fa: "\f035";
}

.fa-hat-wizard {
  --fa: "\f6e8";
}

.fa-pen-fancy {
  --fa: "\f5ac";
}

.fa-person-digging {
  --fa: "\f85e";
}

.fa-digging {
  --fa: "\f85e";
}

.fa-trash {
  --fa: "\f1f8";
}

.fa-gauge-simple {
  --fa: "\f629";
}

.fa-gauge-simple-med {
  --fa: "\f629";
}

.fa-tachometer-average {
  --fa: "\f629";
}

.fa-book-medical {
  --fa: "\f7e6";
}

.fa-poo {
  --fa: "\f2fe";
}

.fa-quote-right {
  --fa: "\f10e";
}

.fa-quote-right-alt {
  --fa: "\f10e";
}

.fa-shirt {
  --fa: "\f553";
}

.fa-t-shirt {
  --fa: "\f553";
}

.fa-tshirt {
  --fa: "\f553";
}

.fa-cubes {
  --fa: "\f1b3";
}

.fa-divide {
  --fa: "\f529";
}

.fa-tenge-sign {
  --fa: "\f7d7";
}

.fa-tenge {
  --fa: "\f7d7";
}

.fa-headphones {
  --fa: "\f025";
}

.fa-hands-holding {
  --fa: "\f4c2";
}

.fa-hands-clapping {
  --fa: "\e1a8";
}

.fa-republican {
  --fa: "\f75e";
}

.fa-arrow-left {
  --fa: "\f060";
}

.fa-person-circle-xmark {
  --fa: "\e543";
}

.fa-ruler {
  --fa: "\f545";
}

.fa-align-left {
  --fa: "\f036";
}

.fa-dice-d6 {
  --fa: "\f6d1";
}

.fa-restroom {
  --fa: "\f7bd";
}

.fa-j {
  --fa: "J";
}

.fa-users-viewfinder {
  --fa: "\e595";
}

.fa-file-video {
  --fa: "\f1c8";
}

.fa-up-right-from-square {
  --fa: "\f35d";
}

.fa-external-link-alt {
  --fa: "\f35d";
}

.fa-table-cells {
  --fa: "\f00a";
}

.fa-th {
  --fa: "\f00a";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-book-bible {
  --fa: "\f647";
}

.fa-bible {
  --fa: "\f647";
}

.fa-o {
  --fa: "O";
}

.fa-suitcase-medical {
  --fa: "\f0fa";
}

.fa-medkit {
  --fa: "\f0fa";
}

.fa-user-secret {
  --fa: "\f21b";
}

.fa-otter {
  --fa: "\f700";
}

.fa-person-dress {
  --fa: "\f182";
}

.fa-female {
  --fa: "\f182";
}

.fa-comment-dollar {
  --fa: "\f651";
}

.fa-business-time {
  --fa: "\f64a";
}

.fa-briefcase-clock {
  --fa: "\f64a";
}

.fa-table-cells-large {
  --fa: "\f009";
}

.fa-th-large {
  --fa: "\f009";
}

.fa-book-tanakh {
  --fa: "\f827";
}

.fa-tanakh {
  --fa: "\f827";
}

.fa-phone-volume {
  --fa: "\f2a0";
}

.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa-hat-cowboy-side {
  --fa: "\f8c1";
}

.fa-clipboard-user {
  --fa: "\f7f3";
}

.fa-child {
  --fa: "\f1ae";
}

.fa-lira-sign {
  --fa: "\f195";
}

.fa-satellite {
  --fa: "\f7bf";
}

.fa-plane-lock {
  --fa: "\e558";
}

.fa-tag {
  --fa: "\f02b";
}

.fa-comment {
  --fa: "\f075";
}

.fa-cake-candles {
  --fa: "\f1fd";
}

.fa-birthday-cake {
  --fa: "\f1fd";
}

.fa-cake {
  --fa: "\f1fd";
}

.fa-envelope {
  --fa: "\f0e0";
}

.fa-angles-up {
  --fa: "\f102";
}

.fa-angle-double-up {
  --fa: "\f102";
}

.fa-paperclip {
  --fa: "\f0c6";
}

.fa-arrow-right-to-city {
  --fa: "\e4b3";
}

.fa-ribbon {
  --fa: "\f4d6";
}

.fa-lungs {
  --fa: "\f604";
}

.fa-arrow-up-9-1 {
  --fa: "\f887";
}

.fa-sort-numeric-up-alt {
  --fa: "\f887";
}

.fa-litecoin-sign {
  --fa: "\e1d3";
}

.fa-border-none {
  --fa: "\f850";
}

.fa-circle-nodes {
  --fa: "\e4e2";
}

.fa-parachute-box {
  --fa: "\f4cd";
}

.fa-indent {
  --fa: "\f03c";
}

.fa-truck-field-un {
  --fa: "\e58e";
}

.fa-hourglass {
  --fa: "\f254";
}

.fa-hourglass-empty {
  --fa: "\f254";
}

.fa-mountain {
  --fa: "\f6fc";
}

.fa-user-doctor {
  --fa: "\f0f0";
}

.fa-user-md {
  --fa: "\f0f0";
}

.fa-circle-info {
  --fa: "\f05a";
}

.fa-info-circle {
  --fa: "\f05a";
}

.fa-cloud-meatball {
  --fa: "\f73b";
}

.fa-camera {
  --fa: "\f030";
}

.fa-camera-alt {
  --fa: "\f030";
}

.fa-square-virus {
  --fa: "\e578";
}

.fa-meteor {
  --fa: "\f753";
}

.fa-car-on {
  --fa: "\e4dd";
}

.fa-sleigh {
  --fa: "\f7cc";
}

.fa-arrow-down-1-9 {
  --fa: "\f162";
}

.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa-sort-numeric-down {
  --fa: "\f162";
}

.fa-hand-holding-droplet {
  --fa: "\f4c1";
}

.fa-hand-holding-water {
  --fa: "\f4c1";
}

.fa-water {
  --fa: "\f773";
}

.fa-calendar-check {
  --fa: "\f274";
}

.fa-braille {
  --fa: "\f2a1";
}

.fa-prescription-bottle-medical {
  --fa: "\f486";
}

.fa-prescription-bottle-alt {
  --fa: "\f486";
}

.fa-landmark {
  --fa: "\f66f";
}

.fa-truck {
  --fa: "\f0d1";
}

.fa-crosshairs {
  --fa: "\f05b";
}

.fa-person-cane {
  --fa: "\e53c";
}

.fa-tent {
  --fa: "\e57d";
}

.fa-vest-patches {
  --fa: "\e086";
}

.fa-check-double {
  --fa: "\f560";
}

.fa-arrow-down-a-z {
  --fa: "\f15d";
}

.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa-sort-alpha-down {
  --fa: "\f15d";
}

.fa-money-bill-wheat {
  --fa: "\e52a";
}

.fa-cookie {
  --fa: "\f563";
}

.fa-arrow-rotate-left {
  --fa: "\f0e2";
}

.fa-arrow-left-rotate {
  --fa: "\f0e2";
}

.fa-arrow-rotate-back {
  --fa: "\f0e2";
}

.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}

.fa-undo {
  --fa: "\f0e2";
}

.fa-hard-drive {
  --fa: "\f0a0";
}

.fa-hdd {
  --fa: "\f0a0";
}

.fa-face-grin-squint-tears {
  --fa: "\f586";
}

.fa-grin-squint-tears {
  --fa: "\f586";
}

.fa-dumbbell {
  --fa: "\f44b";
}

.fa-rectangle-list {
  --fa: "\f022";
}

.fa-list-alt {
  --fa: "\f022";
}

.fa-tarp-droplet {
  --fa: "\e57c";
}

.fa-house-medical-circle-check {
  --fa: "\e511";
}

.fa-person-skiing-nordic {
  --fa: "\f7ca";
}

.fa-skiing-nordic {
  --fa: "\f7ca";
}

.fa-calendar-plus {
  --fa: "\f271";
}

.fa-plane-arrival {
  --fa: "\f5af";
}

.fa-circle-left {
  --fa: "\f359";
}

.fa-arrow-alt-circle-left {
  --fa: "\f359";
}

.fa-train-subway {
  --fa: "\f239";
}

.fa-subway {
  --fa: "\f239";
}

.fa-chart-gantt {
  --fa: "\e0e4";
}

.fa-indian-rupee-sign {
  --fa: "\e1bc";
}

.fa-indian-rupee {
  --fa: "\e1bc";
}

.fa-inr {
  --fa: "\e1bc";
}

.fa-crop-simple {
  --fa: "\f565";
}

.fa-crop-alt {
  --fa: "\f565";
}

.fa-money-bill-1 {
  --fa: "\f3d1";
}

.fa-money-bill-alt {
  --fa: "\f3d1";
}

.fa-left-long {
  --fa: "\f30a";
}

.fa-long-arrow-alt-left {
  --fa: "\f30a";
}

.fa-dna {
  --fa: "\f471";
}

.fa-virus-slash {
  --fa: "\e075";
}

.fa-minus {
  --fa: "\f068";
}

.fa-subtract {
  --fa: "\f068";
}

.fa-chess {
  --fa: "\f439";
}

.fa-arrow-left-long {
  --fa: "\f177";
}

.fa-long-arrow-left {
  --fa: "\f177";
}

.fa-plug-circle-check {
  --fa: "\e55c";
}

.fa-street-view {
  --fa: "\f21d";
}

.fa-franc-sign {
  --fa: "\e18f";
}

.fa-volume-off {
  --fa: "\f026";
}

.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}

.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-gear {
  --fa: "\f013";
}

.fa-cog {
  --fa: "\f013";
}

.fa-droplet-slash {
  --fa: "\f5c7";
}

.fa-tint-slash {
  --fa: "\f5c7";
}

.fa-mosque {
  --fa: "\f678";
}

.fa-mosquito {
  --fa: "\e52b";
}

.fa-star-of-david {
  --fa: "\f69a";
}

.fa-person-military-rifle {
  --fa: "\e54b";
}

.fa-cart-shopping {
  --fa: "\f07a";
}

.fa-shopping-cart {
  --fa: "\f07a";
}

.fa-vials {
  --fa: "\f493";
}

.fa-plug-circle-plus {
  --fa: "\e55f";
}

.fa-place-of-worship {
  --fa: "\f67f";
}

.fa-grip-vertical {
  --fa: "\f58e";
}

.fa-hexagon-nodes {
  --fa: "\e699";
}

.fa-arrow-turn-up {
  --fa: "\f148";
}

.fa-level-up {
  --fa: "\f148";
}

.fa-u {
  --fa: "U";
}

.fa-square-root-variable {
  --fa: "\f698";
}

.fa-square-root-alt {
  --fa: "\f698";
}

.fa-clock {
  --fa: "\f017";
}

.fa-clock-four {
  --fa: "\f017";
}

.fa-backward-step {
  --fa: "\f048";
}

.fa-step-backward {
  --fa: "\f048";
}

.fa-pallet {
  --fa: "\f482";
}

.fa-faucet {
  --fa: "\e005";
}

.fa-baseball-bat-ball {
  --fa: "\f432";
}

.fa-s {
  --fa: "S";
}

.fa-timeline {
  --fa: "\e29c";
}

.fa-keyboard {
  --fa: "\f11c";
}

.fa-caret-down {
  --fa: "\f0d7";
}

.fa-house-chimney-medical {
  --fa: "\f7f2";
}

.fa-clinic-medical {
  --fa: "\f7f2";
}

.fa-temperature-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-3 {
  --fa: "\f2c8";
}

.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}

.fa-mobile-screen {
  --fa: "\f3cf";
}

.fa-mobile-android-alt {
  --fa: "\f3cf";
}

.fa-plane-up {
  --fa: "\e22d";
}

.fa-piggy-bank {
  --fa: "\f4d3";
}

.fa-battery-half {
  --fa: "\f242";
}

.fa-battery-3 {
  --fa: "\f242";
}

.fa-mountain-city {
  --fa: "\e52e";
}

.fa-coins {
  --fa: "\f51e";
}

.fa-khanda {
  --fa: "\f66d";
}

.fa-sliders {
  --fa: "\f1de";
}

.fa-sliders-h {
  --fa: "\f1de";
}

.fa-folder-tree {
  --fa: "\f802";
}

.fa-network-wired {
  --fa: "\f6ff";
}

.fa-map-pin {
  --fa: "\f276";
}

.fa-hamsa {
  --fa: "\f665";
}

.fa-cent-sign {
  --fa: "\e3f5";
}

.fa-flask {
  --fa: "\f0c3";
}

.fa-person-pregnant {
  --fa: "\e31e";
}

.fa-wand-sparkles {
  --fa: "\f72b";
}

.fa-ellipsis-vertical {
  --fa: "\f142";
}

.fa-ellipsis-v {
  --fa: "\f142";
}

.fa-ticket {
  --fa: "\f145";
}

.fa-power-off {
  --fa: "\f011";
}

.fa-right-long {
  --fa: "\f30b";
}

.fa-long-arrow-alt-right {
  --fa: "\f30b";
}

.fa-flag-usa {
  --fa: "\f74d";
}

.fa-laptop-file {
  --fa: "\e51d";
}

.fa-tty {
  --fa: "\f1e4";
}

.fa-teletype {
  --fa: "\f1e4";
}

.fa-diagram-next {
  --fa: "\e476";
}

.fa-person-rifle {
  --fa: "\e54e";
}

.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}

.fa-closed-captioning {
  --fa: "\f20a";
}

.fa-person-hiking {
  --fa: "\f6ec";
}

.fa-hiking {
  --fa: "\f6ec";
}

.fa-venus-double {
  --fa: "\f226";
}

.fa-images {
  --fa: "\f302";
}

.fa-calculator {
  --fa: "\f1ec";
}

.fa-people-pulling {
  --fa: "\e535";
}

.fa-n {
  --fa: "N";
}

.fa-cable-car {
  --fa: "\f7da";
}

.fa-tram {
  --fa: "\f7da";
}

.fa-cloud-rain {
  --fa: "\f73d";
}

.fa-building-circle-xmark {
  --fa: "\e4d4";
}

.fa-ship {
  --fa: "\f21a";
}

.fa-arrows-down-to-line {
  --fa: "\e4b8";
}

.fa-download {
  --fa: "\f019";
}

.fa-face-grin {
  --fa: "\f580";
}

.fa-grin {
  --fa: "\f580";
}

.fa-delete-left {
  --fa: "\f55a";
}

.fa-backspace {
  --fa: "\f55a";
}

.fa-eye-dropper {
  --fa: "\f1fb";
}

.fa-eye-dropper-empty {
  --fa: "\f1fb";
}

.fa-eyedropper {
  --fa: "\f1fb";
}

.fa-file-circle-check {
  --fa: "\e5a0";
}

.fa-forward {
  --fa: "\f04e";
}

.fa-mobile {
  --fa: "\f3ce";
}

.fa-mobile-android {
  --fa: "\f3ce";
}

.fa-mobile-phone {
  --fa: "\f3ce";
}

.fa-face-meh {
  --fa: "\f11a";
}

.fa-meh {
  --fa: "\f11a";
}

.fa-align-center {
  --fa: "\f037";
}

.fa-book-skull {
  --fa: "\f6b7";
}

.fa-book-dead {
  --fa: "\f6b7";
}

.fa-id-card {
  --fa: "\f2c2";
}

.fa-drivers-license {
  --fa: "\f2c2";
}

.fa-outdent {
  --fa: "\f03b";
}

.fa-dedent {
  --fa: "\f03b";
}

.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}

.fa-house {
  --fa: "\f015";
}

.fa-home {
  --fa: "\f015";
}

.fa-home-alt {
  --fa: "\f015";
}

.fa-home-lg-alt {
  --fa: "\f015";
}

.fa-calendar-week {
  --fa: "\f784";
}

.fa-laptop-medical {
  --fa: "\f812";
}

.fa-b {
  --fa: "B";
}

.fa-file-medical {
  --fa: "\f477";
}

.fa-dice-one {
  --fa: "\f525";
}

.fa-kiwi-bird {
  --fa: "\f535";
}

.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}

.fa-exchange {
  --fa: "\f0ec";
}

.fa-rotate-right {
  --fa: "\f2f9";
}

.fa-redo-alt {
  --fa: "\f2f9";
}

.fa-rotate-forward {
  --fa: "\f2f9";
}

.fa-utensils {
  --fa: "\f2e7";
}

.fa-cutlery {
  --fa: "\f2e7";
}

.fa-arrow-up-wide-short {
  --fa: "\f161";
}

.fa-sort-amount-up {
  --fa: "\f161";
}

.fa-mill-sign {
  --fa: "\e1ed";
}

.fa-bowl-rice {
  --fa: "\e2eb";
}

.fa-skull {
  --fa: "\f54c";
}

.fa-tower-broadcast {
  --fa: "\f519";
}

.fa-broadcast-tower {
  --fa: "\f519";
}

.fa-truck-pickup {
  --fa: "\f63c";
}

.fa-up-long {
  --fa: "\f30c";
}

.fa-long-arrow-alt-up {
  --fa: "\f30c";
}

.fa-stop {
  --fa: "\f04d";
}

.fa-code-merge {
  --fa: "\f387";
}

.fa-upload {
  --fa: "\f093";
}

.fa-hurricane {
  --fa: "\f751";
}

.fa-mound {
  --fa: "\e52d";
}

.fa-toilet-portable {
  --fa: "\e583";
}

.fa-compact-disc {
  --fa: "\f51f";
}

.fa-file-arrow-down {
  --fa: "\f56d";
}

.fa-file-download {
  --fa: "\f56d";
}

.fa-caravan {
  --fa: "\f8ff";
}

.fa-shield-cat {
  --fa: "\e572";
}

.fa-bolt {
  --fa: "\f0e7";
}

.fa-zap {
  --fa: "\f0e7";
}

.fa-glass-water {
  --fa: "\e4f4";
}

.fa-oil-well {
  --fa: "\e532";
}

.fa-vault {
  --fa: "\e2c5";
}

.fa-mars {
  --fa: "\f222";
}

.fa-toilet {
  --fa: "\f7d8";
}

.fa-plane-circle-xmark {
  --fa: "\e557";
}

.fa-yen-sign {
  --fa: "\f157";
}

.fa-cny {
  --fa: "\f157";
}

.fa-jpy {
  --fa: "\f157";
}

.fa-rmb {
  --fa: "\f157";
}

.fa-yen {
  --fa: "\f157";
}

.fa-ruble-sign {
  --fa: "\f158";
}

.fa-rouble {
  --fa: "\f158";
}

.fa-rub {
  --fa: "\f158";
}

.fa-ruble {
  --fa: "\f158";
}

.fa-sun {
  --fa: "\f185";
}

.fa-guitar {
  --fa: "\f7a6";
}

.fa-face-laugh-wink {
  --fa: "\f59c";
}

.fa-laugh-wink {
  --fa: "\f59c";
}

.fa-horse-head {
  --fa: "\f7ab";
}

.fa-bore-hole {
  --fa: "\e4c3";
}

.fa-industry {
  --fa: "\f275";
}

.fa-circle-down {
  --fa: "\f358";
}

.fa-arrow-alt-circle-down {
  --fa: "\f358";
}

.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}

.fa-florin-sign {
  --fa: "\e184";
}

.fa-arrow-down-short-wide {
  --fa: "\f884";
}

.fa-sort-amount-desc {
  --fa: "\f884";
}

.fa-sort-amount-down-alt {
  --fa: "\f884";
}

.fa-less-than {
  --fa: "\<";
}

.fa-angle-down {
  --fa: "\f107";
}

.fa-car-tunnel {
  --fa: "\e4de";
}

.fa-head-side-cough {
  --fa: "\e061";
}

.fa-grip-lines {
  --fa: "\f7a4";
}

.fa-thumbs-down {
  --fa: "\f165";
}

.fa-user-lock {
  --fa: "\f502";
}

.fa-arrow-right-long {
  --fa: "\f178";
}

.fa-long-arrow-right {
  --fa: "\f178";
}

.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}

.fa-ellipsis {
  --fa: "\f141";
}

.fa-ellipsis-h {
  --fa: "\f141";
}

.fa-chess-pawn {
  --fa: "\f443";
}

.fa-kit-medical {
  --fa: "\f479";
}

.fa-first-aid {
  --fa: "\f479";
}

.fa-person-through-window {
  --fa: "\e5a9";
}

.fa-toolbox {
  --fa: "\f552";
}

.fa-hands-holding-circle {
  --fa: "\e4fb";
}

.fa-bug {
  --fa: "\f188";
}

.fa-credit-card {
  --fa: "\f09d";
}

.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa-car {
  --fa: "\f1b9";
}

.fa-automobile {
  --fa: "\f1b9";
}

.fa-hand-holding-hand {
  --fa: "\e4f7";
}

.fa-book-open-reader {
  --fa: "\f5da";
}

.fa-book-reader {
  --fa: "\f5da";
}

.fa-mountain-sun {
  --fa: "\e52f";
}

.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}

.fa-dice-d20 {
  --fa: "\f6cf";
}

.fa-truck-droplet {
  --fa: "\e58c";
}

.fa-file-circle-xmark {
  --fa: "\e5a1";
}

.fa-temperature-arrow-up {
  --fa: "\e040";
}

.fa-temperature-up {
  --fa: "\e040";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-bed {
  --fa: "\f236";
}

.fa-square-h {
  --fa: "\f0fd";
}

.fa-h-square {
  --fa: "\f0fd";
}

.fa-podcast {
  --fa: "\f2ce";
}

.fa-temperature-full {
  --fa: "\f2c7";
}

.fa-temperature-4 {
  --fa: "\f2c7";
}

.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa-thermometer-full {
  --fa: "\f2c7";
}

.fa-bell {
  --fa: "\f0f3";
}

.fa-superscript {
  --fa: "\f12b";
}

.fa-plug-circle-xmark {
  --fa: "\e560";
}

.fa-star-of-life {
  --fa: "\f621";
}

.fa-phone-slash {
  --fa: "\f3dd";
}

.fa-paint-roller {
  --fa: "\f5aa";
}

.fa-handshake-angle {
  --fa: "\f4c4";
}

.fa-hands-helping {
  --fa: "\f4c4";
}

.fa-location-dot {
  --fa: "\f3c5";
}

.fa-map-marker-alt {
  --fa: "\f3c5";
}

.fa-file {
  --fa: "\f15b";
}

.fa-greater-than {
  --fa: "\>";
}

.fa-person-swimming {
  --fa: "\f5c4";
}

.fa-swimmer {
  --fa: "\f5c4";
}

.fa-arrow-down {
  --fa: "\f063";
}

.fa-droplet {
  --fa: "\f043";
}

.fa-tint {
  --fa: "\f043";
}

.fa-eraser {
  --fa: "\f12d";
}

.fa-earth-americas {
  --fa: "\f57d";
}

.fa-earth {
  --fa: "\f57d";
}

.fa-earth-america {
  --fa: "\f57d";
}

.fa-globe-americas {
  --fa: "\f57d";
}

.fa-person-burst {
  --fa: "\e53b";
}

.fa-dove {
  --fa: "\f4ba";
}

.fa-battery-empty {
  --fa: "\f244";
}

.fa-battery-0 {
  --fa: "\f244";
}

.fa-socks {
  --fa: "\f696";
}

.fa-inbox {
  --fa: "\f01c";
}

.fa-section {
  --fa: "\e447";
}

.fa-gauge-high {
  --fa: "\f625";
}

.fa-tachometer-alt {
  --fa: "\f625";
}

.fa-tachometer-alt-fast {
  --fa: "\f625";
}

.fa-envelope-open-text {
  --fa: "\f658";
}

.fa-hospital {
  --fa: "\f0f8";
}

.fa-hospital-alt {
  --fa: "\f0f8";
}

.fa-hospital-wide {
  --fa: "\f0f8";
}

.fa-wine-bottle {
  --fa: "\f72f";
}

.fa-chess-rook {
  --fa: "\f447";
}

.fa-bars-staggered {
  --fa: "\f550";
}

.fa-reorder {
  --fa: "\f550";
}

.fa-stream {
  --fa: "\f550";
}

.fa-dharmachakra {
  --fa: "\f655";
}

.fa-hotdog {
  --fa: "\f80f";
}

.fa-person-walking-with-cane {
  --fa: "\f29d";
}

.fa-blind {
  --fa: "\f29d";
}

.fa-drum {
  --fa: "\f569";
}

.fa-ice-cream {
  --fa: "\f810";
}

.fa-heart-circle-bolt {
  --fa: "\e4fc";
}

.fa-fax {
  --fa: "\f1ac";
}

.fa-paragraph {
  --fa: "\f1dd";
}

.fa-check-to-slot {
  --fa: "\f772";
}

.fa-vote-yea {
  --fa: "\f772";
}

.fa-star-half {
  --fa: "\f089";
}

.fa-boxes-stacked {
  --fa: "\f468";
}

.fa-boxes {
  --fa: "\f468";
}

.fa-boxes-alt {
  --fa: "\f468";
}

.fa-link {
  --fa: "\f0c1";
}

.fa-chain {
  --fa: "\f0c1";
}

.fa-ear-listen {
  --fa: "\f2a2";
}

.fa-assistive-listening-systems {
  --fa: "\f2a2";
}

.fa-tree-city {
  --fa: "\e587";
}

.fa-play {
  --fa: "\f04b";
}

.fa-font {
  --fa: "\f031";
}

.fa-table-cells-row-lock {
  --fa: "\e67a";
}

.fa-rupiah-sign {
  --fa: "\e23d";
}

.fa-magnifying-glass {
  --fa: "\f002";
}

.fa-search {
  --fa: "\f002";
}

.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}

.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}

.fa-table-tennis {
  --fa: "\f45d";
}

.fa-person-dots-from-line {
  --fa: "\f470";
}

.fa-diagnoses {
  --fa: "\f470";
}

.fa-trash-can-arrow-up {
  --fa: "\f82a";
}

.fa-trash-restore-alt {
  --fa: "\f82a";
}

.fa-naira-sign {
  --fa: "\e1f6";
}

.fa-cart-arrow-down {
  --fa: "\f218";
}

.fa-walkie-talkie {
  --fa: "\f8ef";
}

.fa-file-pen {
  --fa: "\f31c";
}

.fa-file-edit {
  --fa: "\f31c";
}

.fa-receipt {
  --fa: "\f543";
}

.fa-square-pen {
  --fa: "\f14b";
}

.fa-pen-square {
  --fa: "\f14b";
}

.fa-pencil-square {
  --fa: "\f14b";
}

.fa-suitcase-rolling {
  --fa: "\f5c1";
}

.fa-person-circle-exclamation {
  --fa: "\e53f";
}

.fa-chevron-down {
  --fa: "\f078";
}

.fa-battery-full {
  --fa: "\f240";
}

.fa-battery {
  --fa: "\f240";
}

.fa-battery-5 {
  --fa: "\f240";
}

.fa-skull-crossbones {
  --fa: "\f714";
}

.fa-code-compare {
  --fa: "\e13a";
}

.fa-list-ul {
  --fa: "\f0ca";
}

.fa-list-dots {
  --fa: "\f0ca";
}

.fa-school-lock {
  --fa: "\e56f";
}

.fa-tower-cell {
  --fa: "\e585";
}

.fa-down-long {
  --fa: "\f309";
}

.fa-long-arrow-alt-down {
  --fa: "\f309";
}

.fa-ranking-star {
  --fa: "\e561";
}

.fa-chess-king {
  --fa: "\f43f";
}

.fa-person-harassing {
  --fa: "\e549";
}

.fa-brazilian-real-sign {
  --fa: "\e46c";
}

.fa-landmark-dome {
  --fa: "\f752";
}

.fa-landmark-alt {
  --fa: "\f752";
}

.fa-arrow-up {
  --fa: "\f062";
}

.fa-tv {
  --fa: "\f26c";
}

.fa-television {
  --fa: "\f26c";
}

.fa-tv-alt {
  --fa: "\f26c";
}

.fa-shrimp {
  --fa: "\e448";
}

.fa-list-check {
  --fa: "\f0ae";
}

.fa-tasks {
  --fa: "\f0ae";
}

.fa-jug-detergent {
  --fa: "\e519";
}

.fa-circle-user {
  --fa: "\f2bd";
}

.fa-user-circle {
  --fa: "\f2bd";
}

.fa-user-shield {
  --fa: "\f505";
}

.fa-wind {
  --fa: "\f72e";
}

.fa-car-burst {
  --fa: "\f5e1";
}

.fa-car-crash {
  --fa: "\f5e1";
}

.fa-y {
  --fa: "Y";
}

.fa-person-snowboarding {
  --fa: "\f7ce";
}

.fa-snowboarding {
  --fa: "\f7ce";
}

.fa-truck-fast {
  --fa: "\f48b";
}

.fa-shipping-fast {
  --fa: "\f48b";
}

.fa-fish {
  --fa: "\f578";
}

.fa-user-graduate {
  --fa: "\f501";
}

.fa-circle-half-stroke {
  --fa: "\f042";
}

.fa-adjust {
  --fa: "\f042";
}

.fa-clapperboard {
  --fa: "\e131";
}

.fa-circle-radiation {
  --fa: "\f7ba";
}

.fa-radiation-alt {
  --fa: "\f7ba";
}

.fa-baseball {
  --fa: "\f433";
}

.fa-baseball-ball {
  --fa: "\f433";
}

.fa-jet-fighter-up {
  --fa: "\e518";
}

.fa-diagram-project {
  --fa: "\f542";
}

.fa-project-diagram {
  --fa: "\f542";
}

.fa-copy {
  --fa: "\f0c5";
}

.fa-volume-xmark {
  --fa: "\f6a9";
}

.fa-volume-mute {
  --fa: "\f6a9";
}

.fa-volume-times {
  --fa: "\f6a9";
}

.fa-hand-sparkles {
  --fa: "\e05d";
}

.fa-grip {
  --fa: "\f58d";
}

.fa-grip-horizontal {
  --fa: "\f58d";
}

.fa-share-from-square {
  --fa: "\f14d";
}

.fa-share-square {
  --fa: "\f14d";
}

.fa-child-combatant {
  --fa: "\e4e0";
}

.fa-child-rifle {
  --fa: "\e4e0";
}

.fa-gun {
  --fa: "\e19b";
}

.fa-square-phone {
  --fa: "\f098";
}

.fa-phone-square {
  --fa: "\f098";
}

.fa-plus {
  --fa: "\+";
}

.fa-add {
  --fa: "\+";
}

.fa-expand {
  --fa: "\f065";
}

.fa-computer {
  --fa: "\e4e5";
}

.fa-xmark {
  --fa: "\f00d";
}

.fa-close {
  --fa: "\f00d";
}

.fa-multiply {
  --fa: "\f00d";
}

.fa-remove {
  --fa: "\f00d";
}

.fa-times {
  --fa: "\f00d";
}

.fa-arrows-up-down-left-right {
  --fa: "\f047";
}

.fa-arrows {
  --fa: "\f047";
}

.fa-chalkboard-user {
  --fa: "\f51c";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
}

.fa-peso-sign {
  --fa: "\e222";
}

.fa-building-shield {
  --fa: "\e4d8";
}

.fa-baby {
  --fa: "\f77c";
}

.fa-users-line {
  --fa: "\e592";
}

.fa-quote-left {
  --fa: "\f10d";
}

.fa-quote-left-alt {
  --fa: "\f10d";
}

.fa-tractor {
  --fa: "\f722";
}

.fa-trash-arrow-up {
  --fa: "\f829";
}

.fa-trash-restore {
  --fa: "\f829";
}

.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}

.fa-lines-leaning {
  --fa: "\e51e";
}

.fa-ruler-combined {
  --fa: "\f546";
}

.fa-copyright {
  --fa: "\f1f9";
}

.fa-equals {
  --fa: "\=";
}

.fa-blender {
  --fa: "\f517";
}

.fa-teeth {
  --fa: "\f62e";
}

.fa-shekel-sign {
  --fa: "\f20b";
}

.fa-ils {
  --fa: "\f20b";
}

.fa-shekel {
  --fa: "\f20b";
}

.fa-sheqel {
  --fa: "\f20b";
}

.fa-sheqel-sign {
  --fa: "\f20b";
}

.fa-map {
  --fa: "\f279";
}

.fa-rocket {
  --fa: "\f135";
}

.fa-photo-film {
  --fa: "\f87c";
}

.fa-photo-video {
  --fa: "\f87c";
}

.fa-folder-minus {
  --fa: "\f65d";
}

.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}

.fa-store {
  --fa: "\f54e";
}

.fa-arrow-trend-up {
  --fa: "\e098";
}

.fa-plug-circle-minus {
  --fa: "\e55e";
}

.fa-sign-hanging {
  --fa: "\f4d9";
}

.fa-sign {
  --fa: "\f4d9";
}

.fa-bezier-curve {
  --fa: "\f55b";
}

.fa-bell-slash {
  --fa: "\f1f6";
}

.fa-tablet {
  --fa: "\f3fb";
}

.fa-tablet-android {
  --fa: "\f3fb";
}

.fa-school-flag {
  --fa: "\e56e";
}

.fa-fill {
  --fa: "\f575";
}

.fa-angle-up {
  --fa: "\f106";
}

.fa-drumstick-bite {
  --fa: "\f6d7";
}

.fa-holly-berry {
  --fa: "\f7aa";
}

.fa-chevron-left {
  --fa: "\f053";
}

.fa-bacteria {
  --fa: "\e059";
}

.fa-hand-lizard {
  --fa: "\f258";
}

.fa-notdef {
  --fa: "\e1fe";
}

.fa-disease {
  --fa: "\f7fa";
}

.fa-briefcase-medical {
  --fa: "\f469";
}

.fa-genderless {
  --fa: "\f22d";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-retweet {
  --fa: "\f079";
}

.fa-car-rear {
  --fa: "\f5de";
}

.fa-car-alt {
  --fa: "\f5de";
}

.fa-pump-soap {
  --fa: "\e06b";
}

.fa-video-slash {
  --fa: "\f4e2";
}

.fa-battery-quarter {
  --fa: "\f243";
}

.fa-battery-2 {
  --fa: "\f243";
}

.fa-radio {
  --fa: "\f8d7";
}

.fa-baby-carriage {
  --fa: "\f77d";
}

.fa-carriage-baby {
  --fa: "\f77d";
}

.fa-traffic-light {
  --fa: "\f637";
}

.fa-thermometer {
  --fa: "\f491";
}

.fa-vr-cardboard {
  --fa: "\f729";
}

.fa-hand-middle-finger {
  --fa: "\f806";
}

.fa-percent {
  --fa: "\%";
}

.fa-percentage {
  --fa: "\%";
}

.fa-truck-moving {
  --fa: "\f4df";
}

.fa-glass-water-droplet {
  --fa: "\e4f5";
}

.fa-display {
  --fa: "\e163";
}

.fa-face-smile {
  --fa: "\f118";
}

.fa-smile {
  --fa: "\f118";
}

.fa-thumbtack {
  --fa: "\f08d";
}

.fa-thumb-tack {
  --fa: "\f08d";
}

.fa-trophy {
  --fa: "\f091";
}

.fa-person-praying {
  --fa: "\f683";
}

.fa-pray {
  --fa: "\f683";
}

.fa-hammer {
  --fa: "\f6e3";
}

.fa-hand-peace {
  --fa: "\f25b";
}

.fa-rotate {
  --fa: "\f2f1";
}

.fa-sync-alt {
  --fa: "\f2f1";
}

.fa-spinner {
  --fa: "\f110";
}

.fa-robot {
  --fa: "\f544";
}

.fa-peace {
  --fa: "\f67c";
}

.fa-gears {
  --fa: "\f085";
}

.fa-cogs {
  --fa: "\f085";
}

.fa-warehouse {
  --fa: "\f494";
}

.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}

.fa-splotch {
  --fa: "\f5bc";
}

.fa-face-grin-hearts {
  --fa: "\f584";
}

.fa-grin-hearts {
  --fa: "\f584";
}

.fa-dice-four {
  --fa: "\f524";
}

.fa-sim-card {
  --fa: "\f7c4";
}

.fa-transgender {
  --fa: "\f225";
}

.fa-transgender-alt {
  --fa: "\f225";
}

.fa-mercury {
  --fa: "\f223";
}

.fa-arrow-turn-down {
  --fa: "\f149";
}

.fa-level-down {
  --fa: "\f149";
}

.fa-person-falling-burst {
  --fa: "\e547";
}

.fa-award {
  --fa: "\f559";
}

.fa-ticket-simple {
  --fa: "\f3ff";
}

.fa-ticket-alt {
  --fa: "\f3ff";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-angles-left {
  --fa: "\f100";
}

.fa-angle-double-left {
  --fa: "\f100";
}

.fa-qrcode {
  --fa: "\f029";
}

.fa-clock-rotate-left {
  --fa: "\f1da";
}

.fa-history {
  --fa: "\f1da";
}

.fa-face-grin-beam-sweat {
  --fa: "\f583";
}

.fa-grin-beam-sweat {
  --fa: "\f583";
}

.fa-file-export {
  --fa: "\f56e";
}

.fa-arrow-right-from-file {
  --fa: "\f56e";
}

.fa-shield {
  --fa: "\f132";
}

.fa-shield-blank {
  --fa: "\f132";
}

.fa-arrow-up-short-wide {
  --fa: "\f885";
}

.fa-sort-amount-up-alt {
  --fa: "\f885";
}

.fa-comment-nodes {
  --fa: "\e696";
}

.fa-house-medical {
  --fa: "\e3b2";
}

.fa-golf-ball-tee {
  --fa: "\f450";
}

.fa-golf-ball {
  --fa: "\f450";
}

.fa-circle-chevron-left {
  --fa: "\f137";
}

.fa-chevron-circle-left {
  --fa: "\f137";
}

.fa-house-chimney-window {
  --fa: "\e00d";
}

.fa-pen-nib {
  --fa: "\f5ad";
}

.fa-tent-arrow-turn-left {
  --fa: "\e580";
}

.fa-tents {
  --fa: "\e582";
}

.fa-wand-magic {
  --fa: "\f0d0";
}

.fa-magic {
  --fa: "\f0d0";
}

.fa-dog {
  --fa: "\f6d3";
}

.fa-carrot {
  --fa: "\f787";
}

.fa-moon {
  --fa: "\f186";
}

.fa-wine-glass-empty {
  --fa: "\f5ce";
}

.fa-wine-glass-alt {
  --fa: "\f5ce";
}

.fa-cheese {
  --fa: "\f7ef";
}

.fa-yin-yang {
  --fa: "\f6ad";
}

.fa-music {
  --fa: "\f001";
}

.fa-code-commit {
  --fa: "\f386";
}

.fa-temperature-low {
  --fa: "\f76b";
}

.fa-person-biking {
  --fa: "\f84a";
}

.fa-biking {
  --fa: "\f84a";
}

.fa-broom {
  --fa: "\f51a";
}

.fa-shield-heart {
  --fa: "\e574";
}

.fa-gopuram {
  --fa: "\f664";
}

.fa-earth-oceania {
  --fa: "\e47b";
}

.fa-globe-oceania {
  --fa: "\e47b";
}

.fa-square-xmark {
  --fa: "\f2d3";
}

.fa-times-square {
  --fa: "\f2d3";
}

.fa-xmark-square {
  --fa: "\f2d3";
}

.fa-hashtag {
  --fa: "\#";
}

.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}

.fa-expand-alt {
  --fa: "\f424";
}

.fa-oil-can {
  --fa: "\f613";
}

.fa-t {
  --fa: "T";
}

.fa-hippo {
  --fa: "\f6ed";
}

.fa-chart-column {
  --fa: "\e0e3";
}

.fa-infinity {
  --fa: "\f534";
}

.fa-vial-circle-check {
  --fa: "\e596";
}

.fa-person-arrow-down-to-line {
  --fa: "\e538";
}

.fa-voicemail {
  --fa: "\f897";
}

.fa-fan {
  --fa: "\f863";
}

.fa-person-walking-luggage {
  --fa: "\e554";
}

.fa-up-down {
  --fa: "\f338";
}

.fa-arrows-alt-v {
  --fa: "\f338";
}

.fa-cloud-moon-rain {
  --fa: "\f73c";
}

.fa-calendar {
  --fa: "\f133";
}

.fa-trailer {
  --fa: "\e041";
}

.fa-bahai {
  --fa: "\f666";
}

.fa-haykal {
  --fa: "\f666";
}

.fa-sd-card {
  --fa: "\f7c2";
}

.fa-dragon {
  --fa: "\f6d5";
}

.fa-shoe-prints {
  --fa: "\f54b";
}

.fa-circle-plus {
  --fa: "\f055";
}

.fa-plus-circle {
  --fa: "\f055";
}

.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-hand-holding {
  --fa: "\f4bd";
}

.fa-plug-circle-exclamation {
  --fa: "\e55d";
}

.fa-link-slash {
  --fa: "\f127";
}

.fa-chain-broken {
  --fa: "\f127";
}

.fa-chain-slash {
  --fa: "\f127";
}

.fa-unlink {
  --fa: "\f127";
}

.fa-clone {
  --fa: "\f24d";
}

.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}

.fa-arrow-up-z-a {
  --fa: "\f882";
}

.fa-sort-alpha-up-alt {
  --fa: "\f882";
}

.fa-fire-flame-curved {
  --fa: "\f7e4";
}

.fa-fire-alt {
  --fa: "\f7e4";
}

.fa-tornado {
  --fa: "\f76f";
}

.fa-file-circle-plus {
  --fa: "\e494";
}

.fa-book-quran {
  --fa: "\f687";
}

.fa-quran {
  --fa: "\f687";
}

.fa-anchor {
  --fa: "\f13d";
}

.fa-border-all {
  --fa: "\f84c";
}

.fa-face-angry {
  --fa: "\f556";
}

.fa-angry {
  --fa: "\f556";
}

.fa-cookie-bite {
  --fa: "\f564";
}

.fa-arrow-trend-down {
  --fa: "\e097";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-feed {
  --fa: "\f09e";
}

.fa-draw-polygon {
  --fa: "\f5ee";
}

.fa-scale-balanced {
  --fa: "\f24e";
}

.fa-balance-scale {
  --fa: "\f24e";
}

.fa-gauge-simple-high {
  --fa: "\f62a";
}

.fa-tachometer {
  --fa: "\f62a";
}

.fa-tachometer-fast {
  --fa: "\f62a";
}

.fa-shower {
  --fa: "\f2cc";
}

.fa-desktop {
  --fa: "\f390";
}

.fa-desktop-alt {
  --fa: "\f390";
}

.fa-m {
  --fa: "M";
}

.fa-table-list {
  --fa: "\f00b";
}

.fa-th-list {
  --fa: "\f00b";
}

.fa-comment-sms {
  --fa: "\f7cd";
}

.fa-sms {
  --fa: "\f7cd";
}

.fa-book {
  --fa: "\f02d";
}

.fa-user-plus {
  --fa: "\f234";
}

.fa-check {
  --fa: "\f00c";
}

.fa-battery-three-quarters {
  --fa: "\f241";
}

.fa-battery-4 {
  --fa: "\f241";
}

.fa-house-circle-check {
  --fa: "\e509";
}

.fa-angle-left {
  --fa: "\f104";
}

.fa-diagram-successor {
  --fa: "\e47a";
}

.fa-truck-arrow-right {
  --fa: "\e58b";
}

.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}

.fa-hand-fist {
  --fa: "\f6de";
}

.fa-fist-raised {
  --fa: "\f6de";
}

.fa-cloud-moon {
  --fa: "\f6c3";
}

.fa-briefcase {
  --fa: "\f0b1";
}

.fa-person-falling {
  --fa: "\e546";
}

.fa-image-portrait {
  --fa: "\f3e0";
}

.fa-portrait {
  --fa: "\f3e0";
}

.fa-user-tag {
  --fa: "\f507";
}

.fa-rug {
  --fa: "\e569";
}

.fa-earth-europe {
  --fa: "\f7a2";
}

.fa-globe-europe {
  --fa: "\f7a2";
}

.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}

.fa-luggage-cart {
  --fa: "\f59d";
}

.fa-rectangle-xmark {
  --fa: "\f410";
}

.fa-rectangle-times {
  --fa: "\f410";
}

.fa-times-rectangle {
  --fa: "\f410";
}

.fa-window-close {
  --fa: "\f410";
}

.fa-baht-sign {
  --fa: "\e0ac";
}

.fa-book-open {
  --fa: "\f518";
}

.fa-book-journal-whills {
  --fa: "\f66a";
}

.fa-journal-whills {
  --fa: "\f66a";
}

.fa-handcuffs {
  --fa: "\e4f8";
}

.fa-triangle-exclamation {
  --fa: "\f071";
}

.fa-exclamation-triangle {
  --fa: "\f071";
}

.fa-warning {
  --fa: "\f071";
}

.fa-database {
  --fa: "\f1c0";
}

.fa-share {
  --fa: "\f064";
}

.fa-mail-forward {
  --fa: "\f064";
}

.fa-bottle-droplet {
  --fa: "\e4c4";
}

.fa-mask-face {
  --fa: "\e1d7";
}

.fa-hill-rockslide {
  --fa: "\e508";
}

.fa-right-left {
  --fa: "\f362";
}

.fa-exchange-alt {
  --fa: "\f362";
}

.fa-paper-plane {
  --fa: "\f1d8";
}

.fa-road-circle-exclamation {
  --fa: "\e565";
}

.fa-dungeon {
  --fa: "\f6d9";
}

.fa-align-right {
  --fa: "\f038";
}

.fa-money-bill-1-wave {
  --fa: "\f53b";
}

.fa-money-bill-wave-alt {
  --fa: "\f53b";
}

.fa-life-ring {
  --fa: "\f1cd";
}

.fa-hands {
  --fa: "\f2a7";
}

.fa-sign-language {
  --fa: "\f2a7";
}

.fa-signing {
  --fa: "\f2a7";
}

.fa-calendar-day {
  --fa: "\f783";
}

.fa-water-ladder {
  --fa: "\f5c5";
}

.fa-ladder-water {
  --fa: "\f5c5";
}

.fa-swimming-pool {
  --fa: "\f5c5";
}

.fa-arrows-up-down {
  --fa: "\f07d";
}

.fa-arrows-v {
  --fa: "\f07d";
}

.fa-face-grimace {
  --fa: "\f57f";
}

.fa-grimace {
  --fa: "\f57f";
}

.fa-wheelchair-move {
  --fa: "\e2ce";
}

.fa-wheelchair-alt {
  --fa: "\e2ce";
}

.fa-turn-down {
  --fa: "\f3be";
}

.fa-level-down-alt {
  --fa: "\f3be";
}

.fa-person-walking-arrow-right {
  --fa: "\e552";
}

.fa-square-envelope {
  --fa: "\f199";
}

.fa-envelope-square {
  --fa: "\f199";
}

.fa-dice {
  --fa: "\f522";
}

.fa-bowling-ball {
  --fa: "\f436";
}

.fa-brain {
  --fa: "\f5dc";
}

.fa-bandage {
  --fa: "\f462";
}

.fa-band-aid {
  --fa: "\f462";
}

.fa-calendar-minus {
  --fa: "\f272";
}

.fa-circle-xmark {
  --fa: "\f057";
}

.fa-times-circle {
  --fa: "\f057";
}

.fa-xmark-circle {
  --fa: "\f057";
}

.fa-gifts {
  --fa: "\f79c";
}

.fa-hotel {
  --fa: "\f594";
}

.fa-earth-asia {
  --fa: "\f57e";
}

.fa-globe-asia {
  --fa: "\f57e";
}

.fa-id-card-clip {
  --fa: "\f47f";
}

.fa-id-card-alt {
  --fa: "\f47f";
}

.fa-magnifying-glass-plus {
  --fa: "\f00e";
}

.fa-search-plus {
  --fa: "\f00e";
}

.fa-thumbs-up {
  --fa: "\f164";
}

.fa-user-clock {
  --fa: "\f4fd";
}

.fa-hand-dots {
  --fa: "\f461";
}

.fa-allergies {
  --fa: "\f461";
}

.fa-file-invoice {
  --fa: "\f570";
}

.fa-window-minimize {
  --fa: "\f2d1";
}

.fa-mug-saucer {
  --fa: "\f0f4";
}

.fa-coffee {
  --fa: "\f0f4";
}

.fa-brush {
  --fa: "\f55d";
}

.fa-file-half-dashed {
  --fa: "\e698";
}

.fa-mask {
  --fa: "\f6fa";
}

.fa-magnifying-glass-minus {
  --fa: "\f010";
}

.fa-search-minus {
  --fa: "\f010";
}

.fa-ruler-vertical {
  --fa: "\f548";
}

.fa-user-large {
  --fa: "\f406";
}

.fa-user-alt {
  --fa: "\f406";
}

.fa-train-tram {
  --fa: "\e5b4";
}

.fa-user-nurse {
  --fa: "\f82f";
}

.fa-syringe {
  --fa: "\f48e";
}

.fa-cloud-sun {
  --fa: "\f6c4";
}

.fa-stopwatch-20 {
  --fa: "\e06f";
}

.fa-square-full {
  --fa: "\f45c";
}

.fa-magnet {
  --fa: "\f076";
}

.fa-jar {
  --fa: "\e516";
}

.fa-note-sticky {
  --fa: "\f249";
}

.fa-sticky-note {
  --fa: "\f249";
}

.fa-bug-slash {
  --fa: "\e490";
}

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}

.fa-bone {
  --fa: "\f5d7";
}

.fa-table-cells-row-unlock {
  --fa: "\e691";
}

.fa-user-injured {
  --fa: "\f728";
}

.fa-face-sad-tear {
  --fa: "\f5b4";
}

.fa-sad-tear {
  --fa: "\f5b4";
}

.fa-plane {
  --fa: "\f072";
}

.fa-tent-arrows-down {
  --fa: "\e581";
}

.fa-exclamation {
  --fa: "\!";
}

.fa-arrows-spin {
  --fa: "\e4bb";
}

.fa-print {
  --fa: "\f02f";
}

.fa-turkish-lira-sign {
  --fa: "\e2bb";
}

.fa-try {
  --fa: "\e2bb";
}

.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa-dollar-sign {
  --fa: "\$";
}

.fa-dollar {
  --fa: "\$";
}

.fa-usd {
  --fa: "\$";
}

.fa-x {
  --fa: "X";
}

.fa-magnifying-glass-dollar {
  --fa: "\f688";
}

.fa-search-dollar {
  --fa: "\f688";
}

.fa-users-gear {
  --fa: "\f509";
}

.fa-users-cog {
  --fa: "\f509";
}

.fa-person-military-pointing {
  --fa: "\e54a";
}

.fa-building-columns {
  --fa: "\f19c";
}

.fa-bank {
  --fa: "\f19c";
}

.fa-institution {
  --fa: "\f19c";
}

.fa-museum {
  --fa: "\f19c";
}

.fa-university {
  --fa: "\f19c";
}

.fa-umbrella {
  --fa: "\f0e9";
}

.fa-trowel {
  --fa: "\e589";
}

.fa-d {
  --fa: "D";
}

.fa-stapler {
  --fa: "\e5af";
}

.fa-masks-theater {
  --fa: "\f630";
}

.fa-theater-masks {
  --fa: "\f630";
}

.fa-kip-sign {
  --fa: "\e1c4";
}

.fa-hand-point-left {
  --fa: "\f0a5";
}

.fa-handshake-simple {
  --fa: "\f4c6";
}

.fa-handshake-alt {
  --fa: "\f4c6";
}

.fa-jet-fighter {
  --fa: "\f0fb";
}

.fa-fighter-jet {
  --fa: "\f0fb";
}

.fa-square-share-nodes {
  --fa: "\f1e1";
}

.fa-share-alt-square {
  --fa: "\f1e1";
}

.fa-barcode {
  --fa: "\f02a";
}

.fa-plus-minus {
  --fa: "\e43c";
}

.fa-video {
  --fa: "\f03d";
}

.fa-video-camera {
  --fa: "\f03d";
}

.fa-graduation-cap {
  --fa: "\f19d";
}

.fa-mortar-board {
  --fa: "\f19d";
}

.fa-hand-holding-medical {
  --fa: "\e05c";
}

.fa-person-circle-check {
  --fa: "\e53e";
}

.fa-turn-up {
  --fa: "\f3bf";
}

.fa-level-up-alt {
  --fa: "\f3bf";
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0f6cbf;
  --bs-indigo: #6610f2;
  --bs-purple: #613d7c;
  --bs-pink: #db1a74;
  --bs-red: #ca3120;
  --bs-orange: #ff7518;
  --bs-yellow: #f0ad4e;
  --bs-green: #357a32;
  --bs-teal: #20c997;
  --bs-cyan: #008196;
  --bs-black: #000000;
  --bs-white: #ffffff;
  --bs-gray: #6a737b;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #8f959e;
  --bs-gray-600: #6a737b;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #1d2125;
  --bs-primary: #0f6cbf;
  --bs-secondary: #ced4da;
  --bs-success: #357a32;
  --bs-info: #008196;
  --bs-warning: #f0ad4e;
  --bs-danger: #ca3120;
  --bs-light: #f8f9fa;
  --bs-dark: #1d2125;
  --bs-primary-rgb: 15, 108, 191;
  --bs-secondary-rgb: 206, 212, 218;
  --bs-success-rgb: 53, 122, 50;
  --bs-info-rgb: 0, 129, 150;
  --bs-warning-rgb: 240, 173, 78;
  --bs-danger-rgb: 202, 49, 32;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 29, 33, 37;
  --bs-primary-text-emphasis: #062b4c;
  --bs-secondary-text-emphasis: #525557;
  --bs-success-text-emphasis: #153114;
  --bs-info-text-emphasis: #00343c;
  --bs-warning-text-emphasis: #60451f;
  --bs-danger-text-emphasis: #51140d;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2f2;
  --bs-secondary-bg-subtle: #f5f6f8;
  --bs-success-bg-subtle: #d7e4d6;
  --bs-info-bg-subtle: #cce6ea;
  --bs-warning-bg-subtle: #fcefdc;
  --bs-danger-bg-subtle: #f4d6d2;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9fc4e5;
  --bs-secondary-border-subtle: #ebeef0;
  --bs-success-border-subtle: #aecaad;
  --bs-info-border-subtle: #99cdd5;
  --bs-warning-border-subtle: #f9deb8;
  --bs-danger-border-subtle: #eaada6;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #8f959e;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: Noto Sans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #1d2125;
  --bs-body-color-rgb: 29, 33, 37;
  --bs-body-bg: #f8f9fa;
  --bs-body-bg-rgb: 248, 249, 250;
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(29, 33, 37, 0.75);
  --bs-secondary-color-rgb: 29, 33, 37;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(29, 33, 37, 0.5);
  --bs-tertiary-color-rgb: 29, 33, 37;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0f6cbf;
  --bs-link-color-rgb: 15, 108, 191;
  --bs-link-decoration: none;
  --bs-link-hover-color: #0c5699;
  --bs-link-hover-color-rgb: 12, 86, 153;
  --bs-link-hover-decoration: underline;
  --bs-code-color: #db1a74;
  --bs-highlight-color: #1d2125;
  --bs-highlight-bg: #fcefdc;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.6rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.75;
  --bs-focus-ring-color: rgba(15, 108, 191, 0.75);
  --bs-form-valid-color: #357a32;
  --bs-form-valid-border-color: #357a32;
  --bs-form-invalid-color: #ca3120;
  --bs-form-invalid-border-color: #ca3120;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #1d2125;
  --bs-body-bg-rgb: 29, 33, 37;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #292e33;
  --bs-tertiary-bg-rgb: 41, 46, 51;
  --bs-primary-text-emphasis: #6fa7d9;
  --bs-secondary-text-emphasis: #e2e5e9;
  --bs-success-text-emphasis: #86af84;
  --bs-info-text-emphasis: #66b3c0;
  --bs-warning-text-emphasis: #f6ce95;
  --bs-danger-text-emphasis: #df8379;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031626;
  --bs-secondary-bg-subtle: #292a2c;
  --bs-success-bg-subtle: #0b180a;
  --bs-info-bg-subtle: #001a1e;
  --bs-warning-bg-subtle: #302310;
  --bs-danger-bg-subtle: #280a06;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #094173;
  --bs-secondary-border-subtle: #7c7f83;
  --bs-success-border-subtle: #20491e;
  --bs-info-border-subtle: #004d5a;
  --bs-warning-border-subtle: #90682f;
  --bs-danger-border-subtle: #791d13;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6fa7d9;
  --bs-link-hover-color: #8cb9e1;
  --bs-link-color-rgb: 111, 167, 217;
  --bs-link-hover-color-rgb: 140, 185, 225;
  --bs-code-color: #e976ac;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #60451f;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #86af84;
  --bs-form-valid-border-color: #86af84;
  --bs-form-invalid-color: #df8379;
  --bs-form-invalid-border-color: #df8379;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.15;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  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: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
  text-decoration: underline;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]: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: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-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;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6a737b;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.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.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 2rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 2rem;
}

.g-6,
.gx-6 {
  --bs-gutter-x: 3rem;
}

.g-6,
.gy-6 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .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.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 2rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 2rem;
  }
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .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.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 2rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 2rem;
  }
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 3rem;
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .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.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 2rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 2rem;
  }
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .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.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 2rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 2rem;
  }
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .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.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 2rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 2rem;
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.03);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000000;
  --bs-table-bg: #cfe2f2;
  --bs-table-border-color: #a6b5c2;
  --bs-table-striped-bg: #c9dbeb;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #bacbda;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #bfd1e0;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000000;
  --bs-table-bg: #f5f6f8;
  --bs-table-border-color: #c4c5c6;
  --bs-table-striped-bg: #eeeff1;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #dddddf;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #e3e4e5;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000000;
  --bs-table-bg: #d7e4d6;
  --bs-table-border-color: #acb6ab;
  --bs-table-striped-bg: #d1ddd0;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #c2cdc1;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #c7d3c6;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000000;
  --bs-table-bg: #cce6ea;
  --bs-table-border-color: #a3b8bb;
  --bs-table-striped-bg: #c6dfe3;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #b8cfd3;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #bdd5d8;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000000;
  --bs-table-bg: #fcefdc;
  --bs-table-border-color: #cabfb0;
  --bs-table-striped-bg: #f4e8d5;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #e3d7c6;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #e9ddcc;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000000;
  --bs-table-bg: #f4d6d2;
  --bs-table-border-color: #c3aba8;
  --bs-table-striped-bg: #edd0cc;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #dcc1bd;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #e2c6c2;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #f1f2f3;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #ffffff;
  --bs-table-bg: #1d2125;
  --bs-table-border-color: #4a4d51;
  --bs-table-striped-bg: #24282c;
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: #34373b;
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: #2e3235;
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #87b6df;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #87b6df;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #87b6df;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.form-check-input:checked {
  background-color: #0f6cbf;
  border-color: #0f6cbf;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0f6cbf;
  border-color: #0f6cbf;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.45%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2387b6df'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0f6cbf;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b7d3ec;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0f6cbf;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b7d3ec;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6a737b;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.75);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.75);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.75);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.75);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.75);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.75);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  text-decoration: none;
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0f6cbf;
  --bs-btn-border-color: #0f6cbf;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0d5ca2;
  --bs-btn-hover-border-color: #0c5699;
  --bs-btn-focus-shadow-rgb: 51, 130, 201;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0c5699;
  --bs-btn-active-border-color: #0b518f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0f6cbf;
  --bs-btn-disabled-border-color: #0f6cbf;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ced4da;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #d5dae0;
  --bs-btn-hover-border-color: #d3d8de;
  --bs-btn-focus-shadow-rgb: 175, 180, 185;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #d8dde1;
  --bs-btn-active-border-color: #d3d8de;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ced4da;
  --bs-btn-disabled-border-color: #ced4da;
}

.btn-success {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #357a32;
  --bs-btn-border-color: #357a32;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #2d682b;
  --bs-btn-hover-border-color: #2a6228;
  --bs-btn-focus-shadow-rgb: 83, 142, 81;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #2a6228;
  --bs-btn-active-border-color: #285c26;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #357a32;
  --bs-btn-disabled-border-color: #357a32;
}

.btn-info {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #008196;
  --bs-btn-border-color: #008196;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #006e80;
  --bs-btn-hover-border-color: #006778;
  --bs-btn-focus-shadow-rgb: 38, 148, 166;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #006778;
  --bs-btn-active-border-color: #006171;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #008196;
  --bs-btn-disabled-border-color: #008196;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f0ad4e;
  --bs-btn-border-color: #f0ad4e;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f2b969;
  --bs-btn-hover-border-color: #f2b560;
  --bs-btn-focus-shadow-rgb: 204, 147, 66;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f3bd71;
  --bs-btn-active-border-color: #f2b560;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f0ad4e;
  --bs-btn-disabled-border-color: #f0ad4e;
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #ca3120;
  --bs-btn-border-color: #ca3120;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #ac2a1b;
  --bs-btn-hover-border-color: #a2271a;
  --bs-btn-focus-shadow-rgb: 210, 80, 65;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #a2271a;
  --bs-btn-active-border-color: #982518;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #ca3120;
  --bs-btn-disabled-border-color: #ca3120;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #1d2125;
  --bs-btn-border-color: #1d2125;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #3f4246;
  --bs-btn-hover-border-color: #34373b;
  --bs-btn-focus-shadow-rgb: 63, 66, 70;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #4a4d51;
  --bs-btn-active-border-color: #34373b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #1d2125;
  --bs-btn-disabled-border-color: #1d2125;
}

.btn-outline-primary {
  --bs-btn-color: #0f6cbf;
  --bs-btn-border-color: #0f6cbf;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0f6cbf;
  --bs-btn-hover-border-color: #0f6cbf;
  --bs-btn-focus-shadow-rgb: 15, 108, 191;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0f6cbf;
  --bs-btn-active-border-color: #0f6cbf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0f6cbf;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0f6cbf;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #ced4da;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ced4da;
  --bs-btn-hover-border-color: #ced4da;
  --bs-btn-focus-shadow-rgb: 206, 212, 218;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ced4da;
  --bs-btn-active-border-color: #ced4da;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ced4da;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ced4da;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #357a32;
  --bs-btn-border-color: #357a32;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #357a32;
  --bs-btn-hover-border-color: #357a32;
  --bs-btn-focus-shadow-rgb: 53, 122, 50;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #357a32;
  --bs-btn-active-border-color: #357a32;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #357a32;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #357a32;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #008196;
  --bs-btn-border-color: #008196;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #008196;
  --bs-btn-hover-border-color: #008196;
  --bs-btn-focus-shadow-rgb: 0, 129, 150;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #008196;
  --bs-btn-active-border-color: #008196;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #008196;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #008196;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #f0ad4e;
  --bs-btn-border-color: #f0ad4e;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f0ad4e;
  --bs-btn-hover-border-color: #f0ad4e;
  --bs-btn-focus-shadow-rgb: 240, 173, 78;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f0ad4e;
  --bs-btn-active-border-color: #f0ad4e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0ad4e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f0ad4e;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #ca3120;
  --bs-btn-border-color: #ca3120;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #ca3120;
  --bs-btn-hover-border-color: #ca3120;
  --bs-btn-focus-shadow-rgb: 202, 49, 32;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #ca3120;
  --bs-btn-active-border-color: #ca3120;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ca3120;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ca3120;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #1d2125;
  --bs-btn-border-color: #1d2125;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1d2125;
  --bs-btn-hover-border-color: #1d2125;
  --bs-btn-focus-shadow-rgb: 29, 33, 37;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1d2125;
  --bs-btn-active-border-color: #1d2125;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1d2125;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1d2125;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6a737b;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 51, 130, 201;
  text-decoration: none;
}
.btn-link:hover, .btn-link:focus-visible {
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-link-hover-bg: #0f6cbf;
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: #0f6cbf;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6a737b;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: #0f6cbf;
  --bs-dropdown-link-disabled-color: #8f959e;
  --bs-dropdown-header-color: #8f959e;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
  text-decoration: none;
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #ffffff;
  --bs-nav-pills-link-active-bg: #0f6cbf;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2829, 33, 37, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
  text-decoration: none;
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-brand-color: #ffffff;
  --bs-navbar-brand-hover-color: #ffffff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-gray-200);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-white);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231d2125' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23062b4c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236fa7d9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236fa7d9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0.5rem;
  --bs-breadcrumb-margin-bottom: 0;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: #0f6cbf;
  --bs-pagination-active-border-color: #0f6cbf;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  text-decoration: none;
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #ffffff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #ffffff;
  --bs-progress-bar-bg: #0f6cbf;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #ffffff;
  --bs-list-group-active-bg: #0f6cbf;
  --bs-list-group-active-border-color: #0f6cbf;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.5rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 300px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #ffffff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg: #000000;
  --bs-carousel-caption-color: #000000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #ffffff;
  --bs-carousel-caption-color: #ffffff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000000;
  --bs-carousel-caption-color: #000000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.8) 75%, #000000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #000000 !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(12, 86, 153, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(12, 86, 153, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(216, 221, 225, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(216, 221, 225, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(42, 98, 40, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(42, 98, 40, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(0, 103, 120, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(0, 103, 120, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(243, 189, 113, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(243, 189, 113, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(162, 39, 26, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(162, 39, 26, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(23, 26, 30, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(23, 26, 30, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.15;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top, [data-filterregion=value] div:first-of-type {
  vertical-align: top !important;
}

.align-middle, .reportbuilder-table td {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.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;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-fill, .reportbuilder-report-container {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

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

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

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

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

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

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

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

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

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

.align-items-baseline {
  align-items: baseline !important;
}

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

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.mx-6 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 2rem !important;
}

.me-6 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 2rem !important;
}

.ms-6 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.px-6 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 2rem !important;
}

.pe-6 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 2rem !important;
}

.ps-6 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 2rem !important;
}

.gap-6 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 2rem !important;
}

.row-gap-6 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 2rem !important;
}

.column-gap-6 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .m-sm-6 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 2rem !important;
  }
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 2rem !important;
  }
  .me-sm-6 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 2rem !important;
  }
  .ms-sm-6 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .p-sm-6 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-sm-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 2rem !important;
  }
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 2rem !important;
  }
  .pe-sm-6 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 2rem !important;
  }
  .ps-sm-6 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 2rem !important;
  }
  .gap-sm-6 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 2rem !important;
  }
  .row-gap-sm-6 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 2rem !important;
  }
  .column-gap-sm-6 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .m-md-6 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 2rem !important;
  }
  .mt-md-6 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 2rem !important;
  }
  .me-md-6 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 2rem !important;
  }
  .ms-md-6 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .p-md-6 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-md-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 2rem !important;
  }
  .pt-md-6 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 2rem !important;
  }
  .pe-md-6 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 2rem !important;
  }
  .ps-md-6 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 2rem !important;
  }
  .gap-md-6 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 2rem !important;
  }
  .row-gap-md-6 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 2rem !important;
  }
  .column-gap-md-6 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .m-lg-6 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 2rem !important;
  }
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 2rem !important;
  }
  .me-lg-6 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 2rem !important;
  }
  .ms-lg-6 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .p-lg-6 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-lg-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 2rem !important;
  }
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 2rem !important;
  }
  .pe-lg-6 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 2rem !important;
  }
  .ps-lg-6 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 2rem !important;
  }
  .gap-lg-6 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 2rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 2rem !important;
  }
  .column-gap-lg-6 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .m-xl-6 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 2rem !important;
  }
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 2rem !important;
  }
  .me-xl-6 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 2rem !important;
  }
  .ms-xl-6 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .p-xl-6 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 2rem !important;
  }
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 2rem !important;
  }
  .pe-xl-6 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 2rem !important;
  }
  .ps-xl-6 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 2rem !important;
  }
  .gap-xl-6 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 2rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 2rem !important;
  }
  .column-gap-xl-6 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 2rem !important;
  }
  .m-xxl-6 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xxl-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 2rem !important;
  }
  .mt-xxl-6 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 2rem !important;
  }
  .me-xxl-6 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 2rem !important;
  }
  .ms-xxl-6 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 2rem !important;
  }
  .p-xxl-6 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xxl-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xxl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 2rem !important;
  }
  .pt-xxl-6 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 2rem !important;
  }
  .pe-xxl-6 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 2rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 2rem !important;
  }
  .ps-xxl-6 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 2rem !important;
  }
  .gap-xxl-6 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 2rem !important;
  }
  .row-gap-xxl-6 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 2rem !important;
  }
  .column-gap-xxl-6 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
:lang(ja):not(.fa, .fas, .far, .fab, [class*=fa-]) {
  font-family: Noto Sans, Noto Sans JP, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/**
 * Moodle variables
 *
 * Variables written for Moodle specific components
 *
 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
 * preset files instead.
 */
/**
 * Colour mode helpers.
 *
 * Imported before the component partials so that they can each carry their own dark mode overrides next to the rules
 * those overrides correct. The dark palette itself lives in dark.scss, which is imported last.
 */
/**
 * Emit the content as a dark colour mode override of the rule it is written inside.
 *
 * Bootstrap's own color-mode() mixin puts the [data-bs-theme] selector at the point it is included, so nesting it
 * inside a rule produces a descendant selector and the attribute is on the html tag, an ancestor. This prefixes the
 * enclosing selector instead, which both matches and inherits that selector's specificity, so an override always
 * wins against the rule it belongs to without the ancestors having to be repeated by hand.
 *
 * selector-nest() rather than interpolating the parent directly: interpolation would paste a comma separated parent
 * in as one string and only the first of its selectors would get the attribute, letting the rest leak into light
 * mode.
 *
 * Use it beside the rule being corrected:
 *
 *     .my-panel {
 *         background-color: $gray-100;
 *
 *         @include dark-mode {
 *             background-color: var(--bs-gray-200);
 *         }
 *     }
 */
/**
 * Lighten a colour until it is readable on a dark surface.
 *
 * The theme colours are chosen for a white page and are mostly too dark to use as text once the page is dark. This
 * tints them in 5% steps and returns the first tint which reaches the required contrast, so that the dark palette
 * keeps meeting WCAG AA even when a site changes the brand colour.
 *
 * @param {Color} $color The colour to lighten.
 * @param {Color} $background The surface the colour is drawn on.
 * @param {Number} $min The contrast ratio to reach.
 * @return {Color}
 */
/* core.less */
:root {
  --bs-state-success-bg: #d7e4d6;
  --bs-state-success-border: #c2d7c2;
  --bs-state-info-bg: #cce6ea;
  --bs-state-info-border: #b3d9e0;
  --bs-state-warning-bg: #fcefdc;
  --bs-state-warning-border: #fcefdc;
  --bs-state-danger-bg: #f4d6d2;
  --bs-state-danger-border: #efc1bc;
  --bs-collapse-list-item-hover-bg: #e6f2f5;
  --bs-collapse-list-item-hover-border: #b3d9e0;
  --bs-link-focus-bg: #d2e8fb;
  --bs-link-focus-underline: #343a40;
}

#region-main {
  overflow-y: visible;
  background-color: var(--bs-body-bg);
}

@media (min-width: 576px) {
  .context-header-settings-menu,
  .region-main-settings-menu {
    float: right;
    width: auto;
    max-width: 4em;
    height: 2em;
    display: block;
    margin-top: 4px;
  }
}
@media (max-width: 767.98px) {
  .context-header-settings-menu,
  .region-main-settings-menu {
    display: flex;
    justify-content: flex-end;
  }
}
.context-header-settings-menu .dropdown-toggle > .icon,
#region-main-settings-menu .dropdown-toggle > .icon {
  height: 24px;
  font-size: 24px;
  width: auto;
}

/** Prevent user notifications overlapping with region main settings menu */
#user-notifications {
  display: block;
  overflow: hidden;
}

/** Page layout CSS starts **/
.layout-option-noheader #page-header,
.layout-option-nonavbar #page-navbar,
.layout-option-nofooter #page-footer,
.layout-option-nocourseheader .course-content-header,
.layout-option-nocoursefooter .course-content-footer {
  display: none;
}

/** Page layout CSS ends **/
.mdl-left {
  text-align: left;
}

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

/*rtl:ignore*/
.text-ltr {
  direction: ltr !important; /* stylelint-disable-line declaration-no-important */
}

#add,
#remove,
.centerpara,
.mdl-align {
  text-align: center;
}

a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a {
  color: var(--bs-secondary-color);
}

.aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
#page-footer a:not([class]).focus,
#page-footer a:not([class]):focus,
.arrow_link.focus,
.arrow_link:focus,
a:not([class]).focus,
a:not([class]):focus,
.activityinstance > a.focus,
.activityinstance > a:focus {
  outline: 0.25rem solid transparent;
  color: var(--bs-gray-900);
  background-color: var(--bs-link-focus-bg);
  box-shadow: 0 -0.25rem var(--bs-link-focus-bg), 0 0.25rem var(--bs-link-focus-underline);
}
.aalink:focus:hover, a.autolink:focus:hover,
#page-footer a:not([class]):focus:hover,
.arrow_link:focus:hover,
a:not([class]):focus:hover,
.activityinstance > a:focus:hover {
  text-decoration: none;
}

.aabtn.focus, .aabtn:focus,
.btn-link.focus,
.btn-link:focus,
.nav-link.focus,
.nav-link:focus,
.editor_atto_toolbar button.focus,
.editor_atto_toolbar button:focus,
.editor_atto_toolbar .atto_toolbar_row.focus,
.editor_atto_toolbar .atto_toolbar_row:focus,
[role=button].focus,
[role=button]:focus,
.list-group-item-action.focus,
.list-group-item-action:focus,
input[type=checkbox].focus,
input[type=checkbox]:focus,
input[type=radio].focus,
input[type=radio]:focus,
input[type=file].focus,
input[type=file]:focus,
input[type=image].focus,
input[type=image]:focus,
.visually-hidden-focusable.focus,
.visually-hidden-focusable:focus,
a.dropdown-toggle.focus,
a.dropdown-toggle:focus,
.moodle-dialogue-base .closebutton.focus,
.moodle-dialogue-base .closebutton:focus,
button.btn-close.focus,
button.btn-close:focus,
.form-autocomplete-selection.focus,
.form-autocomplete-selection:focus,
[role=treeitem]:not([aria-expanded=true]).focus,
[role=treeitem]:not([aria-expanded=true]):focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.aabtn:focus:hover,
.btn-link:focus:hover,
.nav-link:focus:hover,
.editor_atto_toolbar button:focus:hover,
.editor_atto_toolbar .atto_toolbar_row:focus:hover,
[role=button]:focus:hover,
.list-group-item-action:focus:hover,
input[type=checkbox]:focus:hover,
input[type=radio]:focus:hover,
input[type=file]:focus:hover,
input[type=image]:focus:hover,
.visually-hidden-focusable:focus:hover,
a.dropdown-toggle:focus:hover,
.moodle-dialogue-base .closebutton:focus:hover,
button.btn-close:focus:hover,
.form-autocomplete-selection:focus:hover,
[role=treeitem]:not([aria-expanded=true]):focus:hover {
  text-decoration: none;
}

.modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
  outline: 0;
}
.modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
  border-radius: var(--bs-border-radius-lg);
}

[role=treeitem][aria-expanded=true] {
  outline: 0;
}
[role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
[role=treeitem][aria-expanded=true]:focus:hover {
  text-decoration: none;
}

.form-autocomplete-suggestions li[aria-selected=true] {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}

.safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
.safari input[type=radio].focus,
.safari input[type=radio]:focus {
  outline: auto;
}

.unlist,
.unlist li,
.inline-list,
.inline-list li,
.block .list,
.block .list li,
.section li.movehere,
.tabtree li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inline,
.inline-list li {
  display: inline;
}

.notifytiny {
  font-size: 0.75rem;
}

.notifytiny li,
.notifytiny td {
  font-size: 100%;
}

.red,
.notifyproblem {
  color: #f0ad4e;
}

.green,
.notifysuccess {
  color: #357a32;
}

.highlight {
  color: #008196;
}

.bg-primary-light {
  background-color: #e7f0f9;
}

.fitem.advanced .text-info {
  font-weight: bold;
}

.reportlink {
  text-align: right;
}

a.autolink.glossary:hover {
  cursor: help;
}

/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
  white-space: nowrap;
  min-height: 1.5rem;
}

.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
  cursor: pointer;
}

.pagelayout-mydashboard #region-main {
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-top: -1px;
}

@media (max-width: 767.98px) {
  .pagelayout-mydashboard #region-main-box,
  .pagelayout-login #region-main-box {
    padding-left: 0;
    padding-right: 0;
  }
}
.collapsibleregioncaption img {
  vertical-align: middle;
}

.jsenabled .hiddenifjs {
  display: none;
}

body:not(.jsenabled) .visibleifjs {
  display: none;
}

.jsenabled .collapsibleregion {
  overflow: hidden;
  box-sizing: content-box;
}

.jsenabled .collapsed .collapsibleregioninner {
  visibility: hidden;
}

.collapsible-actions {
  display: none;
  text-align: right;
}

.jsenabled .collapsible-actions {
  display: block;
}

.yui-overlay .yui-widget-bd {
  background-color: #ffee69;
  border: 1px solid #a6982b;
  border-top-color: #d4c237;
  color: #000000;
  left: 0;
  padding: 2px 5px;
  position: relative;
  top: 0;
  z-index: 1;
}

.clearer {
  background: transparent;
  border-width: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
}

.bold,
.warning,
.errorbox .title,
.pagingbar .title,
.pagingbar .thispage {
  font-weight: bold;
}

img.resize {
  height: 1em;
  width: 1em;
}

.block img.resize {
  height: 0.9em;
  width: 0.8em;
}

/* Icon styles */
img.activityicon {
  height: 32px;
  width: 32px;
  vertical-align: middle;
}

.headermain {
  font-weight: bold;
}

#maincontent {
  display: block;
  height: 1px;
  overflow: clip;
}

img.uihint {
  cursor: help;
}

#addmembersform table {
  margin-left: auto;
  margin-right: auto;
}

table.flexible .emptyrow {
  display: none;
}

form.popupform,
form.popupform div {
  display: inline;
}

.arrow_button input {
  overflow: hidden;
}

.no-overflow {
  overflow: auto;
}

.accesshide {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.accesshide:not(caption) {
  position: absolute !important;
}
.accesshide * {
  overflow: hidden !important;
}

span.hide,
div.hide,
.hidden {
  display: none;
}

a.skip-block,
a.skip {
  position: absolute;
  top: -1000em;
  font-size: 0.85em;
  text-decoration: none;
}

a.skip-block:focus,
a.skip-block:active,
a.skip:focus,
a.skip:active {
  position: static;
  display: block;
}

.skip-block-to {
  display: block;
  height: 1px;
  overflow: hidden;
}

.addbloglink {
  text-align: center;
}

.blog_entry .audience {
  text-align: right;
  padding-right: 4px;
}

.blog_entry .tags {
  margin-top: 15px;
}

.blog_entry .content {
  margin-left: 43px;
}

#doc-contents h1, #doc-contents .h1 {
  margin: 1em 0 0 0;
}

#doc-contents ul {
  margin: 0;
  padding: 0;
  width: 90%;
}

#doc-contents ul li {
  list-style-type: none;
}

.groupmanagementtable td {
  vertical-align: top;
}

.groupmanagementtable #existingcell,
.groupmanagementtable #potentialcell {
  width: 42%;
}

.groupmanagementtable #buttonscell {
  width: 16%;
}

.groupmanagementtable #buttonscell p.arrow_button input {
  width: auto;
  min-width: 80%;
  margin: 0 auto;
  display: block;
}

.groupmanagementtable #removeselect_wrapper,
.groupmanagementtable #addselect_wrapper {
  width: 100%;
}

.groupmanagementtable #removeselect_wrapper label,
.groupmanagementtable #addselect_wrapper label {
  font-weight: normal;
}

#group-usersummary {
  width: 14em;
}

.notepost {
  margin-bottom: 1em;
}

.notepost .userpicture {
  float: left;
  margin-right: 5px;
}

.notepost .content,
.notepost .footer {
  clear: both;
}

.notesgroup {
  margin-left: 20px;
}

.path-my .coursebox {
  margin: 1rem 0;
  padding: 0;
}
.path-my .coursebox .overview {
  margin: 15px 30px 10px 30px;
}

.path-my .coursebox .info {
  float: none;
  margin: 0;
}

.mod_introbox {
  padding: 10px;
}

table.mod_index {
  width: 100%;
}

.comment-ctrl {
  font-size: 12px;
  display: none;
  margin: 0;
  padding: 0;
}

.comment-ctrl h5, .comment-ctrl .h5 {
  margin: 0;
  padding: 5px;
}

.comment-area {
  max-width: 400px;
  padding: 5px;
}

.comment-area textarea {
  width: 100%;
  overflow: auto;
}
.comment-area textarea.fullwidth {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-area .fd {
  text-align: right;
}

.comment-meta span {
  color: gray;
}

.comment-link img {
  vertical-align: text-bottom;
}

.comment-list {
  font-size: 11px;
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}

.comment-list li {
  margin: 2px;
  list-style: none;
  margin-bottom: 5px;
  clear: both;
  padding: 0.3em;
  position: relative;
}

.comment-list li.first {
  display: none;
}

.comment-paging {
  text-align: center;
}

.comment-paging .pageno {
  padding: 2px;
}

.comment-paging .curpage {
  border: 1px solid #ccc;
}

.comment-message .picture {
  float: left;
  margin-right: 0.25rem;
}

.comment-message .text {
  margin: 0;
  padding: 0;
}

.comment-message .text p {
  padding: 0;
  margin: 0 18px 0 0;
}

.comment-delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.3em;
}

.comment-report-selectall {
  display: none;
}

.comment-link {
  display: none;
}

.jsenabled .comment-link {
  display: block;
}

.jsenabled .showcommentsnonjs {
  display: none;
}

.jsenabled .comment-report-selectall {
  display: inline;
}

/**
* Completion progress report
*/
.completion-expired {
  color: #f0ad4e;
}

.completion-expected {
  font-size: 0.75rem;
}

.completion-sortchoice,
.completion-identifyfield {
  font-size: 0.75rem;
  vertical-align: bottom;
}

.completion-progresscell {
  text-align: right;
}

.completion-expired .completion-expected {
  font-weight: bold;
}

/**
* Tags
*/
span.flagged-tag,
tr.flagged-tag,
span.flagged-tag a,
tr.flagged-tag a {
  color: #f0ad4e;
}

.tag-management-table td,
.tag-management-table th {
  vertical-align: middle;
  padding: 4px;
}
.tag-management-table .inplaceeditable.inplaceeditingon input {
  width: 150px;
}

.path-admin-tag .addstandardtags {
  float: right;
}
.path-admin-tag .addstandardtags img {
  margin: 0 5px;
}

.path-tag .tag-relatedtags {
  padding-top: 10px;
}
.path-tag .tag-management-box {
  text-align: right;
}
.path-tag .tag-index-toc {
  padding: 10px;
  text-align: center;
}
.path-tag .tag-index-toc li {
  margin-left: 5px;
  margin-right: 5px;
}
.path-tag .tag-management-box li {
  margin-left: 5px;
  margin-right: 5px;
}
.path-tag .tag-management-box li a {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 17px;
}
.path-tag .tag-management-box li a.edittag {
  background-image: url([[pix:moodle|i/settings]]);
}
.path-tag .tag-management-box li a.flagasinappropriate {
  background-image: url([[pix:moodle|i/flagged]]);
}
.path-tag .tag-management-box li a.removefrommyinterests {
  background-image: url([[pix:moodle|t/delete]]);
}
.path-tag .tag-management-box li a.addtomyinterests {
  background-image: url([[pix:moodle|t/add]]);
}
.path-tag .tag-backtoallitems {
  text-align: center;
}
.path-tag .tag-index-items .tagarea {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
}
.path-tag .tag-index-items .tagarea h3, .path-tag .tag-index-items .tagarea .h3 {
  display: block;
  padding: 3px 0 10px 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  word-wrap: break-word;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 10px;
}
.path-tag .tag-index-items .tagarea .taggeditems::after {
  display: block;
  clear: both;
  content: "";
}
.path-tag .tag-index-items .tagarea .controls {
  text-align: center;
}
.path-tag .tag-index-items .tagarea .controls::after {
  display: block;
  clear: both;
  content: "";
}
.path-tag .tag-index-items .tagarea .controls.controls-bottom {
  margin-top: 5px;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
  float: right;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
  float: left;
}
.path-tag .tag-index-items .tagarea .controls .exclusivemode {
  display: inline-block;
}
.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
  padding-right: 5px;
  padding-left: 5px;
  content: "«";
}
.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
  padding-right: 5px;
  padding-left: 5px;
  content: "»";
}

.tag_feed img {
  max-height: 35px;
  max-width: 35px;
}
.tag_feed .muted a {
  color: var(--bs-secondary-color);
}

.tag_cloud {
  text-align: center;
}
.tag_cloud .inline-list li {
  padding: 0 0.2em;
}
.tag_cloud .tag_overflow {
  margin-top: 1em;
  font-style: italic;
}
.tag_cloud .s0 {
  font-size: 0.7em;
}
.tag_cloud .s1 {
  font-size: 0.8em;
}
.tag_cloud .s2 {
  font-size: 0.9em;
}
.tag_cloud .s3 {
  font-size: 1em;
}
.tag_cloud .s4 {
  font-size: 1.1em;
}
.tag_cloud .s5 {
  font-size: 1.2em;
}
.tag_cloud .s6 {
  font-size: 1.3em;
}
.tag_cloud .s7 {
  font-size: 1.4em;
}
.tag_cloud .s8 {
  font-size: 1.5em;
}
.tag_cloud .s9 {
  font-size: 1.6em;
}
.tag_cloud .s10 {
  font-size: 1.7em;
}
.tag_cloud .s11 {
  font-size: 1.8em;
}
.tag_cloud .s12 {
  font-size: 1.9em;
}
.tag_cloud .s13 {
  font-size: 2em;
}
.tag_cloud .s14 {
  font-size: 2.1em;
}
.tag_cloud .s15 {
  font-size: 2.2em;
}
.tag_cloud .s16 {
  font-size: 2.3em;
}
.tag_cloud .s17 {
  font-size: 2.4em;
}
.tag_cloud .s18 {
  font-size: 2.5em;
}
.tag_cloud .s19 {
  font-size: 2.6em;
}
.tag_cloud .s20 {
  font-size: 2.7em;
}

.tag_list ul {
  display: inline;
}
.tag_list .tagmorelink {
  display: none;
}
.tag_list.hideoverlimit .overlimit {
  display: none;
}
.tag_list.hideoverlimit .tagmorelink {
  display: inline;
}
.tag_list.hideoverlimit .taglesslink {
  display: none;
}

/**
* Web Service
*/
#webservice-doc-generator td {
  text-align: left;
  border: 0 solid var(--bs-black);
}

/**
* Enrol
*/
.userenrolment {
  width: 100%;
  border-collapse: collapse;
}

.userenrolment tr {
  vertical-align: top;
}

.userenrolment td {
  padding: 0;
  height: 41px;
}

.userenrolment .subfield {
  margin-right: 5px;
}

.userenrolment .col_userdetails .subfield {
  margin-left: 40px;
}

.userenrolment .col_userdetails .subfield_picture {
  float: left;
  margin-left: 0;
}

.userenrolment .col_lastseen {
  width: 150px;
}

.userenrolment .col_role {
  width: 262px;
}

.userenrolment .col_role .roles,
.userenrolment .col_group .groups {
  margin-right: 30px;
}

.userenrolment .col_role .role {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
  white-space: nowrap;
}

.userenrolment .col_group .group {
  float: left;
  padding: 3px;
  margin: 3px;
  white-space: nowrap;
}

.userenrolment .col_role .role a,
.userenrolment .col_group .group a {
  margin-left: 3px;
  cursor: pointer;
}

.userenrolment .col_role .addrole,
.userenrolment .col_group .addgroup {
  float: right;
  padding: 3px;
  margin: 3px;
}
.userenrolment .col_role .addrole > a:hover,
.userenrolment .col_group .addgroup > a:hover {
  border-bottom: 1px solid #666;
}

.userenrolment .col_role .addrole img,
.userenrolment .col_group .addgroup img {
  vertical-align: baseline;
}

.userenrolment .hasAllRoles .col_role .addrole {
  display: none;
}

.userenrolment .col_enrol .enrolment {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
}

.userenrolment .col_enrol .enrolment a {
  float: right;
  margin-left: 3px;
}

#page-enrol-otherusers .userenrolment .col_role .role {
  float: none;
  margin: 3px 3px 3px 0;
  padding: 3px 3px 3px 0;
}

.corelightbox {
  background-color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.corelightbox img {
  position: fixed;
  top: 50%;
  left: 50%;
}

/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
  height: 25px;
  width: 600px;
}

.resourcecontent audio.mediaplugin_html5audio {
  width: 600px;
}

/** Large resource images should avoid hidden overflow **/
.resourceimage {
  max-width: 100%;
}

/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
  height: 15px;
  width: 300px;
}

audio.mediaplugin_html5audio {
  width: 300px;
}

.core_media_preview.pagelayout-embedded #maincontent {
  height: 0;
}

.path-rating .ratingtable {
  width: 100%;
  margin-bottom: 1em;
}

.path-rating .ratingtable th.rating {
  width: 100%;
}

.path-rating .ratingtable td.rating,
.path-rating .ratingtable td.time {
  white-space: nowrap;
  text-align: center;
}

/* Moodle Dialogue Settings (moodle-core-dialogue)  */
.moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: var(--bs-gray-700);
}

.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: transparent;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
  box-shadow: var(--bs-box-shadow);
}

.moodle-dialogue-base .hidden,
.moodle-dialogue-base .moodle-dialogue-hidden {
  display: none;
}

.no-scrolling {
  overflow: hidden;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen {
  left: 0;
  top: 0;
  right: 0;
  bottom: -50px;
  position: fixed;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
}

.moodle-dialogue-base .moodle-dialogue-wrap {
  background-color: var(--mds-bg-surface-default);
  border: 1px solid var(--mds-border-default);
}

.modal.show {
  display: block;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
  display: flex;
  padding: 1rem 1rem;
  border-bottom: 1px solid var(--mds-border-default);
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  min-height: 3rem;
  color: inherit;
  background: initial;
  font-size: 1.5rem;
  line-height: 1.5;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .h5 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  /*rtl:raw:
      left: 0;
      right: auto;
  */
  padding: 0;
  position: relative;
  margin-left: auto;
}

.moodle-dialogue-base .closebutton {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
  position: relative;
  color: inherit;
  background-color: transparent;
  border: 0;
  background-image: none;
  box-shadow: none;
  opacity: 0.7;
}
.moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
  opacity: 1;
}
.moodle-dialogue-base .closebutton::after {
  content: "×";
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: 0.5rem;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
  background-color: var(--bs-body-bg);
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0;
  border: 0;
}

.moodle-dialogue-exception .moodle-exception-param label {
  font-weight: bold;
}

.moodle-dialogue-exception .param-stacktrace label {
  background-color: var(--mds-bg-surface-strong);
  border: 1px solid var(--mds-border-default);
  border-bottom-width: 0;
}

.moodle-dialogue-exception .param-stacktrace pre {
  border: 1px solid var(--mds-border-default);
  background-color: var(--mds-bg-surface-default);
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  color: var(--mds-text-feedback-primary);
  font-size: 0.875rem;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  color: var(--mds-text-feedback-warning);
  font-size: 0.875rem;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  color: var(--mds-text-default);
  font-size: 90%;
  border-bottom: 1px solid var(--mds-border-default);
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
  display: none;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
  background: initial;
}

.moodle-dialogue-confirm .confirmation-message {
  margin: 0.5rem 0;
}

.moodle-dialogue-confirm .confirmation-dialogue input {
  min-width: 80px;
}

.moodle-dialogue-exception .moodle-exception-message {
  margin: 1em;
}

.moodle-dialogue-exception .moodle-exception-param {
  margin-bottom: 0.5em;
}

.moodle-dialogue-exception .moodle-exception-param label {
  width: 150px;
}

.moodle-dialogue-exception .param-stacktrace label {
  display: block;
  margin: 0;
  padding: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace pre {
  display: block;
  height: 200px;
  overflow: auto;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  display: inline-block;
  margin: 4px 0;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  display: inline-block;
  width: 50px;
  margin: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  padding-left: 25px;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
  opacity: 0.75;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--mds-bg-surface-default);
  text-align: center;
  padding: 10% 0;
}

/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
  max-height: 300px;
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
  z-index: 3001;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
  overflow: auto;
}

/**
 * Chooser Dialogues (moodle-core-chooserdialogue)
 *
 * This CSS belong to the chooser dialogue which should work both with, and
 * without javascript enabled
 */
/* Hide the dialog and it's title */
.chooserdialoguebody,
.choosertitle {
  display: none;
}

.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0;
}

.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0;
  background: #f2f2f2;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
  padding: 0.7em 0;
  text-align: right;
}

/* Fixed for safari browser on iPhone4S with ios7@mixin */
@media (max-height: 639px) {
  .ios .choosercontainer #chooseform .submitbuttons {
    padding: 45px 0;
  }
}
.choosercontainer #chooseform .submitbuttons input {
  min-width: 100px;
  margin: 0 0.5em;
}

/* Various settings for the options area */
.choosercontainer #chooseform .options {
  position: relative;
  border-bottom: 1px solid #bbb;
}

/* Only set these options if we're showing the js container */
.jschooser .choosercontainer #chooseform .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 240px;
}
.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
  display: inline-block;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
  display: inline-block;
  width: 55%;
}

/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
  margin-bottom: 0;
  padding: 0 1.6em 0 1.6em;
}

.choosercontainer #chooseform .moduletypetitle {
  text-transform: uppercase;
  padding-top: 1.2em;
  padding-bottom: 0.4em;
  margin-bottom: 0.5rem;
  font-size: 100%;
}

.choosercontainer #chooseform .option .typename,
.choosercontainer #chooseform .nonoption .typename {
  padding: 0 0 0 0.5em;
}

.choosercontainer #chooseform .modicon + .typename {
  padding-left: 0;
}

.choosercontainer #chooseform .option input[type=radio],
.choosercontainer #chooseform .option span.typename {
  vertical-align: middle;
}

.choosercontainer #chooseform .option label {
  display: block;
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ffffff;
}

.choosercontainer #chooseform .option .icon {
  margin: 0;
  padding: 0 1rem;
}

.choosercontainer #chooseform .nonoption {
  padding-left: 2.7em;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}

.choosercontainer #chooseform .subtype {
  margin-bottom: 0;
  padding: 0 1.6em 0 3.2em;
}

.choosercontainer #chooseform .subtype .typename {
  margin: 0 0 0 0.2em;
}

/* The instruction/help area */
.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 240px;
  margin: 0;
  padding: 1.6em;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 2em;
}

/* Selected option settings */
.jschooser .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
  display: block;
}

.choosercontainer #chooseform .selected {
  background-color: #ffffff;
  margin-top: -1px;
  padding-top: 1px;
}

@media (max-width: 575.98px) {
  .jsenabled .choosercontainer #chooseform .alloptions {
    max-width: 100%;
  }
  .jsenabled .choosercontainer #chooseform .instruction,
  .jsenabled .choosercontainer #chooseform .typesummary {
    position: static;
  }
}
/* Form element: listing */
.formlistingradio {
  padding-bottom: 25px;
  padding-right: 10px;
}

.formlistinginputradio {
  float: left;
}

.formlistingmain {
  min-height: 225px;
}

.formlisting {
  position: relative;
  margin: 15px 0;
  padding: 1px 19px 14px;
  background-color: var(--bs-white);
  border: 1px solid #ddd;
  border-radius: 4px;
}

.formlistingmore {
  position: absolute;
  cursor: pointer;
  bottom: -1px;
  right: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: whitesmoke;
  border: 1px solid #ddd;
  color: #9da0a4;
  border-radius: 4px 0 4px 0;
}

.formlistingall {
  margin: 15px 0;
  padding: 0;
  border-radius: 4px;
}

.formlistingrow {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: #e1e1e8;
  border-left: 1px solid #e1e1e8;
  border-right: 1px solid #e1e1e8;
  background-color: #f7f7f9;
  border-radius: 0 0 4px 4px;
  padding: 6px;
  top: 50%;
  left: 50%;
  min-height: 34px;
  float: left;
  width: 150px;
}

body.jsenabled .formlistingradio {
  display: none;
}

body.jsenabled .formlisting {
  display: block;
}

a.criteria-action {
  padding: 0 3px;
  float: right;
}

div.criteria-description {
  padding: 10px 15px;
  margin: 5px 0;
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #eee;
}

ul.badges {
  margin: 0;
  list-style: none;
}

.badges li {
  position: relative;
  display: inline-block;
  padding-top: 1em;
  text-align: center;
  vertical-align: top;
  width: 150px;
}

.badges li .badge-name {
  display: block;
  padding: 5px;
}

.badges li > img {
  position: absolute;
}

.badges li .badge-image {
  width: 100px;
  height: 100px;
  left: 10px;
  top: 0;
  z-index: 1;
}

.badges li .badge-actions {
  position: relative;
}

.badges li .expireimage {
  background-image: url([[pix:i/expired]]);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  left: 25px;
  top: 15px;
  position: absolute;
  z-index: 10;
  opacity: 0.85;
}

#badge-image {
  background-color: transparent;
  padding: 0;
  position: relative;
  min-width: 100px;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-top: 17px;
  margin-bottom: 20px;
}
#badge-image .expireimage {
  background-image: url([[pix:i/expired]]);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  opacity: 0.85;
  position: absolute;
  z-index: 10;
}
#badge-image .singlebutton {
  padding-top: 5px;
  display: block;
}
#badge-image .singlebutton button {
  margin-left: 4px;
}

#badge-details {
  display: inline-block;
  width: 79%;
}

#badge-overview dl,
#badge-details dl {
  margin: 0;
}
#badge-overview dl dt,
#badge-overview dl dd,
#badge-details dl dt,
#badge-details dl dd {
  vertical-align: top;
  padding: 3px 0;
}
#badge-overview dl dt,
#badge-details dl dt {
  clear: both;
  display: inline-block;
  width: 20%;
  min-width: 100px;
}
#badge-overview dl dd,
#badge-details dl dd {
  display: inline-block;
  width: 79%;
  margin-left: 1%;
}

#badge-criteria li li {
  list-style-type: none;
}

#badge-image-col {
  flex: 0 0 400px;
}

.badge-profile {
  vertical-align: top;
}

.connected {
  color: #357a32;
}

.notconnected {
  color: #ca3120;
}

.connecting {
  color: #f0ad4e;
}

#page-badges-index #page .badges-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page-badges-index #page h2, #page-badges-index #page .h2 {
  margin: 0; /* Removes default margins */
}
#page-badges-index #page #action_bar {
  margin: 0; /* Removes any default margin that might affect alignment */
}
#page-badges-index #page .tertiary-navigation.container-fluid, #page-badges-index #page .tertiary-navigation.container-sm, #page-badges-index #page .tertiary-navigation.container-md, #page-badges-index #page .tertiary-navigation.container-lg, #page-badges-index #page .tertiary-navigation.container-xl, #page-badges-index #page .tertiary-navigation.container-xxl {
  width: auto;
  height: 50px;
  padding-top: 0;
}

#page-badges-award .recipienttable tr td {
  vertical-align: top;
}

#page-badges-award .recipienttable tr td.actions .actionbutton {
  margin: 0.3em 0;
  padding: 0.5em 0;
  width: 100%;
}

#page-badges-award .recipienttable tr td.existing,
#page-badges-award .recipienttable tr td.potential {
  width: 42%;
}

#issued-badge-table .activatebadge {
  display: inline-block;
}

.statusbox.active {
  background-color: var(--bs-state-success-bg);
}

.statusbox.inactive {
  background-color: var(--bs-state-warning-bg);
}

.statusbox {
  text-align: center;
  margin-bottom: 5px;
  padding: 5px;
}

.statusbox .activatebadge {
  display: inline-block;
}

.statusbox .activatebadge input[type=submit] {
  margin: 3px;
}

.activatebadge {
  margin: 0;
  text-align: left;
  vertical-align: middle;
}

img#persona_signin {
  cursor: pointer;
}

.addcourse {
  float: right;
}

.invisiblefieldset {
  display: inline;
  padding: 0;
  border-width: 0;
}

/** Page header */
#page-header h1.h2, #page-header .h2.h1 {
  font-weight: bold;
}
#page-header .logo {
  margin: 1rem 0;
}
#page-header .logo img {
  max-height: 75px;
}

/** Navbar logo. */
nav.navbar .logo img {
  max-height: 35px;
}

.nav.usernav .nav-item {
  display: flex;
}
.nav.usernav .usermenu .dropdown-toggle {
  padding: 0 0.5rem;
}

/** Header-bar styles **/
.page-context-header {
  overflow: hidden;
  padding: 0.25rem 0;
}
.page-context-header .page-header-image > a {
  display: inline-block;
}
.page-context-header .page-header-image .userinitials,
.page-context-header .page-header-image .userpicture {
  margin-right: 1rem;
}

ul.dragdrop-keyboard-drag li {
  list-style-type: none;
}
ul.dragdrop-keyboard-drag li a,
ul.dragdrop-keyboard-drag li a:hover {
  color: inherit;
  text-decoration: none;
}

a.disabled:hover,
a.disabled {
  text-decoration: none;
  cursor: default;
  font-style: italic;
  color: var(--bs-secondary-color);
}

a.btn.disabled {
  opacity: 1;
}

body.lockscroll {
  height: 100%;
  overflow: hidden;
}

.progressbar_container {
  max-width: 500px;
  margin: 0 auto;
}

/* IE10 only fix for calendar titling */
.ie10 .yui3-calendar-header-label {
  display: inline-block;
}

.yui3-calendar-weekday {
  max-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

dd:before,
dd:after {
  display: block;
  content: " ";
}

dd:after {
  clear: both;
}

.nav-tabs > .active > a[href],
.nav-tabs > .active > a[href]:hover,
.nav-tabs > .active > a[href]:focus {
  cursor: pointer;
}

.inplaceeditable.inplaceeditingon {
  position: relative;
}
.inplaceeditable.inplaceeditingon .editinstructions {
  margin-top: -30px;
  font-weight: normal;
  margin-right: 0;
  margin-left: 0;
  left: 0;
  right: auto;
  white-space: nowrap;
  position: absolute;
  top: 0;
  font-size: 0.875rem;
  padding: 0.1em 0.4em;
  text-decoration: none;
  z-index: 9999;
  border: var(--bs-border-width) solid transparent;
  width: fit-content;
  color: #004d5a;
  border-color: #b3d9e0;
  background-color: #cce6ea;
}
@media (min-width: 576px) {
  .inplaceeditable.inplaceeditingon input {
    width: 330px;
    vertical-align: text-bottom;
    margin-bottom: 0;
  }
  .inplaceeditable.inplaceeditingon input[role=combobox] {
    width: auto;
  }
}
.inplaceeditable.inplaceeditingon select {
  margin-bottom: 0;
}
.inplaceeditable .quickediticon img {
  opacity: 0.2;
}
.inplaceeditable .quickeditlink {
  color: inherit;
  text-decoration: inherit;
}
.inplaceeditable:hover .quickeditlink .quickediticon img,
.inplaceeditable .quickeditlink:focus .quickediticon img {
  opacity: 1;
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
  display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
  display: block;
}

/** Chart area. */
@media (min-width: 992px) {
  .chart-area .chart-image {
    position: relative;
    margin: auto;
    height: 48vh;
    width: 46vw;
  }
}
.chart-area .chart-table-data {
  display: none;
}
.chart-area .chart-table {
  /** When accessible, we display the table only. */
}
.chart-area .chart-table .chart-output-htmltable caption {
  white-space: nowrap;
}
.chart-area .chart-table.accesshide .chart-table-expand {
  display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
  display: block;
}

/* YUI 2 Tree View */
/*rtl:raw:
.ygtvtn,
.ygtvtm,
.ygtvtmh,
.ygtvtmhh,
.ygtvtp,
.ygtvtph,
.ygtvtphh,
.ygtvln,
.ygtvlm,
.ygtvlmh,
.ygtvlmhh,
.ygtvlp,
.ygtvlph,
.ygtvlphh,
.ygtvdepthcell,
.ygtvok,
.ygtvok:hover,
.ygtvcancel,
.ygtvcancel:hover {
    background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
}
*/
.hover-tooltip-container {
  position: relative;
}
.hover-tooltip-container .hover-tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  /*rtl:ignore*/
  left: 50%;
  top: calc(-50% - 5px);
  transform: translate(-50%, -50%);
  background-color: var(--bs-white);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-sizing: border-box;
  padding: 5px;
  white-space: nowrap;
  transition: opacity 0.15s, visibility 0.15s;
  z-index: 1000;
}
.hover-tooltip-container .hover-tooltip:before {
  content: "";
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
}
.hover-tooltip-container .hover-tooltip:after {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--bs-white);
  position: absolute;
  bottom: -6px;
  left: calc(50% - 7px);
  z-index: 2;
}
.hover-tooltip-container:hover .hover-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
}

#region-flat-nav {
  padding-right: 0;
  padding-left: 0;
}
#region-flat-nav .nav {
  margin-right: 0.75rem;
  background-color: var(--bs-white);
}
@media (max-width: 767.98px) {
  #region-flat-nav .nav {
    margin-top: 1.5rem;
    margin-right: 0;
  }
}

.footer-dark a {
  color: #ffffff;
  text-decoration: underline;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.footer-dark a .icon {
  color: #ffffff;
}
.footer-dark a:focus .icon {
  color: var(--bs-body-color);
}

.footer-popover .btn-footer-popover {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}

.btn-footer-communication {
  display: none;
  position: fixed;
  bottom: 5rem;
  right: 2rem;
}

.hasstickyfooter:has(.sticky-footer-content-wrapper) {
  --sticky-footer-total-height: 4rem;
}
.hasstickyfooter:has(.sticky-footer-supplementary-wrapper) {
  --sticky-footer-total-height: 2.5rem;
}
.hasstickyfooter:has(.sticky-footer-content-wrapper):has(.sticky-footer-supplementary-wrapper) {
  --sticky-footer-total-height: calc(4rem + 2.5rem);
}
.hasstickyfooter .btn-footer-popover {
  bottom: calc(1rem + var(--sticky-footer-total-height, 4rem));
}
.hasstickyfooter .btn-footer-communication {
  bottom: calc(4rem + var(--sticky-footer-total-height, 4rem));
}
.hasstickyfooter .maintenancewarning {
  bottom: var(--sticky-footer-total-height, 4rem);
}

.popover.footer .popover-body {
  padding: 0;
}
.popover.footer .popover-body .footer-section > div {
  padding-bottom: 0.2rem;
}
.popover.footer .popover-body .footer-section a {
  color: var(--bs-body-color);
  text-decoration: underline;
}
.popover.footer .popover-body .footer-section a .icon {
  color: var(--bs-body-color);
}
.popover.footer .popover-body .footer-section a:focus {
  text-decoration: none;
}

.footer-support-link {
  padding-bottom: 5px;
}

.footer-content-popover .footer-section > div {
  padding-bottom: 0.1rem;
}

@media (min-width: 576px) {
  .jsenabled #page-footer .footer-content-popover {
    display: none;
  }
  .jsenabled .btn-footer-popover,
  .jsenabled .btn-footer-communication {
    display: block;
    z-index: 1000;
  }
  .jsenabled .maintenancewarning,
  .jsenabled.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
    right: 5rem;
  }
}
.bg-inverse a {
  color: #ffffff;
  text-decoration: underline;
}
.bg-inverse a .icon {
  color: #ffffff;
}

.sitelink img {
  width: 112px;
}

.competency-tree ul {
  padding-left: 1.5rem;
}

.visually-hidden-focusable:active, .visually-hidden-focusable:focus {
  z-index: 1031;
  position: fixed;
  background: var(--bs-white);
  padding: 7px;
  left: 0;
  top: 0;
}

[data-drag-type=move]:not(:disabled) {
  cursor: move;
  touch-action: none;
}

.clickable {
  cursor: pointer;
}

.overlay-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.overlay-icon-container .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
  max-height: 2em;
  max-width: 2em;
  font-size: 2em;
}

.w-auto {
  width: auto;
}

.bg-pulse-grey {
  animation: bg-pulse-grey 2s infinite linear;
}

@keyframes bg-pulse-grey {
  0% {
    background-color: var(--bs-gray-100);
  }
  50% {
    background-color: #e9ecef;
  }
  100% {
    background-color: var(--bs-gray-100);
  }
}
.line-height-0 {
  line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-1 {
  line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-2 {
  line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-3 {
  line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-4 {
  line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-5 {
  line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
}

.line-height-6 {
  line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
}

.dir-rtl .dir-rtl-hide {
  display: none;
}

.dir-ltr .dir-ltr-hide {
  display: none;
}

.paged-content-page-container {
  min-height: 3.125rem;
}

body.h5p-embed #page-content {
  display: inherit;
}
body.h5p-embed #maincontent {
  display: none;
}
body.h5p-embed .h5pmessages {
  min-height: 230px;
}

#h5pcontenttypes td {
  vertical-align: middle;
}

#page.drawers form#h5peditor,
#page.drawers form#coolh5peditor,
#page.drawers .core_contentbank_viewcontent {
  max-width: 960px;
  margin: 0 auto;
}

#page-contentbank-edit fieldset {
  margin-top: 1em;
}

.text-decoration-none {
  text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
}

.colour-inherit {
  color: inherit !important; /* stylelint-disable-line declaration-no-important */
}

.position-right {
  right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.overflow-hidden {
  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
}

.text-break {
  overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
}

.word-break {
  word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
}

.z-index-0 {
  z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.z-index-1 {
  z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

input[disabled] {
  cursor: not-allowed;
}

.fade.in {
  opacity: 1;
}

.clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.word-break-all {
  word-break: break-all;
}

.matchtext {
  background-color: #a2cff8;
  color: var(--bs-body-color);
  height: 1.5rem;
}

.border-radius {
  border-radius: var(--bs-border-radius);
}

.v-hidden {
  visibility: hidden;
}

.dialog-big {
  max-width: 500px;
}

.dialog-small {
  max-width: 300px;
}

@media (min-width: 576px) {
  .dialog-big {
    width: 500px;
  }
  .dialog-small {
    width: 300px;
  }
}
/*
 * Helpers to show elements only when a parent element has focus or hover.
 */
.v-parent-focus {
  opacity: 0;
  visibility: hidden;
}

.focus-control:focus-within .v-parent-focus,
.focus-control:hover .v-parent-focus {
  opacity: 1;
  visibility: visible;
}

.emoji-picker {
  width: 350px;
  height: 400px;
}
.emoji-picker .category-button {
  padding: 0.375rem 0;
  height: 100%;
  width: 38.8888888889px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid transparent;
}
.emoji-picker .category-button.selected {
  border-bottom: 2px solid #0f6cbf;
}
.emoji-picker .emojis-container,
.emoji-picker .search-results-container {
  min-width: 280px;
}
.emoji-picker .picker-row {
  height: 40px;
}
.emoji-picker .picker-row .category-name {
  line-height: 40px;
}
.emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
  overflow: hidden;
}
.emoji-picker .emoji-preview {
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}
.emoji-picker .emoji-short-name {
  line-height: 20px;
}
@media (max-width: 575.98px) {
  .emoji-picker {
    width: 320px;
  }
}

.emoji-auto-complete {
  height: 40px;
}
.emoji-auto-complete .btn.btn-icon.emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
}
.emoji-auto-complete .btn.btn-icon.emoji-button.active {
  background-color: var(--bs-gray-200);
}

.toast-wrapper {
  max-width: 350px;
  max-height: 0;
  z-index: 1051;
}
.toast-wrapper > :first-child {
  margin-top: 1rem;
}

.alert-primary a {
  color: #052644;
}
[data-bs-theme=dark] .alert-primary a {
  color: #3f89cc;
}

.alert-primary .btn-close {
  color: #020c14;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-primary .btn-close {
  color: #6fa7d9;
}

.alert-secondary a {
  color: #636669;
}
[data-bs-theme=dark] .alert-secondary a {
  color: #ced4da;
}

.alert-secondary .btn-close {
  color: #4a4c4f;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-secondary .btn-close {
  color: #ced4da;
}

.alert-success a {
  color: #10250f;
}
[data-bs-theme=dark] .alert-success a {
  color: #538e51;
}

.alert-success .btn-close {
  color: #000100;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-success .btn-close {
  color: #86af84;
}

.alert-info a {
  color: #002127;
}
[data-bs-theme=dark] .alert-info a {
  color: #1a8ea1;
}

.alert-info .btn-close {
  color: black;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-info .btn-close {
  color: #66b3c0;
}

.alert-warning a {
  color: #6a4c22;
}
[data-bs-theme=dark] .alert-warning a {
  color: #f0ad4e;
}

.alert-warning .btn-close {
  color: #433016;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-warning .btn-close {
  color: #f0ad4e;
}

.alert-danger a {
  color: #4d120c;
}
[data-bs-theme=dark] .alert-danger a {
  color: #d55a4d;
}

.alert-danger .btn-close {
  color: #210805;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-danger .btn-close {
  color: #e28e84;
}

.alert-light a {
  color: #7b7b7d;
}
[data-bs-theme=dark] .alert-light a {
  color: #f8f9fa;
}

.alert-light .btn-close {
  color: #626263;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-light .btn-close {
  color: #f8f9fa;
}

.alert-dark a {
  color: black;
}
[data-bs-theme=dark] .alert-dark a {
  color: #777a7c;
}

.alert-dark .btn-close {
  color: black;
  opacity: 0.6;
}
[data-bs-theme=dark] .alert-dark .btn-close {
  color: #999b9d;
}

.alert a {
  font-weight: 700;
}

.breadcrumb:empty {
  padding: 0;
}

@media (max-width: 767.98px) {
  #page-navbar {
    width: 100%;
  }
  .breadcrumb:not(:empty) {
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
  }
  .breadcrumb:not(:empty) .breadcrumb-item {
    padding-top: 0.33333rem;
    padding-bottom: 0.33333rem;
    display: inline-flex;
    overflow: hidden;
  }
  .breadcrumb:not(:empty) .breadcrumb-item a,
  .breadcrumb:not(:empty) .breadcrumb-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mform {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  .card .card-body {
    padding: 0.5rem;
  }
  #page-header .card {
    border: 0;
  }
  #page-header .card .card-body {
    padding: 0;
  }
  .nav-tabs:not(.more-nav),
  .nav-pills {
    --bs-nav-tabs-link-active-color: #ffffff;
    --bs-nav-tabs-link-active-bg: #0f6cbf;
    margin: 0;
    border: 0;
    padding: 0.125rem;
    background-color: var(--bs-gray-200);
  }
  .nav-tabs:not(.more-nav) .nav-item,
  .nav-pills .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-tabs:not(.more-nav) .nav-link,
  .nav-pills .nav-link {
    border: 0;
    margin: 0.125rem;
  }
  .nav-tabs:not(.more-nav) .nav-link:not(.active),
  .nav-pills .nav-link:not(.active) {
    background-color: var(--bs-body-bg);
  }
}
@media (max-width: 576px) and (max-height: 320px) {
  div#page {
    margin-top: 0;
  }
  .navbar.fixed-top {
    position: relative;
    z-index: inherit;
  }
}
.link-underline {
  text-decoration: underline;
}
.link-underline:focus {
  text-decoration: none;
}

.alert.cta .cta-icon .icon {
  padding: 0.3rem;
}
.alert.cta .cta-icon .icon.fa {
  border-radius: 50%;
  border-style: solid;
  border-width: 0.125rem;
}

.core_payment_gateways_modal .form-check-label::before,
.core_payment_gateways_modal .form-check-label::after {
  top: 45%;
}

.visual-scroll-x {
  scrollbar-width: thin;
  scrollbar-color: #0f6cbf #a2cff8;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.visual-scroll-x::-webkit-scrollbar {
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
}
.visual-scroll-x::-webkit-scrollbar-thumb {
  background-color: #0f6cbf;
  border-right: 1px solid var(--bs-white);
}
.visual-scroll-x::-webkit-scrollbar-track {
  background-color: #a2cff8;
  border-right: 1px solid var(--bs-white);
}

body.dragging .drop-zone {
  border: 1px dashed var(--bs-gray-900);
}
body.dragging .drop-up {
  border-top: 1px solid var(--bs-gray-900);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.dragging .drop-down {
  border-bottom: 1px solid var(--bs-gray-900);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.dragging .dragging {
  opacity: 0.6;
}

.dragicon {
  visibility: hidden;
}

.draggable:hover .dragicon {
  visibility: visible;
  cursor: move;
}

.dropzone-container {
  cursor: pointer;
}
.dropzone-container .dropzone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px dashed #bbb;
  border-radius: 0.5rem;
}
.dropzone-container .dropzone.dragover {
  border: 2px dashed #6c8cd3;
}
.dropzone-container .dropzone-icon {
  color: var(--bs-gray-500);
}
.dropzone-container .dropzone-icon .icon {
  font-size: 6em;
  width: auto;
  height: auto;
  max-width: initial;
  max-height: initial;
  margin-right: 0;
}
.dropzone-container .dropzone-visually-hidden-focusable:active, .dropzone-container .dropzone-visually-hidden-focusable:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
  z-index: 1070;
  position: relative;
  background: var(--bs-white);
  padding: 7px;
}

.overlay-preview {
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px dashed #0f6cbf;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-preview .overlay-preview-wrapper {
  position: absolute;
  top: 0;
  padding: 2rem;
  width: 100%;
}
.overlay-preview .overlay-preview-content {
  position: relative;
  top: 0;
  padding: 1rem;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  background-color: #0f6cbf;
  color: #ffffff;
  text-align: center;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.overlay-preview-borders {
  outline: 2px dashed #0f6cbf;
}

.waitstate {
  display: none;
}

.stateready .waitstate {
  display: inherit;
}
.stateready .whilenostate {
  display: none;
}

.collapse-list .collapse-list-item {
  padding: 0.5rem 1rem;
}
.collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
  background-color: var(--bs-collapse-list-item-hover-bg);
  border-color: var(--bs-collapse-list-item-hover-border);
}
.collapse-list .collapse-list-item-content .collapse-list-item {
  padding-left: calc(1rem * 3);
}

#page-my-index .my-action-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.dropdown-toggle::after {
  font: var(--fa-font-solid);
  content: "\f078";
  margin-right: 0;
  margin-left: 4px;
  font-size: 9px;
  width: 9px;
  border: 0;
}

.listitem-category .dropdown-toggle::after {
  /* This can be removed when the .dropdown-toggle::after is updated to remove content. */
  content: none;
}

.dropleft .dropdown-toggle::before {
  border: 0;
  font: var(--fa-font-solid);
  content: "\f053";
  font-size: 9px;
  margin-left: 0;
  margin-right: 4px;
  width: 9px;
  display: inline-block;
  vertical-align: 0.255em;
}

.dropleft .dropdown-toggle::after {
  content: none;
}

.dir-rtl .dropleft .dropdown-toggle::before {
  content: "\f054";
}

.dropright .dropdown-toggle::after {
  border: 0;
  font: var(--fa-font-solid);
  font-size: 9px;
  content: "\f054";
}

.dir-rtl .dropright .dropdown-toggle::after {
  content: "\f053";
}

.dropup .dropdown-toggle::after {
  border: 0;
  font: var(--fa-font-solid);
  font-size: 9px;
  content: "\f077";
}

.select-menu li:first-child ul[role=group] {
  padding: 0;
}
.select-menu ul[role=group] {
  padding: 0.3rem 0 0 0;
  margin: 0;
}
.select-menu ul[role=group] li:first-child {
  cursor: default;
  color: var(--bs-gray-600);
  padding: 0.25rem 1.5rem;
  display: block;
}
.select-menu ul[role=group] .dropdown-item {
  padding-left: 2.5rem;
}
.select-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
}
.select-menu .dropdown-item [aria-selected=true] {
  font-weight: bold;
}

[role=listbox] [role=option] {
  cursor: pointer;
}
[role=listbox] [role=option][aria-selected=true] {
  font-weight: bold;
}

.initialbargroups ul {
  -webkit-margin-start: 0; /* stylelint-disable-line */
  margin-right: -1px;
}

.initialbargroups .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
  border-top-left-radius: var(--bs-border-radius-lg);
  border-bottom-left-radius: var(--bs-border-radius-lg);
}
.initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
  border-top-left-radius: var(--bs-border-radius-sm);
  border-bottom-left-radius: var(--bs-border-radius-sm);
}
.initialbargroups .page-item:last-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
  border-top-right-radius: var(--bs-border-radius-lg);
  border-bottom-right-radius: var(--bs-border-radius-lg);
}
.initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
  border-top-right-radius: var(--bs-border-radius-sm);
  border-bottom-right-radius: var(--bs-border-radius-sm);
}

blockquote {
  margin: 0 0.5rem 1rem;
  padding-left: 1rem;
  color: var(--bs-gray-700);
  border-left: 5px solid var(--bs-gray-500);
}

.pagelayout-maintenance .page-header-headings,
.pagelayout-secure .page-header-headings {
  background-color: var(--bs-body-bg);
}

/* Prevent long strings exceeding page width */
.page-header-headings:not(.text-truncate),
.coursename:not(.text-truncate),
.categoryname:not(.text-truncate),
.breadcrumb-item:not(.text-truncate) {
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: normal;
}

/* Showmore component */
.showmore-container.collapsed .expanded-content {
  display: none;
}
.showmore-container:not(.collapsed) .collapsed-content {
  display: none;
}
.showmore-container .showmore-button {
  float: right;
  text-decoration: none;
}
.showmore-container .showmore-button .icon {
  font-size: 0.875rem;
  margin: 0;
}

/* Combobox search dropdowns */
.usersearchdropdown.dropdown-menu,
.gradesearchdropdown.dropdown-menu,
.groupsearchdropdown.dropdown-menu {
  top: 100%;
  width: 350px;
}
.usersearchdropdown.dropdown-menu .searchresultitemscontainer,
.gradesearchdropdown.dropdown-menu .searchresultitemscontainer,
.groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
  max-height: 170px;
  overflow: auto;
  /* stylelint-disable declaration-no-important */
}
.usersearchdropdown.dropdown-menu .searchresultitemscontainer img,
.gradesearchdropdown.dropdown-menu .searchresultitemscontainer img,
.groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
  height: 48px !important;
  width: 48px !important;
}

/* Bulk actions in sticky footer. */
#sticky-footer [data-type=bulkactions] {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
}

/* Choice list component. */
.choicelist {
  min-width: calc(300px - 25px);
}
.choicelist i.icon {
  vertical-align: middle;
}

/* General card customisations. */
.card.active {
  border-color: var(--bs-gray-500);
}

/* Loading icon */
.loading-icon.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 3rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.loading-icon.overlay .icon {
  width: 40px;
  height: 32px;
  max-width: 40px;
  max-height: 32px;
  font-size: 32px;
}

/* AI action detail page (ai/detail.php). */
.core-ai-action-detail-text {
  white-space: pre-wrap;
  word-break: break-word;
}

.core-ai-action-detail-image {
  max-width: 15rem;
  max-height: 15rem;
}

.action-menu .dropdown-toggle {
  text-decoration: none;
  display: inline-block;
}

.action-menu {
  white-space: nowrap;
  display: inline;
}
.action-menu .dropdown-toggle.no-caret::after {
  display: none;
}
.action-menu .dropdown-toggle.no-caret::before {
  display: none;
}
.action-menu .dropdown.downleft .dropdown-subpanel-content {
  right: 0;
  left: auto;
}
.action-menu .dropdown-subpanel.content-displayed {
  background-color: var(--bs-gray-200);
}
.action-menu .dropdown-subpanel-content {
  max-width: 300px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}
.action-menu .dropdown-subpanel-content.show {
  animation: 0.15s animate-pop;
}
@media (prefers-reduced-motion: reduce) {
  .action-menu .dropdown-subpanel-content.show {
    animation: none;
  }
}
body.behat-site .action-menu .dropdown-subpanel-content.show {
  animation: none;
}
.action-menu .dropstart .dropdown-subpanel-content.dropdown-menu[data-bs-popper][data-popper-placement$=-start],
.action-menu .dropend .dropdown-subpanel-content.dropdown-menu[data-bs-popper][data-popper-placement$=-start] {
  /* stylelint-disable declaration-no-important */
  top: calc(-0.5rem - var(--bs-border-width)) !important;
  /* stylelint-enable declaration-no-important */
}
.action-menu .dropdown-subpanel > .dropdown-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.action-menu .dropdown-subpanel > .dropdown-item::after {
  display: inline-block;
  border: 0;
  font: var(--fa-font-solid);
  content: "\f054";
  margin-left: auto;
}
.dir-rtl .action-menu .dropdown-subpanel > .dropdown-item::after {
  content: "\f053";
}
.action-menu .dropdown-subpanel > .dropdown-item::before {
  display: none;
}

@keyframes animate-pop {
  0% {
    scale: 0.9;
  }
  100% {
    scale: 1;
  }
}
.dropdown-item a {
  display: block;
  width: 100%;
  color: var(--bs-body-color);
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
  color: #ffffff;
}
.dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
  font: var(--fa-font-solid);
  content: "\f00c";
  position: absolute;
  left: 0.4rem;
  font-size: 0.7rem;
}

.dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
  outline: solid #0f6cbf;
}
.dropdown-item-outline a:focus,
.dropdown-item-outline a:focus-visible {
  outline: 0;
}

.icon {
  max-width: 30px;
  max-height: 24px;
  margin: 0 0.5rem 0 0;
  padding: 0;
  box-sizing: content-box;
}
.icon.spacer {
  margin-right: 0;
}
.icon.iconsize-medium {
  font-size: 32px;
  width: 40px;
  height: 32px;
  max-width: 40px;
  max-height: 32px;
}
.icon.iconsize-big {
  width: 80px;
  height: 64px;
  max-width: 80px;
  max-height: 64px;
  font-size: 64px;
}
.icon.emoticon {
  width: 16px;
  height: 16px;
}

img.icon {
  width: 20px;
  height: 16px;
}

.navbar-dark a .icon {
  color: rgba(255, 255, 255, 0.55) !important; /* stylelint-disable-line declaration-no-important */
}

.action-menu-item a:first-of-type > .icon {
  margin-left: 0.5rem;
}

.ygtvcell .icon {
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.block_navigation .tree_item .icon,
.block_settings .tree_item .icon {
  margin-left: 0;
}

[data-action=toggle-drawer] .icon {
  margin: 0;
}

.icon-no-spacing a > .icon {
  margin: 0;
}

.icon-no-margin .icon {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.icon-large > .icon {
  width: 40px;
  height: 32px;
}

.icon-size-0 .icon {
  height: 0 !important; /* stylelint-disable-line declaration-no-important */
  width: 0 !important; /* stylelint-disable-line declaration-no-important */
  max-height: 0 !important; /* stylelint-disable-line declaration-no-important */
  max-width: 0 !important; /* stylelint-disable-line declaration-no-important */
  font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-1 .icon {
  height: 8px !important; /* stylelint-disable-line declaration-no-important */
  width: 10px !important; /* stylelint-disable-line declaration-no-important */
  max-height: 8px !important; /* stylelint-disable-line declaration-no-important */
  max-width: 10px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-2 .icon {
  height: 12px !important; /* stylelint-disable-line declaration-no-important */
  width: 15px !important; /* stylelint-disable-line declaration-no-important */
  max-height: 12px !important; /* stylelint-disable-line declaration-no-important */
  max-width: 15px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-3 .icon {
  height: 16px !important; /* stylelint-disable-line declaration-no-important */
  width: 20px !important; /* stylelint-disable-line declaration-no-important */
  max-height: 16px !important; /* stylelint-disable-line declaration-no-important */
  max-width: 20px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-4 .icon {
  height: 24px !important; /* stylelint-disable-line declaration-no-important */
  width: 30px !important; /* stylelint-disable-line declaration-no-important */
  max-height: 24px !important; /* stylelint-disable-line declaration-no-important */
  max-width: 30px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-5 .icon {
  height: 32px !important; /* stylelint-disable-line declaration-no-important */
  width: 40px !important; /* stylelint-disable-line declaration-no-important */
  max-height: 32px !important; /* stylelint-disable-line declaration-no-important */
  max-width: 40px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-6 .icon {
  height: 40px !important; /* stylelint-disable-line declaration-no-important */
  width: 50px !important; /* stylelint-disable-line declaration-no-important */
  max-height: 40px !important; /* stylelint-disable-line declaration-no-important */
  max-width: 50px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
}

.icon-size-7 .icon {
  height: 48px !important; /* stylelint-disable-line declaration-no-important */
  width: 60px !important; /* stylelint-disable-line declaration-no-important */
  max-height: 48px !important; /* stylelint-disable-line declaration-no-important */
  max-width: 60px !important; /* stylelint-disable-line declaration-no-important */
  font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
}

.helplink .icon {
  margin-left: 0.5rem;
}

.icons-collapse-expand {
  display: flex;
  align-items: center;
}
.icons-collapse-expand .expanded-icon {
  display: flex;
  align-items: center;
}
.icons-collapse-expand .collapsed-icon {
  display: none;
}
.icons-collapse-expand.collapsed .expanded-icon {
  display: none;
}
.icons-collapse-expand.collapsed .collapsed-icon {
  display: flex;
  align-items: center;
}

.icon-box {
  width: 60px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-gray-100);
  border-radius: 12px;
  padding: 0.7rem;
}
.icon-box .icon {
  margin: 0;
  height: 40px;
  width: 32px;
}

.icon-circle {
  display: inline-block;
  background-color: #c2cad1;
  border-radius: 50%;
  padding: 1.3rem;
}
.icon-circle .icon {
  margin: 0;
  text-align: center;
  width: unset;
  height: unset;
  max-width: unset;
  max-height: unset;
  color: #000000;
}
.icon-circle.reversed {
  background-color: #b7c0c8;
}
.icon-circle.reversed .icon {
  color: #ffffff;
}

/*
 * Activity icons
 */
.activityiconcontainer {
  width: 52px;
  height: 52px;
  max-width: 52px;
  max-height: 52px;
}
.activityiconcontainer.small {
  width: 42px;
  height: 42px;
  max-width: 42px;
  max-height: 42px;
}
.activityiconcontainer.smaller {
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
}
.activityiconcontainer .activityicon,
.activityiconcontainer .icon {
  margin: 0;
  font-size: inherit;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.8549019608 0 0 0 0 0.3450980392 0 0 0 0 0.937254902 0 0 0 1 0 "/></filter></svg>#recolor');
}
[data-bs-theme=dark] .activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter), [data-bs-theme=dark] .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.8980392157 0 0 0 0 0.5411764706 0 0 0 0 0.9568627451 0 0 0 1 0 "/></filter></svg>#recolor');
}

.activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.9764705882 0 0 0 0 0 0 0 0 0 0.5254901961 0 0 0 1 0 "/></filter></svg>#recolor');
}
[data-bs-theme=dark] .activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter), [data-bs-theme=dark] .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.9843137255 0 0 0 0 0.3019607843 0 0 0 0 0.6666666667 0 0 0 1 0 "/></filter></svg>#recolor');
}

.activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.3568627451 0 0 0 0 0.2509803922 0 0 0 0 1 0 0 0 1 0 "/></filter></svg>#recolor');
}
[data-bs-theme=dark] .activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter), [data-bs-theme=dark] .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.5490196078 0 0 0 0 0.4745098039 0 0 0 0 1 0 0 0 1 0 "/></filter></svg>#recolor');
}

.activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.9215686275 0 0 0 0 0.3843137255 0 0 0 0 0 0 0 0 1 0 "/></filter></svg>#recolor');
}
[data-bs-theme=dark] .activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter), [data-bs-theme=dark] .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.9450980392 0 0 0 0 0.568627451 0 0 0 0 0.3019607843 0 0 0 1 0 "/></filter></svg>#recolor');
}

.activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.6 0 0 0 0 0.6784313725 0 0 0 1 0 "/></filter></svg>#recolor');
}
[data-bs-theme=dark] .activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter), [data-bs-theme=dark] .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.3019607843 0 0 0 0 0.7215686275 0 0 0 0 0.7764705882 0 0 0 1 0 "/></filter></svg>#recolor');
}

.activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.5529411765 0 0 0 0 0.2392156863 0 0 0 0 0.1058823529 0 0 0 1 0 "/></filter></svg>#recolor');
}
[data-bs-theme=dark] .activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter), [data-bs-theme=dark] .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.6862745098 0 0 0 0 0.4666666667 0 0 0 0 0.3725490196 0 0 0 1 0 "/></filter></svg>#recolor');
}

:root {
  --activityadministration: #da58ef;
  --activityassessment: #f90086;
  --activitycollaboration: #5b40ff;
  --activitycommunication: #eb6200;
  --activitycontent: #0099ad;
  --activityinteractivecontent: #8d3d1b;
}

[data-bs-theme=dark] {
  --activityadministration: #e58af4;
  --activityassessment: #fb4daa;
  --activitycollaboration: #8c79ff;
  --activitycommunication: #f1914d;
  --activitycontent: #4db8c6;
  --activityinteractivecontent: #af775f;
}

[data-bs-theme=dark] img.icon[src*="/t/"], [data-bs-theme=dark] img.icon[src*="/e/"], [data-bs-theme=dark] img.icon[src*="/a/"], [data-bs-theme=dark] img.icon[src*="/i/groupn"], [data-bs-theme=dark] img.icon[src*="/i/groups"], [data-bs-theme=dark] img.icon[src*="/i/groupv"] {
  filter: invert(1);
}

/* admin.less */
.formtable tbody th {
  font-weight: normal;
  text-align: right;
}

.path-admin #assignrole {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.path-admin .admintable .leftalign {
  text-align: left;
}

.path-admin .admintable.environmenttable .name,
.path-admin .admintable.environmenttable .info,
.path-admin #assignrole .admintable .role,
.path-admin #assignrole .admintable .userrole,
.path-admin #assignrole .admintable .roleholder {
  white-space: nowrap;
}

.path-admin .incompatibleblockstable td.c0 {
  font-weight: bold;
}

#page-admin-course-category .addcategory {
  padding: 10px;
}

#page-admin-course-index .editcourse {
  margin: 20px auto;
}

#page-admin-course-index .editcourse th,
#page-admin-course-index .editcourse td {
  padding-left: 10px;
  padding-right: 10px;
}

.timewarninghidden {
  display: none;
}

#page-admin-qtypes #qtypes div,
#page-admin-qtypes #qtypes form,
#page-admin-qbehaviours #qbehaviours div,
#page-admin-qbehaviours #qbehaviours form {
  display: inline;
}

#page-admin-qtypes #qtypes img.spacer,
#page-admin-qbehaviours #qbehaviours img.spacer {
  width: 16px;
}

#page-admin-qbehaviours .cell.c3,
#page-admin-qtypes .cell.c3 {
  font-size: 0.875rem;
}

#page-admin-lang .generalbox,
#page-admin-course-index .singlebutton,
#page-admin-course-index .addcategory,
#page-course-index .buttons,
#page-course-index-category .buttons,
#page-admin-course-category .addcategory,
#page-admin-stickyblocks .generalbox,
#page-admin-maintenance .buttons,
#page-admin-course-index .buttons,
#page-admin-course-category .buttons,
#page-admin-index .copyright,
#page-admin-index .copyrightnotice,
#page-admin-index .adminerror .singlebutton,
#page-admin-index .adminwarning .singlebutton,
#page-admin-index #layout-table .singlebutton {
  text-align: center;
  margin-bottom: 1em;
}

.path-admin-roles .capabilitysearchui {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

#page-admin-roles-define .topfields {
  margin: 1em 0 2em;
}

#page-admin-roles-override .capcurrent,
#page-admin-roles-define .capdefault {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
}

#page-filter-manage .backlink,
.path-admin-roles .backlink {
  margin-top: 1em;
}

#page-admin-roles-explain #chooseuser h3, #page-admin-roles-explain #chooseuser .h3,
#page-admin-roles-usersroles .contextname {
  margin-top: 0;
}

#page-admin-roles-explain #chooseusersubmit {
  margin-top: 0;
  text-align: center;
}

#page-admin-roles-usersroles p {
  margin: 0;
}

#page-admin-roles-override .cell.c1,
#page-admin-roles-assign .cell.c3,
#page-admin-roles-assign .cell.c1 {
  padding-top: 0.75em;
}

#page-admin-roles-override .overridenotice,
#page-admin-roles-define .definenotice {
  margin: 1em 10% 2em 10%;
  text-align: left;
}

#page-admin-index .upgradekeyreq {
  min-width: 220px;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
  display: block;
}

#page-admin-index .updateplugin div {
  margin-bottom: 0.5em;
}

#page-admin-user-user_bulk #users .fgroup {
  white-space: nowrap;
}

#page-admin-report-stats-index .graph {
  text-align: center;
  margin-bottom: 1em;
}

#page-admin-report-courseoverview-index .graph {
  text-align: center;
  margin-bottom: 1em;
}

#page-admin-lang .translator {
  border-width: 1px;
  border-style: solid;
}

.path-admin .roleassigntable {
  width: 100%;
}

.path-admin .roleassigntable td {
  vertical-align: top;
  padding: 0.2em 0.3em;
}

.path-admin .roleassigntable p {
  text-align: left;
  margin: 0.2em 0;
}

.path-admin .roleassigntable #existingcell,
.path-admin .roleassigntable #potentialcell {
  width: 42%;
}

.path-admin .roleassigntable #existingcell p > label:first-child,
.path-admin .roleassigntable #potentialcell p > label:first-child {
  font-weight: bold;
}

.path-admin .roleassigntable #buttonscell {
  width: 16%;
}

.path-admin .roleassigntable #buttonscell #assignoptions {
  font-size: 0.875rem;
}

.path-admin .roleassigntable #removeselect_wrapper,
.path-admin .roleassigntable #addselect_wrapper {
  width: 100%;
}

.path-admin table.rolecap tr.rolecap th {
  text-align: left;
  font-weight: normal;
}

.path-admin .rolecap .hiddenrow {
  display: none;
}

.path-admin #defineroletable .rolecap .inherit,
.path-admin #defineroletable .rolecap .allow,
.path-admin #defineroletable .rolecap .prevent,
.path-admin #defineroletable .rolecap .prohibit {
  text-align: center;
  padding: 0;
  min-width: 3.5em;
}

.path-admin .rolecap .cap-name,
.path-admin .rolecap .note {
  display: block;
  font-size: 0.875rem;
  white-space: nowrap;
  font-weight: normal;
}

.path-admin .rolecap label {
  display: block;
  text-align: center;
  padding: 0.5em;
  margin: 0;
}

.path-admin .header-maxwidth,
.path-admin .secondary-navigation .navigation .nav-tabs,
.format-site .header-maxwidth,
.format-site .secondary-navigation .navigation .nav-tabs {
  max-width: none;
}

.path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
.path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
.path-admin.path-admin-tool-lp .header-maxwidth,
.path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
  max-width: 830px;
}

.plugincheckwrapper {
  width: 100%;
}

.environmentbox {
  margin-top: 1em;
}

#mnetconfig table {
  margin-left: auto;
  margin-right: auto;
}

.environmenttable .cell {
  padding: 0.15em 0.5em;
}

#trustedhosts .table {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

#trustedhosts .standard {
  width: auto;
}

#adminsettings legend {
  display: none;
}

#adminsettings fieldset.error {
  margin: 0.2em 0 0.5em 0;
}

#adminsettings fieldset.error legend {
  display: block;
}

#admin-spelllanguagelist textarea {
  /* rtl:ignore */
  text-align: left;
  /* rtl:ignore */
  direction: ltr;
}

/* Styles for flags on admin settings */
.adminsettingsflags {
  float: right;
}

.adminsettingsflags label {
  margin-right: 7px;
}

.form-description pre,
.formsettingheading pre {
  /*rtl:ignore*/
  direction: ltr;
}

.form-item .form-setting .form-htmlarea {
  display: inline;
}

.form-item .form-setting .form-htmlarea .htmlarea {
  width: 640px;
  display: block;
}

.form-item .form-setting .form-multicheckbox ul {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
}

.form-item .form-setting .defaultsnext {
  display: inline-block;
}

.form-item .form-setting .locked-checkbox {
  margin-right: 0.2em;
  margin-left: 0.5em;
  display: inline;
}

.form-item .form-setting .form-password .unmask,
.form-item .form-setting .form-defaultinfo {
  display: inline-block;
}

.form-item .form-setting .form-defaultinfo {
  max-width: 100%;
  word-wrap: break-word;
}

#admin-emoticons td input {
  width: 8em;
}

#admin-emoticons td.c0 input {
  width: 4em;
}

.admin_colourpicker,
.admin_colourpicker_preview {
  display: none;
}

.jsenabled .admin_colourpicker_preview {
  display: inline;
}

@media (min-width: 768px) {
  .jsenabled .admin_colourpicker {
    display: block;
    height: 102px;
    width: 410px;
    margin-bottom: 10px;
    box-sizing: content-box;
  }
  .admin_colourpicker .colourdialogue {
    float: left;
    border: 1px solid var(--bs-gray-500);
  }
  .admin_colourpicker .previewcolour {
    border: 1px solid var(--bs-gray-500);
    margin-left: 301px;
  }
  .admin_colourpicker .currentcolour {
    border: 1px solid var(--bs-gray-500);
    margin-left: 301px;
    border-top-width: 0;
  }
}
@media (max-width: 767.98px) {
  .jsenabled .admin_colourpicker {
    height: 150px;
    margin-bottom: 10px;
    display: block;
    position: relative;
  }
  .admin_colourpicker .previewcolour {
    display: none;
  }
  .admin_colourpicker .currentcolour {
    position: absolute;
    border: 1px solid #dee2e6;
    top: 100px;
    left: 0;
  }
}
.admin_colourpicker .loadingicon {
  vertical-align: middle;
  margin-left: auto;
}

#page-admin-index #notice .checkforupdates {
  text-align: center;
}

#page-admin-index #page-content .alert a {
  font-weight: normal;
  text-decoration: underline;
}

#page-admin-plugins #plugins-overview-panel .info {
  display: inline-block;
  margin-right: 1em;
}
#page-admin-plugins #plugins-overview-panel .info [data-filterby].active {
  font-weight: bold;
}
#page-admin-plugins #plugins-overview-panel .updateavailableinstallall {
  margin-right: 1em;
}
#page-admin-plugins .checkforupdates {
  margin: 10px 0;
}
#page-admin-plugins .checkforupdates .singlebutton {
  margin: 5px 0;
  padding: 0;
}
#page-admin-plugins .checkforupdates .singlebutton div,
#page-admin-plugins .checkforupdates .singlebutton input {
  margin: 0 3px 0 0;
}
#page-admin-plugins .updateavailableinstallall {
  margin: 5px 0;
  padding: 0;
}
#page-admin-plugins .updateavailableinstallall div,
#page-admin-plugins .updateavailableinstallall input {
  margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .status-missing td,
#page-admin-plugins #plugins-control-panel .deprecatedtype td {
  background-color: var(--bs-state-warning-bg);
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  margin-left: 22px;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
#page-admin-plugins #plugins-control-panel .uninstall a {
  color: #ca3120;
}
#page-admin-plugins #plugins-control-panel .notes .label {
  margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}

#plugins-check-page #plugins-check .status-missing td,
#plugins-check-page #plugins-check .deprecatedtype td,
#plugins-check-page #plugins-check .status-downgrade td {
  background-color: var(--bs-state-danger-bg);
}

#plugins-check-page .pluginupdateinfo,
#plugins-control-panel .pluginupdateinfo {
  background-color: var(--bs-state-info-bg);
  padding: 5px;
  margin: 10px 0;
  border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo.maturity50,
#plugins-control-panel .pluginupdateinfo.maturity50 {
  background-color: var(--bs-state-danger-bg);
}
#plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
#plugins-control-panel .pluginupdateinfo.maturity100,
#plugins-control-panel .pluginupdateinfo.maturity150 {
  background-color: var(--bs-state-warning-bg);
}
#plugins-check-page .pluginupdateinfo .info,
#plugins-control-panel .pluginupdateinfo .info {
  display: inline-block;
}
#plugins-check-page .pluginupdateinfo .separator:after,
#plugins-control-panel .pluginupdateinfo .separator:after {
  content: " | ";
}
#plugins-check-page .pluginupdateinfo .singlebutton,
#plugins-control-panel .pluginupdateinfo .singlebutton {
  margin: 5px 0;
  padding: 0;
}
#plugins-check-page .pluginupdateinfo .singlebutton div,
#plugins-check-page .pluginupdateinfo .singlebutton input,
#plugins-control-panel .pluginupdateinfo .singlebutton div,
#plugins-control-panel .pluginupdateinfo .singlebutton input {
  margin: 0 3px 0 0;
}

.plugins-management-confirm-buttons > div {
  display: inline-block;
  margin: 1em 1em 1em 0;
}
.plugins-management-confirm-buttons .continue {
  padding: 0;
}
.plugins-management-confirm-buttons .continue div,
.plugins-management-confirm-buttons .continue input {
  margin: 0;
}

#page-admin-index .upgradepluginsinfo {
  text-align: center;
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
  content: " | ";
}

/** MNet networking */
#page-admin-mnet-peers .box.deletedhosts {
  margin-bottom: 1em;
  font-size: 0.875rem;
}

#core-cache-plugin-summaries table,
#core-cache-store-summaries table {
  width: 100%;
}

#core-cache-lock-summary table,
#core-cache-definition-summaries table,
#core-cache-mode-mappings table {
  margin: 0 auto;
}

#core-cache-store-summaries .default-store td {
  font-style: italic;
}

#core-cache-rescan-definitions,
#core-cache-mode-mappings .edit-link,
#core-cache-lock-additional-actions .new-instance {
  margin-top: 0.5em;
  text-align: center;
}

.maintenancewarning {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 1rem;
  overflow: hidden;
  z-index: 1000;
}

.jsenabled .maintenancewarning {
  transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .jsenabled .maintenancewarning {
    transition: none;
  }
}

.modal.modal-in-page {
  z-index: 0;
}

#page-admin-search .adminpagetitle {
  margin-bottom: 0;
  border-bottom: none;
}
#page-admin-search .adminpagepath {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
#page-admin-search .adminpagepath li + li:before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: "/";
}
@media (min-width: 576px) {
  #page-admin-search .container {
    overflow-wrap: break-word;
  }
}

#page-admin-tasklogs .task-class {
  font-size: 0.875rem;
  color: var(--bs-gray-600);
}

.path-admin-tool-uploaduser .uuwarning {
  background-color: var(--bs-state-warning-bg);
}
.path-admin-tool-uploaduser .uuerror {
  background-color: var(--bs-state-danger-bg);
}
.path-admin-tool-uploaduser .uuinfo {
  background-color: var(--bs-state-success-bg);
}

/* Custom fields management */
.path-admin .customfield-category-list .categorieslist tbody,
.path-admin .customfield-category-list .categorieslist tr,
.path-admin .customfield-category-list .categorieslist td {
  border-style: inherit;
}
.path-admin .customfield-category-list .sharedcategorieslist .card.disabled {
  opacity: 0.65;
}

#page-admin-oauth2server-client-create [data-groupname=clienttypegroup] fieldset > div:first-of-type,
#page-admin-oauth2server-client-create [data-groupname=primaryflowsgroup] fieldset > div:first-of-type {
  padding: 1rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

/**
 * "From Moodle" CTA card brand colours (MDL-89290).
 *
 * Moodle brand values rather than theme colours, so they are literals here rather than being derived from the
 * palette. They live in the theme, not in core_admin\output\notification_ctas, because colours emitted from PHP
 * land in a style attribute and no stylesheet rule can override one: the dark colour mode overrides below would
 * have no way to take effect.
 *
 *   band         The header strip the brand logo sits on.
 *   button       The CTA button fill. Not always the band colour: the Partners and feedback bands are light,
 *                so their buttons are near black instead.
 *   button-hover The hover and active fill. Given rather than derived, because it does not move in one
 *                direction across the four cards: the two brand fills darken, and the two near black ones
 *                lighten, having no room left to darken.
 *   tick         The check icons in the card body.
 */
/* "From Moodle" CTA card grid on the admin notifications page (MDL-89290). */
.admin-notification-ctas {
  margin-top: var(--mds-spacing-xl, 2rem);
  padding: var(--mds-spacing-xl, 2rem) 0;
  background-color: var(--mds-bg-surface-subtle, #f8f9fa);
  border-top: 1px solid var(--mds-border-subtle, #e9ecef);
}
.admin-notification-ctas .admin-notification-ctas-heading {
  margin-bottom: var(--mds-spacing-lg, 1.25rem);
}
.admin-notification-ctas .admin-notification-ctas-heading h3, .admin-notification-ctas .admin-notification-ctas-heading .h3 {
  margin-bottom: var(--mds-spacing-xxs, 0.25rem);
}
.admin-notification-ctas .admin-notification-ctas-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mds-spacing-xl, 2rem);
}
@media (max-width: 575.98px) {
  .admin-notification-ctas .admin-notification-ctas-grid {
    grid-template-columns: 1fr;
  }
}
.admin-notification-ctas .admin-notification-cta {
  display: flex;
  flex-direction: column;
  background-color: var(--mds-bg-surface-default, #ffffff);
  border: 1px solid var(--mds-border-subtle, #e9ecef);
  border-radius: var(--mds-border-radius-lg, 0.75rem);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
[data-bs-theme=dark] .admin-notification-ctas .admin-notification-cta {
  border-color: var(--bs-gray-300);
}

.admin-notification-ctas .admin-notification-cta[data-cta-key=marketplace] {
  --cta-band: #570d82;
  --cta-button: #570d82;
  --cta-button-hover: #32064c;
  --cta-tick: #570d82;
}
[data-bs-theme=dark] .admin-notification-ctas .admin-notification-cta[data-cta-key=marketplace] {
  --cta-button: #a37aba;
  --cta-button-hover: #c4aad3;
  --cta-tick: #bc9ecd;
}

.admin-notification-ctas .admin-notification-cta[data-cta-key=moodlecloud] {
  --cta-band: #194866;
  --cta-button: #194866;
  --cta-button-hover: #102f42;
  --cta-tick: #194866;
}
[data-bs-theme=dark] .admin-notification-ctas .admin-notification-cta[data-cta-key=moodlecloud] {
  --cta-button: #7591a3;
  --cta-button-hover: #a3b6c2;
  --cta-tick: #98adba;
}

.admin-notification-ctas .admin-notification-cta[data-cta-key=partners] {
  --cta-band: #fedfc1;
  --cta-button: #282828;
  --cta-button-hover: #545454;
  --cta-tick: #194866;
}
[data-bs-theme=dark] .admin-notification-ctas .admin-notification-cta[data-cta-key=partners] {
  --cta-button: #898989;
  --cta-button-hover: #b4b4b4;
  --cta-tick: #98adba;
}

.admin-notification-ctas .admin-notification-cta[data-cta-key=feedback] {
  --cta-band: #f98012;
  --cta-button: #282828;
  --cta-button-hover: #545454;
  --cta-tick: #db7110;
}
[data-bs-theme=dark] .admin-notification-ctas .admin-notification-cta[data-cta-key=feedback] {
  --cta-button: #898989;
  --cta-button-hover: #b4b4b4;
  --cta-tick: #e4954c;
}

.admin-notification-ctas .admin-notification-cta .admin-notification-cta-band {
  display: flex;
  align-items: center;
  height: 6rem;
  padding: 0 var(--mds-spacing-lg, 1.25rem);
  background-color: var(--cta-band);
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-logo {
  width: auto;
  max-height: 100%;
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-logo-pill {
  display: inline-flex;
  padding: var(--mds-spacing-xs, 0.5rem) var(--mds-spacing-sm, 0.75rem);
  background-color: #ffffff;
  border-radius: var(--mds-border-radius-sm, 0.375rem);
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--mds-spacing-sm, 0.5rem);
  padding: var(--mds-spacing-lg, 1.25rem);
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-ticks {
  display: flex;
  flex-direction: column;
  gap: var(--mds-spacing-xxs, 0.25rem);
  margin: 0;
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-ticks li {
  display: flex;
  align-items: center;
  gap: var(--mds-spacing-xxs, 0.25rem);
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-ticks .admin-notification-cta-tick {
  color: var(--cta-tick);
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--mds-spacing-xs, 0.5rem);
  margin-top: auto;
  padding-top: var(--mds-spacing-xxs, 0.25rem);
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-action .admin-notification-cta-button {
  --cta-button-text: #ffffff;
  --bs-btn-color: var(--cta-button-text);
  --bs-btn-bg: var(--cta-button);
  --bs-btn-border-color: var(--cta-button);
  --bs-btn-hover-color: var(--cta-button-text);
  --bs-btn-hover-bg: var(--cta-button-hover);
  --bs-btn-hover-border-color: var(--cta-button-hover);
  --bs-btn-active-color: var(--cta-button-text);
  --bs-btn-active-bg: var(--cta-button-hover);
  --bs-btn-active-border-color: var(--cta-button-hover);
}
[data-bs-theme=dark] .admin-notification-ctas .admin-notification-cta .admin-notification-cta-action .admin-notification-cta-button {
  --cta-button-text: #1d2125;
}

.admin-notification-ctas .admin-notification-cta .admin-notification-cta-action .admin-notification-cta-button:focus-visible, .admin-notification-ctas .admin-notification-cta .admin-notification-cta-action .admin-notification-cta-button:focus.focus {
  outline: 0.25rem solid var(--mds-text-emphasis);
  box-shadow: inset 0 0 0 2px var(--cta-button-text);
}
.admin-notification-ctas .admin-notification-cta .admin-notification-cta-caption {
  font-size: var(--mds-font-size-paragraph-small, 0.875rem);
}

/* Bold category label prefix on admin notification items (MDL-89290). */
.notification-label-danger {
  color: var(--mds-text-feedback-danger, #791d13);
}

.notification-label-warning {
  color: var(--mds-text-feedback-warning, #60451f);
}

.notification-label-notice {
  color: var(--mds-text-feedback-info, #00475a);
}

/**
 Blocks
 */
.blockmovetarget .accesshide {
  position: relative;
  left: initial;
}

.block:target {
  padding-top: 0 !important; /* stylelint-disable declaration-no-important */
  margin-top: 0 !important;
}

.block_search_forums .searchform {
  /* Override plugin's default. */
  text-align: left;
}

.block.block_navigation .block_tree ul,
.block_settings .block_tree ul {
  margin-left: 0;
}

.block .block-controls .dropdown-toggle {
  /* So that the icon takes the colour of the icon. */
  color: var(--bs-body-color);
}
.block .block-controls .dropdown-toggle::after {
  display: none;
}
.block .block-controls .dropdown-menu {
  max-width: 500px;
}
@media (max-width: 575.98px) {
  .block .block-controls .dropdown-menu {
    max-width: 85vw;
  }
}
.block .block-controls .dropdown-menu .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-region=blocks-column] {
  width: 360px;
  float: right;
}

/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
@media (min-width: 576px) {
  #region-main-settings-menu {
    position: relative;
    float: left;
    width: 100%;
  }
  #region-main-settings-menu > div {
    position: absolute;
    right: 0;
    z-index: 100;
    margin: 1rem;
  }
  .region_main_settings_menu_proxy {
    width: 4rem;
    height: 2rem;
    background-color: var(--bs-body-bg);
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    float: right;
  }
}
@media (max-width: 767.98px) {
  #region-main-settings-menu .menubar {
    justify-content: flex-end;
  }
}
#region-main.has-blocks {
  display: inline-block;
  width: calc(100% - calc(360px + (1.5rem * 0.5)));
}
@media (max-width: 1199.98px) {
  #region-main.has-blocks {
    width: 100%;
    /* MDL-63102 - Remove extra space at bottom.
    If modifying make sure block-region is horizontally stacked when in full screen */
    display: block;
  }
}

.header-action #region-main-settings-menu {
  position: unset;
  float: none;
  width: auto;
}
.header-action #region-main-settings-menu > div {
  position: unset;
  right: auto;
  margin: 0;
}

@media (max-width: 1199.98px) {
  [data-region=blocks-column] {
    width: 100%;
  }
}

.block .empty-placeholder-image-lg {
  height: 5rem;
}

.block .searchbar .icon {
  margin-right: 0;
}

.block .block-cards .course-info-container {
  padding: 0.8rem;
}
.block .block-cards .progress {
  height: 0.5rem;
}
.block .block-cards .course-summaryitem {
  border: 1px solid #dee2e6;
  background-color: var(--bs-body-bg);
}
.block .block-cards .icon {
  margin-right: 0;
}
.block .block-cards .card .coursemenubtn {
  margin-top: -0.5rem;
}
.block .block-cards span.categoryname,
.block .block-cards .btn-link {
  color: var(--bs-gray-900);
}
.block .block-cards .progress-text {
  color: var(--bs-gray-600);
}
.block .block-cards .multiline {
  white-space: normal;
}

.drawercontent .card-title {
  color: var(--bs-gray-700);
  font-size: 1rem;
}
.drawercontent .card-text {
  color: var(--bs-gray-600);
}

.card-grid {
  display: flex;
}
.card-grid .card {
  flex: 1;
}
.drawercontent .card-grid .col, .blockcolumn .card-grid .col {
  flex: 0 0 auto;
  max-width: 100%;
}

.card-carousel {
  display: flex;
}
.card-carousel .card {
  flex: 1;
}
@media (min-width: 576px) {
  .card-carousel .card {
    flex: 0 1 auto;
    width: 240px;
    max-width: 100%;
  }
}

.course-card .card-img-top,
.theme-card .card-img-top {
  height: 7rem;
  background-position: center;
  background-size: cover;
}

.block_recentlyaccessedcourses .paging-bar-container {
  margin-top: -2.4rem;
  padding-right: 0.5rem;
  justify-content: flex-end;
}
@media (max-width: 575.98px) {
  .block_recentlyaccessedcourses .paging-bar-container {
    margin-top: 0;
  }
}
.editing .block_recentlyaccessedcourses .paging-bar-container {
  margin-top: 0;
}

#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
  margin-top: 0;
}

.block_recentlyaccesseditems .activityiconcontainer {
  width: 40px;
  height: 40px;
}
aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4) {
  display: none;
}
#block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
  display: none;
}
.block_recentlyaccesseditems a.card:hover, .block_recentlyaccesseditems a.card:focus {
  text-decoration: none;
}
.block_recentlyaccesseditems a.card:hover h6, .block_recentlyaccesseditems a.card:hover .h6, .block_recentlyaccesseditems a.card:focus h6, .block_recentlyaccesseditems a.card:focus .h6 {
  text-decoration: underline;
}
.block_recentlyaccesseditems a.card small, .block_recentlyaccesseditems a.card .small {
  color: var(--bs-body-color);
}

.block_myoverview .content {
  min-height: 19.35rem;
}
.block_myoverview .paged-content-page-container {
  min-height: 13rem;
}
.block_myoverview .summary-image {
  height: 5rem;
  width: 5rem;
  background-position: center;
  background-size: cover;
}
.block_myoverview .list-image {
  height: 5rem;
  width: 20rem;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1199.98px) {
  .block_myoverview .list-image {
    width: 100%;
  }
}

.block_timeline .paged-content-page-container {
  background-color: var(--bs-body-bg);
}

.block_timeline .event-action {
  padding-left: 5.55em;
}

.block_settings .block_tree [aria-expanded=true],
.block_settings .block_tree [aria-expanded=true].emptybranch,
.block_settings .block_tree [aria-expanded=false],
.block_navigation .block_tree [aria-expanded=true],
.block_navigation .block_tree [aria-expanded=true].emptybranch,
.block_navigation .block_tree [aria-expanded=false] {
  background-image: none;
}

.block_settings .block_tree [aria-expanded=true] > p:before,
.block_navigation .block_tree [aria-expanded=true] > p:before {
  font: var(--fa-font-solid);
  content: "\f107";
  margin-right: 0;
  font-size: 16px;
  width: 16px;
}

.block_settings .block_tree [aria-expanded=false] > p:before,
.block_navigation .block_tree [aria-expanded=false] > p:before {
  font: var(--fa-font-solid);
  content: "\f105";
  margin-right: 0;
  font-size: 16px;
  width: 16px;
}

.dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
.dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
  font: var(--fa-font-solid);
  content: "\f104";
}

.block_navigation .block_tree p.hasicon,
.block_settings .block_tree p.hasicon {
  text-indent: -3px;
}
.block_navigation .block_tree p.hasicon .icon,
.block_settings .block_tree p.hasicon .icon {
  margin-right: 2px;
}

.block.invisibleblock .card-title {
  color: var(--bs-secondary-color);
}

.block_tree .tree_item.branch {
  margin-left: 8px;
}

.pagelayout-embedded .has-fake-blocks {
  padding: 1rem;
  display: flex;
}
.pagelayout-embedded .has-fake-blocks .embedded-main {
  order: 0;
  width: calc(100% - 360px);
  margin-right: 1rem;
}
.pagelayout-embedded .embedded-blocks {
  order: 1;
  width: 360px;
}
@media (max-width: 767.98px) {
  .pagelayout-embedded .has-fake-blocks {
    display: block;
  }
  .pagelayout-embedded .has-fake-blocks .embedded-main {
    width: 100%;
  }
  .pagelayout-embedded .embedded-blocks {
    width: 100%;
  }
}

.block-add {
  color: #0f6cbf;
  border-color: #3f89cc;
  background-color: #e7f0f9;
  border-radius: 0.5rem;
  width: 100%;
  border-width: 1px;
}
.block-add .pluscontainer {
  border: 1px solid #3f89cc;
  border-radius: 50%;
  width: 40px;
  height: 32px;
}
.block-add:hover {
  cursor: pointer;
  background-color: #e7f0f9;
}
.block-add:hover .activity-add-text {
  text-decoration: underline;
}

/* calendar.less */
.calendar_event_category {
  background-color: #e0cbe0;
}
[data-bs-theme=dark] .calendar_event_category {
  color: #1d2125;
}

.calendar_event_category .commands a {
  color: #0d5ca1;
}

.calendar_event_course {
  background-color: #ffd3bd;
}
[data-bs-theme=dark] .calendar_event_course {
  color: #1d2125;
}

.calendar_event_course .commands a {
  color: #0d5ca1;
}

.calendar_event_site {
  background-color: #d6f8cd;
}
[data-bs-theme=dark] .calendar_event_site {
  color: #1d2125;
}

.calendar_event_site .commands a {
  color: #0d5ca1;
}

.calendar_event_group {
  background-color: #fee7ae;
}
[data-bs-theme=dark] .calendar_event_group {
  color: #1d2125;
}

.calendar_event_group .commands a {
  color: #0d5ca1;
}

.calendar_event_user {
  background-color: #dce7ec;
}
[data-bs-theme=dark] .calendar_event_user {
  color: #1d2125;
}

.calendar_event_user .commands a {
  color: #0d5ca1;
}

.calendar_event_other {
  background-color: #ced4da;
}
[data-bs-theme=dark] .calendar_event_other {
  color: #1d2125;
}

.calendar_event_other .commands a {
  color: #0d5ca1;
}

.calendartable {
  width: 100%;
  table-layout: fixed;
}
.calendartable th,
.calendartable td {
  width: 14%;
  vertical-align: top;
  text-align: center;
  border: 0;
}

.calendar-controls .previous,
.calendar-controls .next,
.calendar-controls .current {
  display: block;
  float: left;
  width: 12%;
}
.calendar-controls .previous {
  text-align: left;
  border: 1px solid transparent;
  width: 25%;
}
.calendar-controls .current {
  text-align: center;
  width: 50%;
}
.calendar-controls .next {
  text-align: right;
  border: 1px solid transparent;
  width: 25%;
}
.calendar-controls .drop-target {
  box-sizing: border-box;
  border: 1px dashed #0f6cbf;
}

.filters table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

#region-main .maincalendar .calendarwrapper td > div {
  height: 11.5em;
  overflow: hidden;
}

.maincalendar {
  vertical-align: top;
  padding: 0;
}
.maincalendar .bottom {
  text-align: left;
  width: 98%;
  margin: 10px auto;
}
.maincalendar .bottom span.footer-link:after {
  content: "•";
  color: #0f6cbf;
}
.maincalendar .bottom span.footer-link:last-child:after {
  content: none;
}
.maincalendar .heightcontainer {
  height: 100%;
  position: relative;
}
.maincalendar .calendarmonth {
  width: 98%;
  margin: 10px auto;
}
.maincalendar .calendarmonth ul {
  margin: 0;
  padding: 0;
}
.maincalendar .calendarmonth ul li[data-event-folded=true] {
  display: none;
}
.maincalendar .calendarmonth ul li {
  list-style-type: none;
  line-height: 1.2em;
}
.maincalendar .calendarmonth ul li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}
.maincalendar .calendarmonth ul li > a:hover {
  text-decoration: none;
}
.maincalendar .calendarmonth ul li > a:hover .eventname {
  text-decoration: underline;
}
.maincalendar .calendarmonth ul li a[data-action=view-day-link] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.maincalendar .calendarmonth ul li .icon {
  margin-left: 0.25em;
  margin-right: 0.25em;
  vertical-align: initial;
}
.maincalendar .calendarmonth ul li .calendar-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: middle;
  display: inline-block;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
  background-color: #e0cbe0;
  border: 2px solid #9e619f;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
  background-color: #ffd3bd;
  border: 2px solid #d34600;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
  background-color: #d6f8cd;
  border: 2px solid #2b8713;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
  background-color: #fee7ae;
  border: 2px solid #9a6e02;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
  background-color: #dce7ec;
  border: 2px solid #4e7c91;
}
.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
  background-color: #ced4da;
  border: 2px solid #687889;
}
.maincalendar .calendarmonth th {
  text-align: left;
  padding-left: 16px;
}
.maincalendar .calendarmonth td a.day:focus {
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.maincalendar .calendarmonth td .day-number-circle {
  display: inline-block;
  line-height: 0;
  width: 30px;
  height: 30px;
}
.maincalendar .calendarmonth td .day-number-circle .day-number {
  display: inline-block;
  padding: 50% 4px;
  width: 100%;
  text-align: center;
}
.maincalendar .calendarmonth td.today .day-number-circle {
  border-radius: 50%;
  color: #ffffff;
  background-color: #0f6cbf;
}
.maincalendar .calendarmonth .clickable:hover {
  background-color: #ededed;
}
[data-bs-theme=dark] .maincalendar .calendarmonth .clickable:hover {
  background-color: var(--bs-gray-200);
}

.maincalendar .controls {
  width: 98%;
  margin: 10px auto;
}
.maincalendar .calendar_event_category a:has(> .icon):hover,
.maincalendar .calendar_event_course a:has(> .icon):hover,
.maincalendar .calendar_event_site a:has(> .icon):hover,
.maincalendar .calendar_event_group a:has(> .icon):hover,
.maincalendar .calendar_event_user a:has(> .icon):hover {
  color: #07345a;
  text-decoration: none;
}
.maincalendar .calendar_event_category {
  border-color: #e0cbe0;
}
.maincalendar .calendar_event_course {
  border-color: #ffd3bd;
}
.maincalendar .calendar_event_site {
  border-color: #d6f8cd;
}
.maincalendar .calendar_event_group {
  border-color: #fee7ae;
}
.maincalendar .calendar_event_user {
  border-color: #dce7ec;
}
.maincalendar .calendar_event_other {
  border-color: #ced4da;
}
.maincalendar .calendartable td,
.maincalendar .calendartable li {
  padding: 4px;
}
.maincalendar .calendartable li {
  text-align: left;
}
.maincalendar .header {
  overflow: hidden;
}
.maincalendar .header .buttons {
  float: right;
}
.maincalendar .event .card-header img {
  vertical-align: baseline;
}
.maincalendar .event .location {
  word-break: break-all;
  overflow-wrap: break-word;
}
.maincalendar table#subscription_details_table td {
  vertical-align: middle;
}
.maincalendar table#subscription_details_table td > .btn-group button {
  padding-left: 0;
}

#page-calendar-export .indent {
  padding-left: 20px;
}

.block .bottom {
  width: 98%;
  margin: 10px auto;
}
.block .bottom span.footer-link:after {
  content: "•";
  color: #0f6cbf;
}
.block .bottom span.footer-link:last-child:after {
  content: none;
}
.block .minicalendar {
  max-width: 280px;
  margin: 0 auto;
  width: 100%;
}
.block .minicalendar th,
.block .minicalendar td {
  padding: 2px;
  font-size: 0.8em;
  text-align: center;
}
.block .minicalendar td.weekend {
  color: var(--bs-secondary-color);
}
.block .minicalendar td a {
  width: 100%;
  height: 100%;
  display: block;
  color: #0d5ca1;
}
.block .minicalendar td.duration_global {
  border-top: 1px solid #d6f8cd;
  border-bottom: 1px solid #d6f8cd;
}
.block .minicalendar td.duration_global.duration_finish {
  background-color: #d6f8cd;
}
.block .minicalendar td.duration_category {
  border-top: 1px solid #e0cbe0;
  border-bottom: 1px solid #e0cbe0;
}
.block .minicalendar td.duration_category.duration_finish {
  background-color: #e0cbe0;
}
.block .minicalendar td.duration_course {
  border-top: 1px solid #ffd3bd;
  border-bottom: 1px solid #ffd3bd;
}
.block .minicalendar td.duration_course.duration_finish {
  background-color: #ffd3bd;
}
.block .minicalendar td.duration_group {
  border-top: 1px solid #fee7ae;
  border-bottom: 1px solid #fee7ae;
}
.block .minicalendar td.duration_group.duration_finish {
  background-color: #fee7ae;
}
.block .minicalendar td.duration_user {
  border-top: 1px solid #dce7ec;
  border-bottom: 1px solid #dce7ec;
}
.block .minicalendar td.duration_user.duration_finish {
  background-color: #dce7ec;
}
.block .minicalendar td.duration_other {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
.block .minicalendar td.duration_other.duration_finish {
  background-color: #ced4da;
}
.block .minicalendar caption {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: center;
}
.block .calendar_filters ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block .calendar_filters li {
  margin-bottom: 0.2em;
}
.block .calendar_filters li span.calendar_event_category i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_course i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_site i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_group i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_user i {
  color: #0d5ca1;
}
.block .calendar_filters li span.calendar_event_other i {
  color: #0d5ca1;
}
.block .calendar_filters li span img {
  padding: 0 0.2em;
  margin: 0;
}
.block .calendar_filters li .icon {
  vertical-align: initial;
  margin: 0 0.1rem 0 0.4rem;
}
.block .calendar_filters li > a:hover {
  text-decoration: none;
}
.block .calendar_filters li > a:hover .eventname {
  text-decoration: underline;
}
.block .content h3.eventskey, .block .content .eventskey.h3 {
  margin-top: 0.5em;
}

.path-course-view .block.block_calendar_month .maincalendar div.header {
  visibility: hidden;
  height: 0;
}
.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text:not(caption) {
  position: absolute !important;
}
.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text * {
  overflow: hidden !important;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link {
  display: block;
}
.path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
  content: none;
}

/* Display month name above the calendar */
table.calendartable caption {
  caption-side: top;
}

@media (min-width: 768px) {
  #page-calender-view .container-fluid, #page-calender-view .container-sm, #page-calender-view .container-md, #page-calender-view .container-lg, #page-calender-view .container-xl, #page-calender-view .container-xxl {
    min-width: 1024px;
  }
}
@media (min-width: 768px) {
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar div.header {
    visibility: hidden;
    height: 0;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .current {
    width: 40%;
    font-size: inherit;
    line-height: inherit;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .next {
    width: 30%;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
    display: none;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
    border: none;
    text-align: center !important;
    padding: 0;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
    height: auto;
    font-size: 0.8em;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
    display: none;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
    display: inline-block;
    position: relative;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
    content: ".";
    display: inline-block;
    position: absolute;
    bottom: 0.4em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 3em;
    color: inherit;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
    content: "";
    display: block;
    margin-top: calc(100% - 26px);
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
    background-color: inherit;
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
    border-radius: 50%;
    background-color: #ededed;
  }
  [data-bs-theme=dark] [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
    background-color: var(--bs-gray-200);
  }
  [data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .bottom {
    border-top: 1px solid var(--bs-gray-200);
    padding-top: 0.5rem;
  }
}
@media (max-width: 768px) {
  .maincalendar .calendartable.calendarmonth th,
  .maincalendar .calendartable.calendarmonth td {
    border: none;
    text-align: center !important;
    padding: 0;
  }
  .maincalendar .calendartable.calendarmonth td {
    height: auto;
    font-size: inherit;
    padding: 0;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
    display: none;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
    display: inline-block;
    position: relative;
  }
  .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
    content: ".";
    display: inline-block;
    position: absolute;
    bottom: 0.4em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 3em;
    color: inherit;
  }
  .maincalendar .calendartable.calendarmonth td:after {
    content: "";
    display: block;
    margin-top: calc(100% - 26px);
  }
  .maincalendar .calendartable.calendarmonth td > div {
    height: auto !important;
  }
}
.calendarwrapper {
  position: relative;
}

.day-popover-content:empty + .day-popover-alternate {
  display: block;
}

.location-content {
  overflow-wrap: break-word;
}

.description-content {
  overflow-wrap: break-word;
}
.description-content > p {
  margin: 0;
}

.cal_courses_flt {
  color: var(--bs-gray-600);
  max-width: 75%;
}

.content-bank-container .cb-content-wrapper {
  padding: 0.5rem;
  min-height: 140px;
  max-height: 500px;
  overflow-x: auto;
  flex-wrap: wrap;
}
.content-bank-container .cb-thumbnail {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.content-bank-container.view-grid {
  /* Display a centered eye slash on top of unlisted content icons. */
}
.content-bank-container.view-grid .cb-listitem {
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-listitem.cb-unlisted {
  position: relative;
}
@media (max-width: 767.98px) {
  .content-bank-container.view-grid .cb-listitem {
    flex-basis: 50%;
  }
}
@media (min-width: 576px) {
  .content-bank-container.view-grid .cb-listitem {
    max-width: 120px;
    min-width: 120px;
  }
}
.content-bank-container.view-grid .cb-name {
  text-align: center;
}
.content-bank-container.view-grid .cb-file {
  padding: 0.5rem;
}
.content-bank-container.view-grid .cb-thumbnail {
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
  opacity: 0.15;
}
.content-bank-container.view-grid .cb-unlisted::after {
  font: var(--fa-font-solid);
  content: "\f070";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  font-size: 26px;
  text-align: center;
  opacity: 0.9;
  text-shadow: 0 0 10px var(--bs-body-bg);
}
.content-bank-container.view-grid .cb-heading,
.content-bank-container.view-grid .cb-uses,
.content-bank-container.view-grid .cb-date,
.content-bank-container.view-grid .cb-size,
.content-bank-container.view-grid .cb-type,
.content-bank-container.view-grid .cb-author {
  display: none;
}
.content-bank-container.view-list .cb-content-wrapper {
  padding: 0 0.5rem;
  flex-direction: column;
  flex-wrap: nowrap;
}
.content-bank-container.view-list .cb-thumbnail {
  margin-right: 0.5rem;
}
.content-bank-container.view-list .cb-listitem,
.content-bank-container.view-list .cb-heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-column {
  display: flex;
  padding: 0.25rem;
}
.content-bank-container.view-list .cb-column {
  border-right: 1px solid #dee2e6;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
  opacity: 0.3;
}
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
  color: var(--bs-secondary-color);
}
@media (max-width: 767.98px) {
  .content-bank-container.view-list .cb-column {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 576px) {
  .content-bank-container.view-list .cb-heading {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .content-bank-container.view-list .cb-file {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .content-bank-container.view-list .cb-uses,
  .content-bank-container.view-list .cb-date,
  .content-bank-container.view-list .cb-size,
  .content-bank-container.view-list .cb-type,
  .content-bank-container.view-list .cb-author {
    flex: 0 0 12%;
    max-width: 12%;
  }
  .content-bank-container.view-list .cb-column.last {
    border-right: 0;
  }
}
.content-bank-container.view-list .cb-btnsort span {
  display: none;
}
.content-bank-container.view-list .cb-btnsort .title {
  display: inline;
}
.content-bank-container.view-list .cb-btnsort.dir-none .default, .content-bank-container.view-list .cb-btnsort.dir-asc .asc, .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
  display: inline;
}

.cb-toolbar-container .dropdown-scrollable {
  max-height: 190px;
  overflow-y: auto;
}

.cb-navigation-container .singleselect,
.cb-navigation-container .singleselect .form-select {
  width: 100%;
}

/*
 * Course page styles.
 */
/* Course content */
.course-content ul.section-list {
  padding: 0;
  margin: 0;
}

.course-content .section-item ul,
.course-content .section-item .activity-item ul {
  list-style: disc;
}
.course-content .section-item ul ul,
.course-content .section-item .activity-item ul ul {
  list-style: circle;
}
.course-content .section-item ul ul ul,
.course-content .section-item .activity-item ul ul ul {
  list-style: square;
}

.section-collapsemenu .collapseall {
  display: block;
}
.section-collapsemenu .expandall {
  display: none;
}
.section-collapsemenu.collapsed .collapseall {
  display: none;
}
.section-collapsemenu.collapsed .expandall {
  display: block;
}

button.section-collapsemenu {
  padding: 0.5rem 0.75rem;
  color: var(--bs-gray-600);
  line-height: 1;
  background: none;
  border: 0;
}
button.section-collapsemenu:hover .collapsemenu-text {
  text-decoration: underline;
}

.section-list.has-collapsemenu .section-collapsemenu {
  display: none;
}

.courseindex-collapsemenu {
  color: var(--bs-gray-700);
}
.courseindex-collapsemenu .collapseall {
  display: block;
}
.courseindex-collapsemenu .expandall {
  display: none;
}
.courseindex-collapsemenu.collapsed .collapseall {
  display: none;
}
.courseindex-collapsemenu.collapsed .expandall {
  display: block;
}

.max-section-alert {
  border-top: 1px solid #dee2e6;
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--bs-gray-600);
}

/* Sections */
.course-section {
  list-style: none;
  margin-top: 1rem;
}
.editing .course-section {
  margin-top: 0.5rem;
}
.course-section .section-item {
  border: 1px solid var(--bs-gray-200);
  border-radius: 1rem;
  background-color: var(--bs-white);
}
.course-section .section-item .course-section-header {
  padding: 1rem;
  border-radius: 1rem;
}
.course-section .section-item .course-section-header .section-restrictionlock .icon {
  color: var(--bs-gray-600);
}
.course-section .section-item .course-content-item-content > [data-for=sectioninfo] {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.course-section .section-item .course-content-item-content .section-content-inner {
  padding: 1rem;
  border-top: 1px solid var(--bs-gray-200);
  background-color: var(--bs-gray-100);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.course-section .section-item .course-section-header:has(.icons-collapse-expand) ~ .course-content-item-content > [data-for=sectioninfo] {
  padding-left: calc(16px + 3rem);
}
.course-section.current > .section-item {
  position: relative;
}
.course-section.current > .section-item::before {
  border-left: #0f6cbf 3px solid;
  bottom: 0;
  content: "";
  left: -8px;
  position: absolute;
  top: 0;
}
.course-section .sectionname a {
  color: var(--bs-gray-900);
  font-size: 1.25rem;
}
.course-section .sectionname a:hover {
  text-decoration: none;
}
.course-section .sectionbadges .badge {
  margin-left: 0.5rem;
  font-weight: normal;
}
.course-section .sectionbadges .badge .icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.course-section .course-section-header.draggable {
  cursor: move;
}
.course-section .section_action_menu .dropdown-toggle::after {
  display: none;
}
.course-section .summarytext {
  color: var(--bs-gray-600);
}
.course-section .summarytext img {
  border-radius: 1rem;
}
.course-section .availabilityinfo {
  margin-top: 0.5rem;
  padding: 1rem;
  background-color: var(--bs-gray-200);
  border: 1px solid var(--bs-gray-300);
  color: var(--bs-gray-700);
  font-size: 0.875em;
  border-radius: 1rem;
}
.course-section .availabilityinfo .icon {
  color: var(--bs-gray-600);
}
.course-section .availabilityinfo .editavailability a {
  border-radius: 0.5rem;
  font-weight: bold;
}
.course-section .availabilityinfo .editavailability a:hover {
  background-color: var(--bs-gray-400);
}
.course-section .availabilityinfo .editavailability a .icon {
  font-size: inherit;
  margin-right: 0.25rem;
}
.course-section .section_action_menu > .action-menu .btn-icon {
  font-size: 1.25rem;
}
.course-section .section-summary-activities .icon {
  width: inherit;
  color: #0f6cbf;
}
.course-section .section-summary-activities + .section {
  border-top: 1px solid #dee2e6;
  margin-top: 1rem !important;
  padding-top: 1rem !important;
}
.course-section .section_goto .icon {
  font-size: 1.25rem;
  color: #0f6cbf;
}
.course-section .overlay-preview {
  z-index: 5;
}

.section-list.has-collapsemenu > .course-section:first-child {
  margin-top: 0;
}

.section li.movehere a {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed var(--bs-gray-800);
}

/* Activities */
.activity {
  list-style: none;
  margin-top: 1rem;
}
.activity.indented .activity-item {
  margin-left: 1rem;
}
.editing .activity, .section .activity:first-child {
  padding-top: 0;
  margin-top: 0;
}

.activity-item {
  padding: 1.25rem;
  border-radius: 1rem;
  border: 0.0625rem solid var(--mds-border-subtle);
  background-color: var(--mds-bg-surface-subtle);
}
.activity-item:hover:not(:has(.delegated-section)) {
  background-color: var(--mds-bg-surface-default);
}
.activity-item:focus-within:not(:has(.delegated-section)) {
  outline: 0.125rem solid var(--mds-border-interactive-primary-default);
}
.activity-item.hiddenactivity .activityiconcontainer {
  mix-blend-mode: multiply;
}
[data-bs-theme=dark] .activity-item.hiddenactivity .activityiconcontainer {
  mix-blend-mode: screen;
}

.activity-item.hiddenactivity .activity-name-area .activityname {
  color: var(--mds-text-muted);
}
.activity-item.hiddenactivity .activity-name-area .activityname .aalink, .activity-item.hiddenactivity .activity-name-area .activityname a.autolink {
  color: var(--mds-text-muted);
}
.activity-item.hiddenactivity .badge {
  background-color: transparent;
  color: var(--bs-gray-700);
  border: 1px solid var(--bs-gray-300);
}
.activity-item.hiddenactivity .activity-altcontent.activity-description {
  color: var(--mds-text-muted);
}
.editing .activity-item {
  cursor: move;
}
.editing .activity-item .a {
  cursor: pointer;
}
.editing .activity-item:hover:not(:has(.activity:hover)) .activityiconcontainer,
.editing .activity-item:hover:not(:has(.activity:hover)) .badge, .editing .activity-item.selected .activityiconcontainer,
.editing .activity-item.selected .badge {
  mix-blend-mode: multiply;
}
[data-bs-theme=dark] .editing .activity-item:hover:not(:has(.activity:hover)) .activityiconcontainer, [data-bs-theme=dark] .editing .activity-item:hover:not(:has(.activity:hover)) .badge, [data-bs-theme=dark] .editing .activity-item.selected .activityiconcontainer, [data-bs-theme=dark] .editing .activity-item.selected .badge {
  mix-blend-mode: screen;
}

.activity.dragging .activity-item {
  border: 0.125rem solid var(--mds-border-interactive-primary-default);
}
.editing .activity.dragging .activity-item:hover {
  outline: none;
}
.activity-item .activity-grid {
  display: grid;
  align-items: center;
  grid-template-columns: min-content 1fr min-content min-content min-content;
  grid-template-rows: 1fr repeat(5, min-content);
  grid-template-areas: "icon   name          groupmode      completion    actions" "icon   altcontent    altcontent     altcontent    altcontent" "icon   afterlink     afterlink      afterlink     afterlink" "visibility   visibility   visibility     visibility    visibility" "dates        dates        dates          dates         dates" "availability availability availability   availability  availability";
}
@media (max-width: 575.98px) {
  .activity-item .activity-grid {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-rows: 1fr repeat(4, min-content);
    grid-template-areas: "icon          name          actions" "altcontent    altcontent    altcontent" "afterlink     afterlink     afterlink" "visibility    visibility    visibility" "dates         dates         dates" "groupmode     groupmode     groupmode" "completion    completion    completion" "availability  availability  availability";
  }
}
.activity-item .activity-grid.noname-grid {
  grid-template-columns: min-content 1fr min-content min-content;
  grid-template-areas: "visibility    groupmode        completion    actions" "altcontent    altcontent       altcontent    altcontent" "afterlink     afterlink        afterlink     afterlink" "availability  availability     availability  availability";
}
@media (max-width: 575.98px) {
  .activity-item .activity-grid.noname-grid {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "visibility    actions" "altcontent    altcontent" "groupmode     groupmode" "afterlink     afterlink" "completion    completion" "availability  availability";
  }
}
.activity-item .activity-actions {
  grid-area: actions;
}
.activity-item .activity-actions .actions {
  position: relative;
}
.activity-item .activity-icon {
  grid-area: icon;
}
.activity-item .activity-dates {
  grid-area: dates;
  font-size: 0.875em;
  color: var(--bs-gray-700);
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
}
@media (max-width: 575.98px) {
  .activity-item .activity-dates {
    margin-top: 0.5rem;
  }
}
.activity-item .activity-dates .date-item-label {
  font-weight: 600;
  margin-right: 0.25rem;
}
.activity-item .activity-name-area {
  grid-area: name;
}
.activity-item .activity-name-area .activityname {
  color: var(--bs-gray-700);
  font-weight: 500;
}
.activity-item .activity-name-area .activityname .aalink, .activity-item .activity-name-area .activityname a.autolink {
  color: var(--bs-gray-900);
}
.activity-item .activity-name-area .activityname .afterlink {
  margin-left: 0.5rem;
}
.activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
  position: relative;
  z-index: 2;
  margin-left: 0.5rem;
}
.activity-item .activity-name-area .activitybadge.badge-none {
  font-weight: normal;
  background-color: var(--bs-white);
  color: var(--bs-gray-600);
  border: 1px solid var(--bs-gray-200);
  font-size: 12px;
  border-radius: 0.25rem !important;
  padding: 0.25rem;
}
.activity-item .activity-completion {
  grid-area: completion;
  justify-self: end;
}
.activity-item .activity-completion button,
.activity-item .activity-completion a[role=button] {
  min-height: 32px;
}
@media (max-width: 575.98px) {
  .activity-item .activity-completion {
    width: 100%;
    margin-top: 0.5rem;
  }
  .activity-item .activity-completion button {
    width: 100%;
  }
}
.activity-item .activity-completion .completion-dialog {
  color: var(--bs-gray-700);
  font-size: 0.875rem;
  min-width: 12rem;
}
.activity-item .activity-completion .completion-dialog .icon {
  font-size: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.25rem;
}
.activity-item .activity-completion .completion-dialog .editcompletion a {
  border-radius: 0.5rem;
  color: var(--bs-gray-700);
  font-weight: bold;
  text-decoration: none;
}
.activity-item .activity-completion .completion-dialog .editcompletion a:hover {
  background-color: var(--bs-gray-200);
}
.activity-item .activity-groupmode-info {
  grid-area: groupmode;
  justify-self: end;
}
.activity-item .activity-groupmode-info .groupmode-information {
  height: 32px;
  width: 32px;
  border-radius: 0.5rem;
}
.activity-item .activity-groupmode-info .groupmode-information .icon {
  width: 16px;
  height: 16px;
}
.activity-item .activity-groupmode-info .groupmode-icon-info {
  display: none;
}
@media (max-width: 575.98px) {
  .activity-item .activity-groupmode-info {
    width: 100%;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #dee2e6;
  }
  .activity-item .activity-groupmode-info .groupmode-information {
    width: auto;
    font-size: inherit;
    padding: 0 0.5rem;
  }
  .activity-item .activity-groupmode-info .groupmode-icon-info {
    display: inline;
  }
  .activity-item .activity-groupmode-info .v-parent-focus {
    opacity: 1;
    visibility: visible;
  }
}
.activity-item .activity-badges {
  grid-area: visibility;
}
.activity-item .activity-badges .badge {
  font-weight: normal;
}
.activity-item .activity-badges .badge .icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.activity-item .activity-altcontent {
  grid-area: altcontent;
  margin-top: 0.25rem;
}
.activity-item .activity-altcontent.activity-description {
  color: var(--bs-gray-600);
  font-size: 0.875em;
}
.activity-item .activity-altcontent.activity-description ul:not(.activity-description ul ul) {
  margin-bottom: 1rem;
}
.activity-item .activity-altcontent img {
  border-radius: 1rem;
}
.activity-item .activity-availability {
  grid-area: availability;
}
.activity-item .activity-afterlink {
  grid-area: afterlink;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #dee2e6;
}
.activity-item .no-overflow {
  width: 100%;
}

.section .draggable .activity-item .dragicon {
  display: none;
}

/* Dividers */
.course-content .divider {
  position: relative;
}
.course-content .divider hr {
  width: 100%;
  margin: 0.5rem 0.25rem;
  border-top: 1px solid var(--bs-gray-200);
  opacity: 1;
}
.changenumsections.disabled .course-content .divider hr {
  border-top: 1px solid var(--bs-gray-200);
}
.course-content .divider .divider-content {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.1s;
  position: absolute;
  background: linear-gradient(transparent 40%, var(--bs-gray-100) 40%, var(--bs-gray-100) 60%, transparent 60%);
}
.section.hidden .course-content .divider .divider-content {
  background: linear-gradient(transparent 40%, var(--bs-gray-100) 40%, var(--bs-gray-100) 60%, transparent 60%);
}
.course-content .divider.always-visible .divider-content {
  opacity: 1;
  visibility: visible;
}
.course-content .divider.always-hidden hr {
  opacity: 0;
  visibility: hidden;
}
.course-content .divider:hover .divider-content, .course-content .divider:focus .divider-content, .course-content .divider:focus-within .divider-content {
  opacity: 1;
  visibility: visible;
}
.course-content .divider:hover hr, .course-content .divider:focus hr, .course-content .divider:focus-within hr {
  opacity: 1;
  visibility: visible;
}
.course-content .divider:has(.btn.add-content:hover) hr {
  border-color: #0f6cbf;
}
.changenumsections.disabled .course-content .divider:has(.btn.add-content:hover) hr {
  border-color: var(--bs-gray-200);
}

.activity:focus-within + .activity .divider .divider-content,
.course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content,
.content .section .activity:focus-within .divider .divider-content,
.course-content:focus-within .changenumsections .divider .divider-content {
  visibility: visible;
}

.course-content ul.topics > li:last-child .changenumsections {
  display: none;
}

.course-content .divider .btn.add-content {
  position: relative;
  z-index: 1;
  border-radius: 0.6rem;
  color: var(--bs-gray-700);
  background-color: var(--bs-gray-300);
  padding: 0.5rem 0.75rem;
  line-height: 1;
}
.course-content .divider .btn.add-content:hover, .course-content .divider .btn.add-content:focus {
  color: #ffffff;
  background-color: #0f6cbf;
}
.course-content .divider .btn.add-content .icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.changenumsections.disabled .course-content .divider .btn.add-content {
  color: var(--bs-gray-500);
  background-color: var(--bs-gray-200);
  outline: none;
  box-shadow: none;
  pointer-events: auto;
}
.changenumsections.disabled .course-content .divider .btn.add-content:hover, .changenumsections.disabled .course-content .divider .btn.add-content:focus {
  color: var(--bs-gray-500);
  background-color: var(--bs-gray-200);
  outline: none;
  box-shadow: none;
}

/* Bulk editing */
.bulkenabled .bulk-hidden {
  display: none !important;
}
.bulkenabled .section {
  margin-left: 1rem;
}
.bulkenabled .section:not(:first-child) {
  margin-top: 1.5rem;
}
.bulkenabled .activity.subsection .section {
  margin-left: 0rem;
}
.bulkenabled .activity {
  margin-top: 0.5rem;
  margin-left: 2rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--bs-gray-200);
}
.bulkenabled .activity:first-child {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
.bulkenabled .activity-item .bulkselect {
  float: left;
  margin-left: calc(-1.25rem - 1.75rem);
}
.bulkenabled .activity-item:has(.delegated-section):hover {
  outline: none !important;
  box-shadow: none !important;
}
.bulkenabled .course-section-header .bulkselect {
  left: -2.75rem;
  position: relative;
  width: 0;
}
@media (max-width: 767.98px) {
  .bulkenabled .course-content {
    margin-left: 2rem;
  }
}
.bulkenabled .sticky-footer-content.bulkactions .btn {
  --bs-btn-disabled-border-color: transparent;
}
.bulkenabled .sticky-footer-content.bulkactions .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}

@media (max-width: 767.98px) {
  .sticky-footer-content.bulkactions {
    position: relative;
  }
  .sticky-footer-content.bulkactions .form-check,
  .sticky-footer-content.bulkactions .bulkaction-name,
  .sticky-footer-content.bulkactions .bulkcount {
    display: none;
  }
  .sticky-footer-content.bulkactions .actions button {
    padding: 0 0.5rem;
  }
  .sticky-footer-content.bulkactions .bulkcancel {
    position: absolute;
    top: 0;
    right: 0;
  }
}

/* Single section page */
.single-section > ul > .course-section.hidden .section-item {
  background-color: inherit;
}
.single-section > ul > .course-section .section-item {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.single-section > ul > .course-section .section-item .course-section-header {
  padding: 0;
}
.single-section > ul > .course-section .delegated-section .section-item {
  border: 0.0625rem solid var(--mds-border-subtle);
  border-radius: 1rem;
  background-color: var(--mds-bg-surface-default);
}
.single-section > ul > .course-section .delegated-section .section-item .course-section-header {
  padding: 1rem;
  border-radius: 1rem;
}
body:not(.editing) .single-section > ul > .course-section .section_availability .availabilityinfo {
  margin-bottom: 1rem;
}
.single-section > ul > .course-section .sectionbadges .badge {
  margin-left: 0;
  margin-bottom: 1rem;
}
.single-section > ul > .course-section .delegated-section .sectionbadges .badge {
  margin-left: 0.5rem;
  margin-bottom: 0;
}

.single-section-page #page.drawers #topofscroll {
  padding: 1rem;
}
.single-section-page #page-header {
  padding: 0;
}
.single-section-page #page.drawers div[role=main] {
  padding: 0;
}
.single-section-page .header-action {
  display: inline-block;
}
.single-section-page .page-context-header {
  overflow: visible;
}

/* Default activity completion page */
.defaultactivitycompletion-item a {
  color: var(--bs-black);
  text-decoration: none;
}
.defaultactivitycompletion-item .activityicon {
  width: 32px;
  height: 32px;
}

/* Home page course */
.sitetopic .section-item {
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
}

/* Move activity and Move section modals */
.move-activity-tree .collapse-list-item,
.move-section-tree .collapse-list-item {
  position: relative;
  border: 2px solid transparent;
  border-radius: 0.5rem;
}
.move-activity-tree .collapse-list-item:hover, .move-activity-tree .collapse-list-item:focus,
.move-section-tree .collapse-list-item:hover,
.move-section-tree .collapse-list-item:focus {
  background-color: #cfe2f2;
  border-color: transparent;
}
.move-activity-tree .collapse-list-item:hover a, .move-activity-tree .collapse-list-item:focus a,
.move-section-tree .collapse-list-item:hover a,
.move-section-tree .collapse-list-item:focus a {
  color: #094173;
}
.move-activity-tree .collapse-list-item:hover:has(> .collapse-list-link.collapsed), .move-activity-tree .collapse-list-item:focus:has(> .collapse-list-link.collapsed),
.move-section-tree .collapse-list-item:hover:has(> .collapse-list-link.collapsed),
.move-section-tree .collapse-list-item:focus:has(> .collapse-list-link.collapsed) {
  border: 2px solid #0f6cbf;
}
.move-activity-tree .collapse-list-item:hover:has(> .collapse-list-link.collapsed)::after, .move-activity-tree .collapse-list-item:focus:has(> .collapse-list-link.collapsed)::after,
.move-section-tree .collapse-list-item:hover:has(> .collapse-list-link.collapsed)::after,
.move-section-tree .collapse-list-item:focus:has(> .collapse-list-link.collapsed)::after {
  content: none;
}
.move-activity-tree .collapse-list-item:hover::after, .move-activity-tree .collapse-list-item:focus::after,
.move-section-tree .collapse-list-item:hover::after,
.move-section-tree .collapse-list-item:focus::after {
  content: "";
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: -3px;
  border-bottom: 2px solid #0f6cbf;
}
.move-activity-tree .collapse-list-item a,
.move-section-tree .collapse-list-item a {
  color: var(--bs-body-color);
}
.move-activity-tree .collapse-list-item a:hover, .move-activity-tree .collapse-list-item a:focus,
.move-section-tree .collapse-list-item a:hover,
.move-section-tree .collapse-list-item a:focus {
  text-decoration: none;
}
.move-activity-tree .collapse-list-item a.disabled,
.move-section-tree .collapse-list-item a.disabled {
  color: var(--bs-secondary-color);
}
.move-activity-tree .collapse-list-item-content .collapse-list-item,
.move-section-tree .collapse-list-item-content .collapse-list-item {
  padding: 0.5rem 1rem;
}
.move-activity-tree ul,
.move-section-tree ul {
  margin-left: 1.5rem;
}
.move-activity-tree .collapse-list-link,
.move-section-tree .collapse-list-link {
  font-weight: bold;
}

/* Subsections */
.activity.subsection > .activity-item {
  padding: 0;
  border: 0;
}
.activity.subsection > .activity-item > .activity-grid > .activity-altcontent {
  margin-top: 0;
}
.activity.subsection.dragging > .activity-item {
  border: 0.125rem solid var(--mds-border-interactive-primary-default);
}
.activity.subsection .section {
  margin-top: 0;
}
.activity.subsection .section h4, .activity.subsection .section .h4 {
  font-size: 1.25rem;
}
.activity.subsection .section .section_action_menu > .action-menu .btn-icon {
  font-size: inherit;
}
.activity.subsection .focus-control:not(:has(.focus-control)):focus-within .v-parent-focus, .activity.subsection .focus-control:not(:has(.focus-control)):hover .v-parent-focus {
  opacity: 1 !important;
  visibility: visible !important;
}
.activity.subsection .focus-control:focus-within .focus-control .v-parent-focus,
.activity.subsection .focus-control:hover .focus-control .v-parent-focus {
  opacity: 0;
  visibility: hidden;
}
body:not(.editing) .activity.subsection .section-item .section .activity:last-child {
  border-bottom: none;
}

/* Spinners */
@keyframes editinprogress-rotation {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(359deg);
  }
}
.editing .editinprogress {
  position: relative;
}
.editing .editinprogress > * {
  opacity: 0.4;
}
.editing .editinprogress .corelightbox,
.editing .editinprogress .lightbox {
  display: none;
}
.editing .editinprogress:after {
  font: var(--fa-font-solid);
  position: absolute;
  font-size: 20px;
  color: var(--bs-gray-600);
  content: "\f110";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  animation: editinprogress-rotation 2s infinite linear;
}
.editing .editinprogress .editinprogress:after {
  display: none;
}

/* Drag and drop */
.course-content .section.dropready.main.drop-down {
  border-bottom: 1px solid var(--bs-gray-900);
}
.course-content .section.dropready .course-section-header.dropready.drop-zone {
  margin-top: -2px;
}
.course-content .section.dropready li.activity.dropready.drop-down {
  border-bottom: 1px solid var(--bs-gray-900);
  margin-bottom: -1px;
}
.course-content .section.dropready li.activity.dropready.drop-up {
  border-top: 1px solid var(--bs-gray-900);
  margin-top: -1px;
}
.course-content .section.dropready [data-for=sectioninfo] {
  min-height: 1px;
}
.course-content .section.dropready [data-for=sectioninfo].drop-down {
  margin-top: -1px;
}

/* Course linear navigation footer. */
.course-linear-navigation-footer-content .course-linear-navigation-link {
  font-size: 1rem;
  padding: 0.25rem 0;
}
.course-linear-navigation-footer-content .course-linear-navigation-link:hover span, .course-linear-navigation-footer-content .course-linear-navigation-link:focus span {
  text-decoration: underline;
}

/* Old indentation styles */
.mod-indent-outer {
  display: table;
}

.mod-indent {
  display: table-cell;
}

.label .mod-indent {
  float: left;
  padding-top: 20px;
}

.activity.label.modtype_label .mod-indent {
  float: none;
}

@media (min-width: 576px) {
  /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
  .mod-indent-1 {
    width: 30px;
  }
  .mod-indent-2 {
    width: 60px;
  }
  .mod-indent-3 {
    width: 90px;
  }
  .mod-indent-4 {
    width: 120px;
  }
  .mod-indent-5 {
    width: 150px;
  }
  .mod-indent-6 {
    width: 180px;
  }
  .mod-indent-7 {
    width: 210px;
  }
  .mod-indent-8 {
    width: 240px;
  }
  .mod-indent-9 {
    width: 270px;
  }
  .mod-indent-10 {
    width: 300px;
  }
  .mod-indent-11 {
    width: 330px;
  }
  .mod-indent-12 {
    width: 360px;
  }
  .mod-indent-13 {
    width: 390px;
  }
  .mod-indent-14 {
    width: 420px;
  }
  .mod-indent-15 {
    width: 450px;
  }
  .mod-indent-16 {
    width: 480px;
  }
  .mod-indent-huge {
    width: 480px;
  }
}
/* Temporary visual highlight for anchors. */
[id^=section-]:target {
  animation: highlight-fade 2s ease-in-out;
}

body:not(.editing) [id^=module-]:target, body.editing [id^=module-]:target .activity-item {
  animation: highlight-fade 2s ease-in-out;
}

@keyframes highlight-fade {
  0% {
    border-radius: 1rem;
    outline: 0.125rem solid var(--mds-border-interactive-primary-default);
  }
  70% {
    border-radius: 1rem;
    outline: 0.125rem solid var(--mds-border-interactive-primary-default);
  }
  100% {
    border-radius: 1rem;
    outline: 0.125rem solid transparent;
  }
}
#course-addsection .btn-add-content {
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border-radius: 1rem;
}

/* Learning outcomes page */
body.editing#page-course-learningoutcomes .activity-item {
  cursor: auto;
}
body.editing#page-course-learningoutcomes .activity-item:hover:not(:has(.activity:hover)), body.editing#page-course-learningoutcomes .activity-item.selected {
  outline: none;
}

/*
 * Course management page styles.
 */
#course-category-listings {
  margin-bottom: 0;
  /** Two column layout */
  /** Three column layout */
}
#course-category-listings.columns-2 > #course-listing > div {
  position: relative;
  left: -1px;
}
#course-category-listings.columns-3 > #course-listing > div {
  height: 100%;
}
#course-category-listings > div > div {
  min-height: 300px;
}
#course-category-listings > div > div > ul.ml > li:first-child > div {
  border-top: 0;
}
#course-category-listings h3, #course-category-listings .h3 {
  margin: 0;
  padding: 0.4rem 0.6rem 0.3rem;
}
#course-category-listings h4, #course-category-listings .h4 {
  margin: 1rem 0 0;
  padding: 0.6rem 1rem 0.5rem;
}
#course-category-listings .moodle-actionmenu {
  white-space: nowrap;
}
#course-category-listings .listing-actions {
  text-align: center;
}
#course-category-listings .listing-actions > .moodle-actionmenu {
  display: inline-block;
}
#course-category-listings ul.ml {
  list-style: none;
  margin: 1rem 0;
}
#course-category-listings ul.ml ul.ml {
  margin: 0;
}
#course-category-listings .listitem[data-selected="1"] {
  border-left: calc(var(--bs-border-width) + 5px) solid #0f6cbf;
  padding-left: calc(1rem - 5px);
}
#course-category-listings .listitem:hover {
  z-index: 2;
}
#course-category-listings .item-actions {
  margin-right: 1em;
  display: inline-block;
}
#course-category-listings .item-actions.show .menu img {
  width: 12px;
  max-width: none;
}
#course-category-listings .item-actions .menu-action-text {
  vertical-align: inherit;
}
#course-category-listings .listitem > div > .float-start {
  float: left;
}
#course-category-listings .listitem > div > .float-end {
  float: right;
  text-align: right;
}
#course-category-listings .listitem > div .item-actions .action-show {
  display: none;
}
#course-category-listings .listitem > div .item-actions .action-hide {
  display: inline;
}
#course-category-listings .listitem > div .without-actions {
  color: #333;
}
#course-category-listings .listitem > div .idnumber {
  margin-right: 2em;
  min-width: 0;
}
#course-category-listings .listitem[data-visible="0"] {
  color: var(--bs-secondary-color);
}
#course-category-listings .listitem[data-visible="0"] > div > a {
  color: var(--bs-secondary-color);
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
  display: inline;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
  display: none;
}
#course-category-listings .listitem.highlight {
  background-color: var(--bs-body-bg);
}
#course-category-listings .listitem.highlight > div,
#course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
}
#course-category-listings #course-listing .listitem .categoryname {
  display: inline-block;
  margin-left: 1em;
  color: #a1a1a8;
}
#course-category-listings #course-listing .listitem .coursename {
  display: inline-block;
  flex-basis: 10rem;
}
#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #category-listing .listitem.collapsed > ul.ml {
  display: none;
}
#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
  display: none;
}
#course-category-listings #category-listing .course-count {
  color: #a1a1a8;
  margin-right: 2rem;
  min-width: 3.5em;
  display: inline-block;
}
#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
  position: relative;
}
#course-category-listings #category-listing .category-bulk-actions {
  margin: 0 0.5em 0.5em;
  position: relative;
}
#course-category-listings .detail-pair > * {
  display: inline-block;
}
#course-category-listings .detail-pair .pair-key {
  font-weight: bold;
  vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
  margin-right: 1rem;
  display: block;
}
#course-category-listings .detail-pair .pair-value select {
  max-width: 100%;
}
#course-category-listings .listing-pagination {
  text-align: center;
}
#course-category-listings .listing-pagination .yui3-button {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #008196;
  --bs-btn-border-color: #008196;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #006e80;
  --bs-btn-hover-border-color: #006778;
  --bs-btn-focus-shadow-rgb: 38, 148, 166;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #006778;
  --bs-btn-active-border-color: #006171;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #008196;
  --bs-btn-disabled-border-color: #008196;
  border: 0;
  margin: 0.4rem 0.2rem 0.45rem;
  font-size: 10.4px;
}
#course-category-listings .listing-pagination .yui3-button.active-page {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0f6cbf;
  --bs-btn-border-color: #0f6cbf;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0d5ca2;
  --bs-btn-hover-border-color: #0c5699;
  --bs-btn-focus-shadow-rgb: 51, 130, 201;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0c5699;
  --bs-btn-active-border-color: #0b518f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0f6cbf;
  --bs-btn-disabled-border-color: #0f6cbf;
}
#course-category-listings .listing-pagination-totals {
  text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
  color: var(--bs-secondary-color);
  margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage,
#course-category-listings .select-a-category .alert {
  margin: 1em;
}

#course-category-listings #course-listing .listitem .drag-handle {
  display: none;
}

.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
  display: inline-block;
  margin: 0 6px 0 0;
  cursor: pointer;
}

/** Management header styling **/
.course-being-dragged-proxy {
  border: 0;
  color: #0f6cbf;
  vertical-align: middle;
  padding: 0 0 0 4em;
}

.course-being-dragged {
  opacity: 0.5;
}

/**
 * Display sizes:
 * Large displays                   1200        +
 * Default displays                  980     1199
 * Tablets                           768      979
 * Small tablets and large phones    481      767
 * Phones                              0      480
 */
@media (min-width: 1200px) and (max-width: 1600px) {
  #course-category-listings.columns-3 {
    background-color: var(--bs-body-bg);
    border: 0;
  }
  #course-category-listings.columns-3 #category-listing,
  #course-category-listings.columns-3 #course-listing {
    width: 50%;
  }
  #course-category-listings.columns-3 #category-listing > div,
  #course-category-listings.columns-3 #course-listing > div,
  #course-category-listings.columns-3 #course-detail > div {
    background-color: var(--bs-body-bg);
  }
  #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin-top: 1em;
  }
}
@media (max-width: 1199px) {
  #course-category-listings.columns-2,
  #course-category-listings.columns-3 {
    border: 0;
  }
  #course-category-listings.columns-2 #category-listing,
  #course-category-listings.columns-2 #course-listing,
  #course-category-listings.columns-2 #course-detail,
  #course-category-listings.columns-3 #category-listing,
  #course-category-listings.columns-3 #course-listing,
  #course-category-listings.columns-3 #course-detail {
    width: 100%;
    margin: 0 0 1em;
  }
}
/*
 * Course listings and course summary styles.
 */
#page-course-pending .singlebutton,
#page-course-index .singlebutton,
#page-course-index-category .singlebutton,
#page-course-editsection .singlebutton {
  text-align: center;
}

#page-admin-course-manage #movecourses td img {
  margin: 0 0.22em;
  vertical-align: text-bottom;
}

#page-course-pending .pendingcourserequests {
  margin-bottom: 1em;
}

#page-course-pending .pendingcourserequests .singlebutton {
  display: inline;
}

#page-course-pending .pendingcourserequests .cell {
  padding: 0 5px;
}

#page-course-pending .pendingcourserequests .cell.c6 {
  white-space: nowrap;
}

.coursebox {
  display: flex;
  flex-direction: column;
}
.coursebox .info {
  display: flex;
  align-items: center;
}

#frontpage-available-course-list,
#frontpage-course-list,
.course-search-result {
  margin-top: 0.5rem;
}
#frontpage-available-course-list .coursebox,
#frontpage-course-list .coursebox,
.course-search-result .coursebox {
  padding: 0.5rem;
  border: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}

.coursebox > .info > .coursename {
  font-size: 1rem;
  font-weight: normal;
  margin: 5px;
  padding: 0;
}

.coursebox .content .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.coursebox .customfieldname,
.coursebox .customfieldseparator {
  font-weight: 700;
}

.coursebox .content .coursefile {
  max-width: 100px;
}

.coursebox .content .courseimage img {
  max-width: 100px;
  max-height: 100px;
}

.coursebox .content .coursecat,
.coursebox .content .summary,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .teachers,
.coursebox.remotecoursebox .remotecourseinfo,
.coursebox .content .customfields-container {
  margin: 15px 5px 5px;
  padding: 0;
}

.category-browse .coursebox .content .coursecat,
.category-browse .coursebox .content .summary,
.category-browse .coursebox .content .courseimage,
.category-browse .coursebox .content .coursefile,
.category-browse .coursebox .content .teachers,
.category-browse .coursebox.remotecoursebox .remotecourseinfo,
.category-browse .coursebox .content .customfields-container {
  margin-top: 0;
}

.coursebox.collapsed > .content {
  display: none;
}

.courses > .paging.paging-morelink {
  text-align: center;
  padding: 1rem;
}

.course_category_tree .category .numberofcourse {
  font-size: 0.875rem;
}

.course_category_tree .category > .info > .categoryname {
  margin: 5px;
  font-size: 1rem;
  font-weight: normal;
  padding: 2px 18px;
}

.course_category_tree .category.with_children > .info > .categoryname {
  background-image: url([[pix:moodle|t/expanded]]);
  background-size: 20px 16px;
  background-repeat: no-repeat;
  background-position: center left;
}

.course_category_tree .category.with_children.collapsed > .info > .categoryname {
  background-image: url([[pix:moodle|t/collapsed]]);
}

/* rtl:raw:
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image:url([[pix:moodle|t/collapsed_rtl]]);
}
*/
.course_category_tree .category.collapsed > .content {
  display: none;
}

.course_category_tree .category > .content {
  padding-left: 16px;
}

#page-course-index-category .categorypicker {
  margin: 10px 0 20px;
}

/*
 * Course Overview page styles.
 */
#course-overview-page .table {
  margin-bottom: 0;
  border-top: none;
}
#course-overview-page .table td,
#course-overview-page .table th {
  padding: 0.5rem 1.5rem;
}
#course-overview-page .table tr:last-child td {
  border-bottom: none;
}
#course-overview-page table tbody td {
  align-content: center;
}
#course-overview-page table tbody td .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius);
}
#course-overview-page table tbody td .btn:not(.dropdown-toggle) {
  min-width: 6rem;
}
#course-overview-page table tbody td .btn:hover .badge.text-bg-primary {
  color: var(--bs-body-color) !important; /* stylelint-disable-line declaration-no-important */
  background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  #course-overview-page table tbody td .btn:hover .badge.text-bg-primary {
    transition: none;
  }
}
#course-overview-page table tbody td .dropdown:not(.completion-dropdown) .dropdown-toggle {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 5rem;
  --bs-btn-font-weight: 400;
}
#course-overview-page table tbody td .dropdown:not(.completion-dropdown) .dropdown-menu {
  max-width: 20rem;
}
#course-overview-page .inplaceeditable-select {
  display: inline-block;
}
#course-overview-page .form-select {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#course-overview-page .activityiconcontainer {
  width: 40px;
  height: 40px;
  max-height: 40px;
  max-width: 40px;
  margin-right: 0.5rem;
}

/**
 * File modchooser.scss.
 * Contains styles for the module chooser.
 */
/* Main modal dialogue style customization. */
.modchooser.modal-dialog {
  --bs-modal-width: 1140px;
  --bs-modal-header-border-width: 0;
}
.modchooser.modal-dialog .modal-header .modal-title {
  flex-grow: 1;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .modchooser.modal-dialog .modal-header .modal-title {
    font-size: 1.5rem;
  }
}
.modchooser.modal-dialog .modal-body {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 0;
}
.modchooser.modal-dialog .modal-body .carousel-item {
  background-color: var(--bs-body-bg);
  transition: none !important; /* stylelint-disable-line declaration-no-important */
}
.modchooser.modal-dialog .modal-body .carousel-item.active {
  display: flex;
}
@media (min-width: 576px) {
  .modchooser.modal-dialog .modal-body .carousel-item {
    height: 640px;
    max-height: calc(100vh - var(--bs-modal-margin) * 2 - 9rem);
  }
}
.modchooser.modal-dialog .modal-body .loading-icon {
  opacity: 1;
}
.modchooser.modal-dialog .modal-body .loading-icon .icon {
  display: block;
  max-height: 3rem;
  max-width: 3rem;
  font-size: 3rem;
}
.carousel-item .modchooser.modal-dialog .modal-body .loading-icon .icon {
  margin: 1rem auto;
}
.modchooser.modal-dialog .modal-footer {
  height: 70px;
  background: var(--bs-body-bg);
}
@media (max-width: 400px), (max-height: 300px) {
  .modchooser.modal-dialog .modal-header {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .modchooser.modal-dialog .modal-footer {
    height: auto;
    min-height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .modchooser.modal-dialog .modal-footer .activitychooserfooter {
    flex-wrap: wrap;
    padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
    padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .modchooser.modal-dialog .modal-body,
  .modchooser.modal-dialog .modal-body .carousel,
  .modchooser.modal-dialog .modal-body .carousel-inner,
  .modchooser.modal-dialog .modal-body .carousel-item {
    height: auto;
    overflow: visible;
  }
  .modchooser.modal-dialog .modal-body {
    overflow-y: auto;
  }
  .modchooser.modal-dialog .modal-body .carousel-item {
    float: none;
    margin-right: 0;
    padding: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
  }
}

/* Main container layout styles. */
.modchoosercontainer {
  display: grid;
  width: 100%;
  grid-template-areas: "nav filters" "nav content";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 1rem;
}
.modchoosercontainer .modchooserfilters {
  grid-area: filters;
}
.modchoosercontainer .modchoosernav {
  grid-area: nav;
  min-width: 150px;
}
.modchoosercontainer .modchoosercontent {
  grid-area: content;
  overflow: auto;
}
.modchoosercontainer .searchresultscontainer {
  overflow: auto;
}
@media (max-width: 767.98px) {
  .modchoosercontainer {
    grid-template-areas: "filters" "nav" "content";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }
}

/* Main container Filters styles. */
@media (min-width: 992px) {
  .modchooserfilters .simplesearchform {
    justify-content: center;
    position: relative;
    left: calc(-1 * (75px + 2.5rem));
  }
  .modchooserfilters .searchbar {
    max-width: 25rem !important; /* stylelint-disable-line declaration-no-important */
  }
}

/* Main container Navigation styles. */
.modchoosernav {
  --bs-nav-pills-border-radius: 50rem;
  --bs-nav-pills-link-active-bg: var(--bs-body-color);
  --bs-nav-link-font-size: 1rem;
}
[data-bs-theme=dark] .modchoosernav {
  --bs-nav-pills-link-active-color: var(--bs-body-bg);
}

.modchoosernav .nav-link {
  --bs-nav-link-color: var(--bs-body-color);
  --bs-nav-link-hover-color: var(--bs-body-color);
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-padding-y: .3rem;
  width: fit-content;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .modchoosernav .nav-link {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.modchoosernav .nav-link:not(.active):hover {
  border: 1px solid #dee2e6;
  background-color: var(--bs-gray-100);
}
@media (max-width: 767.98px) {
  .modchoosernav {
    overflow-x: auto;
    white-space: nowrap;
    background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
  }
  .modchoosernav .nav-link {
    border: 1px solid #dee2e6 !important; /* stylelint-disable-line declaration-no-important */
  }
}

/* Main container Content styles. */
.modchoosercontent .optionscontainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
@media (max-width: 991.98px) {
  .modchoosercontent .optionscontainer {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575.98px) {
  .modchoosercontent .optionscontainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
.modchoosercontent .optionscontainer .option {
  --bs-btn-border-radius: 0.6rem;
  height: fit-content;
  border: 2px solid transparent;
}
.modchoosercontent .optionscontainer .option.selected {
  border: 2px solid #0f6cbf;
  background-color: #e7f0f9;
}
.modchoosercontent .optionscontainer .option:not(.selected):hover {
  background-color: var(--bs-gray-100);
}
.modchoosercontent .optionscontainer .option .optioninfo {
  display: block;
  text-align: initial;
}
.modchoosercontent .optionscontainer .option .optionactions {
  position: relative;
  z-index: 10;
}

/* Option summary styles. */
.modchooser .optionsummary {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  border: var(--mds-stroke-weight-sm) solid var(--mds-border-subtle);
  border-radius: var(--mds-border-radius-xl);
  background-color: var(--mds-bg-surface-subtle);
  padding-block: var(--mds-spacing-md);
}
.modchooser .optionsummary [data-region=chooser-option-summary-content-container] {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-inline: var(--mds-spacing-md);
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) var(--mds-bg-surface-subtle);
}
.modchooser .optionsummary [data-region=chooser-option-summary-content-container]::-webkit-scrollbar {
  width: 12px;
}
.modchooser .optionsummary [data-region=chooser-option-summary-content-container]::-webkit-scrollbar-track {
  background: var(--mds-bg-surface-subtle);
}
.modchooser .optionsummary [data-region=chooser-option-summary-content-container]::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid var(--mds-bg-surface-subtle);
}
.modchooser .optionsummary [data-region=chooser-option-summary-content-container]::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}
.modchooser .optionsummary .activitychooser-option-details {
  min-width: 15rem;
}
.modchooser .optionsummary .activitychooser-option-details .modchooser-detail:not(:last-child):not(:only-child) {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #dee2e6;
}
.modchooser .optionsummary .optionsummary-summary {
  font-size: larger;
}
.modchooser .optionsummary .optionsummary-help h4, .modchooser .optionsummary .optionsummary-help .h4 {
  font-size: 1rem;
}

/* Make modchooser modal full height and scrollable on small screens. */
@media (max-width: 575.98px) {
  .path-course-view .modal-dialog.modal-lg,
  .path-course-view .modal-content {
    height: 100%;
    overflow-y: auto;
    margin: 0;
  }
  .modchooser .modal-body,
  .modchooser .modal-body .carousel,
  .modchooser .modal-body .carousel-inner,
  .modchooser .modal-body .carousel-item,
  .modchooser .modal-body .searchresultitemscontainer-wrapper {
    height: 100%;
    overflow-y: auto;
  }
  .modchooser .modal-body .optionsummary {
    height: 100%;
  }
  .modchoosercontainer,
  .optionscontainer,
  .searchresultitemscontainer {
    height: 100%;
    overflow-y: auto;
  }
}
/* Reflow support for narrow or short viewports (e.g. 320x256 at 400% zoom on a
   1280x1024 display, or 480x270 at 400% zoom on a 1920x1080 display), to satisfy
   WCAG 2.2 SC 1.4.10 (Reflow). The width and height conditions are combined with an
   "or" (comma-separated media queries) rather than "and", so the fix engages when
   either dimension is constrained, not only when both are constrained together.
   Category tabs stack vertically and activities stack in a single column instead of
   the fixed-height grid layout used at larger sizes. */
@media (max-width: 400px), (max-height: 300px) {
  .modchoosercontainer {
    display: block;
    height: auto;
    overflow: visible;
  }
  .modchoosercontainer .modchooserfilters .searchcontainer {
    margin-bottom: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
  }
  .modchoosercontainer .modchoosernav {
    flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
    height: auto;
    overflow: visible;
    white-space: normal;
  }
  .modchoosercontainer .modchoosernav .nav-link {
    width: 100%;
    max-width: none;
  }
  .modchoosercontainer .modchoosercontent {
    height: auto;
    overflow: visible;
  }
  .modchoosercontent .optionscontainer {
    grid-template-columns: 1fr;
  }
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target,
:focus {
  scroll-margin-top: 70px;
}

.pagelayout-embedded :target {
  padding-top: initial;
  margin-top: initial;
}

#nav-drawer.closed {
  left: -305px;
}

#nav-drawer[aria-hidden=true] .list-group-item {
  display: none;
}

/* Use a variable for the drawer background colors. */
[data-region=drawer] {
  position: fixed;
  width: 285px;
  top: 60px;
  height: calc(100% - 60px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  background-color: #e9ecef;
  transition: right 0.5s ease, left 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=drawer] {
    transition: none;
  }
}

@media (min-width: 576px) {
  [data-region=drawer] {
    padding: 20px 20px;
  }
  .jsenabled .popover-process-monitor,
  .jsenabled .btn-footer-popover,
  .jsenabled .btn-footer-communication {
    transition: 0.2s;
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .jsenabled .popover-process-monitor,
  .jsenabled .btn-footer-popover,
  .jsenabled .btn-footer-communication {
    transition: none;
  }
}
#nav-drawer {
  right: auto;
  left: 0;
  /* Override the z-indexes defined in bootstrap/_list-group.scss that
     lead to side effects on the user tours positioning. */
}
#nav-drawer .list-group-item-action.active,
#nav-drawer .list-group-item.active {
  z-index: inherit;
}
#nav-drawer .list-group-item-action.active + .list-group-item,
#nav-drawer .list-group-item.active + .list-group-item {
  border-top: none;
}
#nav-drawer .list-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#nav-drawer .list-group li {
  margin-bottom: -1px;
}
#nav-drawer .list-group li:last-child {
  margin-bottom: 0;
}

body.drawer-ease {
  transition: margin-left 0.5s ease, margin-right 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  body.drawer-ease {
    transition: none;
  }
}

@media (min-width: 768px) {
  body:not(.uses-drawers).drawer-open-left {
    margin-left: 285px;
  }
}

@media (min-width: 768px) {
  body.drawer-open-left #page.drawers {
    margin-left: 285px;
    padding-left: 1rem;
  }
}

@media (min-width: 768px) {
  body.drawer-open-right {
    margin-right: 315px;
  }
}

[data-region=right-hand-drawer] {
  display: flex;
  flex-direction: column;
  transition: right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=right-hand-drawer] {
    transition: none;
  }
}
[data-region=right-hand-drawer].drawer {
  z-index: 1021;
  position: fixed;
  top: 60px;
  right: 0;
  height: calc(100vh - 60px);
  width: 320px;
  padding: 0;
  visibility: visible;
  opacity: 1;
}
[data-region=right-hand-drawer].hidden {
  display: block;
  right: -320px;
  visibility: hidden;
  opacity: 0;
  transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  [data-region=right-hand-drawer].hidden {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  body.drawer-open-left,
  body.drawer-open-right {
    overflow: hidden;
  }
}
.drawer {
  z-index: 1015;
  position: fixed;
  height: 100vh;
  top: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .drawer {
    z-index: 1021;
    top: 60px;
    height: calc(100vh - 60px);
  }
}
.drawer.not-initialized {
  display: none;
}
.drawer .drawerheader .draweractions .btn {
  width: 40px;
  height: 40px;
  background-color: var(--bs-gray-200);
}
.drawer .drawerheader .draweractions .btn:hover {
  background-color: var(--bs-gray-400);
}
.drawer.drawer-right {
  transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
  width: 315px;
  max-width: 315px;
  right: calc(-315px + -10px);
  visibility: hidden;
  background-color: var(--bs-gray-100);
}
@media (prefers-reduced-motion: reduce) {
  .drawer.drawer-right {
    transition: none;
  }
}
.drawer.drawer-right.show {
  right: 0;
  visibility: visible;
}
.drawer.drawer-right .drawerheadertop {
  flex-direction: row-reverse;
}
.drawer.drawer-right .drawertoggle {
  margin-left: auto;
  margin-right: 0.5rem;
}
.drawer.drawer-right .block-header:has(> h3, > .h3) {
  border-bottom: 1px solid #dee2e6;
}
.drawer.drawer-left {
  transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
  width: 285px;
  max-width: 285px;
  left: calc(-285px + -10px);
  visibility: hidden;
  background-color: var(--bs-gray-200);
}
@media (prefers-reduced-motion: reduce) {
  .drawer.drawer-left {
    transition: none;
  }
}
.drawer.drawer-left.show {
  left: 0;
  visibility: visible;
}
.drawer.drawer-left .drawertoggle {
  margin-left: auto;
  margin-right: 0.5rem;
}
.drawer.drawer-bottom {
  bottom: -110%;
}
.drawer.drawer-bottom.show {
  bottom: 0;
}
.drawer.drawer-primary .drawertoggle {
  margin-right: 16px;
  margin-left: 5px;
}

@media (min-width: 992px) {
  .drawer#theme_boost-drawers-blocks:focus-within {
    z-index: 1031;
  }
  .drawer.not-initialized {
    display: block;
  }
  .pagelayout-standard .drawer.drawer-left,
  .pagelayout-standard .drawer.drawer-right,
  body.limitedwidth .drawer.drawer-left,
  body.limitedwidth .drawer.drawer-right {
    z-index: 2;
    top: calc(60px + 3rem - 0.5rem);
    border-radius: 0.5rem;
    height: auto;
    max-height: calc(100vh - calc(calc(60px + 3rem - 0.5rem) + 1rem) - var(--sticky-footer-total-height, 0px));
    padding-bottom: 1rem;
  }
  .pagelayout-standard .drawer.drawer-left .drawerheader,
  .pagelayout-standard .drawer.drawer-right .drawerheader,
  body.limitedwidth .drawer.drawer-left .drawerheader,
  body.limitedwidth .drawer.drawer-right .drawerheader {
    flex-shrink: 0;
    padding-top: 0.5rem;
  }
  .pagelayout-standard .drawer.drawer-left .drawerheader .drawerheadertop,
  .pagelayout-standard .drawer.drawer-right .drawerheader .drawerheadertop,
  body.limitedwidth .drawer.drawer-left .drawerheader .drawerheadertop,
  body.limitedwidth .drawer.drawer-right .drawerheader .drawerheadertop {
    height: auto;
    padding-bottom: 0.5rem;
  }
  .pagelayout-standard .drawer.drawer-left .drawercontent,
  .pagelayout-standard .drawer.drawer-right .drawercontent,
  body.limitedwidth .drawer.drawer-left .drawercontent,
  body.limitedwidth .drawer.drawer-right .drawercontent {
    flex-basis: auto;
  }
  .pagelayout-standard .drawer.drawer-left,
  body.limitedwidth .drawer.drawer-left {
    left: auto;
    right: calc(50% + 830px / 2 + calc(0.5rem + 20px));
    width: 0;
    min-width: 0;
    max-width: 285px;
    overflow: clip;
    overscroll-behavior: none;
    transition: width 0.2s ease, right 0.2s ease, visibility 0.2s ease, max-height 0.2s ease;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  .pagelayout-standard .drawer.drawer-left,
  body.limitedwidth .drawer.drawer-left {
    transition: none;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard .drawer.drawer-left.show,
  body.limitedwidth .drawer.drawer-left.show {
    left: auto;
    right: calc(50% + 830px / 2 + calc(0.5rem + 20px));
    width: 285px;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard .drawer.drawer-left:not(.show) .drawercontent,
  body.limitedwidth .drawer.drawer-left:not(.show) .drawercontent {
    overflow-y: hidden;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard .drawer.drawer-right,
  body.limitedwidth .drawer.drawer-right {
    right: auto;
    left: calc(50% + 830px / 2 + calc(0.5rem + 20px));
    width: 315px;
    min-width: 0;
    max-width: 315px;
    clip-path: inset(0 100% 0 0);
    overscroll-behavior: none;
    transition: clip-path 0.2s ease, left 0.2s ease, visibility 0.2s ease, max-height 0.2s ease;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  .pagelayout-standard .drawer.drawer-right,
  body.limitedwidth .drawer.drawer-right {
    transition: none;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard .drawer.drawer-right.show,
  body.limitedwidth .drawer.drawer-right.show {
    right: auto;
    left: calc(50% + 830px / 2 + calc(0.5rem + 20px));
    width: 315px;
    clip-path: inset(0 0 0 0);
  }
  .pagelayout-standard .drawer.drawer-right.show:has(.visually-hidden-focusable:focus),
  body.limitedwidth .drawer.drawer-right.show:has(.visually-hidden-focusable:focus) {
    clip-path: none;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard .drawer.drawer-right:not(.show) .drawercontent,
  body.limitedwidth .drawer.drawer-right:not(.show) .drawercontent {
    overflow-y: hidden;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-left,
  body.limitedwidth:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-left {
    right: min(calc(50% + 830px / 2 - 285px / 2 + calc(0.5rem + 20px)), calc(100% - 285px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-left.show,
  body.limitedwidth:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-left.show {
    right: min(calc(50% + 830px / 2 - 285px / 2 + calc(0.5rem + 20px)), calc(100% - 285px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-right,
  body.limitedwidth:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-right {
    left: calc(50% + 830px / 2 + calc(0.5rem + 20px) + 285px / 2);
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-right.show,
  body.limitedwidth:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer.drawer-right.show {
    left: calc(50% + 830px / 2 + calc(0.5rem + 20px) + 285px / 2);
  }
}
@media (min-width: 992px) {
  .pagelayout-standard:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-left,
  body.limitedwidth:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-left {
    right: calc(50% + 830px / 2 + calc(0.5rem + 20px) + 315px / 2);
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-left.show,
  body.limitedwidth:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-left.show {
    right: calc(50% + 830px / 2 + calc(0.5rem + 20px) + 315px / 2);
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-right,
  body.limitedwidth:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-right {
    left: min(calc(50% + 830px / 2 - 315px / 2 + calc(0.5rem + 20px)), calc(100% - 315px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-right.show,
  body.limitedwidth:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer.drawer-right.show {
    left: min(calc(50% + 830px / 2 - 315px / 2 + calc(0.5rem + 20px)), calc(100% - 315px));
  }
}
@media (min-width: 992px) {
  .pagelayout-standard:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-left,
  body.limitedwidth:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-left {
    right: min(calc(50% + 830px / 2 + calc((315px - 285px) / 2) + calc(0.5rem + 20px)), calc(100% - 285px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-left.show,
  body.limitedwidth:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-left.show {
    right: min(calc(50% + 830px / 2 + calc((315px - 285px) / 2) + calc(0.5rem + 20px)), calc(100% - 285px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-right,
  body.limitedwidth:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-right {
    left: min(calc(50% + 830px / 2 - calc((315px - 285px) / 2) + calc(0.5rem + 20px)), calc(100% - 315px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-right.show,
  body.limitedwidth:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer.drawer-right.show {
    left: min(calc(50% + 830px / 2 - calc((315px - 285px) / 2) + calc(0.5rem + 20px)), calc(100% - 315px));
  }
}
.drawer-md,
.drawer-sm {
  display: none;
}

.drawerheader .drawerheadertop {
  padding: 0;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.drawerheader .sitename {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 16px;
}
.drawerheader .draweractions {
  margin-left: 0.5rem;
}
.drawerheader .draweractions .btn {
  --bs-btn-color: var(--bs-gray-700);
}

.drawer.scrolled .drawerheader {
  box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
}

@media (max-width: 991.98px) {
  .drawer-md {
    display: block;
    z-index: 1015;
    position: fixed;
    height: 100vh;
    top: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .drawer-md {
    z-index: 1021;
    top: 60px;
    height: calc(100vh - 60px);
  }
}
@media (max-width: 991.98px) {
  .drawer-md.not-initialized {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .drawer-md .drawerheader .draweractions .btn {
    width: 40px;
    height: 40px;
    background-color: var(--bs-gray-200);
  }
  .drawer-md .drawerheader .draweractions .btn:hover {
    background-color: var(--bs-gray-400);
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-right {
    transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
    width: 315px;
    max-width: 315px;
    right: calc(-315px + -10px);
    visibility: hidden;
    background-color: var(--bs-gray-100);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .drawer-md.drawer-right {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-right.show {
    right: 0;
    visibility: visible;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-right .drawerheadertop {
    flex-direction: row-reverse;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-right .drawertoggle {
    margin-left: auto;
    margin-right: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-right .block-header:has(> h3, > .h3) {
    border-bottom: 1px solid #dee2e6;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-left {
    transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
    width: 285px;
    max-width: 285px;
    left: calc(-285px + -10px);
    visibility: hidden;
    background-color: var(--bs-gray-200);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .drawer-md.drawer-left {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-left.show {
    left: 0;
    visibility: visible;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-left .drawertoggle {
    margin-left: auto;
    margin-right: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-bottom {
    bottom: -110%;
  }
  .drawer-md.drawer-bottom.show {
    bottom: 0;
  }
}
@media (max-width: 991.98px) {
  .drawer-md.drawer-primary .drawertoggle {
    margin-right: 16px;
    margin-left: 5px;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm {
    display: block;
    z-index: 1015;
    position: fixed;
    height: 100vh;
    top: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) and (max-width: 991.98px) {
  .drawer-sm {
    z-index: 1021;
    top: 60px;
    height: calc(100vh - 60px);
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.not-initialized {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm .drawerheader .draweractions .btn {
    width: 40px;
    height: 40px;
    background-color: var(--bs-gray-200);
  }
  .drawer-sm .drawerheader .draweractions .btn:hover {
    background-color: var(--bs-gray-400);
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-right {
    transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
    width: 315px;
    max-width: 315px;
    right: calc(-315px + -10px);
    visibility: hidden;
    background-color: var(--bs-gray-100);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .drawer-sm.drawer-right {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-right.show {
    right: 0;
    visibility: visible;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-right .drawerheadertop {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-right .drawertoggle {
    margin-left: auto;
    margin-right: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-right .block-header:has(> h3, > .h3) {
    border-bottom: 1px solid #dee2e6;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-left {
    transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
    width: 285px;
    max-width: 285px;
    left: calc(-285px + -10px);
    visibility: hidden;
    background-color: var(--bs-gray-200);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .drawer-sm.drawer-left {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-left.show {
    left: 0;
    visibility: visible;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-left .drawertoggle {
    margin-left: auto;
    margin-right: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-bottom {
    bottom: -110%;
  }
  .drawer-sm.drawer-bottom.show {
    bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .drawer-sm.drawer-primary .drawertoggle {
    margin-right: 16px;
    margin-left: 5px;
  }
}
.drawercontent {
  position: relative;
  z-index: -1;
  flex: 1 1 0;
  min-height: 0;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  padding: 0.4rem;
}
.drawercontent .dropdown-menu .dropdown-item {
  width: 220px;
  white-space: normal;
}
.drawer-left .drawercontent {
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) var(--bs-gray-200);
}
.drawer-left .drawercontent::-webkit-scrollbar {
  width: 12px;
}
.drawer-left .drawercontent::-webkit-scrollbar-track {
  background: var(--bs-gray-200);
}
.drawer-left .drawercontent::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid var(--bs-gray-200);
}
.drawer-left .drawercontent::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}
.drawer-right .drawercontent {
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) var(--bs-gray-100);
}
.drawer-right .drawercontent::-webkit-scrollbar {
  width: 12px;
}
.drawer-right .drawercontent::-webkit-scrollbar-track {
  background: var(--bs-gray-100);
}
.drawer-right .drawercontent::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid var(--bs-gray-100);
}
.drawer-right .drawercontent::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}

.fp-content-center {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.fp-content-hidden {
  visibility: hidden;
}

.yui3-panel-focused {
  outline: none;
}

.fp-panel-button {
  background: var(--bs-white);
  padding: 3px 20px 2px 20px;
  text-align: center;
  margin: 10px;
  border-radius: 10px;
  display: inline-block;
}

.filepicker .yui3-widget-content-expanded {
  height: auto;
}

.fp-navbar {
  border-color: var(--bs-gray-500);
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.file-picker .fp-content {
  border-top: 0;
  background: var(--bs-white);
  clear: none;
  overflow: auto;
  height: 452px;
  min-height: 150px;
  max-height: calc(100vh - 240px);
}

.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
  width: 100%;
}

.file-picker .fp-content-loading {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}

.file-picker .fp-content .fp-object-container {
  width: 98%;
  height: 98%;
}

.file-picker .fp-def-search {
  margin-top: 0;
}

.file-picker .fp-list {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  margin: 0;
}

.file-picker .fp-list .fp-repo a {
  display: block;
  padding: 0.5em 0.7em;
}

.file-picker .fp-list .fp-repo.active {
  background: #f2f2f2;
}

.file-picker .fp-list .fp-repo-icon {
  padding: 0 7px 0 5px;
  width: 16px;
  height: 16px;
}

.fp-toolbar {
  float: left;
}

.fp-toolbar.empty {
  display: none;
}

.fp-toolbar .disabled {
  display: none;
}

.fp-toolbar div {
  display: block;
  float: left;
  margin-right: 4px;
}

.fp-toolbar img {
  vertical-align: -15%;
  margin-right: 5px;
}

.fp-viewbar:not(.disabled) a.checked {
  background-color: #b1bbc4;
  color: #000000;
  border-color: #aab4bf;
}

.fp-viewbar.disabled a {
  pointer-events: none;
  opacity: 0.65;
}

.file-picker .fp-clear-left {
  clear: left;
}

.fp-pathbar.empty {
  display: none;
}

.fp-pathbar .fp-path-folder {
  background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
  background-size: 12px 12px;
  height: 12px;
  margin-left: 12px;
}

/*rtl:raw:
.fp-pathbar .fp-path-folder {
    background-image: url('[[pix:theme|fp/path_folder_rtl]]');
}
*/
.fp-pathbar .fp-path-folder-name {
  margin-left: 24px;
}

.fp-iconview .fp-file {
  float: left;
  text-align: center;
  position: relative;
  margin: 10px 10px 35px;
}

.fp-iconview .fp-thumbnail {
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  border: 1px solid var(--bs-white);
  display: block;
}

.fp-iconview .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
}

.fp-iconview .fp-thumbnail:hover {
  background: var(--bs-white);
  border: 1px solid #ddd;
}

.fp-iconview .fp-filename-field {
  height: 33px;
  margin-top: 3px;
  word-wrap: break-word;
  overflow: hidden;
  position: absolute;
}

.fp-iconview .fp-file:focus .fp-filename-field,
.fp-iconview .fp-file:hover .fp-filename-field {
  overflow: visible;
  z-index: 1000;
}
.fp-iconview .fp-file:focus .fp-filename,
.fp-iconview .fp-file:hover .fp-filename {
  overflow: inherit;
  white-space: normal;
  text-overflow: inherit;
}

.fp-iconview .fp-filename-field .fp-filename {
  background: var(--bs-white);
  padding-top: 5px;
  padding-bottom: 12px;
  min-width: 112px;
}

.file-picker .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}

.file-picker .ygtvtn,
.filemanager .ygtvtn {
  /*rtl:remove*/
  background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
  /*rtl:raw:
  background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
  */
  width: 19px;
  height: 32px;
}

.file-picker .ygtvtm,
.filemanager .ygtvtm {
  background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
  /*rtl:raw:
      background-position: 2px 10px;
  */
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvtmh,
.filemanager .ygtvtmh {
  background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
  /*rtl:raw:
      background-position: 2px 10px;
  */
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvtp,
.filemanager .ygtvtp {
  /*rtl:remove*/
  background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
  */
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvtph,
.filemanager .ygtvtph {
  /*rtl:remove*/
  background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
  */
  width: 13px;
  height: 22px;
  cursor: pointer;
}

.file-picker .ygtvln,
.filemanager .ygtvln {
  /*rtl:remove*/
  background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
  /*rtl:raw:
  background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
  */
  width: 19px;
  height: 32px;
}

.file-picker .ygtvlm,
.filemanager .ygtvlm {
  background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
  /*rtl:raw:
      background-position: 2px 10px;
  */
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvlmh,
.filemanager .ygtvlmh {
  background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
  /*rtl:raw:
      background-position: 2px 10px;
  */
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvlp,
.filemanager .ygtvlp {
  /*rtl:remove*/
  background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
  */
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvlph,
.filemanager .ygtvlph {
  /*rtl:remove*/
  background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
  /*rtl:raw:
  background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
  */
  width: 13px;
  height: 12px;
  cursor: pointer;
}

.file-picker .ygtvloading,
.filemanager .ygtvloading {
  background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
  width: 16px;
  height: 22px;
}

.file-picker .ygtvdepthcell,
.filemanager .ygtvdepthcell {
  background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
  /*rtl:raw:
  background-position: 0 0;
  */
  width: 17px;
  height: 32px;
}

.file-picker .ygtvblankdepthcell,
.filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px;
}

a.ygtvspacer:hover {
  color: transparent;
  text-decoration: none;
}

.ygtvlabel,
.ygtvlabel:link,
.ygtvlabel:visited,
.ygtvlabel:hover {
  background-color: transparent;
  cursor: pointer;
  margin-left: 2px;
  text-decoration: none;
}

.file-picker .ygtvfocus,
.filemanager .ygtvfocus {
  background-color: #eee;
}

.fp-filename-icon {
  margin-top: 10px;
  display: block;
  position: relative;
}

.fp-icon {
  float: left;
  margin-top: -7px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
}

.fp-icon img {
  max-height: 24px;
  max-width: 24px;
  vertical-align: middle;
}

.fp-filename {
  padding-right: 10px;
}

.file-picker .fp-login-form {
  height: 100%;
  width: 100%;
  display: table;
}

.file-picker .fp-upload-form {
  height: 100%;
  width: 100%;
  display: table;
}

.file-picker .fp-upload-form table {
  margin: 0 auto;
}

.file-picker.fp-dlg {
  text-align: center;
}

.file-picker.fp-dlg .fp-dlg-buttons {
  margin: 0 20px;
}

.file-picker.fp-msg {
  text-align: center;
}

.file-picker .fp-content-error {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}

.file-picker .fp-nextpage {
  clear: both;
}

.file-picker .fp-nextpage .fp-nextpage-loading {
  display: none;
}

.file-picker .fp-nextpage.loading .fp-nextpage-link {
  display: none;
}

.file-picker .fp-nextpage.loading .fp-nextpage-loading {
  display: block;
  text-align: center;
  height: 100px;
  padding-top: 50px;
}

.fp-select .fp-select-loading {
  text-align: center;
  margin-top: 20px;
}

.fp-select table {
  padding: 0 0 10px;
}

.fp-select table .mdl-right {
  min-width: 84px;
}

.fp-select .fp-reflist .mdl-right {
  vertical-align: top;
}

.fp-select .fp-select-buttons {
  float: right;
}

.fp-select .fp-info {
  font-size: 0.75rem;
}

.fp-select .fp-thumbnail {
  float: left;
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  margin: 10px 20px 0 0;
  background: var(--bs-white);
  border: 1px solid #ddd;
}

.fp-select .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  margin: 10px;
}

.fp-select .fp-fileinfo {
  display: inline-block;
  margin-top: 10px;
}

.file-picker.fp-select .fp-fileinfo {
  max-width: 240px;
}

.fp-select .fp-fileinfo div {
  padding-bottom: 5px;
}

.file-picker.fp-select .uneditable {
  display: none;
}

.file-picker.fp-select .fp-select-loading {
  display: none;
}

.file-picker.fp-select.loading .fp-select-loading {
  display: block;
}

.file-picker.fp-select.loading form {
  display: none;
}

.fp-select .fp-dimensions.fp-unknown {
  display: none;
}

.fp-select .fp-size.fp-unknown {
  display: none;
}

.filemanager-loading {
  display: none;
}

.jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px;
}

.filemanager.fm-loading .filemanager-toolbar,
.filemanager.fm-loading .fp-pathbar,
.filemanager.fm-loading .filemanager-container,
.filemanager.fm-loaded .filemanager-loading,
.filemanager.fm-maxfiles .fp-btn-add,
.filemanager.fm-maxfiles .dndupload-message,
.filemanager.fm-noitems .fp-btn-download,
.filemanager.fm-noitems .fp-btn-delete,
.filemanager .fm-empty-container,
.filemanager.fm-noitems .filemanager-container .fp-content {
  display: none;
}

.filemanager .fp-img-downloading {
  display: none;
  padding-top: 7px;
}

.filemanager .filemanager-updating {
  display: none;
  text-align: center;
}

.filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px;
}

.filemanager.fm-updating .fm-content-wrapper,
.filemanager.fm-nomkdir .fp-btn-mkdir,
.fitem.disabled .filemanager .filemanager-toolbar,
.fitem.disabled .filemanager .fp-pathbar,
.fitem.disabled .filemanager .fp-restrictions,
.fitem.disabled .filemanager .fm-content-wrapper {
  display: none;
}

.filemanager .fp-restrictions {
  text-align: right;
}

.filemanager-toolbar {
  padding: 4px;
  overflow: hidden;
}

.filemanager .fp-pathbar.empty {
  display: none;
}

.filepicker-filelist,
.filemanager-container {
  min-height: 140px;
  border: 1px solid var(--bs-gray-500);
  border-radius: 0.5rem;
}

.filemanager .fp-content {
  overflow: auto;
  max-height: 472px;
  min-height: 157px;
}

.filemanager-container,
.filepicker-filelist {
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.file-picker .yui3-datatable-header {
  /*rtl:raw:
  text-align: right;
  */
  background: initial;
}

.fitem.disabled .filepicker-filelist,
.fitem.disabled .filemanager-container {
  background-color: #ebebe4;
}

.fitem.disabled .fp-btn-choose {
  color: var(--bs-secondary-color);
}

.fitem.disabled .filepicker-filelist .filepicker-filename {
  display: none;
}

.fp-iconview .fp-reficons1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.fp-iconview .fp-reficons2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
  background: url("[[pix:theme|fp/link]]") no-repeat;
  /*rtl:raw:
  transform: scaleX(-1);
  */
  /*rtl:ignore*/
  background-position: bottom right;
  background-size: 16px 16px;
}

.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
  background: url("[[pix:theme|fp/alias]]") no-repeat;
  /*rtl:raw:
  transform: scaleX(-1);
  */
  /*rtl:ignore*/
  background-position: bottom left;
  background-size: 16px 16px;
}

.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
  display: none;
}

.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
  background: url([[pix:s/dead]]) no-repeat;
  background-position: center center;
}

.filemanager .yui3-datatable table {
  border: 0 solid #bbb;
  width: 100%;
}

/* Override YUI default styling */
/* stylelint-disable declaration-no-important */
.filemanager .yui3-datatable-header {
  /*rtl:raw:
  text-align: right;
  */
  background: var(--bs-white) !important;
  border-bottom: 1px solid #ccc !important;
  border-left: 0 solid var(--bs-white) !important;
  color: #555 !important;
}
[data-bs-theme=dark] .filemanager .yui3-datatable-header {
  color: var(--bs-gray-700) !important;
}

.filemanager .yui3-datatable-odd .yui3-datatable-cell {
  background-color: #f6f6f6 !important;
  border-left: 0 solid #f6f6f6;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
  background-color: var(--bs-white) !important;
  border-left: 0 solid var(--bs-white);
}

/* stylelint-enable */
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
  background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
  height: 100%;
  width: 100%;
  /*rtl:raw:
  transform: scaleX(-1);
  */
  position: absolute;
  top: 8px;
  left: 17px;
  background-size: 16px 16px;
}

.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
  background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
  height: 100%;
  width: 100%;
  /*rtl:raw:
  transform: scaleX(-1);
  */
  position: absolute;
  top: 9px;
  left: -6px;
  background-size: 16px 16px;
}

.filemanager .fp-contextmenu {
  display: none;
}

.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
  display: inline;
  position: absolute;
  left: 14px;
  margin-right: -20px;
  top: 6px;
}

.filepicker-filelist .filepicker-container,
.filemanager.fm-noitems .fm-empty-container {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #bbb;
  padding-top: 85px;
  text-align: center;
}

.filepicker-filelist .dndupload-target,
.filemanager-container .dndupload-target {
  background: var(--bs-white);
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #fb7979;
  padding-top: 85px;
  text-align: center;
}

.filepicker-filelist.dndupload-over .dndupload-target,
.filemanager-container.dndupload-over .dndupload-target {
  background: var(--bs-white);
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 2px dashed #6c8cd3;
  padding-top: 85px;
  text-align: center;
}

.dndupload-message {
  display: none;
}

.dndsupported .dndupload-message {
  display: inline;
}

.dnduploadnotsupported-message {
  display: none;
}

.dndnotsupported .dnduploadnotsupported-message {
  display: inline;
}

.dndupload-target {
  display: none;
}

.dndsupported .dndupload-ready .dndupload-target {
  display: block;
}

.dndupload-uploadinprogress {
  display: none;
  text-align: center;
}

.dndupload-uploading .dndupload-uploadinprogress {
  display: block;
}

.dndupload-arrow {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 5px;
  color: var(--bs-gray-500);
}

.fitem.disabled .filepicker-container,
.fitem.disabled .fm-empty-container {
  display: none;
}

.dndupload-progressbars,
.fpupload-progressbars {
  padding: 10px;
  display: none;
}

.dndupload-inprogress .dndupload-progressbars,
.fpupload-inprogress .fpupload-progressbars {
  display: block;
}

.dndupload-inprogress .fp-content,
.fpupload-inprogress .fp-content {
  display: none;
}

.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container,
.filemanager.fm-noitems.fpupload-inprogress .fm-empty-container {
  display: none;
}

.filepicker-filelist.dndupload-inprogress .filepicker-container {
  display: none;
}

.filepicker-filelist.dndupload-inprogress a {
  display: none;
}

.filemanager.fp-select .fp-select-loading {
  display: none;
}

.filemanager.fp-select.loading .fp-select-loading {
  display: block;
}

.filemanager.fp-select.loading form {
  display: none;
}

.filemanager.fp-select.fp-folder .fp-license,
.filemanager.fp-select.fp-folder .fp-author,
.filemanager.fp-select.fp-file .fp-file-unzip,
.filemanager.fp-select.fp-folder .fp-file-unzip,
.filemanager.fp-select.fp-file .fp-file-zip,
.filemanager.fp-select.fp-zip .fp-file-zip {
  display: none;
}

.filemanager.fp-select .fp-file-setmain,
.filemanager.fp-select .fp-file-setmain-help {
  display: none;
}

.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
  display: inline-block;
}

.filemanager .fp-mainfile .fp-filename {
  font-weight: bold;
}

.filemanager.fp-select.fp-folder .fp-file-download {
  display: none;
}

.fm-operation {
  font-weight: bold;
}

.filemanager.fp-select .fp-original.fp-unknown,
.filemanager.fp-select .fp-original .fp-originloading {
  display: none;
}

.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
  display: inline;
}

.filemanager.fp-select .fp-reflist.fp-unknown,
.filemanager.fp-select .fp-reflist .fp-reflistloading {
  display: none;
}

.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
  display: inline;
}

.filemanager.fp-select .fp-reflist .fp-value {
  background: #f9f9f9;
  border: 1px solid #bbb;
  padding: 8px 7px;
  margin: 0;
  max-height: 75px;
  overflow: auto;
}

.filemanager.fp-select .fp-reflist .fp-value li {
  padding-bottom: 7px;
}

.filemanager.fp-mkdir-dlg {
  text-align: center;
}

.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
  text-align: left;
  margin: 20px;
}

.filemanager.fp-dlg {
  text-align: center;
}

.file-picker div.bd {
  text-align: left;
}

.fp-formset {
  padding: 10px;
}
.fp-formset input[type=file] {
  line-height: inherit;
}

.fp-forminset {
  padding: 0 10px;
}

.fp-fileinfo .fp-value {
  display: inline-block;
  padding-left: 5px;
}

.foldertree [role=treeitem][aria-expanded=false] + [role=group] {
  display: none;
}
.foldertree [role=treeitem][aria-expanded=true] + [role=group] {
  display: block;
}
.foldertree [role=treeitem][aria-expanded=false] > ul {
  display: none;
}
.foldertree [role=treeitem][aria-expanded=true] > ul {
  display: block;
}
.foldertree [role=treeitem] > p {
  margin-bottom: 0;
}
.foldertree [role=treeitem][aria-expanded] > p::before, .foldertree [role=treeitem][aria-expanded] > p::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
}
.foldertree [role=treeitem][aria-expanded=false] > p::before {
  background-image: url("[[pix:t/collapsed]]");
}
.foldertree [role=treeitem][aria-expanded=true] > p::before {
  background-image: url("[[pix:t/expanded]]");
}
.foldertree li {
  position: relative;
  list-style: none;
}
.foldertree li::before {
  content: "";
  position: absolute;
  top: calc(var(--bs-body-font-size) / var(--bs-body-line-height) + 2px);
  left: calc((2rem + 16px + 2px) / 2 * -1);
  border-bottom: 2px dotted var(--bs-border-color);
  width: 1rem;
}
.foldertree li img.icon {
  width: auto;
}
.foldertree > li::before {
  display: none;
}
.foldertree ul::before {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: calc(16px / 2 - 2px / 2);
  height: calc(100% - 2rem);
  border-left: 2px dotted var(--bs-border-color);
}

/** The message area **/
.hidden {
  display: none;
}

.preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl, .preferences-container .container-xxl {
  padding: 0;
}
.preferences-container .container-fluid .col-md-6, .preferences-container .container-sm .col-md-6, .preferences-container .container-md .col-md-6, .preferences-container .container-lg .col-md-6, .preferences-container .container-xl .col-md-6, .preferences-container .container-xxl .col-md-6 {
  min-height: 20px;
}
.preferences-container .align-bottom {
  vertical-align: bottom;
}
.preferences-container .preference-table {
  border: 1px solid #ddd;
}
.preferences-container .preference-table thead th {
  text-align: center;
}
.preferences-container .preference-table thead th .config-warning {
  display: none;
}
.preferences-container .preference-table thead th.unconfigured .config-warning {
  display: inline-block;
}
.preferences-container .preference-table tr th {
  border-left: 1px solid #dee2e6;
}
.preferences-container .preference-table tr td:not(:first-child) {
  width: 150px;
  text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
  border: 1px solid #dee2e6;
}
.preferences-container .preference-table .preference-row .hover-tooltip-container {
  display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-name {
  vertical-align: middle;
}
.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
  display: block;
}

.general-settings-container .loading-icon {
  display: none;
}
.general-settings-container .loading .loading-icon {
  display: inline-block;
}
.general-settings-container label {
  display: inline-block;
}

.processor-container {
  position: relative;
}
.processor-container .loading-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.processor-container .loading-container .vertical-align {
  height: 100%;
  width: 0%;
  display: inline-block;
  vertical-align: middle;
}
.processor-container.loading .loading-container {
  display: block;
}

.preferences-page-container .checkbox-container {
  margin: 30px 5px;
  line-height: 20px;
}
.preferences-page-container .checkbox-container input {
  line-height: 20px;
  margin: 0;
}
.preferences-page-container .checkbox-container .loading-icon {
  display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
  display: inline-block;
}

.notification-area {
  height: 600px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 30px;
  border: 1px solid #e3e3e3;
}
@media (max-height: 670px) {
  .notification-area {
    height: 500px;
  }
}
.notification-area .control-area {
  box-sizing: border-box;
  display: inline-block;
  width: 300px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-right: 1px solid #e3e3e3;
}
.notification-area .control-area .content {
  position: relative;
}
.notification-area .control-area .content .content-item-container {
  cursor: pointer;
}
.notification-area .control-area .content:empty + .empty-text {
  display: block;
}
.notification-area .control-area .loading-icon {
  display: none;
}
.notification-area .control-area .empty-text {
  display: none;
  text-align: center;
  padding-top: 20px;
}
.notification-area .control-area.loading .loading-icon {
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding: 5px;
}
.notification-area .control-area.loading .content:empty + .empty-text {
  display: none;
}
.notification-area .content-area {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 300px);
  float: right;
}
.notification-area .content-area .toggle-mode {
  display: none;
}
.notification-area .content-area .header {
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px;
}
.notification-area .content-area .header .image-container {
  display: inline-block;
  height: 25px;
  width: 24px;
  float: left;
}
.notification-area .content-area .header .subject-container {
  display: inline-block;
  max-width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
  padding-left: 5px;
  box-sizing: border-box;
}
.notification-area .content-area .header .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: #666;
  padding-left: 5px;
}
.notification-area .content-area .header:empty {
  display: none;
}
.notification-area .content-area > .content {
  height: 500px;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
}
@media (max-height: 670px) {
  .notification-area .content-area > .content {
    height: 400px;
  }
}
.notification-area .content-area > .content:empty {
  display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
  display: block;
  text-align: center;
  padding-top: 100px;
}
.notification-area .content-area .empty-text {
  display: none;
}
.notification-area .content-area .footer {
  height: 50px;
  box-sizing: border-box;
  text-align: center;
}
.notification-area .content-area .footer a {
  line-height: 50px;
}
.notification-area .content-area .footer:empty {
  display: none;
}

@media (max-width: 979px) {
  .notification-area {
    position: relative;
    overflow: hidden;
  }
  .notification-area .control-area {
    border-right: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: left 0.25s;
  }
  .notification-area .content-area {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    opacity: 0;
    visibility: hidden;
    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
  }
  .notification-area .content-area .toggle-mode {
    display: inline-block;
    float: left;
    width: 70px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  .notification-area .content-area .header {
    display: inline-block;
    width: calc(100% - 70px);
  }
  .notification-area.show-content-area .control-area {
    left: -100%;
    opacity: 0;
    visibility: hidden;
    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
  }
  .notification-area.show-content-area .content-area {
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: right 0.25s;
  }
}
.drawer .message-app {
  height: 100%;
}
.drawer .message-app .icon-back-in-app {
  display: none;
}
.drawer .message-app .icon-back-in-drawer {
  display: inherit;
}

.message-app {
  display: flex;
  flex-direction: column;
  background-color: #ebeef0;
}
[data-bs-theme=dark] .message-app {
  background-color: var(--bs-tertiary-bg);
}

.message-app .icon-back-in-drawer {
  display: none;
}
.message-app.main {
  min-height: 400px;
}
.message-app .header-container {
  flex-shrink: 0;
}
.message-app .overflow-y {
  overflow-y: auto;
}
@media (max-height: 320px) {
  .message-app .header-container [data-region=view-overview]:not(.hidden) {
    display: flex;
    align-items: center;
  }
  .message-app .overflow-y {
    overflow-y: unset;
  }
}
.message-app .body-container {
  flex: 1;
  overflow: hidden;
}
.message-app .body-container > * {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
}
.message-app .footer-container {
  flex-shrink: 0;
}
.message-app .footer-container textarea {
  direction: ltr;
}
.message-app .contact-status {
  position: absolute;
  left: 39px;
  top: 34px;
}
.message-app .contact-status.online .icon {
  color: #357a32;
}
.message-app .message p {
  margin: 0;
}
.message-app .clickable {
  cursor: pointer;
}
.message-app .clickable:hover {
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
}
.message-app a,
.message-app .btn-link {
  color: inherit;
}
.message-app .btn-link:hover, .message-app .btn-link:focus {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.035);
  text-decoration: none;
}
.message-app .icon {
  margin-right: 0;
}
.message-app .overview-section-toggle .collapsed-icon-container {
  display: none;
}
.message-app .overview-section-toggle .expanded-icon-container {
  display: inline-block;
}
.message-app .overview-section-toggle.collapsed .collapsed-icon-container {
  display: inline-block;
}
.message-app .overview-section-toggle.collapsed .expanded-icon-container {
  display: none;
}
.message-app .view-overview-body .section {
  display: block;
}
.message-app .view-overview-body .section.expanded {
  display: flex;
}
.message-app .view-overview-body .section div[data-region=toggle] {
  padding: 0.1rem;
}
.message-app .view-conversation .content-message-container img {
  max-width: 100%;
}
.message-app .list-group {
  border-radius: 0;
}
.message-app .list-group .list-group-item {
  border-left: 0;
  border-right: 0;
}
.message-app .list-group .list-group-item:hover {
  color: #ffffff;
  background-color: #0f6cbf;
}
.message-app .list-group .list-group-item:hover .message-icon-forward {
  color: inherit !important;
}
.message-app .list-group .list-group-item:first-child {
  border-top: 0;
}
.message-app .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.message-app .list-group .list-group-item.list-group-item-action {
  margin: 0.1rem;
  width: auto;
  text-align: inherit;
}
.message-app .last-message {
  min-height: 1.5rem;
}
.message-app .section .collapsing {
  overflow: hidden;
}
.message-app .message.send {
  background-color: #dee2e6;
  color: #000000;
}
.message-app .message.send .time {
  color: black;
}
.message-app .message.send .tail {
  right: 0;
  margin-right: -0.5rem;
  border-bottom-color: #dee2e6;
}
[data-bs-theme=dark] .message-app .message.send {
  background-color: var(--bs-gray-300);
  color: var(--bs-body-color);
}
[data-bs-theme=dark] .message-app .message.send .time {
  color: var(--bs-body-color);
}
[data-bs-theme=dark] .message-app .message.send .tail {
  border-bottom-color: var(--bs-gray-300);
}

.message-app .message.received {
  background-color: #f8f9fa;
  color: #000000;
}
.message-app .message.received .time {
  color: #4a4b4b;
}
.message-app .message.received .tail {
  left: 0;
  margin-left: -0.5rem;
  border-bottom-color: #f8f9fa;
}
[data-bs-theme=dark] .message-app .message.received {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}
[data-bs-theme=dark] .message-app .message.received .time {
  color: var(--bs-secondary-color);
}
[data-bs-theme=dark] .message-app .message.received .tail {
  border-bottom-color: var(--bs-body-bg);
}

.message-app .message .tail {
  content: "";
  bottom: 0;
  width: 0;
  height: 0;
  border: 0.5rem solid transparent;
  position: relative;
}
.message-app .day {
  color: #000000;
}
[data-bs-theme=dark] .message-app .day {
  color: var(--bs-body-color);
}

.message-app .lazy-load-list {
  overflow-y: inherit;
}

#page-message-index #page-header {
  display: none;
}
#page-message-index #region-main {
  height: 100%;
  margin-top: 0;
}
#page-message-index #region-main .conversationcontainer .section {
  max-height: calc(100vh - 50px);
}
#page-message-index #region-main div[role=main] {
  height: 100%;
}
#page-message-index #region-main div[role=main] #maincontent {
  margin-top: -1px;
}
#page-message-index #region-main div[role=main] .message-app.main {
  height: 100%;
}

.dir-rtl .message-drawer {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}

.message-app .emoji-picker-container {
  position: absolute;
  top: -5px;
  right: 5px;
  transform: translateY(-100%);
}
.message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px;
}
@media (max-width: 575.98px) {
  .message-app .emoji-picker-container {
    right: -0.5rem;
  }
}
@media (max-height: 495px) {
  .message-app .emoji-picker-container {
    position: fixed;
    top: 0;
    transform: none;
  }
}
.message-app .emoji-auto-complete-container {
  overflow: auto;
  max-height: 90px;
  transition: max-height 0.15s ease-in-out;
  visibility: visible;
}
.message-app .emoji-auto-complete-container.hidden {
  display: block;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
}

/* Question */
.questionbank h2, .questionbank .h2 {
  margin-top: 0;
}

.questioncategories h3, .questioncategories .h3 {
  margin-top: 0;
}

#chooseqtypebox {
  margin-top: 1em;
}

#chooseqtype h3, #chooseqtype .h3 {
  margin: 0 0 0.3em;
}

#chooseqtype .instruction {
  display: none;
}

#chooseqtype .fakeqtypes {
  border-top: 1px solid silver;
}

#chooseqtype .qtypeoption {
  margin-bottom: 0.5em;
}

#chooseqtype label {
  display: block;
}

#chooseqtype .qtypename img {
  padding: 0 0.3em;
}

#chooseqtype .qtypename {
  display: inline-table;
  width: 16em;
}

#chooseqtype .qtypesummary {
  display: block;
  margin: 0 2em;
}

#chooseqtype .submitbuttons {
  margin: 0.7em 0;
  text-align: center;
}

#qtypechoicecontainer {
  display: none;
}

#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
  background: none;
}

#qtypechoicecontainer.yui-panel .hd {
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px var(--bs-white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  background-image: linear-gradient(to bottom, var(--bs-white), #ccc);
}

#qtypechoicecontainer {
  font-size: 12px;
  color: #333;
  background: #f2f2f2;
  border-radius: 10px;
  border: 1px solid #ccc;
  border-top: 0 none;
}

#qtypechoicecontainer #chooseqtype {
  width: 40em;
}

#chooseqtypehead h3, #chooseqtypehead .h3 {
  margin: 0;
  font-weight: normal;
}

#chooseqtype .qtypes {
  position: relative;
  border-bottom: 1px solid #bbb;
  padding: 0.24em 0;
}

#chooseqtype .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 15em);
  width: 60%;
}

#chooseqtype .qtypeoption {
  margin-bottom: 0;
  padding: 0.3em 0.3em 0.3em 1.6em;
}

#chooseqtype .qtypeoption img {
  vertical-align: text-bottom;
  padding-left: 1em;
  padding-right: 0.5em;
}

#chooseqtype .selected {
  background-color: var(--bs-white);
}

#chooseqtype .instruction,
#chooseqtype .qtypesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.5em 1.6em;
  background-color: var(--bs-white);
}

#chooseqtype .instruction,
#chooseqtype .selected .qtypesummary {
  display: block;
}

.chooserdialogue-questionchooser .modicon img.icon,
#categoryquestions .qtype img.icon,
.choosercontainer .modicon img.icon {
  /* Override default icon width set for fontawesome icons */
  width: 16px;
}

table.question-bank-table {
  margin: 0;
  background-color: var(--bs-white);
  table-layout: fixed;
  overflow-x: scroll;
  width: min-content;
  max-width: 100%;
}
table.question-bank-table th {
  text-align: left;
}
table.question-bank-table > tbody > tr.r1 {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.03);
}
table.question-bank-table.generaltable > tbody > tr.highlight.firstrow td {
  border-top: 3px solid #008196;
}
table.question-bank-table > tbody > tr.highlight.firstrow {
  border-right: 2px solid #008196;
  border-left: 2px solid #008196;
}
table.question-bank-table.generaltable > tbody > tr.highlight.extrarow td, table.question-bank-table.generaltable > tbody > tr.highlight.firstrow.onlyhighlightrow td {
  border-bottom: 2px solid #008196;
}
table.question-bank-table > tbody > tr.highlight.extrarow {
  border-top: 0;
  border-right: 2px solid #008196;
  border-left: 2px solid #008196;
}
table.question-bank-table .checkbox input[type=checkbox] {
  margin-left: 0;
  float: none;
}
table.question-bank-table .iconcol {
  padding: 3px;
  box-sizing: content-box;
}
table.question-bank-table .iconcol .icon {
  margin: 0;
  width: 12px;
  height: 12px;
}
table.question-bank-table label {
  margin: 0;
  display: block;
}
table.question-bank-table .header {
  text-align: left;
}
table.question-bank-table .header.sortable-list-current-position {
  background-color: #a2cff8;
}
table.question-bank-table .header.sortable-list-is-dragged {
  background-color: var(--bs-white);
  opacity: 0.85;
}
table.question-bank-table .header .header-text > div {
  display: inline-block;
}
table.question-bank-table .header .dropdown-toggle::after {
  margin-left: 0;
}
table.question-bank-table .header.checkbox .form-check {
  padding-left: 0;
}

#page-mod-quiz-edit div.questionbankwindow div.header {
  margin: 0;
}
#page-mod-quiz-edit div.questionbankwindow.block {
  padding: 0;
}
#page-mod-quiz-edit ul.slots > li.section > .content {
  background-color: var(--mds-bg-surface-strong);
  padding: 1rem;
}
#page-mod-quiz-edit ul.slots > li.section:first-child > .content {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
#page-mod-quiz-edit ul.slots > li.section:last-child > .content {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
#page-mod-quiz-edit ul.slots > li.section li.activity.slot {
  background-color: var(--mds-bg-surface-default);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
#page-mod-quiz-edit ul.slots > li.section li.activity.slot + li.activity.slot {
  margin-top: 1rem;
}
#page-mod-quiz-edit ul.slots > li.section li.activity.slot .actions {
  background-color: transparent;
}

.questionbank .singleselect {
  margin: 0;
}

/* Question editing form */
#combinedfeedbackhdr div.fhtmleditor {
  padding: 0;
}

#combinedfeedbackhdr div.fcheckbox {
  margin-bottom: 1em;
}

#multitriesheader div.fitem_feditor {
  margin-top: 1em;
}

#multitriesheader div.fitem_fgroup {
  margin-bottom: 1em;
}

#multitriesheader div.fitem_fgroup fieldset.felement label {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

body.path-question-type {
  /* Hacks to display the labels within a form group. */
}
body.path-question-type .fitem .col-form-label.visually-hidden:not(legend):not([for=id_category], [for=id_filetypeslist]) {
  /* stylelint-disable declaration-no-important */
  position: static !important;
  width: auto !important;
  overflow: visible !important;
  /* stylelint-enable declaration-no-important */
}

.que {
  text-align: left;
  margin: 0 auto 1.8em auto;
  display: flex;
  align-items: start;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .que {
    flex-direction: column;
  }
}

.que .info {
  flex-shrink: 0;
  width: 7em;
  padding: 0.5em;
  background-color: var(--bs-gray-100);
  border: 1px solid #cad0d7;
  border-radius: 2px;
}
@media (max-width: 767.98px) {
  .que .info {
    width: 100%;
  }
}

.que h3.no, .que .no.h3 {
  margin: 0;
  font-size: 0.8em;
  line-height: 1;
}

.que span.qno {
  font-size: 1.5em;
  font-weight: bold;
  word-break: break-word;
}

.que .info > div {
  font-size: 0.8em;
  margin-top: 0.7em;
}

.que .info .questionflag.editable {
  cursor: pointer;
}

.que .info .editquestion img,
.que .info .questionflag img,
.que .info .questionflag input {
  vertical-align: bottom;
}

.que .content {
  flex-grow: 1;
}
@media (max-width: 767.98px) {
  .que .content {
    width: 100%;
  }
}

.que .formulation,
.que .outcome,
.que .comment {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: var(--bs-border-width) solid transparent;
  border-radius: var(--bs-border-radius);
}

.que .outcome,
.que .comment {
  color: #90682f;
  border-color: #fbe6ca;
  background-color: #fdf3e4;
}
.que .outcome a,
.que .comment a {
  color: #041c31;
}
[data-bs-theme=dark] .que .outcome, [data-bs-theme=dark] .que .comment {
  background-color: #483417;
  border-color: #90682f;
  color: var(--bs-body-color);
}
[data-bs-theme=dark] .que .outcome a, [data-bs-theme=dark] .que .comment a {
  color: var(--bs-link-color);
}

.que .formulation {
  color: #001a1e;
  border-color: #b3d9e0;
  background-color: #e6f2f5;
}
[data-bs-theme=dark] .que .formulation {
  background-color: #00272d;
  border-color: #004d5a;
  color: var(--bs-body-color);
}

.que.multichoice .answer div.r0 .icon.fa-check,
.que.multichoice .answer div.r1 .icon.fa-check,
.que.multichoice .answer div.r0 .icon.fa-remove,
.que.multichoice .answer div.r1 .icon.fa-remove {
  text-indent: 0;
}

.formulation input[type=text],
.formulation select {
  width: auto;
  vertical-align: baseline;
}

.que.multianswer .formulation .yui3-widget-positioned {
  box-sizing: content-box;
}
.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
  width: inherit;
  max-width: inherit;
}

.que input[size],
.que textarea[cols] {
  width: auto;
  max-width: 100%;
}

.que .comment {
  color: #20491e;
  border-color: #c2d7c2;
  background-color: #d7e4d6;
}

.que .ablock {
  margin: 0.7em 0 0.3em 0;
}

.que .im-controls {
  margin-top: 0.5em;
  text-align: left;
}

.que .specificfeedback,
.que .generalfeedback,
.que .numpartscorrect .que .rightanswer,
.que .im-feedback,
.que .feedback,
.que p {
  margin: 0 0 0.5em;
}

.que .correctness.correct {
  color: #ffffff;
  background-color: #357a32;
}
.que .correctness.partiallycorrect {
  color: #000000;
  background-color: #f0ad4e;
}
.que .correctness.notanswered, .que .correctness.incorrect {
  color: #ffffff;
  background-color: #ca3120;
}

.que .qtext {
  margin-bottom: 1.5em;
}

.que .validationerror {
  color: #ca3120;
}

.que .grading,
.que .comment,
.que .commentlink,
.que .history {
  margin-top: 0.5em;
}

.que .history h3, .que .history .h3 {
  margin: 0 0 0.2em;
  font-size: 1em;
}

.que .history table {
  width: 100%;
  margin: 0;
}

.que .history .current {
  font-weight: bold;
}

.que .questioncorrectnessicon {
  vertical-align: text-bottom;
}

body.jsenabled .questionflag input[type=checkbox] {
  display: none;
}

.que .questionflagimage {
  padding-right: 3px;
  height: 16px;
  width: 16px;
}

.importerror {
  margin-top: 10px;
  border-bottom: 1px solid #555;
}

.mform .que.comment .fitemtitle {
  width: 20%;
}

#page-question-preview #techinfo {
  margin: 1em 0;
}

#page-question-preview .collapsibleregion .collapsibleregioncaption,
#page-question-preview .collapsibleregion .collapsibleregionextracontent {
  display: inline-block;
}

#page-mod-quiz-edit ul.slots .activityinstance > a {
  display: flex;
  max-width: 100%;
  align-items: center;
  text-indent: 0;
  padding-left: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-left: 0;
  width: 16px;
  height: 16px;
  padding-right: 4px;
}

#page-mod-quiz-edit .activity img.activityicon {
  vertical-align: text-top;
}

#page-mod-quiz-edit .box.generalbox.questionbank {
  padding: 0.5em;
}

#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
#page-mod-quiz-edit .questionbank .categoryquestionscontainer,
#page-mod-quiz-edit .questionbank .choosecategory {
  padding: 0;
}

#page-mod-quiz-edit .questionbank .choosecategory select {
  width: 100%;
}

#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
  background: transparent;
}

#page-mod-quiz-edit .questionbankwindow div.header {
  color: #444;
  text-shadow: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 -10px 0 -10px;
  padding: 2px 10px 2px 10px;
  background: transparent; /* Old browsers */
}

#page-mod-quiz-edit .questionbankwindow div.header a:link,
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #0f6cbf;
}

#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #0c5699;
}

#page-mod-quiz-edit .createnewquestion {
  padding: 0.3em 0;
}
#page-mod-quiz-edit .createnewquestion div,
#page-mod-quiz-edit .createnewquestion input {
  margin: 0;
}

#page-mod-quiz-edit .questionbankwindow div.header .title {
  color: var(--bs-body-color);
}

#page-mod-quiz-edit div.container div.generalbox {
  background-color: transparent;
  padding: 1.5em;
}

#page-mod-quiz-edit .categoryinfo {
  background-color: transparent;
  border-bottom: none;
}

#page-mod-quiz-edit .createnewquestion .singlebutton input {
  margin-bottom: 0;
}

#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
  padding: 0 0 1.5em 0;
}

#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
  background-color: transparent;
  margin: 0;
  border-top: 0;
  border-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
  padding: 0 0.3em;
}

#page-mod-quiz-edit div.question div.content div.questioncontrols {
  background-color: var(--bs-body-bg);
}

#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -0.5em;
  padding-bottom: 0;
  border: none;
  background-color: var(--bs-body-bg);
  position: static;
  width: 12.1em;
  float: right;
  margin-right: 60px;
}

#page-mod-quiz-edit div.question div.content div.points br {
  display: none;
}

#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block;
}

#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
  background-color: var(--bs-body-bg);
}

#page-mod-quiz-edit .quizpagedelete,
#page-mod-quiz-edit .quizpagedelete img {
  background-color: transparent;
}

#page-mod-quiz-edit div.quizpage .pagecontent {
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}

#page-mod-quiz-edit div.questionbank .categoryinfo {
  padding: 0.3em 0;
}

.questionbankwindow .module {
  width: auto;
}

.questionbankwindow .form-autocomplete-selection {
  margin-left: 0;
}

#page-mod-quiz-edit div.editq div.question div.content {
  background-color: var(--bs-body-bg);
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
}

#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-top: 0;
  padding-right: 4px;
}

.path-mod-quiz .statedetails {
  display: block;
  font-size: 0.9em;
}

a#hidebankcmd {
  color: #0f6cbf;
}

.que.shortanswer .answer {
  padding: 0;
}

.que label {
  display: inline;
}

.que .content .answer div[data-region=answer-label] .mediaplugin {
  width: 400px;
}

body.path-question-type .mform fieldset.hidden {
  padding: 0;
  margin: 0.7em 0 0;
}

.que.ddwtos,
.que.ddwtos .drop {
  box-sizing: content-box;
}

.tag-condition-container {
  position: relative;
}

.qbank_managecategories-item.qbank_managecategories-droptarget-before,
.qbank_managecategories-item .qbank_managecategories-item.qbank_managecategories-droptarget-before,
.qbank_managecategories-categorylist.qbank_managecategories-droptarget-before > .qbank_managecategories-item:first-child {
  border-top-color: #0f6cbf;
}

.qbank_managecategories-item.qbank_managecategories-droptarget,
.qbank_managecategories-categorylist.qbank_managecategories-droptarget > .qbank_managecategories-item:last-child {
  border-bottom-color: #0f6cbf;
}

.qbank_managecategories-newchild.qbank_managecategories-droptarget {
  border-color: #0f6cbf;
  color: #0f6cbf;
}

/* user.less */
.userprofile .fullprofilelink {
  text-align: center;
  margin: 10px;
}

.userprofile .page-context-header {
  margin-bottom: 10px;
  column-count: 1;
}

.userprofile .description {
  margin-top: 10px;
  margin-bottom: 30px;
}

.userprofile .profile_tree {
  column-count: 2;
}

#participantsform .no-overflow {
  overflow: visible;
}

.userprofile dl.list > dd + dt {
  clear: left;
}

.user-box {
  margin: 8px;
  width: 115px;
  height: 160px;
  text-align: center;
  float: left;
  clear: none;
}

#page-user-profile .node_category ul,
.path-user .node_category ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}
#page-user-profile .node_category li,
.path-user .node_category li {
  margin-top: 5px;
}
#page-user-profile .node_category .editprofile,
#page-user-profile .node_category .viewmore,
.path-user .node_category .editprofile,
.path-user .node_category .viewmore {
  text-align: right;
}

.ajax-contact-button {
  box-sizing: border-box;
  position: relative;
}
.ajax-contact-button.loading .loading-icon {
  display: block;
}
.ajax-contact-button .loading-icon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.ajax-contact-button .loading-icon .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
  .userprofile .profile_tree {
    /** Display the profile on one column on phones@mixin  */
    column-count: 1;
  }
}
.userlist #showall {
  margin: 10px 0;
}

.userlist .buttons {
  text-align: center;
}

.userlist .buttons label {
  padding: 0 3px;
}

.userlist table#participants {
  text-align: center;
}

.userlist table#participants td {
  text-align: left;
  padding: 4px;
  vertical-align: middle;
}

.userlist table#participants th {
  text-align: left;
  padding: 4px;
}

.userlist table.controls {
  width: 100%;
}
.userlist table.controls tr {
  vertical-align: top;
}
.userlist table.controls .right {
  text-align: right;
}
.userlist table.controls .groupselector {
  margin-bottom: 0;
  margin-top: 0;
}
.userlist table.controls .groupselector label {
  display: block;
}

.userinfobox {
  width: 100%;
  border: 1px solid;
  border-collapse: separate;
  padding: 10px;
}

.userinfobox .left,
.userinfobox .side {
  width: 100px;
  vertical-align: top;
}

.userinfobox .userpicture {
  width: 100px;
  height: 100px;
}

.userinfobox .content {
  vertical-align: top;
}

.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom;
}

.userinfobox .links a {
  display: block;
}

.userinfobox .list td {
  padding: 3px;
}

.userinfobox .username {
  padding-bottom: 20px;
  font-weight: bold;
}

.userinfobox td.label {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  font-weight: bold;
}

.group-edit {
  position: absolute;
  right: 0;
  margin-right: 0.6em;
}

.group-image {
  display: block;
  float: left;
  margin-right: 1em;
}
.group-image .grouppicture {
  border-radius: 50%;
}

.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}

.course-participation #showall {
  text-align: center;
  margin: 10px 0;
}

#user-policy .noticebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 80%;
  height: 250px;
}

#user-policy #policyframe {
  width: 100%;
  height: 100%;
}

.iplookup #map {
  margin: auto;
}

.userselector select {
  width: 100%;
}

.userselector div {
  margin-top: 0.2em;
}

.userselector div label {
  margin-right: 0.3em;
}

/* Next style does not work in all browsers but looks nicer when it does */
.userselector .userselector-infobelow {
  font-size: 0.8em;
}

#userselector_options .collapsibleregioncaption {
  font-weight: bold;
}
#userselector_options .collapsibleregioncaption img {
  width: 16px;
  height: 16px;
}

#userselector_options p {
  margin: 0.2em 0;
  text-align: left;
}

/** user full profile */
#page-user-profile .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/** user course profile */
#page-course-view-weeks .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.profileeditor > .singleselect {
  margin: 0 0.5em 0 0;
}
.profileeditor > .singlebutton {
  display: inline-block;
  margin: 0 0 0 0.5em;
}
.profileeditor > .singlebutton div,
.profileeditor > .singlebutton input {
  margin: 0;
}

.userlist h3 .action-icon, .userlist .h3 .action-icon {
  display: none;
}

#page-enrol-users .popover {
  max-width: none;
}

.user-enroller-panel {
  width: 600px;
}

[data-filterverbfor],
[data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
  display: none;
}

[data-filterverb="0"] [data-filterverbfor="0"],
[data-filterverb="1"] [data-filterverbfor="1"],
[data-filterverb="2"] [data-filterverbfor="2"] {
  display: block;
}

#page-user-contactsitesupport .supporticon i {
  font-size: 35px;
}

.search-results .result {
  margin-left: 0;
  margin-right: 0;
}

.search-results .result .result-content {
  margin: 7px 0;
}

.search-results .result .filename {
  font-style: italic;
}

.simplesearchform .input-group input.form-control {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.simplesearchform .btn {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.simplesearchform .btn .icon {
  margin: 0;
}
.simplesearchform .btn-submit {
  border-color: var(--bs-gray-500);
  color: var(--bs-gray-600);
}
.simplesearchform .btn-close,
.simplesearchform .btn-clear {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--bs-gray-600);
  z-index: 6;
}
.simplesearchform .btn-close {
  right: 2.5rem;
  top: 0.4rem;
  font-size: inherit;
  line-height: inherit;
}
.simplesearchform .btn-submit {
  background-color: var(--bs-gray-100);
}
.simplesearchform .withclear {
  padding-right: 2rem;
}
.simplesearchform .searchinput {
  display: flex;
  flex: 1 1 auto;
}
.simplesearchform .collapsing {
  height: inherit;
  transition: none;
  width: inherit;
}

.simplesearchform .collapse.show,
.simplesearchform .collapsing {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  background-color: var(--bs-white);
  z-index: 1070;
  height: 60px;
}
.simplesearchform .collapse.show .searchform-navbar,
.simplesearchform .collapsing .searchform-navbar {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.search-areas-actions {
  margin-bottom: 1rem;
}

.search-areas-actions > div {
  margin-right: 1rem;
  display: inline-block;
}

#core-search-areas .lastcol li {
  margin-left: 24px;
  text-indent: -24px;
}

#core-search-areas .lastcol li > i {
  text-indent: 0;
}

/**
 * Moodle forms HTML isn't changeable via renderers (yet?) so this
 * .less file imports styles from the bootstrap $variables file and
 * adds them to the existing Moodle form CSS ids and classes.
 *
 */
.jsenabled .mform .containsadvancedelements .advanced {
  display: none;
}

.mform .containsadvancedelements .advanced.show {
  display: flex;
}

#adminsettings span.error {
  display: inline-block;
  border: 1px solid var(--bs-state-danger-border);
  border-radius: 4px;
  background-color: var(--bs-state-danger-bg);
  padding: 4px;
  margin-bottom: 4px;
}

.mform .d-flex .fitem {
  margin: 0.1rem 0.25rem 0.1rem 0 !important; /* stylelint-disable-line declaration-no-important */
}
.mform .d-flex br + label {
  justify-content: flex-start;
  width: 100%;
  margin-right: 0;
}
.mform .d-flex .fdate_time_selector .fitem {
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.d-flex > .form-control {
  width: auto;
  max-width: 100%;
}
.d-flex > textarea.form-control {
  width: 100%;
}

.form-select {
  width: auto;
  max-width: 100%;
}
.form-select.dropdown-toggle::after {
  content: none;
}

#jump-to-activity.form-select {
  width: 100%;
}

.mform fieldset {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--bs-border-color);
}

#adminsettings .form-control[size] {
  width: auto;
}

#adminsettings .error {
  color: #ca3120;
}

.mform ul.file-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mform label .req,
.mform label .adv {
  cursor: help;
}

/*rtl:ignore*/
input#id_externalurl {
  direction: ltr;
}

#portfolio-add-button {
  display: inline;
}

.form-defaultinfo,
.form-label .form-shortname {
  color: var(--bs-secondary-color);
}

.form-label .form-shortname {
  font-size: 0.75rem;
  display: block;
}

.formsettingheading .form-horizontal {
  color: var(--bs-secondary-color);
}

.no-felement.fstatic {
  color: var(--bs-secondary-color);
  padding-top: 5px;
}

.no-fitem .fstaticlabel {
  font-weight: bold;
}

.form-item .form-setting .defaultsnext > input {
  display: inline-block;
}

.form-item .form-setting .form-checkbox.defaultsnext {
  margin-top: 5px;
  display: inline-block;
}

#adminsettings h3, #adminsettings .h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.5;
  font-size: 1.25rem;
  line-height: 3;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

/* rtl:ignore */
.mform .fitem .felement input[name=email],
.mform .fitem .felement input[name=email2],
.mform .fitem .felement input[name=url],
.mform .fitem .felement input[name=idnumber],
.mform .fitem .felement input[name=phone1],
.mform .fitem .felement input[name=phone2] {
  text-align: left;
  direction: ltr;
}

.que.match .mediaplugin {
  width: 50vw;
}

/* rtl:ignore */
#page-admin-grade-edit-scale-edit .error input#id_name {
  margin-right: 170px;
}

#page-grade-edit-outcome-course .courseoutcomes {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#page-grade-edit-outcome-course .courseoutcomes td {
  text-align: center;
}

/* Install Process' text fields Forms, should always be justified to the left */
/* rtl:ignore */
#installform #id_wwwroot,
#installform #id_dirroot,
#installform #id_dataroot,
#installform #id_dbhost,
#installform #id_dbname,
#installform #id_dbuser,
#installform #id_dbpass,
#installform #id_prefix {
  direction: ltr;
}

.mdl-right > label {
  display: inline-block;
}

.singleselect {
  max-width: 100%;
}

.form-item .form-label label {
  margin-bottom: 0;
}

div#dateselector-calendar-panel {
  z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
}

/**
 * Show the labels above text editors and file managers except on wide screens.
 */
/* Section and module editing forms contain special JS components for the
   availability system (if enabled). */
#id_availabilityconditionsjson[aria-hidden=true],
.availability-field [aria-hidden=true] {
  display: none;
}

.availability-field img {
  width: 16px;
  height: 16px;
}

.availability-eye {
  clear: left;
  float: left;
}

.availability-inner,
.availability-plugincontrols {
  float: left;
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-gray-200);
  padding: 1rem;
  margin-top: 0.5rem;
}

.availability-plugincontrols,
.availability-childlist .availability-inner {
  margin-left: 0.625rem;
}

.availability-field .availability-plugincontrols .availability-group select {
  max-width: 12rem;
}

/* Custom styles for autocomplete form element */
/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
[data-fieldtype=autocomplete] select,
[data-fieldtype=tags] select,
.form-autocomplete-original-select {
  visibility: hidden;
  overflow: hidden;
  width: 15rem;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 1.75rem;
  vertical-align: bottom;
}

.form-autocomplete-selection {
  margin: 0.25rem 0;
  min-height: 2.5rem;
}

.form-autocomplete-selection [role=option] {
  cursor: pointer;
  white-space: inherit;
  word-break: break-word;
  line-height: 1.4;
  text-align: left;
}

.form-autocomplete-suggestions {
  position: absolute;
  background-color: var(--bs-white);
  border: 1px solid var(--bs-gray-500);
  min-width: 206px;
  max-height: 20em;
  overflow: auto;
  margin: 0.125rem 0 0;
  padding: 0.5rem 0;
  z-index: 3;
}

.form-autocomplete-suggestions li {
  list-style-type: none;
  padding: 0.25rem 1rem;
  margin: 0;
  cursor: pointer;
  color: var(--bs-body-color);
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: normal;
}
.form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
  background-color: #0f6cbf;
  color: #ffffff;
}
.form-autocomplete-suggestions li[aria-disabled=true] {
  pointer-events: none;
  color: #6a737b;
  background-color: var(--bs-secondary-bg);
}
.form-autocomplete-suggestions li.suggestions-heading {
  pointer-events: none;
  font-weight: bold;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  padding-left: calc(1rem / 2);
}
.form-autocomplete-suggestions li::before {
  content: "​";
}

.form-autocomplete-downarrow {
  color: var(--bs-body-color);
  top: 0.2rem;
  right: 0.5rem;
  cursor: pointer;
}
.form-autocomplete-downarrow .loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bs-white);
}

/** Undo some bootstrap things */
.form-autocomplete-selection + input.form-control {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.form-autocomplete-selection [data-active-selection=true] {
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}

select.form-control[size], select.form-control[multiple] {
  padding-right: 0;
}
select.form-control[size] option, select.form-control[multiple] option {
  width: fit-content;
}

/* Non-bootstrap selects with a size show their contents outside of the element.
 * Remove when we update to stable bootstrap 4. (MDL-56511) */
select[size],
select[multiple] {
  overflow: auto;
}

select[size="1"] {
  overflow: visible;
}

textarea[data-auto-rows] {
  overflow-x: hidden;
  resize: none;
}

/** Display elements under labels in vertical forms regardless of the screen size. */
.mform.full-width-labels .fitem.row {
  margin-left: 0;
  margin-right: 0;
}
.mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
  flex: 0 0 100%;
  max-width: 100%;
  width: inherit;
  padding-right: 0;
  padding-left: 0;
}
.mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
  display: none;
}
.mform.full-width-labels .fitem.row .form-control {
  width: 100%;
}

.mform .col-form-label .form-label-addon {
  margin-left: 0.25rem;
}

@media (min-width: 576px) {
  .mform:not(.full-width-labels) .col-form-label .form-label-addon {
    margin-left: auto;
  }
}
[data-fieldtype=modgrade] .fitem {
  padding-bottom: 0.375rem;
}

[data-fieldtype=modgrade] .form-select {
  width: 100%;
}

[data-fieldtype=modgrade] {
  background-color: var(--bs-white);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-gray-200);
  padding: 1rem;
  margin-left: 0.75rem;
  max-width: 30rem;
}

[data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
[data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
[data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
  display: none;
}

.felement[data-fieldtype=autocomplete],
.felement[data-fieldtype=tags] {
  display: block !important; /* stylelint-disable-line declaration-no-important */
  position: static;
}

[data-fieldtype=editor] > div {
  flex-grow: 1;
}

@media (min-width: 768px) {
  .mform fieldset .fcontainer.collapseable .col-form-label {
    padding-left: 2.5rem;
  }
}
.collapsemenu .collapseall {
  display: block;
}
.collapsemenu .expandall {
  display: none;
}
.collapsemenu.collapsed .collapseall {
  display: none;
}
.collapsemenu.collapsed .expandall {
  display: block;
}

.input-group.form-inset .form-inset-item {
  position: absolute;
  padding-top: calc(0.375rem + var(--bs-border-width));
  z-index: 3;
}
.input-group.form-inset.form-inset-left .form-control {
  padding-left: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-control {
  padding-right: 1.5rem;
}
.input-group.form-inset.form-inset-right .form-inset-item {
  right: 0;
}

.form-check.left-indented {
  padding-left: 0;
}

.toggle-sensitive-btn .icon {
  margin-right: 0;
}

@media (min-width: 576px) {
  .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-radius: var(--bs-border-radius);
  }
  .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
    border-radius: var(--bs-border-radius-lg);
  }
  .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .toggle-sensitive-btn {
    display: none;
  }
}
.form-control[readonly] {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.55%29'/%3e%3c/svg%3e");
}

.pagelayout-login #region-main,
.pagelayout-login #region-main-box {
  border: 0;
  background-color: transparent;
}
.pagelayout-login #page {
  margin: 0;
  min-height: 100vh;
  background-color: var(--bs-white);
}

.login-layout-left {
  background-color: #0f6cbf;
  position: sticky;
  top: 0;
  align-self: flex-start;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
[data-bs-theme=dark] .login-layout-left {
  color: #ffffff;
}

.login-layout-left-content {
  max-width: 450px;
  text-align: center;
  color: #ffffff;
  background-color: rgba(6, 41, 73, 0.65);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 5rem;
}
.login-layout-left-content blockquote {
  color: inherit;
  border-left: 5px solid #ffffff;
}
.login-layout-left-content a {
  color: inherit;
  text-decoration: underline;
}

.login-layout-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: center;
}

.login-layout-stat {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.login-layout-stat-value {
  font-size: 1.25rem;
  line-height: 1;
}

.login-layout-right {
  min-height: 100vh;
  padding: 3rem;
  display: flex;
  justify-content: center;
}

.login-layout-right-content {
  width: 100%;
  max-width: 576px;
  margin: auto 0;
}

.login-container .login-form .login-input-wrapper {
  position: relative;
}
.login-container .login-form .login-input-wrapper .form-control {
  background-color: var(--bs-gray-100);
  box-shadow: none;
  padding-inline-start: 3rem;
}
.login-container .login-form .login-input-wrapper .form-control:hover {
  background-color: var(--bs-gray-100);
}
.login-container .login-form .login-input-wrapper .form-control:focus {
  background-color: var(--bs-gray-100);
  border-color: #87b6df;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.login-container .login-form .login-input-wrapper .login-input-icon {
  position: absolute;
  inset-inline-start: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #6a737b;
  pointer-events: none;
  z-index: 6;
}
.login-container .login-form .toggle-sensitive-wrapper .toggle-sensitive-btn {
  --bs-btn-bg: var(--bs-gray-100);
  --bs-btn-border-color: var(--bs-gray-500);
  --bs-btn-hover-bg: var(--bs-gray-100);
  --bs-btn-hover-border-color: var(--bs-gray-500);
  --bs-btn-active-bg: var(--bs-gray-100);
  --bs-btn-active-border-color: var(--bs-gray-500);
  border-inline-start: none;
  color: var(--bs-gray-700);
}
.login-container .login-form .toggle-sensitive-wrapper .toggle-sensitive-btn:focus, .login-container .login-form .toggle-sensitive-wrapper .toggle-sensitive-btn:focus-visible {
  background-color: var(--bs-gray-100);
  border-color: #87b6df;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.login-container .login-separator {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--bs-gray-600);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.login-container .login-separator::before, .login-container .login-separator::after {
  content: "";
  flex: 1;
  border-top: 1px solid #dee2e6;
}
.login-container .login-identityprovider-btn {
  width: 100%;
  background-color: var(--bs-white);
  border-color: var(--bs-gray-400);
  color: var(--bs-gray-600);
}
.login-container .login-identityprovider-btn:hover, .login-container .login-identityprovider-btn:focus {
  background-color: var(--bs-gray-100);
  border-color: var(--bs-gray-500);
}
.login-container .login-cookiesnotice .btn-link {
  font-size: 0.875rem;
  color: var(--bs-gray-600);
}
.login-container .login-cookiesnotice .btn-link:hover, .login-container .login-cookiesnotice .btn-link:focus {
  color: var(--bs-gray-700);
}
.login-container .login-languagemenu .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}

@media (max-width: 991.98px) {
  .login-layout-right {
    padding: 1.5rem 1rem;
  }
  .login-layout-right-content {
    max-width: 100%;
    margin: 0;
  }
}
/* modules.less */
select {
  width: auto;
}

.path-mod .activity-header {
  max-width: 830px;
  margin: 0 auto !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod .activity-details:not(:empty) {
  background-color: var(--bs-gray-100);
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.5rem;
}
.path-mod .activity-details:not(:empty) > div:last-child > div:last-child {
  border-bottom: 0;
}
.path-mod .activity-dates {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 1.5rem;
  width: 100%;
  align-items: center;
}
.path-mod .activity-dates .date-item {
  color: var(--bs-gray-700);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.path-mod .activity-dates .date-item:not(:last-child)::after {
  display: none;
}
.path-mod .activity-dates .date-item .date-item-label {
  font-weight: 600;
  margin-right: 0.25rem;
}
.path-mod .activity-details .completion-info {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.path-mod .activity-description {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.path-mod .activity-description.has-automatic-completion {
  border-bottom: 1px solid #dee2e6;
}
.path-mod .activity-description > .box.py-3 {
  padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
  padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod .activity-description > .box.py-3:empty {
  display: none;
}
.path-mod .automatic-completion-title {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.path-mod .automatic-completion-conditions ul {
  list-style: none;
  padding-left: 0;
}
.path-mod .automatic-completion-conditions li {
  position: relative;
  padding-left: 2rem;
}
.path-mod .automatic-completion-conditions li::before {
  content: "•";
  position: absolute;
  left: 0.5rem;
  /* Scaling the dot down while keeping it centered */
  font-size: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
}
.path-mod .automatic-completion-conditions .badge {
  font-size: 80%;
  padding: 0.5rem;
  margin-top: 0.25rem;
  mix-blend-mode: multiply;
}
[data-bs-theme=dark] .path-mod .automatic-completion-conditions .badge {
  mix-blend-mode: screen;
}

.path-mod .automatic-completion-conditions .badge.badge-light {
  background-color: var(--bs-gray-200) !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod .automatic-completion-conditions .badge .icon {
  width: 0.7rem;
  height: 0.7rem;
  font-size: 0.7rem;
}
.path-mod .automatic-completion-conditions .badge:first-child {
  margin-top: 0;
}
.path-mod .automatic-completion-conditions li:has(.automatic-completion-is-complete)::before, .path-mod .automatic-completion-conditions li:has(.automatic-completion-is-failed)::before {
  content: "";
}
.path-mod .automatic-completion-conditions li:has(.automatic-completion-is-complete) {
  color: #357a32;
  padding-left: 0.25rem;
}
.path-mod .automatic-completion-conditions li:has(.automatic-completion-is-complete) .icon {
  font-size: 0.8rem;
}
.path-mod .automatic-completion-conditions li:has(.automatic-completion-is-failed) {
  color: #ca3120;
  padding-left: 0.25rem;
}
.path-mod .activity-description .no-overflow p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.path-mod .completion-status {
  font-weight: 500;
  white-space: nowrap;
}
.path-mod .completion-status i {
  margin-right: 0.25rem;
}

@media (max-width: 767px) {
  .path-mod .activity-dates {
    grid-template-columns: 1fr;
  }
}
.path-mod-choice .horizontal .choices .option {
  display: inline-block;
}

.path-mod-choice .choices .option label {
  vertical-align: top;
}

.path-mod-choice .responseaction select.singleselect {
  display: inline-block;
}

.path-mod-forum .forumsearch input,
.path-mod-forum .forumsearch .helptooltip {
  margin: 0 3px;
}

.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
  border: none;
}

.path-mod-forum .forumheaderlist thead .header,
.path-mod-forum .forumheaderlist tbody .discussion td {
  white-space: normal;
  vertical-align: top;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist thead .header {
  white-space: normal;
  vertical-align: top;
}
.path-mod-forum .forumheaderlist thead .header.replies {
  text-align: center;
}
.path-mod-forum .forumheaderlist thead .header.lastpost {
  text-align: right;
}
.path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
.path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
  width: 16px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
  white-space: normal;
}
.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
.path-mod-forum .forumheaderlist .discussion .replies {
  text-align: center;
}
.path-mod-forum .forumheaderlist .discussion .topic,
.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
.path-mod-forum .forumheaderlist .discussion .topic.starter,
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
  vertical-align: top;
}
.path-mod-forum .discussion-list .topic {
  font-weight: inherit;
}
.path-mod-forum .forumpost .authorsubheading a {
  text-decoration: underline;
}
.path-mod-forum .indent {
  margin-left: 5rem;
}
@media (max-width: 767.98px) {
  .path-mod-forum .indent {
    margin-left: 3.5rem;
  }
}
@media (max-width: 575.98px) {
  .path-mod-forum .indent {
    margin-left: 2rem;
  }
}
.path-mod-forum :target > .forumpost::before {
  content: "";
  position: absolute;
  top: calc(1rem/2);
  bottom: calc(1rem/2);
  left: 0;
  width: 3px;
  background: #0f6cbf;
}
.path-mod-forum .forum-navigation-button {
  height: calc(16px + 1.25rem);
  width: calc(16px + 1.25rem);
}
.path-mod-forum .forum-navigation-button.disabled .icon {
  color: #dee2e6;
}

.discussion-settings-container .form-select {
  width: 100%;
}
.discussion-settings-container input {
  max-width: 100%;
}

.forumpost {
  border: 1px solid #dee2e6;
  display: block;
  padding: 6px;
}
.forumpost .header {
  margin-bottom: 3px;
}
.forumpost .picture img {
  margin: 3px;
}
.forumpost .picture img.userpicture {
  margin-left: 3px;
  margin-right: 10px;
}
.forumpost .content .posting.fullpost {
  margin-top: 8px;
}
.forumpost .row {
  display: block;
}
.forumpost .row .topic,
.forumpost .row .content-mask,
.forumpost .row .options {
  margin-left: 48px;
}
.forumpost .row.side {
  clear: both;
}

.forumpost .row .left {
  width: 48px;
}

.forumpost .options .commands {
  margin-left: 0;
}

.forumpost .subject {
  font-weight: bold;
}

.forumsearch input[type=text] {
  margin-bottom: 0;
}

#page-mod-forum-view table .fit-content {
  width: 1px;
  white-space: nowrap;
}
#page-mod-forum-view table .limit-width {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#page-mod-forum-view table .limit-width .author-info {
  max-width: calc(100% - 35px - 0.5rem);
}

/** Gently highlight the selected post by changing it's background to blue and then fading it out. */
@keyframes background-highlight {
  from {
    background-color: rgba(0, 123, 255, 0.5);
  }
  to {
    background-color: inherit;
  }
}
.path-mod-forum .nested-v2-display-mode,
.path-mod-forum.nested-v2-display-mode {
  /** Reset the badge styling back to pill style. */
  /** Style the ratings like a badge. */
  /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
  /** Fix muted text contrast ratios for accessibility. */
  /** Make the tag list text screen reader visible only */
}
.path-mod-forum .nested-v2-display-mode .discussionsubscription,
.path-mod-forum.nested-v2-display-mode .discussionsubscription {
  margin-top: 0;
  text-align: inherit;
  margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .preload-subscribe,
.path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
.path-mod-forum.nested-v2-display-mode .preload-subscribe,
.path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
  display: none;
}
.path-mod-forum .nested-v2-display-mode .post-message,
.path-mod-forum.nested-v2-display-mode .post-message {
  line-height: 1.6;
}
.path-mod-forum .nested-v2-display-mode .indent,
.path-mod-forum.nested-v2-display-mode .indent {
  margin-left: 0;
}
.path-mod-forum .nested-v2-display-mode .badge,
.path-mod-forum.nested-v2-display-mode .badge {
  font-size: inherit;
  font-weight: inherit;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 10rem;
}
.path-mod-forum .nested-v2-display-mode .badge-light,
.path-mod-forum.nested-v2-display-mode .badge-light {
  background-color: #f6f6f6;
  color: #5b5b5b;
}
.path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
.path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
  background-color: #f6f6f6;
  color: #5b5b5b;
  padding: 0.25em 0.5em;
  line-height: 1;
  margin-right: 0.5rem;
  vertical-align: middle;
  border-radius: 10rem;
  text-align: center;
}
.path-mod-forum .nested-v2-display-mode .ratinginput,
.path-mod-forum.nested-v2-display-mode .ratinginput {
  padding: 0.25em 1.75rem 0.25em 0.75em;
  line-height: 1;
  height: auto;
  border-radius: 10rem;
}
@media (max-width: 767.98px) {
  .path-mod-forum .nested-v2-display-mode .ratinginput,
  .path-mod-forum.nested-v2-display-mode .ratinginput {
    margin-top: 0.5rem;
  }
}
.path-mod-forum .nested-v2-display-mode .group-image,
.path-mod-forum.nested-v2-display-mode .group-image {
  width: 35px;
  height: 35px;
  margin-right: 0;
  float: none;
  display: inline-block;
}
.path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
.path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.path-mod-forum .nested-v2-display-mode .alert.discussionlocked:not(caption),
.path-mod-forum.nested-v2-display-mode .alert.discussionlocked:not(caption) {
  position: absolute !important;
}
.path-mod-forum .nested-v2-display-mode .alert.discussionlocked *,
.path-mod-forum.nested-v2-display-mode .alert.discussionlocked * {
  overflow: hidden !important;
}
.path-mod-forum .nested-v2-display-mode .text-muted,
.path-mod-forum .nested-v2-display-mode .dimmed_text,
.path-mod-forum.nested-v2-display-mode .text-muted,
.path-mod-forum.nested-v2-display-mode .dimmed_text {
  color: #707070 !important; /* stylelint-disable-line declaration-no-important */
}
[data-bs-theme=dark] .path-mod-forum .nested-v2-display-mode .text-muted, [data-bs-theme=dark] .path-mod-forum .nested-v2-display-mode .dimmed_text, [data-bs-theme=dark] .path-mod-forum.nested-v2-display-mode .text-muted, [data-bs-theme=dark] .path-mod-forum.nested-v2-display-mode .dimmed_text {
  color: var(--bs-gray-600) !important; /* stylelint-disable-line declaration-no-important */
}

.path-mod-forum .nested-v2-display-mode .author-header,
.path-mod-forum.nested-v2-display-mode .author-header {
  font-style: italic;
}
.path-mod-forum .nested-v2-display-mode .author-header .author-name,
.path-mod-forum.nested-v2-display-mode .author-header .author-name {
  font-style: normal;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b,
.path-mod-forum.nested-v2-display-mode .tag_list > b {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b:not(caption),
.path-mod-forum.nested-v2-display-mode .tag_list > b:not(caption) {
  position: absolute !important;
}
.path-mod-forum .nested-v2-display-mode .tag_list > b *,
.path-mod-forum.nested-v2-display-mode .tag_list > b * {
  overflow: hidden !important;
}
.path-mod-forum .nested-v2-display-mode :target > .focus-target,
.path-mod-forum.nested-v2-display-mode :target > .focus-target {
  animation-name: background-highlight;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
  border-top: 1px solid #dee2e6;
  padding-top: 1.5rem;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
  border-top: none;
  padding-top: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
  display: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
.path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
  margin-bottom: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
  width: 70px;
  margin-right: 24px;
  flex-shrink: 0;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
.path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
  border: 0;
  resize: none;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
  /**
   * The first post and first set of replies have a larger author image so offset the 2nd
   * set of replies by the image width + margin to ensure they align.
   */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
  padding-left: 94px;
  /**
   * Reduce the size of the the author image for all second level replies (and below).
   */
  /**
   * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
   */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
  width: 30px;
  margin-right: 8px;
  padding-top: 3px;
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
  padding-left: 38px;
  /**
   * Stop indenting the replies after the 5th reply.
   */
}
.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
  padding-left: 0;
}

/** Extra small devices (portrait phones, less than 576px). */
@media (max-width: 767.98px) {
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
    width: 30px;
    margin-right: 8px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
    padding-left: 38px;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
    padding-left: 0;
  }
  #page-mod-forum-discuss.nested-v2-display-mode .group-image {
    width: 30px;
    height: 30px;
  }
}
.filter-scrollable {
  overflow-y: auto;
  max-height: 25em;
  margin-bottom: 1em;
}

.filter-dates-popover {
  width: 100%;
  max-width: 41.5em;
}

/* stylelint-disable-line max-line-length */
@keyframes expandSearchButton {
  from {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: var(--bs-gray-200);
  }
  to {
    width: 100%;
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    border-radius: 0;
    background-color: var(--bs-body-bg);
    border-color: var(--bs-gray-500);
    padding-left: calc(0.5rem + 8px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    right: 0;
  }
}
@keyframes collapseSearchButton {
  from {
    width: 100%;
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    border-radius: 0;
    background-color: var(--bs-body-bg);
    border-color: var(--bs-gray-500);
    padding-left: calc(0.5rem + 8px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    right: 0;
  }
  to {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: var(--bs-gray-200);
  }
}
.path-mod-forum .unified-grader .navbar {
  max-height: none;
  z-index: 1;
}
.path-mod-forum .unified-grader .body-container {
  overflow: auto;
}
.path-mod-forum .unified-grader .body-container.hidden {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .userpicture {
  height: 60px;
  width: 60px;
}
.path-mod-forum .unified-grader .grader-grading-panel {
  top: 0;
  position: absolute;
  height: 100%;
  z-index: 0;
  width: 430px;
}
.path-mod-forum .unified-grader .grader-grading-panel.hidden {
  right: -430px;
}
.path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
  width: 36px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
  max-width: 240px;
}
.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
  width: 36px;
  height: 36px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container {
  height: 65px;
  position: relative;
  overflow: hidden;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  padding-right: calc(36px + 0.5rem);
  opacity: 1;
  visibility: visible;
  transition: left 0.3s ease-in-out;
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
  animation-name: expandSearchButton;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
  display: block;
  animation-name: collapseSearchButton;
  animation-duration: 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
  height: 100% !important; /* stylelint-disable-line declaration-no-important */
  padding: 0.5rem;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
  position: relative;
  overflow: visible;
  flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
  padding-left: calc(0.5rem + 0.5rem + 36px - calc(var(--bs-border-width) * 2));
  padding-right: calc(0.5rem + 36px);
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 0.3s, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  color: var(--bs-body-color);
  height: 36px;
  width: calc(36px - calc(var(--bs-border-width) * 2));
  background-color: var(--bs-body-bg);
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 1;
  color: inherit;
  text-align: left;
  padding-left: 9px;
  transition: right 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
  width: calc(36px + 0.5rem + 0.5rem);
  transition: width 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
  flex-wrap: nowrap;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
  padding-left: 0;
  padding-right: 0;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
  opacity: 0;
  visibility: hidden;
  left: -100%;
  transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
}
.path-mod-forum .unified-grader .grader-module-content {
  overflow-y: auto;
  margin-right: 430px;
  transition: margin-right 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .path-mod-forum .unified-grader .grader-module-content {
    transition: none;
  }
}
.path-mod-forum .unified-grader .drawer-button {
  position: relative;
}
.path-mod-forum .unified-grader .drawer-button.active::after {
  content: "";
  position: absolute;
  bottom: calc(-0.5rem - 1px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0f6cbf;
}
.path-mod-forum .unified-grader .drawer-button .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
  position: relative;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding-left: calc(1rem + 45px);
  text-align: left;
  z-index: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
  display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
  display: block;
  height: auto !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
  transition: margin-bottom 0.3s ease-in-out;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
  opacity: 1;
  visibility: visible;
  max-height: none;
  transition: opacity 0.3s linear, visibility 0s linear;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
  opacity: 0.3;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
  margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
  opacity: 1;
}
.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
  padding-left: 94px;
}
.path-mod-forum .unified-grader .no-search-results-container .icon {
  height: 250px;
  width: 250px;
  margin-right: 0;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
  margin-left: 94px;
  border-radius: 0.6rem;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
  position: relative;
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
  position: absolute;
  top: calc(70px + 0.5rem);
  content: "";
  background-color: var(--bs-gray-200);
  width: 2px;
  height: calc(100% - 70px + 0.5rem);
}
.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
  width: 30px !important; /* stylelint-disable-line declaration-no-important */
}

.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
.path-mod-forum .modal .nested-v2-display-mode .post-subject {
  display: none;
}

@media (max-width: 575.98px) {
  .path-mod-forum .unified-grader .grader-grading-panel {
    width: 100%;
    position: fixed;
    height: calc(100vh - 50px);
    overflow: scroll;
    top: 50px;
  }
  .path-mod-forum .unified-grader .body-container {
    overflow: visible;
  }
}
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
  border: 1px dotted var(--bs-border-color);
}

.path-grade-report-grader h1, .path-grade-report-grader .h1 {
  text-align: inherit;
}

#page-mod-data-view #singleimage {
  width: auto;
}

.template_heading {
  margin-top: 10px;
}

.breadcrumb-button {
  margin-top: 4px;
}

.breadcrumb-button .singlebutton {
  float: left;
  margin-left: 4px;
}

.langmenu form {
  margin: 0;
}

canvas {
  -ms-touch-action: auto;
}

div#dock {
  display: none;
}

/** General styles (scope: all of lesson) **/
.path-mod-lesson .invisiblefieldset.fieldsetfix {
  display: block;
}

.path-mod-lesson .answeroption .checkbox label p {
  display: inline;
}

.path-mod-lesson .slideshow {
  overflow: auto;
  padding: 15px;
}

#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
  white-space: normal;
}

#page-mod-lesson-view .vertical .singlebutton {
  display: block;
}
#page-mod-lesson-view .vertical .singlebutton + .singlebutton {
  margin-left: 0;
  margin-top: 1rem;
}
#page-mod-lesson-view .fitem .felement .form-select {
  align-self: flex-start;
}
#page-mod-lesson-view .mediaplugin,
#page-mod-lesson-view .mediaplugin video {
  min-width: 200px;
}

.path-mod-lesson .table td {
  vertical-align: middle;
}
.path-mod-lesson .table td label {
  margin-bottom: 0;
}
.path-mod-lesson .table td .highlight {
  display: inline-block;
  margin-left: 0.25rem;
}
.path-mod-lesson .table td input[type=checkbox] {
  display: block;
}

.path-mod-wiki .wiki_headingtitle,
.path-mod-wiki .midpad,
.path-mod-wiki .wiki_headingtime {
  text-align: inherit;
}

.path-mod-wiki .wiki_contentbox {
  width: 100%;
}

.nav .caret {
  margin-left: 4px;
}

.nav .divider {
  overflow: hidden;
  width: 0;
}

.userloggedinas .usermenu .usertext,
.userswitchedrole .usermenu .usertext,
.loginfailures .usermenu .usertext {
  float: left;
  text-align: right;
  margin-right: 0.5rem;
  height: 35px;
}
.userloggedinas .usermenu .usertext .meta,
.userswitchedrole .usermenu .usertext .meta,
.loginfailures .usermenu .usertext .meta {
  font-size: 0.875rem;
  align-items: center;
}
.userloggedinas .usermenu .avatar img,
.userswitchedrole .usermenu .avatar img,
.loginfailures .usermenu .avatar img {
  margin: 0;
}

.userloggedinas .usermenu .userbutton .avatars {
  position: relative;
  display: inline-block;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
  vertical-align: baseline;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
  width: 20px;
  height: 20px;
  border: 1px solid #dee2e6;
  background-color: var(--bs-white);
  font-size: 0.6rem;
}
.userloggedinas .usermenu .userbutton .avatars .avatar img {
  width: inherit;
  height: inherit;
}
.userloggedinas .usermenu .userbutton .avatars .realuser {
  width: 35px;
  height: 35px;
  display: inline-block;
}

.userinitials {
  background-color: var(--bs-gray-200);
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--bs-gray-800);
  font-weight: normal;
  margin-right: 0.25rem;
}
.userinitials.size-16, .userinitials.size-30 {
  font-size: 0.7rem;
  width: 30px;
  height: 30px;
}
.userinitials.size-35 {
  width: 35px;
  height: 35px;
}
.userinitials.size-50 {
  width: 50px;
  height: 50px;
}
.userinitials.size-64 {
  width: 64px;
  height: 64px;
}
.userinitials.size-100 {
  width: 100px;
  height: 100px;
  font-size: 2rem;
}

img.userpicture {
  margin-right: 0.25rem;
}

@media (max-width: 767.98px) {
  .usertext {
    display: none;
  }
}
#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
#page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
  width: auto;
  max-width: none;
}

#page-mod-quiz-mod #id_reviewoptionshdr .fcontainer > .fitem {
  float: left;
  width: 20rem;
  display: inline-block;
  min-height: 12rem;
}

#page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
  line-height: 1.5;
  vertical-align: bottom;
}

#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
  width: auto;
  height: 22px;
  justify-content: flex-start;
}

#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
  width: 90%;
  height: 22px;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  background-color: var(--bs-white);
  background-image: none;
  height: 40px;
  width: 30px;
  border-radius: 3px;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 6px 6px 0;
}
.path-mod-quiz #mod_quiz_navblock span.qnbutton {
  cursor: default;
  background-color: var(--bs-secondary-bg);
  color: var(--bs-gray-700);
}
.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
.path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
  text-decoration: underline;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
  border: 1px solid;
  border-radius: 3px;
  z-index: 1;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
  border-width: 3px;
}
.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
  border-width: 1px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
  border: 0;
  background: var(--bs-white) none center/10px no-repeat scroll;
  height: 20px;
  margin-top: 20px;
  border-radius: 0 0 3px 3px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .thispageholder {
  border-color: #306e2d;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .thispageholder {
  border-color: #b62c1d;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .thispageholder {
  border-color: #90682f;
}
[data-bs-theme=dark] .path-mod-quiz #mod_quiz_navblock .qnbutton.correct {
  color: #1d2125;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.correct,
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
  background-color: #dff4d8; /* light green */
}
[data-bs-theme=dark] .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect {
  color: #1d2125;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect,
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
  background-color: #fdd; /* light red */
}
[data-bs-theme=dark] .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect {
  color: #1d2125;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect,
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
  background-color: #fcefdc; /* light yellow */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked,
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete,
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved,
.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading,
.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  background-color: var(--bs-gray-300);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
  background-color: var(--bs-white);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
  background-image: url([[pix:core|i/grade_correct]]);
  color: #357a32;
  background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
  background-image: url([[pix:core|t/locked]]);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
  background-image: url([[pix:core|i/grade_incorrect]]);
  color: #ca3120;
  background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
  background-image: url([[pix:core|i/grade_partiallycorrect]]);
  color: #f0ad4e;
  background-size: 14px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  background-color: var(--bs-gray-300);
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
  height: 1.4em;
  vertical-align: middle;
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
  padding: 0.5em 0 0.5em 0.1em;
  margin: 2px;
}

/* Override the color of the quiz attempt icons for accessibility. */
#attemptsform .icon.text-success,
.formulation .answer .icon.text-success {
  color: #306e2d !important; /* stylelint-disable-line declaration-no-important */
}
#attemptsform .icon.text-danger,
.formulation .answer .icon.text-danger {
  color: #b62c1d !important; /* stylelint-disable-line declaration-no-important */
}
#attemptsform .icon.text-warning,
.formulation .answer .icon.text-warning {
  color: #90682f !important; /* stylelint-disable-line declaration-no-important */
}

/* Countdown timer. */
#page-mod-quiz-attempt #region-main {
  overflow-x: inherit;
}

#quiz-timer-wrapper {
  display: none;
  position: sticky;
  justify-content: end;
  top: 65px;
  z-index: 1020;
}
#quiz-timer-wrapper #quiz-timer {
  border: 1px solid #ca3120;
  background-color: var(--bs-white);
}

.pagelayout-embedded #quiz-timer-wrapper {
  top: 5px;
}

#quiz-timer-wrapper #quiz-timer.timeleft0 {
  background-color: #ca3120;
  color: #ffffff;
}

#quiz-timer-wrapper #quiz-timer.timeleft1 {
  background-color: #d73422;
  color: #ffffff;
}

#quiz-timer-wrapper #quiz-timer.timeleft2 {
  background-color: #dd3d2b;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft3 {
  background-color: #e04938;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft4 {
  background-color: #e25546;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft5 {
  background-color: #e46153;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft6 {
  background-color: #e66d60;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft7 {
  background-color: #e8796d;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft8 {
  background-color: #ea867a;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft9 {
  background-color: #ec9288;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft10 {
  background-color: #ee9e95;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft11 {
  background-color: #f0aaa2;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft12 {
  background-color: #f2b6af;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft13 {
  background-color: #f4c2bc;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft14 {
  background-color: #f7ceca;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft15 {
  background-color: #f9dad7;
  color: #000000;
}

#quiz-timer-wrapper #quiz-timer.timeleft16 {
  background-color: #fbe6e4;
  color: #000000;
}

.path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
  top: auto;
}

.path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
  height: calc(100% - 4rem);
}

.path-mod-assign [data-region=grade-panel] {
  padding-top: 1rem;
}

.path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
.path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
  width: 100%;
  padding: 0;
  max-width: 100%;
  flex: none;
}

.path-mod-assign [data-region=grade-panel] fieldset,
.path-mod-assign [data-region=grade-panel] .fitem.row {
  margin: 0;
}

.path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
  width: 100%;
  overflow: auto;
  height: calc(100% - 4rem);
}

.path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
  width: auto;
}

.path-mod-assign [data-region=grade-panel] .popout {
  background-color: var(--bs-body-bg);
}

.path-mod-assign [data-region=grade-panel] .fitem.has-popout {
  background-color: var(--bs-white);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-gray-200);
  padding: 1rem;
  margin-bottom: 1rem;
}

.path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
  border-bottom: var(--bs-border-width) solid;
  margin-bottom: 1rem;
}

.path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1.5rem;
}

.path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
  margin-top: 0;
}

.path-mod-assign [data-region=assignment-info] {
  overflow-y: hidden;
}

.path-mod-assign [data-region=grading-navigation] {
  padding: 6px;
}

.path-mod-assign [data-region=grade-actions] {
  padding: 10px;
}

.path-mod-assign [data-region=user-info] .img-rounded {
  margin-top: 0;
}

.path-mod-assign [data-region=grading-navigation-panel] {
  height: 85px;
}

@media (max-width: 767px) {
  .path-mod-assign [data-region=grading-navigation-panel] {
    height: auto;
  }
  .path-mod-assign [data-region=user-info] {
    margin-top: 1rem;
  }
}
.path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
  width: auto;
  display: inline-block;
}

/**
 * Assign feedback.
 */
.assignfeedback_editpdf_widget * {
  box-sizing: content-box;
}

.assignfeedback_editpdf_widget button {
  box-sizing: border-box;
}

.assignfeedback_editpdf_widget .commentcolourbutton img {
  border-width: 0;
}

.assignfeedback_editpdf_widget .label {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: var(--bs-border-width) solid transparent;
  color: #004d5a;
  border-color: #b3d9e0;
  border-radius: var(--bs-border-radius);
  background-color: #cce6ea;
}

.assignfeedback_editpdf_menu {
  padding: 0;
}

.path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
  float: none;
}

.path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
  width: 100%;
}

.path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.path-mod-assign [data-region=grade-panel] .showmarkerdesc,
.path-mod-assign [data-region=grade-panel] .showstudentdesc {
  background-color: var(--bs-white);
}

.path-mod-assign .gradingtable thead tr {
  position: sticky;
  top: 60px;
  z-index: 1;
}

@media (max-width: 576px) and (max-height: 320px) {
  .path-mod-assign .gradingtable thead tr {
    position: static;
  }
}
/**
 * Mod LTI.
 */
.path-admin-mod-lti .btn .loader img,
.path-admin-mod-lti #tool-list-loader-container .loader img {
  height: auto;
}

/**
 * Mod Feedback.
 */
.path-mod-feedback span.feedback_info {
  font-weight: bold;
}
.path-mod-feedback span.feedback_depend {
  color: #ca3120;
}
[data-bs-theme=dark] .path-mod-feedback span.feedback_depend {
  color: var(--bs-danger-text-emphasis);
}

.path-mod-feedback hr.feedback_pagebreak {
  height: 4px;
  color: var(--bs-gray-600);
  background-color: var(--bs-gray-600);
  border: 0;
  margin: 0;
}
.path-mod-feedback .feedback_bar_image {
  height: 10px;
}
.path-mod-feedback #analysis-form label {
  display: inline;
}
.path-mod-feedback .templateslist td.cell.action {
  width: 10%;
}
.path-mod-feedback .templateslist th.header.action {
  width: 10%;
}
.path-mod-feedback .feedback-item-label {
  width: 100%;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist,
.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background-color: var(--bs-white);
  position: relative;
  border-radius: 0.5rem;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemname,
.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged .itemname {
  margin-right: 2rem;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemactions,
.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged .itemactions {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist.sortable-list-current-position,
.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged.sortable-list-current-position {
  background-color: #f8f9fa;
}
.path-mod-feedback #feedback_edit_form .sortable-list-is-dragged {
  opacity: 0.75;
  max-width: 830px;
}
.path-mod-feedback #feedback_edit_form .loading-icon {
  position: absolute;
  left: 50%;
  top: calc(50% - 0.5rem);
}
.path-mod-feedback#page-mod-feedback-manage_templates .coursetemplates .no-overflow,
.path-mod-feedback#page-mod-feedback-manage_templates .publictemplates .no-overflow {
  overflow: visible;
}
.path-mod-feedback#page-mod-feedback-manage_templates .coursetemplates .action-menu .menubar,
.path-mod-feedback#page-mod-feedback-manage_templates .publictemplates .action-menu .menubar {
  justify-content: end;
}
.path-mod-feedback table.analysis {
  width: 100%;
  border-top: 1px solid #dee2e6;
  margin-top: 10px;
}
.path-mod-feedback table.analysis.itemtype_textarea td {
  padding: 4px 0;
}
.path-mod-feedback table.analysis tr:first-child th {
  padding-top: 10px;
}
.path-mod-feedback table.analysis tr:hover {
  background: var(--bs-gray-300);
}
.path-mod-feedback table.analysis td.singlevalue:before,
.path-mod-feedback table.analysis td.optionname:before {
  content: "- ";
}
.path-mod-feedback table.analysis tr.isempty {
  display: none;
}
.path-mod-feedback #showentrytable td.cell.completed_timemodified,
.path-mod-feedback #showentryanontable td.cell.random_response {
  font-weight: bold;
}
.path-mod-feedback #showentrytable td.cell.userpic,
.path-mod-feedback #showentrytable td.cell.deleteentry,
.path-mod-feedback #showentryanontable td.cell.deleteentry {
  width: 10px;
}

/* reports.less */
#page-report-participation-index .participationselectform div label {
  display: inline-block;
  margin: 0 5px;
}

#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
  margin-left: 0;
}

#page-report-outline-index .font-lg {
  font-size: 1.1rem;
}

#page-report-outline-index #outlinereport tbody tr {
  background-color: var(--bs-white);
}
#page-report-outline-index #outlinereport tbody tr.section {
  padding-left: 2rem;
}
#page-report-outline-index #outlinereport tbody tr.section h3, #page-report-outline-index #outlinereport tbody tr.section .h3 {
  font-size: 1.25rem;
}
#page-report-outline-index #outlinereport tbody tr.section h4, #page-report-outline-index #outlinereport tbody tr.section .h4 {
  font-size: 1.1rem;
}
#page-report-outline-index #outlinereport tbody td.delegated {
  padding-left: 3.5rem;
}

#page-report-outline-user .section {
  border: 1px solid #dee2e6;
  border-radius: 1rem;
}

#page-report-outline-user .font-lg {
  font-size: 1.1rem;
}

#page-report-log-index #menumodid option:disabled {
  color: #1f2428;
  font-weight: bolder;
}

.path-backup .mform {
  /* These are long labels with checkboxes on the right. */
}
.path-backup .mform .grouped_settings {
  clear: both;
  overflow: hidden;
  /* Use card styles but avoid extend because that brings in too much. */
}
.path-backup .mform .grouped_settings.section_level {
  background-color: var(--bs-white);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-gray-200);
  padding: 1rem;
  margin-bottom: 1rem;
}
.path-backup .mform .grouped_settings.section_level::after {
  display: block;
  clear: both;
  content: "";
}
.path-backup .mform .grouped_settings.subsection_level {
  background-color: var(--bs-white);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-gray-200);
  padding: 1rem;
  margin: 0 1rem 1rem 1rem;
}
.path-backup .mform .grouped_settings.subsection_level::after {
  display: block;
  clear: both;
  content: "";
}
.path-backup .mform .include_setting {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0.3rem;
}
.path-backup .mform .normal_setting {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0.3rem;
}

.path-backup {
  /* Bold section labels */
}
.path-backup .section_level {
  font-weight: bold;
}
.path-backup .section_level .activity_level {
  font-weight: normal;
}
.path-backup .proceedbutton {
  margin-left: auto;
}

/* Override the columns width to leave more room for the labels. */
.path-backup .mform fieldset {
  padding: 1rem 0;
}
.path-backup .mform .grouped_settings.activity_level {
  /* Striped rows like a table */
}
.path-backup .mform .grouped_settings.activity_level:nth-of-type(odd) {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.03);
}
.path-backup .mform .grouped_settings.activity_level:nth-of-type(even) {
  background-color: transparent;
}
.path-backup .mform .fcontainer .grouped_settings .fitem,
.path-backup .mform .fcontainer .root_setting .fitem {
  margin: 0.25rem 0 !important; /* stylelint-disable declaration-no-important */
  /* These checkboxes with no label on the left. */
}
.path-backup .mform .fcontainer .grouped_settings .fitem .col-form-label,
.path-backup .mform .fcontainer .root_setting .fitem .col-form-label {
  padding-top: 0;
}
.path-backup .mform .fcontainer .grouped_settings .fitem .col-md-3.checkbox,
.path-backup .mform .fcontainer .root_setting .fitem .col-md-3.checkbox {
  width: 0%;
}
.path-backup .mform .fcontainer .grouped_settings .fitem .col-md-9.checkbox,
.path-backup .mform .fcontainer .root_setting .fitem .col-md-9.checkbox {
  width: 100%;
  left: 0;
}

/* Detail pair is (usually) some short label with a longer value */
.path-backup .detail-pair .detail-pair-label {
  width: 25%;
  float: left;
  clear: left;
}
.path-backup .detail-pair .detail-pair-value {
  width: 75%;
  float: left;
}

.path-backup .backup-restore .singlebutton {
  float: right;
}

/* Make these bits full width and work with the detail-pair */
.path-backup .backup-section {
  /* Fix for nested table headers */
  /* Add card styles to backup sections */
  background-color: var(--bs-white);
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-gray-200);
  padding: 1rem;
  margin-bottom: 1rem;
}
.path-backup .backup-section .sub-header,
.path-backup .backup-section .backup-sub-section,
.path-backup .backup-section .singlebutton,
.path-backup .backup-section .header {
  width: 100%;
  float: left;
  clear: both;
}
.path-backup .backup-section th.header {
  width: auto;
  float: none;
}
.path-backup .backup-section ::after {
  content: "";
  display: table;
  clear: both;
}
.path-backup .backup-section::after {
  display: block;
  clear: both;
  content: "";
}

.path-backup .notification.dependencies_enforced {
  color: #ca3120;
  font-weight: bold;
}

.path-backup .backup_progress {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.path-backup .backup_progress .backup_stage {
  color: var(--bs-secondary-color);
}
.path-backup .backup_progress .backup_stage.backup_stage_current {
  font-weight: bold;
  color: inherit;
}

.path-backup .backup_progress span.backup_stage.backup_stage_complete {
  color: inherit;
}

#page-backup-restore .filealiasesfailures {
  background-color: var(--bs-state-danger-bg);
}
#page-backup-restore .filealiasesfailures .aliaseslist {
  background-color: var(--bs-body-bg);
}

.path-backup .wibbler {
  width: 500px;
  margin: 0 auto 10px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  position: relative;
  min-height: 4px;
}
.path-backup .wibbler .wibble {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
}
.path-backup .wibbler .state0 {
  background: #eee;
}
.path-backup .wibbler .state1 {
  background: #ddd;
}
.path-backup .wibbler .state2 {
  background: #ccc;
}
.path-backup .wibbler .state3 {
  background: #bbb;
}
.path-backup .wibbler .state4 {
  background: #aaa;
}
.path-backup .wibbler .state5 {
  background: #999;
}
.path-backup .wibbler .state6 {
  background: #888;
}
.path-backup .wibbler .state7 {
  background: #777;
}
.path-backup .wibbler .state8 {
  background: #666;
}
.path-backup .wibbler .state9 {
  background: #555;
}
.path-backup .wibbler .state10 {
  background: #444;
}
.path-backup .wibbler .state11 {
  background: #333;
}
.path-backup .wibbler .state12 {
  background: #222;
}

/**
 * File tables.scss.
 * Contains styles for tables.
 */
.generaltable {
  border-top: var(--bs-border-width) solid var(--bs-border-color);
}
.generaltable th,
.generaltable td {
  padding: 0.75rem;
  border-top: var(--bs-border-width) solid var(--bs-border-color);
}

table {
  caption-side: top;
}
table .sticky-column {
  position: sticky;
  left: 0;
  background-color: inherit;
}

/**
 * Custom styles for Bootstrap table classes.
 */
.table {
  border-top: var(--bs-border-width) solid var(--bs-border-color);
}
.table tbody td,
.table tbody th {
  color: inherit;
  background-color: inherit;
}
.table tbody tr:hover.dimmed_text a:not(.menu-action), .table tbody tr:hover.text-muted a:not(.menu-action) {
  color: var(--bs-emphasis-color);
}
.table tbody tr:hover td.sticky-column {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
}

.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) #f8f9fa;
}
.table-responsive::-webkit-scrollbar {
  width: 12px;
}
.table-responsive::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.table-responsive::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}
.table-responsive .dropdown {
  position: static !important; /* stylelint-disable-line declaration-no-important */
}
.table-responsive .table {
  margin-bottom: 0;
}
.table-responsive .table .visually-hidden,
.table-responsive .table .accesshide {
  position: relative !important; /* stylelint-disable-line declaration-no-important */
  display: block;
}

/**
 * File buttons.scss.
 * Contains styles for buttons.
 */
.singlebutton {
  display: inline-block;
}
.singlebutton + .singlebutton {
  margin-left: 0.5rem;
}

.continuebutton {
  text-align: center;
}

p.arrow_button {
  margin-top: 5em;
  text-align: center;
}

#addcontrols {
  margin-top: 12rem;
  text-align: center;
  margin-bottom: 3em;
}
#addcontrols label {
  display: inline;
}

#addcontrols input,
#removecontrols input {
  width: 100%;
  margin: auto;
}

.btn-lineup {
  margin: 0 0 10px 5px;
}

/* Small buttons should have the same border-radius as the normal buttons. */
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-border-radius: var(--bs-border-radius);
}

/**
 * Focus styles to improve Bootstrap default contrast.
 */
.btn:focus-visible, .btn:focus.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-primary:focus-visible, .btn-primary:focus.focus {
  outline: 0.25rem solid #000102;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-secondary:focus-visible, .btn-secondary:focus.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-success:focus-visible, .btn-success:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-info:focus-visible, .btn-info:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-warning:focus-visible, .btn-warning:focus.focus {
  outline: 0.25rem solid #694109;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-danger:focus-visible, .btn-danger:focus.focus {
  outline: 0.25rem solid #1a0604;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-light:focus-visible, .btn-light:focus.focus {
  outline: 0.25rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-dark:focus-visible, .btn-dark:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-outline-primary:focus-visible, .btn-outline-primary:focus.focus {
  outline: 0.25rem solid #000102;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-primary {
  --bs-btn-color: #7baedc;
  --bs-btn-border-color: #7baedc;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #7baedc;
  --bs-btn-hover-border-color: #7baedc;
  --bs-btn-focus-shadow-rgb: 123, 174, 220;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #7baedc;
  --bs-btn-active-border-color: #7baedc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #7baedc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #7baedc;
  --bs-gradient: none;
}

.btn-outline-secondary:focus-visible, .btn-outline-secondary:focus.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-secondary {
  --bs-btn-color: #ced4da;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ced4da;
  --bs-btn-hover-border-color: #ced4da;
  --bs-btn-focus-shadow-rgb: 206, 212, 218;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ced4da;
  --bs-btn-active-border-color: #ced4da;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ced4da;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ced4da;
  --bs-gradient: none;
}

.btn-outline-success:focus-visible, .btn-outline-success:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-success {
  --bs-btn-color: #86af84;
  --bs-btn-border-color: #86af84;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #86af84;
  --bs-btn-hover-border-color: #86af84;
  --bs-btn-focus-shadow-rgb: 134, 175, 132;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #86af84;
  --bs-btn-active-border-color: #86af84;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #86af84;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #86af84;
  --bs-gradient: none;
}

.btn-outline-info:focus-visible, .btn-outline-info:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-info {
  --bs-btn-color: #66b3c0;
  --bs-btn-border-color: #66b3c0;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #66b3c0;
  --bs-btn-hover-border-color: #66b3c0;
  --bs-btn-focus-shadow-rgb: 102, 179, 192;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #66b3c0;
  --bs-btn-active-border-color: #66b3c0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #66b3c0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #66b3c0;
  --bs-gradient: none;
}

.btn-outline-warning:focus-visible, .btn-outline-warning:focus.focus {
  outline: 0.25rem solid #694109;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-warning {
  --bs-btn-color: #f0ad4e;
  --bs-btn-border-color: #f0ad4e;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f0ad4e;
  --bs-btn-hover-border-color: #f0ad4e;
  --bs-btn-focus-shadow-rgb: 240, 173, 78;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f0ad4e;
  --bs-btn-active-border-color: #f0ad4e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0ad4e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f0ad4e;
  --bs-gradient: none;
}

.btn-outline-danger:focus-visible, .btn-outline-danger:focus.focus {
  outline: 0.25rem solid #1a0604;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-danger {
  --bs-btn-color: #e28e84;
  --bs-btn-border-color: #e28e84;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #e28e84;
  --bs-btn-hover-border-color: #e28e84;
  --bs-btn-focus-shadow-rgb: 226, 142, 132;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #e28e84;
  --bs-btn-active-border-color: #e28e84;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e28e84;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e28e84;
  --bs-gradient: none;
}

.btn-outline-light:focus-visible, .btn-outline-light:focus.focus {
  outline: 0.25rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark:focus-visible, .btn-outline-dark:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #343a40;
}
[data-bs-theme=dark] .btn-outline-dark {
  --bs-btn-color: #a5a6a8;
  --bs-btn-border-color: #a5a6a8;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #a5a6a8;
  --bs-btn-hover-border-color: #a5a6a8;
  --bs-btn-focus-shadow-rgb: 165, 166, 168;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #a5a6a8;
  --bs-btn-active-border-color: #a5a6a8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #a5a6a8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a5a6a8;
  --bs-gradient: none;
}

/**
 * Icon buttons.
 */
.btn-icon {
  --bs-btn-hover-bg: var(--bs-secondary-bg);
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-font-size: 16px;
  height: calc(16px + 1rem);
  width: calc(16px + 1rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-icon:focus-visible, .btn-icon:focus.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #ffffff;
}
.btn-icon .icon {
  margin: 0;
}
.btn-icon.icon-size-0 {
  height: calc(0 * 2);
  width: calc(0 * 2);
  --bs-btn-font-size: 0;
  --bs-btn-line-height: 0;
}
.btn-icon.icon-size-1 {
  height: calc(8px * 2);
  width: calc(8px * 2);
  --bs-btn-font-size: 8px;
  --bs-btn-line-height: 8px;
}
.btn-icon.icon-size-2 {
  height: calc(12px * 2);
  width: calc(12px * 2);
  --bs-btn-font-size: 12px;
  --bs-btn-line-height: 12px;
}
.btn-icon.icon-size-3 {
  height: calc(16px * 2);
  width: calc(16px * 2);
  --bs-btn-font-size: 16px;
  --bs-btn-line-height: 16px;
}
.btn-icon.icon-size-4 {
  height: calc(24px * 2);
  width: calc(24px * 2);
  --bs-btn-font-size: 24px;
  --bs-btn-line-height: 24px;
}
.btn-icon.icon-size-5 {
  height: calc(32px * 2);
  width: calc(32px * 2);
  --bs-btn-font-size: 32px;
  --bs-btn-line-height: 32px;
}
.btn-icon.icon-size-6 {
  height: calc(40px * 2);
  width: calc(40px * 2);
  --bs-btn-font-size: 40px;
  --bs-btn-line-height: 40px;
}
.btn-icon.icon-size-7 {
  height: calc(48px * 2);
  width: calc(48px * 2);
  --bs-btn-font-size: 48px;
  --bs-btn-line-height: 48px;
}

/* Specific styles for the collapse/expand buttons. */
.btn-icon.icons-collapse-expand {
  color: var(--bs-gray-700);
  background-color: var(--bs-white);
  border: 1px solid var(--bs-gray-300);
}
.btn-icon.icons-collapse-expand:hover {
  outline: 2px solid #0f6cbf;
}
.btn-icon.icons-collapse-expand:focus-visible, .btn-icon.icons-collapse-expand:focus.focus {
  outline: 0.25rem solid #3481c1;
  box-shadow: inset 0 0 0 2px #ffffff;
}

/**
 * Subtle buttons.
 */
.btn-subtle-primary {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-primary-text-emphasis);
  --bs-btn-bg: var(--bs-primary-bg-subtle);
  --bs-btn-active-color: var(--bs-primary-text-emphasis);
  --bs-btn-active-bg: var(--bs-primary-bg-subtle);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 15, 108, 191;
}
.btn-subtle-primary:focus-visible, .btn-subtle-primary:focus.focus {
  outline: 0.25rem solid #000102;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-secondary {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-secondary-text-emphasis);
  --bs-btn-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-active-color: var(--bs-secondary-text-emphasis);
  --bs-btn-active-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: 206, 212, 218;
}
.btn-subtle-secondary:focus-visible, .btn-subtle-secondary:focus.focus {
  outline: 0.25rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-success {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-success-text-emphasis);
  --bs-btn-bg: var(--bs-success-bg-subtle);
  --bs-btn-active-color: var(--bs-success-text-emphasis);
  --bs-btn-active-bg: var(--bs-success-bg-subtle);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-success);
  --bs-btn-focus-shadow-rgb: 53, 122, 50;
}
.btn-subtle-success:focus-visible, .btn-subtle-success:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-info {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-info-text-emphasis);
  --bs-btn-bg: var(--bs-info-bg-subtle);
  --bs-btn-active-color: var(--bs-info-text-emphasis);
  --bs-btn-active-bg: var(--bs-info-bg-subtle);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-info);
  --bs-btn-focus-shadow-rgb: 0, 129, 150;
}
.btn-subtle-info:focus-visible, .btn-subtle-info:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-warning {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-warning-text-emphasis);
  --bs-btn-bg: var(--bs-warning-bg-subtle);
  --bs-btn-active-color: var(--bs-warning-text-emphasis);
  --bs-btn-active-bg: var(--bs-warning-bg-subtle);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: var(--bs-warning);
  --bs-btn-focus-shadow-rgb: 240, 173, 78;
}
.btn-subtle-warning:focus-visible, .btn-subtle-warning:focus.focus {
  outline: 0.25rem solid #694109;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-danger {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-danger-text-emphasis);
  --bs-btn-bg: var(--bs-danger-bg-subtle);
  --bs-btn-active-color: var(--bs-danger-text-emphasis);
  --bs-btn-active-bg: var(--bs-danger-bg-subtle);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-danger);
  --bs-btn-focus-shadow-rgb: 202, 49, 32;
}
.btn-subtle-danger:focus-visible, .btn-subtle-danger:focus.focus {
  outline: 0.25rem solid #1a0604;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-light {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-light-text-emphasis);
  --bs-btn-bg: var(--bs-light-bg-subtle);
  --bs-btn-active-color: var(--bs-light-text-emphasis);
  --bs-btn-active-bg: var(--bs-light-bg-subtle);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: var(--bs-light);
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
}
.btn-subtle-light:focus-visible, .btn-subtle-light:focus.focus {
  outline: 0.25rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-dark {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-dark-text-emphasis);
  --bs-btn-bg: var(--bs-dark-bg-subtle);
  --bs-btn-active-color: var(--bs-dark-text-emphasis);
  --bs-btn-active-bg: var(--bs-dark-bg-subtle);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-dark);
  --bs-btn-focus-shadow-rgb: 29, 33, 37;
}
.btn-subtle-dark:focus-visible, .btn-subtle-dark:focus.focus {
  outline: 0.25rem solid black;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-subtle-body {
  --bs-btn-font-weight: 500;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-gray-600);
  --bs-btn-focus-shadow-rgb: 106, 115, 123;
}
.btn-subtle-body:focus-visible, .btn-subtle-body:focus.focus {
  outline: 0.25rem solid #0c0d0d;
  box-shadow: inset 0 0 0 2px #ffffff;
}
[data-bs-theme=dark] .btn-subtle-body {
  --bs-btn-hover-color: var(--bs-body-bg);
}

/*
 * Add content buttons.
 */
.btn-add-content {
  border-radius: 0.5rem;
  border: 1px dashed #8f959e;
  color: var(--bs-gray-700);
  background-color: var(--bs-body-bg);
  font-size: 0.875rem;
}
.btn-add-content:hover, .btn-add-content:focus {
  background-color: #e7f0f9;
  border-style: solid;
  border-color: #0f6cbf;
  color: #0f6cbf;
}

.gradetreebox {
  margin: 20px 0 30px 0;
}
.gradetreebox h4, .gradetreebox .h4 {
  font-size: 1rem;
}
.gradetreebox th.cell,
.gradetreebox input[type=text] {
  width: auto;
}
.gradetreebox input[type=text],
.gradetreebox select {
  margin-bottom: 0;
}

.core_grades_notices .singlebutton {
  display: inline-block;
}

.path-grade-report #maincontent + .urlselect {
  position: absolute;
  left: 40vw;
}

.path-grade-report-grader #region-main {
  min-width: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
}
.path-grade-report-grader #region-main > .card {
  width: auto;
  overflow-x: initial;
}
.path-grade-report-grader #region-main div[role=main] {
  flex: 1 1 auto;
}
.path-grade-report-grader [data-region=blocks-column] {
  width: 100%;
  clear: both;
}

.path-grade-report-grader .gradepass,
.path-grade-report-user .gradepass {
  color: #357a32;
}
.path-grade-report-grader .gradefail,
.path-grade-report-user .gradefail {
  color: #ca3120;
}

.path-grade #region-main {
  overflow-x: visible;
}
.path-grade .user-heading .userinitials {
  width: 50px;
  height: 50px;
}

#page-grade-grading-manage #activemethodselector label {
  display: inline-block;
}
#page-grade-grading-manage #activemethodselector .helptooltip {
  margin-right: 0.5em;
}
#page-grade-grading-manage .actions {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}
#page-grade-grading-manage .actions .action {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 150px;
  text-align: center;
  overflow: hidden;
  margin: 0.5em;
  padding: 1em;
  border: 1px solid #aaa;
}
#page-grade-grading-manage .actions .action .action-text {
  position: relative;
  top: 0.4em;
  font-size: 14px;
  white-space: normal;
}

#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
  font-size: 70%;
}

.gradingform_rubric {
  margin-bottom: 1em;
}
.gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
  background: #dff0d8;
}
.gradingform_rubric.evaluate .criterion .levels .level.checked {
  border: none;
  border-left: 1px solid #dee2e6;
}
.gradingform_rubric .criterion .description {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .description textarea {
  margin-bottom: 0;
  height: 115px;
}
.gradingform_rubric .criterion .definition textarea {
  width: 80%;
  margin-bottom: 0;
}
.gradingform_rubric .criterion .score {
  margin-top: 5px;
  margin-right: 28px;
  font-style: italic;
  font-weight: bold;
  color: #2a6228;
}
.gradingform_rubric .criterion .score input {
  margin-bottom: 0;
}
.gradingform_rubric .criterion .level {
  vertical-align: top;
  padding: 6px;
}
.gradingform_rubric .criterion .level.currentchecked {
  background: #fff0f0;
}
.gradingform_rubric .criterion .level.checked {
  background: #d0ffd0;
  border: 1px solid #555;
}
.gradingform_rubric .criterion .level .delete {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: -32px;
  clear: both;
  float: right;
}
.gradingform_rubric .criterion .level .delete input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 24px;
  width: 24px;
  margin: 0;
}
.gradingform_rubric .criterion .level .delete input:hover {
  background-color: #ddd;
}
.gradingform_rubric .criterion .scorevalue input {
  float: none;
  width: 2em;
}
.gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
  width: 0;
}
.gradingform_rubric .options {
  clear: both;
}
.gradingform_rubric .options .option label {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 2em;
  color: inherit;
  text-shadow: none;
  background-color: transparent;
}
.gradingform_rubric .options .option input {
  margin-left: 5px;
  margin-right: 12px;
}

.grade-display .description {
  font-size: 1rem;
}

.criterion .description {
  font-size: 1rem;
}
.criterion .criterion-toggle .expanded-icon {
  display: block;
}
.criterion .criterion-toggle .collapsed-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .expanded-icon {
  display: none;
}
.criterion .criterion-toggle.collapsed .collapsed-icon {
  display: block;
}

.path-grade-edit-tree .collapse-list .unlist {
  padding-left: 2rem;
}
.path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
  background-color: var(--bs-collapse-list-item-hover-bg);
  border-color: var(--bs-collapse-list-item-hover-border);
}
.path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
  background-color: var(--bs-collapse-list-item-hover-bg);
  border-color: var(--bs-collapse-list-item-hover-border);
  color: #0f6cbf;
}
.path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
  display: none;
}
.path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
  display: none;
}
.path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
  display: none;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
  font-weight: bold;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
  color: var(--bs-gray-900);
  padding: 0 0.2rem;
  margin-right: 0.3rem;
}
.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper {
  padding: 10px 10px;
  background-color: var(--bs-gray-100);
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades h4, .path-grade-edit-tree .gradetree-wrapper .setup-grades .h4 {
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
  padding: 0;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
  font-weight: normal;
  padding-left: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.spacer {
  height: 0.5rem;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr[data-hidden=true] {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr th {
  vertical-align: bottom;
  border: none;
  text-align: left;
  background-color: var(--bs-gray-100);
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr th.rowspan {
  padding: 0;
  width: 24px;
  min-width: 24px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td {
  min-width: 4.5em;
  background-color: var(--bs-gray-100);
  border: none;
  vertical-align: middle;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.column-name .small {
  font-size: 70%;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.column-name .itemselect {
  margin-right: 15px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.column-weight {
  min-width: 15em;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.column-weight .weightoverride {
  margin-right: 5px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.column-actions .dropdown-toggle::after {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.movehere {
  padding: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.movehere a.movehere {
  display: block;
  width: 100%;
  margin: 5px 0 5px 0;
  padding: 3px 0 3px 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.movehere a.movehere hr {
  border-top: 2px dashed var(--bs-gray-500);
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr td.movehere a.movehere:hover hr {
  border-top: 2px dashed #0f6cbf;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td {
  background-color: var(--bs-white);
  border-top: 1px solid var(--bs-gray-300);
  border-bottom: 1px solid var(--bs-gray-300);
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td:first-child {
  border-left: 1px solid var(--bs-gray-300);
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td:last-child {
  border-right: 1px solid var(--bs-gray-300);
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td.column-name {
  font-weight: bold;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td.column-name div {
  display: flex;
  min-height: 30px;
  align-items: center;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td.column-name div a.toggle-category {
  height: 24px;
  width: 24px;
  font-size: 12px;
  line-height: 24px;
  margin-right: 3px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td.column-name div a.toggle-category[aria-expanded=true] .expanded, .path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td.column-name div a.toggle-category[aria-expanded=false] .collapsed {
  display: none;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.category td.column-name div a.toggle-category i {
  font-size: 12px;
  width: 12px;
  height: 12px;
  color: #1d2125;
  margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.item td {
  background-color: var(--bs-white);
  border-top: 3px solid var(--bs-gray-100);
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.item.categoryitem td, .path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.item.courseitem td {
  min-width: 4.5em;
  background-color: var(--bs-gray-100);
  border: none;
  vertical-align: middle;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.item.categoryitem td.column-name, .path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.item.courseitem td.column-name {
  padding-left: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.item.categoryitem td:not(.column-actions), .path-grade-edit-tree .gradetree-wrapper .setup-grades.table tr.item.courseitem td:not(.column-actions) {
  font-weight: bold;
}
.path-grade-edit-tree .gradetree-wrapper .badge-light {
  color: #1d2125;
  background-color: #ced4da;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

/**
 * Grader report.
 */
.path-grade-report-grader .gradeparent tr .cell,
.path-grade-report-grader .gradeparent .floater .cell {
  background-color: var(--bs-body-bg);
}
.path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
.path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
  z-index: 1;
}
.path-grade-report-grader .gradeparent table,
.path-grade-report-grader .gradeparent .cell {
  border-color: var(--bs-border-color);
}
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .cell.category,
.path-grade-report-grader .gradeparent .avg .cell {
  background-color: var(--bs-gray-100);
}
.path-grade-report-grader .gradeparent table .clickable {
  cursor: pointer;
}
.path-grade-report-grader .gradeparent tr.heading {
  position: sticky;
  top: 60px;
  z-index: 4;
}
.path-grade-report-grader .gradeparent tr.userrow th {
  z-index: 2;
}
.path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
  z-index: 3;
}
.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
  position: sticky;
  bottom: -1px;
}
.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
  z-index: 4;
}
.path-grade-report-grader .gradeparent tr.lastrow td,
.path-grade-report-grader .gradeparent tr.lastrow th {
  border-top: 1px solid var(--bs-border-color);
}
.path-grade-report-grader .gradeparent th.header {
  left: 0;
  position: sticky;
}
.path-grade-report-grader .gradeparent th.header#studentheader {
  z-index: 1;
}
.path-grade-report-grader .gradeparent td.noborder {
  border-right: transparent;
}
.path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
  bottom: calc(var(--sticky-footer-total-height, 4rem) - 1px);
}

/**
 * User report.
 */
.path-grade-report-user .user-grade {
  border: none;
}
.path-grade-report-user .user-grade.table .levelodd {
  background-color: transparent;
}
.path-grade-report-user .user-grade.table .leveleven {
  background-color: var(--bs-body-bg);
}
.path-grade-report-user .user-grade .column-contributiontocoursetotal,
.path-grade-report-user .user-grade .column-range,
.path-grade-report-user .user-grade .column-percentage,
.path-grade-report-user .user-grade .column-weight {
  /*rtl:ignore*/
  direction: ltr;
}

/**
 * Single view.
 */
.path-grade-report-singleview .reporttable input[name^=finalgrade] {
  width: 80px;
  display: inline-block;
}
.path-grade-report-singleview .reporttable .action-menu {
  display: inline-block;
  margin-left: 0.5rem;
  float: right;
}
.path-grade-report-singleview .reporttable .dropdown-toggle::after {
  display: none;
}

.gradereport-grader-table input[name^=grade] {
  width: 80px;
  display: inline-block;
}
.gradereport-grader-table .dropdown-toggle::after {
  display: none;
}

.path-grade .groupsearchdropdown.dropdown-menu {
  width: 400px;
}

.search-widget .dropdown-menu {
  padding: 0.8rem 1.2rem;
}
.search-widget .dropdown-menu.wide {
  width: 350px;
}
.search-widget .dropdown-menu.narrow {
  width: 250px;
}
.search-widget .dropdown-menu .dropdown-item span.email {
  color: var(--bs-secondary-color);
}
.search-widget .dropdown-menu .dropdown-item:hover span,
.search-widget .dropdown-menu .dropdown-item:active span {
  color: #ffffff;
}
.search-widget .dropdown-menu .searchresultscontainer {
  height: 178px;
  font-size: 90%;
}
.search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
  height: 178px;
  max-height: 178px;
  overflow: auto;
}
.search-widget .dropdown-menu .unsearchablecontentcontainer {
  border-top: 1px solid #dee2e6;
  padding-top: 10px;
  font-size: 90%;
}

#fitem_id_submitbutton {
  padding-right: 2em;
}

.gradestatus {
  padding-top: 10px;
}

.gradestatus .icon {
  margin-right: 1rem;
}

.columns-autoflow-1to1to1 {
  column-count: 3;
}

@media (max-width: 767px) {
  .columns-autoflow-1to1to1 {
    column-count: 1;
  }
}
/* some very targetted corrections to roll back nameclashes between
 * Moodle and Bootstrap like .row, .label, .content, .controls
 *
 * Mostly relies on these styles being more specific than the Bootstrap
 * ones in order to overule them.
 */
li.activity.label,
.file-picker td.label {
  background: inherit;
  color: inherit;
  text-shadow: none;
  white-space: normal;
  display: block;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
}

.file-picker td.label {
  border: inherit;
  display: table-cell;
  text-align: right;
  padding: 8px;
}

.choosercontainer #chooseform .option {
  font-size: 12px;
}

/* block.invisible vs .invisible
 * block.hidden vs .invisible
 *
 * uses .invisible where the rest of Moodle uses @mixin dimmed
 * fixible in block renderer?
 *
 * There's seems to be even more naming confusion here since,
 * blocks can be actually 'visible' (or not) to students,
 * marked 'visible' but really just dimmed to indicate to editors
 * that students can't see them or  'visible' to the user who
 * collapses them, 'visible' if you have the right role and in
 * different circumstances different sections of a block can
 * be 'visible' or not.
 *
 * currently worked around in renderers.php function block{}
 * by rewriting the class name "invisible" to "dimmed",
 * though the blocks don't look particularly different apart
 * from their contents disappearing. Maybe try .muted? or
 * dimming all the edit icons apart from unhide, might be a
 * nice effect, though they'd still be active. Maybe reverse
 * it to white?
 */
.section.hidden,
.block.hidden,
.block.invisible {
  visibility: visible;
  display: block;
}

/* .row vs .row
 *
 * very tricky to track down this when it goes wrong,
 * since the styles are applied to generated content
 *
 * basically if you see things shifted left or right compared
 * with where they should be check for a .row
 */
.forumpost .row {
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.forumpost .row:before,
.forumpost .row:after {
  content: none;
}

/* fieldset.hidden vs .hidden
 *
 * Moodle uses fieldset.hidden for mforms, to signify a collection of
 * form elements that don't have a box drawn round them. Bootstrap
 * uses hidden for stuff that is hidden in various responsive modes.
 *
 * Relatedly, there is also fieldset.invisiblefieldset which hides the
 * border and sets the display to inline.
 *
 * Originally this just set block and visible, but it is used
 * in random question dialogue in Quiz,
 * that dialogue is hidden and shown, so when hidden the
 * above workaround leaves you with a button floating around
 */
fieldset.hidden {
  display: inherit;
  visibility: inherit;
}

/* .container vs .container
 *
 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
 * it becomes near unuseable.
 */
#questionbank + .container {
  width: auto;
}

body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: -6px;
}

body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
.langmenu.open > .dropdown-menu {
  display: block;
  max-height: 150px;
  overflow-y: auto;
}

.navbar.fixed-top .dropdown .dropdown-menu {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
  z-index: inherit;
}

.form-select {
  word-wrap: normal;
}

/**
 * Reset all of the forced style on the page.
 * - Remove borders on header and content.
 * - Remove most of the vertical padding.
 * - Make the content region flex grow so it pushes things like the
 *   next activity selector to the bottom of the page.
 */
body.reset-style #page-header .card {
  border: none;
}
body.reset-style #page-header .card .page-header-headings h1, body.reset-style #page-header .card .page-header-headings .h1 {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  body.reset-style #page-header .card .card-body {
    padding-left: 0;
    padding-right: 0;
  }
}
body.reset-style #page-header > div {
  padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
  padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content {
  padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
}
body.reset-style #page-content #region-main-box #region-main {
  border: none;
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top;
}
body.reset-style #page-content #region-main-box #region-main div[role=main] {
  flex: 1 0 auto;
}
body.reset-style #page-content #region-main-box #region-main .activity-navigation {
  overflow: hidden;
}
body.reset-style #page-content #region-main-box #region-main.has-blocks {
  width: calc(100% - calc(360px + (1.5rem * 0.5)));
}
@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box #region-main.has-blocks {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.reset-style #page-content #region-main-box #region-main {
    padding-left: 0;
    padding-right: 0;
  }
}
body.reset-style #page-content #region-main-box [data-region=blocks-column] {
  margin-left: auto;
}
@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box {
    display: flex;
    flex-direction: column;
  }
}
body.reset-style select,
body.reset-style input,
body.reset-style textarea,
body.reset-style .btn:not(.btn-icon) {
  border-radius: 0.6rem;
}

/**
 * Reset the Bootstrap _reboot.scss styles for tables.
 * That reboot mainly affects tables added by the tiny editor.
 * If a table should continue using the original _reboot.scss styles, add the .table-reboot (styleless) class to opt out
 * of this reset.
 */
table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) thead,
table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) tbody,
table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) tfoot,
table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) tr,
table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) td,
table:not(.table):not(.ygtvtable):not(.table-reboot):not(.yui3-datatable-table) th {
  border-color: var(--bs-border-color);
  border-style: solid;
  border-width: var(--bs-border-width);
}

body.behat-site .fixed-top {
  position: absolute;
}
body.behat-site.hasstickyfooter .stickyfooter,
body.behat-site .stickyfooter {
  position: inherit;
  z-index: inherit;
}
body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,
body.behat-site .stickyfooter .sticky-footer-content-wrapper {
  padding: 0;
  margin: 0;
}
body.behat-site .dropdown-item {
  margin-top: 4px !important; /* stylelint-disable declaration-no-important */
}
body.behat-site.drawer-ease {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial;
}
body.behat-site [data-region=drawer] {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial;
  position: absolute;
}
body.behat-site [data-region=message-drawer] {
  padding-right: 10px;
}
body.behat-site.jsenabled #page-footer .footer-content-popover {
  display: block;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading,
body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
body.behat-site.path-grade-report-grader .gradeparent th.header {
  position: relative;
  left: auto;
}
body.behat-site.path-grade-report-grader .gradeparent tr.heading {
  top: auto;
}

.phpinfo table,
.phpinfo th,
.phpinfo h2,
.phpinfo .h2 {
  margin: auto;
}

.phpinfo .e,
.phpinfo .v,
.phpinfo .h {
  border: 1px solid #000000;
  font-size: 0.8em;
  vertical-align: baseline;
  color: #000000;
  background-color: #ccc;
}

.phpinfo .e {
  background-color: #ccf;
  font-weight: bold;
}

.phpinfo .h {
  background-color: #99c;
  font-weight: bold;
}

body > .debuggingmessage {
  margin-top: 60px;
}

body > .debuggingmessage ~ .debuggingmessage {
  margin-top: 0.5rem;
}

/**
 * This file contains the styles required to make the footer sticky.
 */
html,
body {
  height: 100%;
}

.stickyfooter {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  transition: transform 0.5s;
  will-change: transform;
  z-index: 3;
  font-size: calc(1rem * 1.10);
}
.stickyfooter .sticky-footer-content-wrapper {
  height: 4rem;
}
.stickyfooter .sticky-footer-supplementary-wrapper {
  height: 2.5rem;
  font-size: 1rem;
}
.stickyfooter .sticky-footer-content {
  overflow: hidden;
}
@media (min-width: 768px) {
  .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
    max-width: 830px;
  }
}
.stickyfooter .sticky-footer-content-wrapper,
.stickyfooter .sticky-footer-supplementary-wrapper {
  transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .stickyfooter .sticky-footer-content-wrapper,
  .stickyfooter .sticky-footer-supplementary-wrapper {
    transition: none;
  }
}
@media (min-width: 992px) {
  .stickyfooter .sticky-footer-content-wrapper .drawers,
  .stickyfooter .sticky-footer-supplementary-wrapper .drawers {
    padding: 0 3rem;
  }
  .show-drawer-left .stickyfooter .sticky-footer-content-wrapper,
  .show-drawer-left .stickyfooter .sticky-footer-supplementary-wrapper {
    margin-left: 285px;
    padding: 0 3rem 0 1rem;
  }
  .show-drawer-right .stickyfooter .sticky-footer-content-wrapper,
  .show-drawer-right .stickyfooter .sticky-footer-supplementary-wrapper {
    margin-right: 315px;
    padding: 0 1rem 0 3rem;
  }
  .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper,
  .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-supplementary-wrapper {
    padding: 0 1rem;
  }
}
.stickyfooter fieldset div {
  justify-content: flex-end;
}
.stickyfooter [data-groupname=buttonar] {
  width: 100%;
}
.hasstickyfooter .stickyfooter {
  transform: translateY(0);
}

.sticky-footer-supplementary-wrapper:has(.sticky-footer-supplementary) + .sticky-footer-content-wrapper {
  border-top: 1px solid #dee2e6;
}

/* Course linear navigation fixes for sticky footer. */
.stickyfooter .course-linear-navigation {
  max-width: 830px;
}
.stickyfooter .course-linear-navigation .course-linear-navigation-completion .btn {
  font-size: 0.875rem;
  min-height: 32px;
}
.stickyfooter .course-linear-navigation .course-linear-navigation-completion .completion-status {
  font-size: 1rem;
}

/* Standard components fixes for sticky footer. */
.stickyfooter ul.pagination {
  margin-bottom: 0.25rem;
}

.stickyfooter .btn {
  font-size: calc(1rem * 1.10);
}

/* Breakpoints fixes. */
@media (min-width: 576px) {
  #page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page {
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page:not(.drawers) {
    flex: 1 0 auto;
  }
  #page-wrapper #page #page-content {
    flex: 1 0 auto;
  }
  #page-wrapper #page-footer {
    flex-shrink: 0;
  }
}
@media (max-width: 767.98px) {
  #page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page {
    display: flex;
    flex-direction: column;
  }
  #page-wrapper #page:not(.drawers) {
    flex: 1 0 auto;
  }
}
.popover-region {
  position: relative;
}
.popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
  display: none;
}
.popover-region.collapsed .popover-region-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}

.popover-region-toggle {
  cursor: pointer;
}
.popover-region-toggle::before {
  content: "";
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ddd;
  position: absolute;
  bottom: 0;
  right: 7px;
}
.popover-region-toggle::after {
  content: "";
  display: inline-block;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid var(--bs-white);
  position: absolute;
  bottom: -1px;
  right: 8px;
  z-index: 2;
}

.count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: #ca3120;
  color: #ffffff;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 5px;
  right: 0;
}

.popover-region-container {
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: 0;
  top: 0;
  height: 500px;
  max-height: 80vh;
  width: 380px;
  border: 1px solid #ddd;
  transition: height 0.25s;
  background-color: var(--bs-white);
  z-index: 1;
}

.popover-region-header-container {
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}

.popover-region-footer-container {
  height: 30px;
  text-align: center;
  border-top: 1px solid #ddd;
  background-color: var(--bs-body-bg);
  padding-top: 3px;
}

.popover-region-header-text {
  float: left;
  margin: 0;
  font-size: 14px;
  line-height: 25px;
}

.popover-region-header-actions {
  float: right;
}
.popover-region-header-actions > * {
  margin-left: 10px;
  min-width: 20px;
  display: inline-block;
}
.popover-region-header-actions .loading-icon {
  display: none;
  height: 12px;
  width: 12px;
}
.popover-region-header-actions .newmessage-link {
  margin-right: 10px;
}
.popover-region-header-actions label {
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}

.popover-region-content-container {
  height: calc(100% - 55px);
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popover-region-content-container > .loading-icon {
  display: none;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
}
.popover-region-content-container .empty-message {
  display: none;
  text-align: center;
  padding: 10px;
}
.popover-region-content-container.loading > .loading-icon {
  display: block;
}
.popover-region-content-container.loading .empty-message {
  display: none;
}

.navbar .popover-region.collapsed .popover-region-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.navbar .count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: #ca3120;
  color: #ffffff;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 15px;
  right: 0;
}
.navbar .popover-region-container {
  top: 60px;
}

.content-item-container {
  width: 100%;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  margin: 0;
  display: block;
  color: inherit;
  text-decoration: none;
}
.content-item-container:hover {
  color: #ffffff;
  background-color: #0f6cbf;
}
.content-item-container:hover .content-item-footer .timestamp {
  color: #ffffff;
}
.content-item-container:hover .view-more {
  color: inherit;
}
.content-item-container.unread {
  margin: 0;
  background-color: #f4f4f4;
}
[data-bs-theme=dark] .content-item-container.unread {
  background-color: var(--bs-tertiary-bg);
}

.content-item-container.unread:hover {
  color: #ffffff;
  background-color: #0f6cbf;
}
.content-item-container.unread .content-item-body .notification-message {
  font-weight: 600;
}
.content-item-container .context-link {
  color: inherit;
  text-decoration: none;
}
.content-item-container .content-item-body {
  box-sizing: border-box;
  margin-bottom: 5px;
}
.content-item-container .content-item-footer {
  text-align: left;
  box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: inherit;
}
.content-item-container .view-more {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
  line-height: 12px;
}
.content-item-container .view-more:hover {
  color: inherit;
}
.content-item-container.notification .content-item-body .notification-image {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: left;
}
.content-item-container.notification .content-item-body .notification-image img {
  height: 75%;
}
.content-item-container.notification .content-item-body .notification-message {
  display: inline-block;
  font-size: 12px;
  width: calc(100% - 24px);
}
.content-item-container.selected {
  background-color: #3279b3;
  color: #ffffff;
  border-color: #3279b3;
}
.content-item-container.selected .content-item-footer .timestamp {
  color: #ffffff;
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-notifications .all-notifications {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: hidden;
}
.popover-region-notifications .all-notifications:empty + .empty-message {
  display: block;
}
.popover-region-notifications .notification-image {
  display: inline-block;
  width: 8%;
  vertical-align: top;
}
.popover-region-notifications .notification-image img {
  height: 75%;
}
.popover-region-notifications .notification-message {
  display: inline-block;
  font-size: 12px;
}
.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
  display: none;
}

.popover-region-messages .mark-all-read-button .normal-icon {
  display: inline-block;
}
.popover-region-messages .mark-all-read-button.loading .normal-icon {
  display: none;
}
.popover-region-messages .mark-all-read-button.loading .loading-icon {
  display: inline-block;
}
.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
  display: none;
}
.popover-region-messages .messages:empty + .empty-message {
  display: block;
}
.popover-region-messages .content-item-container.unread .content-item-body {
  font-weight: 600;
  width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
  display: inline-block;
  width: 10%;
  text-align: center;
  float: right;
}
.popover-region-messages .content-item {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.popover-region-messages .profile-image-container {
  width: 30px;
  display: inline-block;
  text-align: center;
  float: left;
}
.popover-region-messages .profile-image-container img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.popover-region-messages .content-item-body {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 30px);
  font-size: 12px;
  padding-left: 10px;
  overflow: hidden;
}
.popover-region-messages .content-item-body h3, .popover-region-messages .content-item-body .h3 {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  width: 100%;
}
.popover-region-messages .content-item-body p {
  margin: 0;
}
.popover-region-messages .unread-count-container {
  display: none;
}

@media (max-width: 767px) {
  .navbar .popover-region .popover-region-container {
    right: -70px;
  }
}
@media (max-width: 480px) {
  .navbar .popover-region .popover-region-container {
    position: fixed;
    top: 46px;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
  }
}
/**
 * Tour step must sit above all other UI components.
 * The backdrop is the lowest point in the tour.
 * ----- moodle
 *  ---- step backdrop
 *   --- step container
 */
div[data-flexitour=backdrop] {
  background-color: #000000;
  opacity: 0.5;
  z-index: 1040;
}

span[data-flexitour=container] {
  z-index: 1041;
}

span[data-flexitour=container] .modal {
  display: initial;
  position: initial;
}
span[data-flexitour=container] .modal-dialog {
  /**
   * Remove all margins to:
   * 1) ensure that the arrow touches the target; and
   * 2) ensure that the focus border touches the modal.
   */
  margin: 0;
}
span[data-flexitour=container] div[data-role=arrow] {
  border-width: 1rem;
}
span[data-flexitour=container] div[data-role=arrow],
span[data-flexitour=container] div[data-role=arrow]:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1rem;
}
span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
  margin-bottom: 1rem;
}
span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
  bottom: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-bottom-width: 0;
  border-top-color: var(--bs-border-color-translucent);
}
span[data-flexitour=container][x-placement=top] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=top-start] div[data-role=arrow]:after {
  bottom: 1px;
  margin-left: -1rem;
  content: " ";
  border-bottom-width: 0;
  border-top-color: var(--bs-body-bg);
}
span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
  margin-top: 1rem;
}
span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
  top: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-top-width: 0;
  border-bottom-color: var(--bs-border-color-translucent);
}
span[data-flexitour=container][x-placement=bottom] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow]:after {
  top: 1px;
  margin-left: -1rem;
  content: " ";
  border-top-width: 0;
  border-bottom-color: var(--bs-body-bg);
}
span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
  margin-right: 1rem;
}
span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
  right: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-right-width: 0;
  border-left-color: var(--bs-border-color-translucent);
}
span[data-flexitour=container][x-placement=left] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=left-start] div[data-role=arrow]:after {
  right: 1px;
  margin-top: -1rem;
  content: " ";
  border-right-width: 0;
  border-left-color: var(--bs-body-bg);
}
span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
  margin-left: 1rem;
}
span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
  left: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-left-width: 0;
  border-right-color: var(--bs-border-color-translucent);
}
span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=right-start] div[data-role=arrow]:after {
  left: 1px;
  margin-top: -1rem;
  content: " ";
  border-left-width: 0;
  border-right-color: var(--bs-body-bg);
}
.dir-rtl span[data-flexitour=container][x-placement^=right] {
  margin-left: 1rem;
}
.dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
  transform: rotate(180deg);
  left: -1rem;
  right: auto;
}
.dir-rtl span[data-flexitour=container][x-placement^=left] {
  margin-right: 1rem;
}
.dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
  transform: rotate(180deg);
  left: auto;
  right: -1rem;
}

[data-region=drawer] [data-flexitour=container] {
  /*rtl:ignore*/
  margin-left: -15px;
  width: 275px;
}

@media print {
  body.drawer-open-left.jsenabled,
  body.drawer-open-right.jsenabled {
    margin: 0;
  }
  .container {
    width: auto;
  }
  .navbar {
    display: none;
  }
  .tertiary-navigation {
    display: none;
  }
}
.modal .modal-body > .loading-icon {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.modal .modal-body > .loading-icon .icon {
  position: absolute;
  top: 50%;
  /*rtl:ignore*/
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal .btn-close {
  margin: -0.4rem -0.4rem -0.4rem auto;
}
.modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus {
  opacity: inherit;
}

/* Change the modal-dialog-scrollable class to position: static to fix the issue with popper.js and autocomplete. */
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) {
  position: static;
}
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content {
  position: static;
}
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content .modal-body {
  position: static;
}

/* Bug fix for TinyMCE menu when in fullscreen mode. */
body.tox-fullscreen .modal-dialog {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
body.tox-fullscreen .modal-dialog .modal-header {
  height: 0;
  padding: 0;
}
body.tox-fullscreen .modal-dialog .tox-tinymce-aux {
  position: relative;
}

/* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
body.tox-fullscreen .tox.tox-tinymce-aux {
  position: relative !important;
}

.layout.fullscreen {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  transition: 0.5s;
  width: 100vw;
  margin: 0;
  opacity: 1;
  background-color: var(--bs-body-bg);
}
@media (prefers-reduced-motion: reduce) {
  .layout.fullscreen {
    transition: none;
  }
}
.layout.fullscreen > div {
  height: 100%;
  width: 100%;
}
.layout.fullscreen .loading-icon {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inline-block;
  width: 100%;
  top: 40%;
  position: fixed;
}
.layout.fullscreen .loading-icon .icon {
  max-width: 4em;
  max-height: 4em;
  font-size: 4em;
}

#page.drawers {
  margin-top: 60px;
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) #f8f9fa;
}
#page.drawers::-webkit-scrollbar {
  width: 12px;
}
#page.drawers::-webkit-scrollbar-track {
  background: #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
#page.drawers::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}
#page.drawers .main-inner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  background-color: var(--bs-body-bg);
  border-radius: 0.5rem;
  padding: 1.5rem 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  flex: 1 0 auto;
}
#page.drawers .activity-header {
  margin-left: 15px;
  margin-right: 15px;
}

@media (min-width: 768px) {
  .pagelayout-standard #page.drawers .main-inner,
  body.limitedwidth #page.drawers .main-inner {
    max-width: 830px;
  }
  .pagelayout-standard #page.drawers .footer-popover,
  body.limitedwidth #page.drawers .footer-popover {
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    border-radius: 0.5rem;
  }
  .header-maxwidth {
    max-width: 830px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .header-maxwidth .header-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.drawer-toggles .drawer-toggler {
  position: fixed;
  top: calc(60px + 1rem);
  z-index: 2;
}
.drawer-toggles .drawer-toggler .btn {
  margin: auto 16px;
  background-color: var(--bs-gray-200);
  width: 40px;
  height: 40px;
}
.drawer-toggles .drawer-toggler .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.drawer-toggles .drawer-toggler .btn:hover {
  background-color: var(--bs-gray-400);
}
.drawer-toggles .drawer-left-toggle {
  left: 0;
}
.drawer-toggles .drawer-right-toggle {
  right: 0;
}

#page.drawers.show-drawer-left .drawer-left-toggle {
  display: none;
}

#page.drawers.show-drawer-right .drawer-right-toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .drawer-toggler .btn {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.33);
  }
  .drawer-toggles {
    z-index: 100;
  }
  .drawer-toggles .drawer-right-toggle,
  .drawer-toggles .drawer-left-toggle {
    top: calc(99vh - (60px * 2.5));
  }
  #page.drawers.scroll-down .drawer-right-toggle {
    transform: translateX(150%);
    pointer-events: auto;
    visibility: hidden;
  }
  #page.drawers.scroll-down .drawer-left-toggle {
    transform: translateX(-150%);
    pointer-events: auto;
    visibility: hidden;
  }
  .hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
    right: 2rem;
  }
  .hasstickyfooter:has(.drawer-left-toggle) .maintenancewarning {
    margin-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  #page.drawers .main-inner {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) {
  #page.drawers {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  #page.drawers .main-inner {
    padding: 1.5rem 0.5rem;
  }
  #page.drawers div[role=main] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .drawer-left,
  .drawer-right {
    top: 60px;
    height: calc(100vh - 60px);
  }
  .hasstickyfooter .drawer-left,
  .hasstickyfooter .drawer-right {
    top: 60px;
  }
  #page.drawers {
    position: relative;
    overflow-y: visible;
    transition: 0.2s;
    left: 0;
    right: 0;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  #page.drawers {
    transition: none;
  }
}
@media (min-width: 992px) {
  #page.drawers.show-drawer-left {
    margin-left: 285px;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  #page.drawers.show-drawer-right {
    margin-left: 0;
    margin-right: 315px;
  }
}
@media (min-width: 992px) {
  #page.drawers.show-drawer-left.show-drawer-right {
    margin-left: 285px;
    margin-right: 315px;
  }
}
@media (min-width: 992px) {
  #page.drawers.hasstickyfooter {
    margin-bottom: var(--sticky-footer-total-height, 4rem);
  }
}
@media (min-width: 992px) {
  body:not(.pagelayout-standard):not(.limitedwidth) #page.drawers.show-drawer-right .popover-process-monitor,
  body:not(.pagelayout-standard):not(.limitedwidth) #page.drawers.show-drawer-right .btn-footer-popover,
  body:not(.pagelayout-standard):not(.limitedwidth) #page.drawers.show-drawer-right .btn-footer-communication {
    right: calc(315px + 2rem);
  }
  body:not(.pagelayout-standard):not(.limitedwidth):has(#page.drawers.show-drawer-right) .maintenancewarning {
    right: calc(315px + 5rem);
  }
}
@media (min-width: 992px) {
  .pagelayout-standard #page.drawers .main-inner,
  body.limitedwidth #page.drawers .main-inner {
    margin-top: calc(calc(60px + 3rem - 0.5rem) - 60px);
  }
  .pagelayout-standard .drawer-toggles .drawer-toggler,
  body.limitedwidth .drawer-toggles .drawer-toggler {
    top: calc(60px + 3rem);
  }
  .pagelayout-standard .drawer-toggles .drawer-left-toggle,
  body.limitedwidth .drawer-toggles .drawer-left-toggle {
    left: auto;
    right: min(calc(50% + 830px / 2 + calc(0.5rem + 20px)), calc(100% - 40px - 2 * 16px));
    transition: right 0.2s ease;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  .pagelayout-standard .drawer-toggles .drawer-left-toggle,
  body.limitedwidth .drawer-toggles .drawer-left-toggle {
    transition: none;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard .drawer-toggles .drawer-right-toggle,
  body.limitedwidth .drawer-toggles .drawer-right-toggle {
    right: auto;
    left: min(calc(50% + 830px / 2 + calc(0.5rem + 20px)), calc(100% - 40px - 2 * 16px));
    transition: left 0.2s ease;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  .pagelayout-standard .drawer-toggles .drawer-right-toggle,
  body.limitedwidth .drawer-toggles .drawer-right-toggle {
    transition: none;
  }
}
@media (min-width: 992px) {
  .pagelayout-standard:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer-toggles .drawer-left-toggle,
  body.limitedwidth:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer-toggles .drawer-left-toggle {
    right: min(calc(50% + 830px / 2 + calc(0.5rem + 20px) + 315px / 2), calc(100% - 40px - 2 * 16px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer-toggles .drawer-right-toggle,
  body.limitedwidth:has(#page.drawers.show-drawer-right):not(:has(#page.drawers.show-drawer-left)) .drawer-toggles .drawer-right-toggle {
    left: min(calc(50% + 830px / 2 - 315px / 2 + calc(0.5rem + 20px)), calc(100% - 40px - 2 * 16px));
  }
}
@media (min-width: 992px) {
  .pagelayout-standard:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer-toggles .drawer-left-toggle,
  body.limitedwidth:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer-toggles .drawer-left-toggle {
    right: min(calc(50% + 830px / 2 - 285px / 2 + calc(0.5rem + 20px)), calc(100% - 40px - 2 * 16px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer-toggles .drawer-right-toggle,
  body.limitedwidth:has(#page.drawers.show-drawer-left):not(:has(#page.drawers.show-drawer-right)) .drawer-toggles .drawer-right-toggle {
    left: min(calc(50% + 830px / 2 + calc(0.5rem + 20px) + 285px / 2), calc(100% - 40px - 2 * 16px));
  }
}
@media (min-width: 992px) {
  .pagelayout-standard:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer-toggles .drawer-left-toggle,
  body.limitedwidth:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer-toggles .drawer-left-toggle {
    right: calc(50% + 830px / 2 + calc((315px - 285px) / 2) + calc(0.5rem + 20px));
  }
  .pagelayout-standard:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer-toggles .drawer-right-toggle,
  body.limitedwidth:has(#page.drawers.show-drawer-left.show-drawer-right) .drawer-toggles .drawer-right-toggle {
    left: calc(50% + 830px / 2 - calc((315px - 285px) / 2) + calc(0.5rem + 20px));
  }
}
.drawercontrolbuttons {
  margin-top: 92px;
}
.drawercontrolbuttons .buttons {
  z-index: 1;
}

.form-control:-ms-input-placeholder {
  color: var(--bs-secondary-color);
}

.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-range {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb, .form-range::-ms-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
  }
}

.carousel-item {
  -webkit-backface-visibility: hidden;
}

.card {
  -webkit-background-clip: border-box;
}

.carousel-indicators li,
.dropdown-menu,
.form-control,
.modal-content,
.popover,
.toast {
  -webkit-background-clip: padding-box;
}

.btn {
  -webkit-user-select: none;
  -ms-user-select: none;
}

.user-select-all {
  -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}

.user-select-auto {
  -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}

.user-select-none {
  -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
  -ms-user-select: none;
}

.editor_atto_content_wrap {
  background-color: var(--bs-white);
  color: #333;
}

.editor_atto_content {
  padding: 4px;
  resize: vertical;
  overflow: auto;
}

.editor_atto_content_wrap,
.editor_atto + textarea {
  width: 100%;
  padding: 0;
}

.editor_atto + textarea {
  border-radius: 0;
  resize: vertical;
  margin-top: -1px;
}

div.editor_atto_toolbar {
  display: block;
  background: #f2f2f2;
  min-height: 35px;
  border: 1px solid var(--bs-gray-500);
  width: 100%;
  padding: 0 0 9px 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

div.editor_atto_toolbar button {
  padding: 4px 9px;
  background: none;
  border: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
}

div.editor_atto_toolbar .menuplaceholder {
  display: inline-block;
}

div.editor_atto_toolbar button + button,
div.editor_atto_toolbar .menuplaceholder + button {
  border-left: 1px solid #ccc;
}

div.editor_atto_toolbar button[disabled] {
  opacity: 0.45;
  background: none;
  cursor: default;
}

.editor_atto_toolbar button:hover {
  background-image: radial-gradient(ellipse at center, var(--bs-white) 60%, #dfdfdf 100%);
  background-color: #ebebeb;
}

.editor_atto_toolbar button:active,
.editor_atto_toolbar button.highlight {
  background-image: radial-gradient(ellipse at center, var(--bs-white) 40%, #dfdfdf 100%);
  background-color: #dfdfdf;
}

/* Make firefox button sizes match other browsers */
div.editor_atto_toolbar button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

div.editor_atto_toolbar button .icon {
  padding: 0;
  margin: 2px 0;
}

div.editor_atto_toolbar div.atto_group {
  display: inline-block;
  border: 1px solid #ccc;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 4px;
  margin: 9px 0 0 9px;
  background: var(--bs-white);
}

div.editor_atto_toolbar .atto_toolbar_row {
  margin: 6px 0 -3px 5px;
  display: table;
}
div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
  margin: 3px 5px 3px 4px;
}

.editor_atto_content img {
  resize: both;
  overflow: auto;
}

.atto_hasmenu {
  /* IE8 places the images on top of each other if that is not set. */
  white-space: nowrap;
}

.atto_menuentry .icon {
  width: 16px;
  height: 16px;
}

.atto_menuentry {
  clear: left;
}

.atto_menuentry h1, .atto_menuentry .h1,
.atto_menuentry h2,
.atto_menuentry .h2,
.atto_menuentry p {
  margin: 4px;
}

/*.atto_form label.sameline {
    display: inline-block;
    min-width: 10em;
}*/
.atto_form textarea.fullwidth,
.atto_form input.fullwidth {
  width: 100%;
}

.atto_form {
  padding: 0.5rem;
}

/*.atto_form label {
    display: block;
    margin: 0 0 5px 0;
}*/
.atto_control {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: none;
  cursor: pointer;
}

.atto_control .icon {
  background-color: var(--bs-white);
}

div.editor_atto_content:focus .atto_control,
div.editor_atto_content:hover .atto_control {
  display: block;
}

.editor_atto_menu.yui3-menu-hidden {
  display: none;
}

/* Get broken images back in firefox */
.editor_atto_content img:-moz-broken {
  -moz-force-broken-image-icon: 1;
  min-width: 24px;
  min-height: 24px;
}

/* Atto menu styling */
.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
  padding: 0;
  z-index: 1000;
}

.editor_atto_menu .dropdown-menu > li > a {
  margin: 3px 14px;
}

.editor_atto_menu .open ul.dropdown-menu {
  padding-top: 5px;
  padding-bottom: 5px;
}

.editor_atto_wrap {
  position: relative;
}

/*rtl:ignore*/
.editor_atto_wrap textarea {
  direction: ltr;
}

.editor_atto_notification {
  display: inline-block;
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
.editor_atto_notification .atto_info {
  background-color: #f2f2f2;
}
.editor_atto_notification .atto_warning {
  background-color: #ffd700;
}

.editor_atto_toolbar,
.editor_atto_content_wrap,
.editor_atto + textarea {
  box-sizing: border-box;
}

.editor_atto_content.form-control {
  width: 100%;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/** Atto fields do not have form-control because that would break the layout of the editor.
    So they need these extra styles to highlight the editor when there is a validation error. */
.has-danger .editor_atto_content.form-control .invalid-feedback,
.has-danger .editor_atto_content.form-control-danger .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #ca3120;
}
.has-danger .editor_atto_content.form-control .invalid-tooltip,
.has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: rgba(202, 49, 32, 0.9);
  border-radius: var(--bs-border-radius);
}
.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
.has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
.was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
.has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
.has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
.has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
  border-color: #ca3120;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid:focus, .has-danger .editor_atto_content.form-control .form-control.is-invalid:focus,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
.has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 0.25rem rgba(202, 49, 32, 0.75);
}
.was-validated .has-danger .editor_atto_content.form-control textarea.form-control:invalid, .has-danger .editor_atto_content.form-control textarea.form-control.is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
.has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid, .has-danger .editor_atto_content.form-control .form-select.is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid,
.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid {
  border-color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:not([multiple]):not([size]), .was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:not([multiple])[size="1"], .has-danger .editor_atto_content.form-control .form-select.is-invalid:not([multiple]):not([size]), .has-danger .editor_atto_content.form-control .form-select.is-invalid:not([multiple])[size="1"],
.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:not([multiple]):not([size]),
.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:not([multiple])[size="1"],
.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:not([multiple]):not([size]),
.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:focus, .has-danger .editor_atto_content.form-control .form-select.is-invalid:focus,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:focus,
.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 0.25rem rgba(202, 49, 32, 0.75);
}
.was-validated .has-danger .editor_atto_content.form-control .form-control-color:invalid, .has-danger .editor_atto_content.form-control .form-control-color.is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-control-color:invalid,
.has-danger .editor_atto_content.form-control-danger .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid,
.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid {
  border-color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid:checked, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid:checked,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid:checked,
.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid:checked {
  background-color: #ca3120;
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid:focus, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid:focus,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid:focus,
.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(202, 49, 32, 0.75);
}
.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .form-check-label,
.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
  color: #ca3120;
}
.has-danger .editor_atto_content.form-control .form-check-inline .form-check-input ~ .invalid-feedback,
.has-danger .editor_atto_content.form-control-danger .form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .has-danger .editor_atto_content.form-control .input-group > .form-control:not(:focus):invalid, .has-danger .editor_atto_content.form-control .input-group > .form-control:not(:focus).is-invalid,
.was-validated .has-danger .editor_atto_content.form-control .input-group > .form-select:not(:focus):invalid,
.has-danger .editor_atto_content.form-control .input-group > .form-select:not(:focus).is-invalid,
.was-validated .has-danger .editor_atto_content.form-control .input-group > .form-floating:not(:focus-within):invalid,
.has-danger .editor_atto_content.form-control .input-group > .form-floating:not(:focus-within).is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .input-group > .form-control:not(:focus):invalid,
.has-danger .editor_atto_content.form-control-danger .input-group > .form-control:not(:focus).is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .input-group > .form-select:not(:focus):invalid,
.has-danger .editor_atto_content.form-control-danger .input-group > .form-select:not(:focus).is-invalid,
.was-validated .has-danger .editor_atto_content.form-control-danger .input-group > .form-floating:not(:focus-within):invalid,
.has-danger .editor_atto_content.form-control-danger .input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.open.atto_menu > .dropdown-menu {
  display: block;
}

div.editor_atto_toolbar button .icon {
  color: var(--bs-gray-700);
}

[data-bs-theme=dark] .editor_atto_content_wrap, [data-bs-theme=dark] .editor_atto_content {
  background-color: var(--bs-white);
  color: var(--bs-gray-900);
}

[data-bs-theme=dark] .editor_atto_toolbar {
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-300);
}
[data-bs-theme=dark] .editor_atto_toolbar button {
  background: var(--bs-white);
  color: var(--bs-gray-700);
  border-color: var(--bs-gray-300);
}

.toast {
  border-radius: var(--bs-border-radius);
}
.toast.toast-success {
  background-color: rgba(215, 228, 214, 0.95);
  color: #20491e;
}
.toast.toast-success .toast-header {
  color: #20491e;
}
.toast.toast-success .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "\f058";
}
.toast.toast-danger {
  background-color: rgba(244, 214, 210, 0.95);
  color: #791d13;
}
.toast.toast-danger .toast-header {
  color: #791d13;
}
.toast.toast-danger .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "\f057";
}
.toast.toast-info {
  background-color: rgba(204, 230, 234, 0.95);
  color: #004d5a;
}
.toast.toast-info .toast-header {
  color: #004d5a;
}
.toast.toast-info .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "\f05a";
}
.toast.toast-warning {
  background-color: rgba(252, 239, 220, 0.95);
  color: #90682f;
}
.toast.toast-warning .toast-header {
  color: #90682f;
}
.toast.toast-warning .toast-body:before {
  font: var(--fa-font-solid);
  margin: 2px 5px 0 0;
  content: "\f06a";
}
.toast .btn-close {
  color: inherit;
}

.navbar.fixed-top {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
  border-bottom: var(--bs-gray-300) 1px solid;
  align-items: stretch;
  height: 61px;
}
.navbar.fixed-top .navbar-brand .logo {
  max-height: calc(60px - (0.25rem * 2));
}
.navbar.fixed-top .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.navbar.fixed-top .divider {
  width: 1px;
  background-color: var(--bs-gray-300);
}
.navbar.fixed-top #usernavigation .nav-link {
  padding: 0 0.5rem;
}
.navbar.fixed-top .login {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu {
  display: flex;
}
.navbar.fixed-top .usermenu .action-menu {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top .usermenu .userfirstname {
  margin-inline: 0.5rem;
  max-width: 20ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.navbar.fixed-top .usermenu .dropdown-menu {
  min-width: 235px;
  max-width: 20rem;
}
@media (max-width: 575.98px) {
  .navbar.fixed-top .usermenu .dropdown-menu {
    max-width: calc(100vw - 1rem);
  }
}
.navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
  pointer-events: none;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-header,
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item,
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item-text {
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-header.carousel-navigation-link::after,
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
.navbar.fixed-top .usermenu .dropdown-menu .dropdown-item-text.carousel-navigation-link::after {
  font: var(--fa-font-solid);
  content: "\f0da";
  font-size: 1rem;
  padding-top: 0.2rem;
  right: 0.75rem;
  position: absolute;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
  padding: 0.25rem 0.75rem;
  font-size: 0.975rem;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
  margin: 0;
}
.navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
  font: var(--fa-font-solid);
  content: "\f00c";
  font-size: 0.75rem;
  padding-left: 0.25rem;
}
.navbar.fixed-top .usermenu .login {
  display: flex;
  align-items: center;
}
.navbar.fixed-top .usermenu .dropdown,
.navbar.fixed-top .langmenu .dropdown,
.navbar.fixed-top .colourmodemenu .dropdown {
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
.navbar.fixed-top .langmenu .dropdown .dropdown-toggle,
.navbar.fixed-top .colourmodemenu .dropdown .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
  content: "\f00c";
  font-size: 0.75rem;
  padding-left: 0.25rem;
}
@media (max-width: 767.98px) {
  .navbar.fixed-top .langmenu .langbutton {
    display: none;
  }
}
.navbar.fixed-top .moodle-actionmenu .menubar,
.navbar.fixed-top .action-menu-trigger .dropdown {
  height: 100%;
  display: flex;
}

.dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
  font: var(--fa-font-solid);
  content: "\f0d9";
}

#page {
  margin-top: 60px;
}

.pagelayout-embedded #page {
  margin-top: 0;
}

.navbar-bootswatch .navbar-brand {
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-bootswatch .navbar-brand .sitename {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:root {
  --navbar-height: 60px;
}

.navbar.fixed-top #usernavigation .search-input-inline {
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top #usernavigation .search-input-inline .search-toggle {
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar {
  display: none;
}
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .input-group-text,
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .form-control {
  background-color: var(--bs-gray-200);
}
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .input-group-text,
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .form-control::placeholder {
  color: var(--bs-gray-700);
}
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .input-group > .form-control {
  border-top-right-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
}
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .search-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 0.5rem;
  background: none;
  border: 0;
  color: var(--bs-gray-700);
  z-index: 6;
}
.navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .search-close .icon {
  margin: 0;
}
@media (min-width: 768px) {
  .navbar.fixed-top #usernavigation .search-input-inline {
    padding: 0 0.5rem;
  }
  .navbar.fixed-top #usernavigation .search-input-inline .search-toggle {
    display: none;
  }
  .navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar {
    display: block;
  }
  .navbar.fixed-top #usernavigation .search-input-inline .searchform-navbar .input-group {
    width: 256px;
  }
}
@media (max-width: 767.98px) {
  .navbar.fixed-top #usernavigation .search-input-inline.expanded {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 0 0.5rem;
    background-color: var(--bs-white);
    z-index: 1070;
  }
  .navbar.fixed-top #usernavigation .search-input-inline.expanded .search-toggle {
    display: none;
  }
  .navbar.fixed-top #usernavigation .search-input-inline.expanded .searchform-navbar {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .navbar.fixed-top #usernavigation .search-input-inline.expanded .searchform-navbar .input-group {
    width: 100%;
    flex-wrap: nowrap;
  }
  .navbar.fixed-top #usernavigation .search-input-inline.expanded .searchform-navbar .form-control {
    padding-right: 2rem;
  }
}

/**
* Reportbuilder styles.
*/
.reportbuilder-wrapper .btn-outline-secondary[data-bs-toggle=collapse]:not(.collapsed),
.reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-bs-toggle=dropdown] {
  color: #ffffff;
  background-color: var(--bs-gray-600);
  border-color: var(--bs-gray-600);
}
[data-bs-theme=dark] .reportbuilder-wrapper .btn-outline-secondary[data-bs-toggle=collapse]:not(.collapsed), [data-bs-theme=dark] .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-bs-toggle=dropdown] {
  color: var(--bs-body-bg);
}

.reportbuilder-table .action-menu .menubar {
  justify-content: end;
}

.reportbuilder-wrapper .filters-dropdown {
  width: 27rem;
  padding: 0 0 4rem 0;
  z-index: 1055;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .reportbuilder-wrapper .filters-dropdown {
    width: 100%;
  }
}

.reportbuilder-filters-sidebar {
  max-height: 30rem;
  overflow-y: auto;
  border-bottom: 1px solid var(--bs-border-color-translucent);
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) #ffffff;
  background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
  background-repeat: no-repeat;
  background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
  background-attachment: local, local, scroll, scroll;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-track {
  background: #ffffff;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid #ffffff;
}
.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}
.reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
  border-bottom: 1px solid var(--bs-border-color-translucent);
}
.reportbuilder-filters-sidebar .filter .filter-name:hover {
  white-space: normal;
  text-overflow: clip;
  word-break: break-all;
}
.reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] {
  position: absolute;
  bottom: 0;
  height: 4rem;
  align-items: center;
}
.reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] .col-form-label {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
.reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
  flex-wrap: wrap;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem,
.reportbuilder-conditions-list .mform.full-width-labels .fitem {
  margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
  max-width: 100%;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,
.reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
  flex: 1;
  min-width: 0;
}
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,
.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .form-select,
.reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,
.reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .form-select {
  width: 100%;
}

@media (min-width: 992px) {
  .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
    position: fixed;
  }
  .path-admin-reportbuilder.pagelayout-popup #region-main,
  .path-admin-reportbuilder.pagelayout-popup #page-content {
    border: none;
    padding: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .path-admin-reportbuilder.pagelayout-popup #maincontent {
    visibility: hidden;
  }
  .path-admin-reportbuilder.pagelayout-popup .nav-tabs {
    padding-top: 1.5rem;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
    position: fixed;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
    max-height: calc(100vh - calc(60px + calc(44px + 3rem)) - calc(38px + 1rem));
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
    position: fixed;
    right: 1.5rem;
    max-height: calc(100vh - calc(60px + calc(44px + 3rem)));
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
    max-height: calc(100vh - calc(60px + calc(44px + 3rem)));
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--bs-gray-600) #f8f9fa;
    margin-left: calc(250px + 1rem);
    margin-right: calc(350px + 1rem);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
    width: 12px;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
    background: #f8f9fa;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
    background-color: var(--bs-gray-600);
    border-radius: 20px;
    border: 3px solid #f8f9fa;
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--bs-gray-700);
  }
  .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
    margin-left: calc(250px + 1rem);
  }
}
#page-admin-reportbuilder-edit #page {
  overflow-y: auto;
}

.reportbuilder-report-container {
  min-width: 0;
}
.reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
  margin-left: 0.5rem;
}

.reportbuilder-editor-table-container {
  overflow-x: auto;
  padding: 1px;
}

.reportbuilder-table th button[data-action=report-remove-column] .icon,
.reportbuilder-table th span[data-drag-type=move] .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  vertical-align: text-top;
  color: var(--bs-body-color);
}
.reportbuilder-table th button[data-action=report-remove-column] .icon {
  margin-right: 0;
}

@media (min-width: 992px) {
  .reportbuilder-sidebar-menu {
    width: 250px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-menu .card-body .list-group-item {
  padding: 0.75rem;
}
.reportbuilder-sidebar-menu .card-body .list-group-item .icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
}

.reportbuilder-sidebar-menu-cards {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}

.reportbuilder-sidebar-settings {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar {
  width: 12px;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}
@media (min-width: 992px) {
  .reportbuilder-sidebar-settings {
    width: 350px;
    flex-shrink: 0;
  }
}
.reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
.reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
  display: none;
}
.reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
.reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
  width: 100%;
}
.reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
.reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
  width: calc(100% - 2 * 0.5rem);
}
.reportbuilder-sidebar-settings .list-group-item {
  padding: 0.75rem;
}
.reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
.reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
  margin-right: 0;
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
  vertical-align: text-top;
}
.reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
  vertical-align: middle;
}
.reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
.reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
  flex: 1 1;
  max-width: initial;
}
.reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
  flex-basis: auto;
}
.reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
  width: 100%;
}

@keyframes sortable-list-drag-color-reset {
  from {
    background-color: #a2cff8;
  }
  to {
    background-color: inherit;
  }
}
.reportbuilder-sortable-list li.sortable-list-current-position,
.reportbuilder-table th.sortable-list-current-position,
.reportbuilder-conditions-list .condition.sortable-list-current-position {
  background-color: #a2cff8;
}
.reportbuilder-sortable-list li.sortable-list-is-dragged,
.reportbuilder-table th.sortable-list-is-dragged,
.reportbuilder-conditions-list .condition.sortable-list-is-dragged {
  background-color: var(--bs-white);
  opacity: 0.85;
}
.reportbuilder-sortable-list li.sortable-list-is-dropped,
.reportbuilder-table th.sortable-list-is-dropped,
.reportbuilder-conditions-list .condition.sortable-list-is-dropped {
  animation: sortable-list-drag-color-reset 1s ease;
}

.reportbuilder-toggle-card .card-header {
  border-bottom: none;
}
.reportbuilder-toggle-card .card-body {
  border-top: var(--bs-border-width) solid var(--bs-gray-200);
}
.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
  color: var(--bs-gray-600);
  font-weight: 700;
}
.reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
  display: none;
}
.reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
  display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
  display: inline-block;
}
.reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
  display: none;
}

.reportbuilder-audiences-container .audience-separator {
  text-transform: uppercase;
}
.reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::before {
  margin-right: 1rem;
}
.reportbuilder-audiences-container .audience-separator:not(:empty)::after {
  margin-left: 1rem;
}
.reportbuilder-audiences-container .instance-card .card-header i.icon {
  margin-right: 0;
}

.reportbuilder-report {
  container-type: inline-size; /* stylelint-disable-line */
}

@container (width < 576px) {
  .reportbuilder-report[data-report-type="0"]:not([data-editing]) { /* stylelint-disable-line */ }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table {
    --bs-table-striped-bg: var(--bs-white);
    --bs-table-hover-bg: var(--bs-white);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
    display: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0;
    padding: 0.25rem 0.5rem 0 0.5rem;
    word-wrap: break-word;
    background-clip: border-box;
    border: var(--bs-border-width) solid var(--bs-gray-200);
    border-radius: var(--bs-border-radius);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
    display: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
    display: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
    display: block;
    min-height: 3.6rem;
    padding: 0.5rem 0.25rem;
    border: none;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
    content: attr(data-cardtitle);
    display: block;
    text-transform: uppercase;
    font-size: 70%;
    color: var(--bs-gray-800);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
    min-height: 3rem;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
    border-top: var(--bs-border-width) solid var(--bs-gray-200);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
    padding-right: 2rem;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
    display: block !important; /* stylelint-disable-line declaration-no-important */
    position: absolute;
    right: 10px;
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
    padding: 0 0.5rem;
    color: var(--bs-gray-600);
  }
  .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
    font-size: 1.5em;
    font-weight: bold;
  }
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table {
  --bs-table-striped-bg: var(--bs-white);
  --bs-table-hover-bg: var(--bs-white);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
  display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0;
  padding: 0.25rem 0.5rem 0 0.5rem;
  word-wrap: break-word;
  background-clip: border-box;
  border: var(--bs-border-width) solid var(--bs-gray-200);
  border-radius: var(--bs-border-radius);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
  display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
  display: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
  display: block;
  min-height: 3.6rem;
  padding: 0.5rem 0.25rem;
  border: none;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
  content: attr(data-cardtitle);
  display: block;
  text-transform: uppercase;
  font-size: 70%;
  color: var(--bs-gray-800);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
  min-height: 3rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
  border-top: var(--bs-border-width) solid var(--bs-gray-200);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
  padding-right: 2rem;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
  display: block !important; /* stylelint-disable-line declaration-no-important */
  position: absolute;
  right: 10px;
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
  padding: 0 0.5rem;
  color: var(--bs-gray-600);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
  font-size: 1.5em;
  font-weight: bold;
}

.drawerheader .drawerheading {
  min-width: 0;
  flex: 1 1 auto;
}
.drawerheader .drawerheading #courseindexdrawerheading {
  font-size: 1rem;
  margin-left: 1.5rem;
  min-width: 0;
  overflow: hidden;
}
.drawerheader .drawerheading #courseindexdrawerheading .courseindex-link {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  color: var(--bs-secondary-color);
}
.drawerheader .drawerheading #courseindexdrawerheading .courseindex-link:hover, .drawerheader .drawerheading #courseindexdrawerheading .courseindex-link:focus {
  color: var(--bs-black);
  text-decoration: none;
}
.drawerheader .drawerheading i.icon {
  color: var(--bs-secondary-color);
}

.courseindex .courseindex-item {
  align-items: center;
  padding: 0.5rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}
.courseindex .courseindex-item.courseindex-section-title a {
  font-weight: bold;
}
.courseindex .courseindex-item .icons-collapse-expand {
  padding-right: 4px;
}
.courseindex .courseindex-item .courseindex-link {
  font-size: 0.875rem;
}
.courseindex .courseindex-item .courseindex-link,
.courseindex .courseindex-item .courseindex-chevron {
  color: var(--bs-secondary-color);
}
.courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
.courseindex .courseindex-item .courseindex-chevron:hover,
.courseindex .courseindex-item .courseindex-chevron:focus {
  color: var(--bs-black);
  text-decoration: none;
}
.courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
  color: var(--bs-black);
}
.courseindex .courseindex-item:hover .courseindex-link,
.courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
.courseindex .courseindex-item:focus .courseindex-chevron {
  color: var(--bs-black);
  cursor: pointer;
}
.courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
  color: var(--bs-black);
}
.courseindex .courseindex-item:hover.dimmed .courseindex-link,
.courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
.courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
  color: var(--bs-black);
}
.courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
  cursor: move;
}
.courseindex .courseindex-item:hover.pageitem,
.courseindex .courseindex-item:hover .pageitem, .courseindex .courseindex-item:focus.pageitem,
.courseindex .courseindex-item:focus .pageitem {
  background-color: #0c589c;
  color: #e6e6e6;
}
.courseindex .courseindex-item:hover.pageitem .courseindex-link,
.courseindex .courseindex-item:hover.pageitem .courseindex-chevron,
.courseindex .courseindex-item:hover .pageitem .courseindex-link,
.courseindex .courseindex-item:hover .pageitem .courseindex-chevron, .courseindex .courseindex-item:focus.pageitem .courseindex-link,
.courseindex .courseindex-item:focus.pageitem .courseindex-chevron,
.courseindex .courseindex-item:focus .pageitem .courseindex-link,
.courseindex .courseindex-item:focus .pageitem .courseindex-chevron {
  color: #e6e6e6;
}
.courseindex .courseindex-item:hover.pageitem .courseindex-link a,
.courseindex .courseindex-item:hover.pageitem .courseindex-chevron a,
.courseindex .courseindex-item:hover .pageitem .courseindex-link a,
.courseindex .courseindex-item:hover .pageitem .courseindex-chevron a, .courseindex .courseindex-item:focus.pageitem .courseindex-link a,
.courseindex .courseindex-item:focus.pageitem .courseindex-chevron a,
.courseindex .courseindex-item:focus .pageitem .courseindex-link a,
.courseindex .courseindex-item:focus .pageitem .courseindex-chevron a {
  color: #e6e6e6;
}
.courseindex .courseindex-item.dragging {
  border: 1px solid #b3d9e0;
  background-color: #e6f2f5;
}
.courseindex .courseindex-item.active {
  background-color: var(--bs-gray-100);
  border-color: var(--bs-gray-300);
}
.courseindex .courseindex-item.dimmed {
  color: var(--bs-gray-600);
}
.courseindex .courseindex-item.dimmed .courseindex-link,
.courseindex .courseindex-item.dimmed .courseindex-chevron {
  color: var(--bs-gray-600);
}
.courseindex .courseindex-item.dimmed .pageitem .courseindex-link,
.courseindex .courseindex-item.dimmed .pageitem .courseindex-chevron {
  color: #ffffff;
}
.courseindex .courseindex-item .courseindex-locked {
  display: none;
}
.courseindex .courseindex-item.restrictions .courseindex-locked {
  display: block;
}
.courseindex .courseindex-item.restrictions.pageitem {
  color: #ffffff;
}
.courseindex .courseindex-item.restrictions.pageitem a {
  color: #ffffff;
}
.courseindex .courseindex-item.pageitem {
  background-color: #0f6cbf;
  color: #ffffff;
  scroll-margin: 6rem;
}
.courseindex .courseindex-item.pageitem a {
  color: #ffffff;
}
.courseindex .courseindex-item.pageitem .completioninfo .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--bs-gray-200);
  font-size: 0.625rem;
  line-height: 1;
}
.courseindex .courseindex-item .completioninfo {
  min-width: 20px;
  display: inline-flex;
  align-items: center;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
  color: #357a32;
}
[data-bs-theme=dark] .courseindex .courseindex-item .completioninfo.completion_complete {
  color: var(--bs-success-text-emphasis);
}

.courseindex .courseindex-item .completioninfo.completion_fail {
  color: #ca3120;
}
[data-bs-theme=dark] .courseindex .courseindex-item .completioninfo.completion_fail {
  color: var(--bs-danger-text-emphasis);
}

.courseindex .courseindex-item.indented {
  margin-left: 1rem;
}
.courseindex .courseindex-section {
  border-left: solid 3px transparent;
}
.courseindex .courseindex-section.dragging {
  border: 1px solid #b3d9e0;
  background-color: #e6f2f5;
}
.courseindex .courseindex-section .current-badge {
  line-height: 1.5;
  display: none;
}
.courseindex .courseindex-section.current {
  border-left: solid 3px #0f6cbf;
  /* Skip current badges in delegated sections. */
}
.courseindex .courseindex-section.current .current-badge {
  display: inline-block;
}
.courseindex .courseindex-section.current .delegated-section .current-badge {
  display: none;
}
.courseindex .courseindex-section .delegated-section .courseindex-section-title {
  margin-left: -0.25rem;
  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.courseindex .courseindex-section .delegated-section .courseindex-item-content {
  margin-left: -0.5rem;
}
.courseindex .courseindex-section.dropready .courseindex-item-content {
  /* Extra dropzone space */
  padding-bottom: 1em;
}
.courseindex .courseindex-section .courseindex-sectioncontent:not(.delegated-section) .courseindex-item {
  padding-left: 1.5rem;
}
.courseindex .courseindex-section.delegated-section {
  width: 100%;
}
.courseindex .icon {
  font-size: 10px;
  margin-right: 0;
}
.courseindex .d-flex-noedit {
  display: none;
}
.courseindex.editing .d-flex-noedit {
  display: flex;
}
.courseindex .placeholders .rounded-circle {
  height: 1rem;
  width: 1rem;
}
.courseindex .placeholders .w-100 {
  height: 1rem;
  margin: 0.5rem 0;
}

.moremenu {
  height: 60px;
}
.jsenabled .moremenu {
  opacity: 0;
}
.jsenabled .moremenu.observed {
  opacity: 1;
}
.moremenu .nav-link {
  height: 60px;
  display: flex;
  align-items: center;
  border-right: none;
  border-bottom: solid 3px transparent;
  border-left: none;
  border-top: none;
}
.moremenu .nav-link:hover, .moremenu .nav-link:focus {
  border-color: transparent;
  background-color: var(--bs-gray-100);
}
.moremenu .nav-link.active {
  background-color: var(--bs-gray-100);
  border-color: transparent;
  border-bottom-color: #0f6cbf;
}
.moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
  background-color: var(--bs-gray-100);
  border-bottom-color: #0f6cbf;
}
.moremenu .nav-link.focus, .moremenu .nav-link:focus {
  position: relative;
}
.moremenu .nav-link[data-bs-toggle=tab] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.moremenu .nav-link[data-bs-toggle=tab]::after {
  content: attr(data-text)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: bold;
}
@media speech {
  .moremenu .nav-link[data-bs-toggle=tab]::after {
    display: none;
  }
}
.moremenu .nav-tabs {
  margin-left: 0;
  background-color: var(--bs-body-bg);
}
.moremenu .show > .nav-link,
.moremenu .active > .nav-link,
.moremenu .nav-link.show,
.moremenu .nav-link.active {
  background: transparent;
}
.moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
  padding: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
  position: static;
  padding: 0;
  border: 0;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
  display: block;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
  background-color: var(--bs-gray-100);
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
  background-color: #0f6cbf;
}
.moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
  display: none;
}
.moremenu .dropdown-item[aria-current=true],
.moremenu .dropdown-item.active {
  background-color: transparent;
  color: var(--bs-body-color);
}
.moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
.moremenu .dropdown-item.active:focus-within,
.moremenu .dropdown-item.active:hover {
  background-color: #0f6cbf;
  color: #ffffff;
}
.moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
.moremenu .dropdown-item.active:focus-within a,
.moremenu .dropdown-item.active:hover a {
  color: #ffffff;
}
.moremenu .dropdown-item[aria-current=true]:before,
.moremenu .dropdown-item.active:before {
  font: var(--fa-font-solid);
  content: "\f00c";
}

.dropdownmoremenu > .dropdown-menu .dropdown-submenu > .dropdown-menu {
  position: static;
  padding: 0;
  border: 0;
}
.dropdownmoremenu > .dropdown-menu .dropdown-submenu > .dropdown-menu .dropdown-item {
  background-color: var(--bs-gray-100);
}
.dropdownmoremenu > .dropdown-menu .dropdown-submenu > .dropdown-menu .dropdown-item:hover, .dropdownmoremenu > .dropdown-menu .dropdown-submenu > .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
  background-color: #0f6cbf;
}
.dropdownmoremenu > .dropdown-menu .dropdown-submenu > .dropdown-menu .dropdown-divider {
  display: none;
}

.more-nav .dropdown-item[aria-current=page],
.more-nav .dropdown-item.active {
  position: relative;
  display: flex;
  align-items: center;
  background-color: transparent;
  color: var(--mds-text-default);
}
.more-nav .dropdown-item[aria-current=page]:focus-within, .more-nav .dropdown-item[aria-current=page]:hover,
.more-nav .dropdown-item.active:focus-within,
.more-nav .dropdown-item.active:hover {
  background-color: var(--bs-dropdown-link-active-bg);
  color: #ffffff;
}
.more-nav .dropdown-item[aria-current=page]::before,
.more-nav .dropdown-item.active::before {
  font: var(--fa-font-solid);
  content: "\f00c";
  position: absolute;
  left: 0.4rem;
  font-size: 0.7rem;
}
.more-nav .dropdown-menu:has(.dropdown-item.active) .dropdown-item {
  padding-left: 1.5rem;
}

.primary-navigation .navigation {
  height: 60px;
}
.primary-navigation .navigation .nav-link {
  height: 60px;
  color: var(--bs-gray-900);
  border-top: 3px solid transparent;
}

.primary-navigation .navigation.primarynav-navbar .more-nav {
  gap: var(--mds-spacing-xxs);
}
.primary-navigation .navigation.primarynav-navbar .nav-item {
  height: 60px;
}
.primary-navigation .navigation.primarynav-navbar .mds-nav-pill.dropdown-toggle:focus {
  box-shadow: none;
}
.primary-navigation .navigation.primarynav-navbar .mds-nav-pill.dropdown-toggle:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
}
.primary-navigation .navigation.primarynav-navbar .mds-nav-pill--selected:visited {
  background-color: var(--mds-bg-nav-pill-selected);
}
.jsenabled .primary-navigation .navigation.primarynav-navbar:not(.primarynav-measured) {
  opacity: 0;
}

@media (max-width: 767.98px) {
  .primary-navigation {
    display: none;
  }
  .editmode-switch-form .mds-switch-label {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .editmode-switch-form .mds-switch-label:not(caption) {
    position: absolute !important;
  }
  .editmode-switch-form .mds-switch-label * {
    overflow: hidden !important;
  }
}
.editmode-switch-form .mds-switch {
  position: relative;
}

.editmode-switch-form .mds-switch-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto;
  opacity: 0;
  cursor: pointer;
}
.editmode-switch-form .mds-switch-input:not(:disabled):hover + .mds-switch-control .mds-switch-track {
  background-color: var(--mds-bg-switch-track-hover);
  color: var(--mds-bg-switch-track-hover);
}
.editmode-switch-form .mds-switch-input:not(:disabled):hover + .mds-switch-control .mds-switch-thumb {
  background-color: var(--mds-bg-switch-thumb-hover);
}
.editmode-switch-form .mds-switch-input:checked:not(:disabled):hover + .mds-switch-control .mds-switch-track {
  background-color: var(--mds-bg-interactive-primary-hover);
  color: var(--mds-bg-interactive-primary-hover);
}
.editmode-switch-form .mds-switch-input:checked:not(:disabled):hover + .mds-switch-control .mds-switch-thumb {
  background-color: var(--mds-bg-interactive-primary-default-light);
}

.editmode-switch-form {
  --mds-bg-interactive-primary-default: var(--bs-primary);
  --mds-bg-interactive-primary-default-light: var(--bs-primary-bg-subtle);
  --mds-bg-interactive-primary-hover: #0d5ca2;
  --mds-bg-interactive-primary-disabled: #9fc4e5;
}

.drawer-primary .drawercontent {
  padding: 0;
}
.drawer-primary .drawercontent .list-group {
  border-radius: 0;
  margin-top: -1px;
}
.drawer-primary .drawercontent .list-group .list-group-item {
  border-left: 0;
  border-right: 0;
}

.drawer-primary .drawerheader .drawerheading {
  min-width: 0;
}
.drawer-primary .drawerheader [data-region=site-home-link] {
  max-width: 100%;
  overflow: hidden;
}
.drawer-primary .drawerheader .logo {
  max-width: 100%;
  max-height: 60px;
  width: auto;
  height: 60px;
  object-fit: contain;
}

.secondary-navigation {
  padding-bottom: 15px;
}
.secondary-navigation .navigation {
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-body-bg);
  padding: 0 0.5rem;
}
.secondary-navigation .navigation .nav-tabs {
  border: none;
  max-width: 830px;
  margin: 0 auto;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
  border-radius: initial;
}

@media (min-width: 768px) {
  .secondary-navigation .navigation {
    padding: 0 calc(0.5rem + 15px);
  }
}
.secondary-navigation .navigation.secondarynav-tabbar {
  border-bottom: none;
  height: 60px;
}
.secondary-navigation .navigation.secondarynav-tabbar .more-nav {
  gap: var(--mds-spacing-xxs);
}
.secondary-navigation .navigation.secondarynav-tabbar .nav-item {
  height: 60px;
}
.secondary-navigation .navigation.secondarynav-tabbar .mds-nav-pill.dropdown-toggle:focus {
  box-shadow: none;
}
.secondary-navigation .navigation.secondarynav-tabbar .mds-nav-pill.dropdown-toggle:focus-visible {
  outline: var(--mds-stroke-weight-md) solid var(--mds-focus-default);
  outline-offset: var(--mds-spacing-offset);
}
.secondary-navigation .navigation.secondarynav-tabbar .mds-nav-pill--selected:visited {
  background-color: var(--mds-bg-nav-pill-selected);
}
.jsenabled .secondary-navigation .navigation.secondarynav-tabbar {
  opacity: 0;
}
.jsenabled .secondary-navigation .navigation.secondarynav-tabbar.secondarynav-measured {
  opacity: 1;
}
.secondary-navigation .navigation.secondarynav-tabbar .mds-nav-pill.active {
  color: var(--mds-text-default);
  background-color: var(--mds-bg-nav-pill-selected);
}
.secondary-navigation .navigation.secondarynav-tabbar .mds-nav-pill.active::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  border-radius: var(--mds-border-radius-pill);
  background-color: var(--mds-bg-interactive-primary-default);
}

.tertiary-navigation {
  padding-top: 10px;
}
.tertiary-navigation.full-width-bottom-border {
  width: calc(100% + 1rem + 30px);
  margin-left: calc(-0.5rem - 15px);
  margin-right: calc(-0.5rem - 15px);
  border-bottom: 1px solid var(--bs-gray-300);
  margin-bottom: 25px;
}
@media (max-width: 767.98px) {
  .tertiary-navigation.full-width-bottom-border {
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.tertiary-navigation.full-width-bottom-border .row {
  margin: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tertiary-navigation .navitem,
.tertiary-navigation .navitem-divider {
  display: flex;
  margin-bottom: 25px;
}
.tertiary-navigation .navitem-divider {
  width: 1px;
  background-color: var(--bs-gray-300);
}
.tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
  margin-bottom: 25px;
}
.tertiary-navigation .row {
  column-gap: 10px;
}
.tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
  padding: 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.tertiary-navigation h2, .tertiary-navigation .h2 {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0;
  align-self: center;
}
.tertiary-navigation .navitem:not(:last-child),
.tertiary-navigation .navitem-divider:not(:last-child) {
  margin-right: 20px;
}
.tertiary-navigation .btn > div {
  max-width: 200px;
}

@media (max-width: 767.98px) {
  .tertiary-navigation .mform {
    padding-left: initial;
  }
}
@media (max-width: 575.98px) {
  .tertiary-navigation .page-toggler > p {
    font-size: 80%;
  }
}
.popover-process-monitor {
  position: fixed;
  right: 2rem;
  bottom: 5rem;
  left: initial;
  top: initial;
  width: 350px;
  height: auto;
}
.popover-process-monitor .process-list {
  max-height: 30vh;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--bs-gray-600) #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar {
  width: 12px;
}
.popover-process-monitor .process-list::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  border: 3px solid #f8f9fa;
}
.popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-700);
}
.popover-process-monitor .queue-process {
  border-bottom: 1px solid var(--bs-gray-200);
}
.popover-process-monitor .queue-process:last-child {
  border-bottom: 0;
}

/**
 * Dropdown menu Moodle specific styles.
 */
.dropdown-item a {
  display: block;
  width: 100%;
  color: var(--bs-body-color);
}
.dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
  color: #ffffff;
}
.dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
  font: var(--fa-font-solid);
  content: "\f00c";
  position: absolute;
  left: 0.4rem;
  font-size: 0.7rem;
}

.dropdown-menu {
  width: fit-content;
}
.dropdown-menu:has(.dropdown-item-active) .dropdown-item {
  padding-left: 1.5rem;
}

.dropdown-item:hover.text-primary,
.dropdown-item:hover a.text-primary,
.dropdown-item:hover span.text-primary, .dropdown-item:focus.text-primary,
.dropdown-item:focus a.text-primary,
.dropdown-item:focus span.text-primary {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-secondary,
.dropdown-item:hover a.text-secondary,
.dropdown-item:hover span.text-secondary, .dropdown-item:focus.text-secondary,
.dropdown-item:focus a.text-secondary,
.dropdown-item:focus span.text-secondary {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-success,
.dropdown-item:hover a.text-success,
.dropdown-item:hover span.text-success, .dropdown-item:focus.text-success,
.dropdown-item:focus a.text-success,
.dropdown-item:focus span.text-success {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-info,
.dropdown-item:hover a.text-info,
.dropdown-item:hover span.text-info, .dropdown-item:focus.text-info,
.dropdown-item:focus a.text-info,
.dropdown-item:focus span.text-info {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-warning,
.dropdown-item:hover a.text-warning,
.dropdown-item:hover span.text-warning, .dropdown-item:focus.text-warning,
.dropdown-item:focus a.text-warning,
.dropdown-item:focus span.text-warning {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-danger,
.dropdown-item:hover a.text-danger,
.dropdown-item:hover span.text-danger, .dropdown-item:focus.text-danger,
.dropdown-item:focus a.text-danger,
.dropdown-item:focus span.text-danger {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-light,
.dropdown-item:hover a.text-light,
.dropdown-item:hover span.text-light, .dropdown-item:focus.text-light,
.dropdown-item:focus a.text-light,
.dropdown-item:focus span.text-light {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-dark,
.dropdown-item:hover a.text-dark,
.dropdown-item:hover span.text-dark, .dropdown-item:focus.text-dark,
.dropdown-item:focus a.text-dark,
.dropdown-item:focus span.text-dark {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-primary-emphasis,
.dropdown-item:hover a.text-primary-emphasis,
.dropdown-item:hover span.text-primary-emphasis, .dropdown-item:focus.text-primary-emphasis,
.dropdown-item:focus a.text-primary-emphasis,
.dropdown-item:focus span.text-primary-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-secondary-emphasis,
.dropdown-item:hover a.text-secondary-emphasis,
.dropdown-item:hover span.text-secondary-emphasis, .dropdown-item:focus.text-secondary-emphasis,
.dropdown-item:focus a.text-secondary-emphasis,
.dropdown-item:focus span.text-secondary-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-success-emphasis,
.dropdown-item:hover a.text-success-emphasis,
.dropdown-item:hover span.text-success-emphasis, .dropdown-item:focus.text-success-emphasis,
.dropdown-item:focus a.text-success-emphasis,
.dropdown-item:focus span.text-success-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-info-emphasis,
.dropdown-item:hover a.text-info-emphasis,
.dropdown-item:hover span.text-info-emphasis, .dropdown-item:focus.text-info-emphasis,
.dropdown-item:focus a.text-info-emphasis,
.dropdown-item:focus span.text-info-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-warning-emphasis,
.dropdown-item:hover a.text-warning-emphasis,
.dropdown-item:hover span.text-warning-emphasis, .dropdown-item:focus.text-warning-emphasis,
.dropdown-item:focus a.text-warning-emphasis,
.dropdown-item:focus span.text-warning-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-danger-emphasis,
.dropdown-item:hover a.text-danger-emphasis,
.dropdown-item:hover span.text-danger-emphasis, .dropdown-item:focus.text-danger-emphasis,
.dropdown-item:focus a.text-danger-emphasis,
.dropdown-item:focus span.text-danger-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-light-emphasis,
.dropdown-item:hover a.text-light-emphasis,
.dropdown-item:hover span.text-light-emphasis, .dropdown-item:focus.text-light-emphasis,
.dropdown-item:focus a.text-light-emphasis,
.dropdown-item:focus span.text-light-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

.dropdown-item:hover.text-dark-emphasis,
.dropdown-item:hover a.text-dark-emphasis,
.dropdown-item:hover span.text-dark-emphasis, .dropdown-item:focus.text-dark-emphasis,
.dropdown-item:focus a.text-dark-emphasis,
.dropdown-item:focus span.text-dark-emphasis {
  color: #ffffff !important; /* stylelint-disable-line declaration-no-important */
}

[data-bs-theme=dark] .dropdown-menu {
  --bs-dropdown-header-color: var(--bs-gray-600);
}

/**
 Deprecations
 */
.course-content .stateready .section .spinner {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: none;
}
body.behat-site .course-content .stateready .section .spinner,
.course-content .stateready .section .spinner body.behat-site.course-content .stateready .section .spinner, body.themedesignermode .course-content .stateready .section .spinner,
.course-content .stateready .section .spinner body.themedesignermode.course-content .stateready .section .spinner {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .course-content .stateready .section .spinner::before,
.course-content .stateready .section .spinner body.behat-site.course-content .stateready .section .spinner::before, body.themedesignermode .course-content .stateready .section .spinner::before,
.course-content .stateready .section .spinner body.themedesignermode.course-content .stateready .section .spinner::before {
  content: "Deprecated style in use (.course-content .stateready .section .spinner)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

/**
 * Some backwards compatibility for Bootstrap v4.
 */
.media {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: flex;
  align-items: flex-start;
}
body.behat-site .media,
.media body.behat-site.media, body.themedesignermode .media,
.media body.themedesignermode.media {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .media::before,
.media body.behat-site.media::before, body.themedesignermode .media::before,
.media body.themedesignermode.media::before {
  content: "Deprecated style in use (.media)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.media-body {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  flex: 1;
}
body.behat-site .media-body,
.media-body body.behat-site.media-body, body.themedesignermode .media-body,
.media-body body.themedesignermode.media-body {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .media-body::before,
.media-body body.behat-site.media-body::before, body.themedesignermode .media-body::before,
.media-body body.themedesignermode.media-body::before {
  content: "Deprecated style in use (.media-body)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.badge-primary {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #ffffff;
  background-color: #0f6cbf;
}
body.behat-site .badge-primary,
.badge-primary body.behat-site.badge-primary, body.themedesignermode .badge-primary,
.badge-primary body.themedesignermode.badge-primary {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-primary::before,
.badge-primary body.behat-site.badge-primary::before, body.themedesignermode .badge-primary::before,
.badge-primary body.themedesignermode.badge-primary::before {
  content: "Deprecated style in use (.badge-primary)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #ffffff;
  background-color: #0b5190;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.5);
}

.badge-secondary {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #1d2125;
  background-color: #ced4da;
}
body.behat-site .badge-secondary,
.badge-secondary body.behat-site.badge-secondary, body.themedesignermode .badge-secondary,
.badge-secondary body.themedesignermode.badge-secondary {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-secondary::before,
.badge-secondary body.behat-site.badge-secondary::before, body.themedesignermode .badge-secondary::before,
.badge-secondary body.themedesignermode.badge-secondary::before {
  content: "Deprecated style in use (.badge-secondary)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #1d2125;
  background-color: #b1bbc4;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(206, 212, 218, 0.5);
}

.badge-success {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #ffffff;
  background-color: #357a32;
}
body.behat-site .badge-success,
.badge-success body.behat-site.badge-success, body.themedesignermode .badge-success,
.badge-success body.themedesignermode.badge-success {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-success::before,
.badge-success body.behat-site.badge-success::before, body.themedesignermode .badge-success::before,
.badge-success body.themedesignermode.badge-success::before {
  content: "Deprecated style in use (.badge-success)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-success:hover, a.badge-success:focus {
  color: #ffffff;
  background-color: #255623;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(53, 122, 50, 0.5);
}

.badge-info {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #ffffff;
  background-color: #008196;
}
body.behat-site .badge-info,
.badge-info body.behat-site.badge-info, body.themedesignermode .badge-info,
.badge-info body.themedesignermode.badge-info {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-info::before,
.badge-info body.behat-site.badge-info::before, body.themedesignermode .badge-info::before,
.badge-info body.themedesignermode.badge-info::before {
  content: "Deprecated style in use (.badge-info)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-info:hover, a.badge-info:focus {
  color: #ffffff;
  background-color: #005563;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 129, 150, 0.5);
}

.badge-warning {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #1d2125;
  background-color: #f0ad4e;
}
body.behat-site .badge-warning,
.badge-warning body.behat-site.badge-warning, body.themedesignermode .badge-warning,
.badge-warning body.themedesignermode.badge-warning {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-warning::before,
.badge-warning body.behat-site.badge-warning::before, body.themedesignermode .badge-warning::before,
.badge-warning body.themedesignermode.badge-warning::before {
  content: "Deprecated style in use (.badge-warning)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #1d2125;
  background-color: #ec971f;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.5);
}

.badge-danger {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #ffffff;
  background-color: #ca3120;
}
body.behat-site .badge-danger,
.badge-danger body.behat-site.badge-danger, body.themedesignermode .badge-danger,
.badge-danger body.themedesignermode.badge-danger {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-danger::before,
.badge-danger body.behat-site.badge-danger::before, body.themedesignermode .badge-danger::before,
.badge-danger body.themedesignermode.badge-danger::before {
  content: "Deprecated style in use (.badge-danger)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #ffffff;
  background-color: #9e2619;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(202, 49, 32, 0.5);
}

.badge-light {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #1d2125;
  background-color: #f8f9fa;
}
body.behat-site .badge-light,
.badge-light body.behat-site.badge-light, body.themedesignermode .badge-light,
.badge-light body.themedesignermode.badge-light {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-light::before,
.badge-light body.behat-site.badge-light::before, body.themedesignermode .badge-light::before,
.badge-light body.themedesignermode.badge-light::before {
  content: "Deprecated style in use (.badge-light)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-light:hover, a.badge-light:focus {
  color: #1d2125;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  color: #ffffff;
  background-color: #1d2125;
}
body.behat-site .badge-dark,
.badge-dark body.behat-site.badge-dark, body.themedesignermode .badge-dark,
.badge-dark body.themedesignermode.badge-dark {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-dark::before,
.badge-dark body.behat-site.badge-dark::before, body.themedesignermode .badge-dark::before,
.badge-dark body.themedesignermode.badge-dark::before {
  content: "Deprecated style in use (.badge-dark)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #ffffff;
  background-color: #070808;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(29, 33, 37, 0.5);
}

.badge-pill {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
body.behat-site .badge-pill,
.badge-pill body.behat-site.badge-pill, body.themedesignermode .badge-pill,
.badge-pill body.themedesignermode.badge-pill {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .badge-pill::before,
.badge-pill body.behat-site.badge-pill::before, body.themedesignermode .badge-pill::before,
.badge-pill body.themedesignermode.badge-pill::before {
  content: "Deprecated style in use (.badge-pill)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.form-group {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-bottom: 1rem;
}
body.behat-site .form-group,
.form-group body.behat-site.form-group, body.themedesignermode .form-group,
.form-group body.themedesignermode.form-group {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .form-group::before,
.form-group body.behat-site.form-group::before, body.themedesignermode .form-group::before,
.form-group body.themedesignermode.form-group::before {
  content: "Deprecated style in use (.form-group)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.form-inline {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
body.behat-site .form-inline,
.form-inline body.behat-site.form-inline, body.themedesignermode .form-inline,
.form-inline body.themedesignermode.form-inline {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .form-inline::before,
.form-inline body.behat-site.form-inline::before, body.themedesignermode .form-inline::before,
.form-inline body.themedesignermode.form-inline::before {
  content: "Deprecated style in use (.form-inline)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.card-deck {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .card-deck,
.card-deck body.behat-site.card-deck, body.themedesignermode .card-deck,
.card-deck body.themedesignermode.card-deck {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .card-deck::before,
.card-deck body.behat-site.card-deck::before, body.themedesignermode .card-deck::before,
.card-deck body.themedesignermode.card-deck::before {
  content: "Deprecated style in use (.card-deck)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.no-gutters {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0;
  margin-left: 0;
}
body.behat-site .no-gutters,
.no-gutters body.behat-site.no-gutters, body.themedesignermode .no-gutters,
.no-gutters body.themedesignermode.no-gutters {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .no-gutters::before,
.no-gutters body.behat-site.no-gutters::before, body.themedesignermode .no-gutters::before,
.no-gutters body.themedesignermode.no-gutters::before {
  content: "Deprecated style in use (.no-gutters)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.mr-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0 !important;
}
body.behat-site .mr-0,
.mr-0 body.behat-site.mr-0, body.themedesignermode .mr-0,
.mr-0 body.themedesignermode.mr-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-0::before,
.mr-0 body.behat-site.mr-0::before, body.themedesignermode .mr-0::before,
.mr-0 body.themedesignermode.mr-0::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 0 !important;
}
body.behat-site .ml-0,
.ml-0 body.behat-site.ml-0, body.themedesignermode .ml-0,
.ml-0 body.themedesignermode.ml-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-0::before,
.ml-0 body.behat-site.ml-0::before, body.themedesignermode .ml-0::before,
.ml-0 body.themedesignermode.ml-0::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0.25rem !important;
}
body.behat-site .mr-1,
.mr-1 body.behat-site.mr-1, body.themedesignermode .mr-1,
.mr-1 body.themedesignermode.mr-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-1::before,
.mr-1 body.behat-site.mr-1::before, body.themedesignermode .mr-1::before,
.mr-1 body.themedesignermode.mr-1::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 0.25rem !important;
}
body.behat-site .ml-1,
.ml-1 body.behat-site.ml-1, body.themedesignermode .ml-1,
.ml-1 body.themedesignermode.ml-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-1::before,
.ml-1 body.behat-site.ml-1::before, body.themedesignermode .ml-1::before,
.ml-1 body.themedesignermode.ml-1::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 0.5rem !important;
}
body.behat-site .mr-2,
.mr-2 body.behat-site.mr-2, body.themedesignermode .mr-2,
.mr-2 body.themedesignermode.mr-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-2::before,
.mr-2 body.behat-site.mr-2::before, body.themedesignermode .mr-2::before,
.mr-2 body.themedesignermode.mr-2::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 0.5rem !important;
}
body.behat-site .ml-2,
.ml-2 body.behat-site.ml-2, body.themedesignermode .ml-2,
.ml-2 body.themedesignermode.ml-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-2::before,
.ml-2 body.behat-site.ml-2::before, body.themedesignermode .ml-2::before,
.ml-2 body.themedesignermode.ml-2::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 1rem !important;
}
body.behat-site .mr-3,
.mr-3 body.behat-site.mr-3, body.themedesignermode .mr-3,
.mr-3 body.themedesignermode.mr-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-3::before,
.mr-3 body.behat-site.mr-3::before, body.themedesignermode .mr-3::before,
.mr-3 body.themedesignermode.mr-3::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 1rem !important;
}
body.behat-site .ml-3,
.ml-3 body.behat-site.ml-3, body.themedesignermode .ml-3,
.ml-3 body.themedesignermode.ml-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-3::before,
.ml-3 body.behat-site.ml-3::before, body.themedesignermode .ml-3::before,
.ml-3 body.themedesignermode.ml-3::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 1.5rem !important;
}
body.behat-site .mr-4,
.mr-4 body.behat-site.mr-4, body.themedesignermode .mr-4,
.mr-4 body.themedesignermode.mr-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-4::before,
.mr-4 body.behat-site.mr-4::before, body.themedesignermode .mr-4::before,
.mr-4 body.themedesignermode.mr-4::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 1.5rem !important;
}
body.behat-site .ml-4,
.ml-4 body.behat-site.ml-4, body.themedesignermode .ml-4,
.ml-4 body.themedesignermode.ml-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-4::before,
.ml-4 body.behat-site.ml-4::before, body.themedesignermode .ml-4::before,
.ml-4 body.themedesignermode.ml-4::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 2rem !important;
}
body.behat-site .mr-5,
.mr-5 body.behat-site.mr-5, body.themedesignermode .mr-5,
.mr-5 body.themedesignermode.mr-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-5::before,
.mr-5 body.behat-site.mr-5::before, body.themedesignermode .mr-5::before,
.mr-5 body.themedesignermode.mr-5::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 2rem !important;
}
body.behat-site .ml-5,
.ml-5 body.behat-site.ml-5, body.themedesignermode .ml-5,
.ml-5 body.themedesignermode.ml-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-5::before,
.ml-5 body.behat-site.ml-5::before, body.themedesignermode .ml-5::before,
.ml-5 body.themedesignermode.ml-5::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: 3rem !important;
}
body.behat-site .mr-6,
.mr-6 body.behat-site.mr-6, body.themedesignermode .mr-6,
.mr-6 body.themedesignermode.mr-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-6::before,
.mr-6 body.behat-site.mr-6::before, body.themedesignermode .mr-6::before,
.mr-6 body.themedesignermode.mr-6::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: 3rem !important;
}
body.behat-site .ml-6,
.ml-6 body.behat-site.ml-6, body.themedesignermode .ml-6,
.ml-6 body.themedesignermode.ml-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-6::before,
.ml-6 body.behat-site.ml-6::before, body.themedesignermode .ml-6::before,
.ml-6 body.themedesignermode.ml-6::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pr-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0 !important;
}
body.behat-site .pr-0,
.pr-0 body.behat-site.pr-0, body.themedesignermode .pr-0,
.pr-0 body.themedesignermode.pr-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-0::before,
.pr-0 body.behat-site.pr-0::before, body.themedesignermode .pr-0::before,
.pr-0 body.themedesignermode.pr-0::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pl-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 0 !important;
}
body.behat-site .pl-0,
.pl-0 body.behat-site.pl-0, body.themedesignermode .pl-0,
.pl-0 body.themedesignermode.pl-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-0::before,
.pl-0 body.behat-site.pl-0::before, body.themedesignermode .pl-0::before,
.pl-0 body.themedesignermode.pl-0::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pr-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0.25rem !important;
}
body.behat-site .pr-1,
.pr-1 body.behat-site.pr-1, body.themedesignermode .pr-1,
.pr-1 body.themedesignermode.pr-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-1::before,
.pr-1 body.behat-site.pr-1::before, body.themedesignermode .pr-1::before,
.pr-1 body.themedesignermode.pr-1::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pl-1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 0.25rem !important;
}
body.behat-site .pl-1,
.pl-1 body.behat-site.pl-1, body.themedesignermode .pl-1,
.pl-1 body.themedesignermode.pl-1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-1::before,
.pl-1 body.behat-site.pl-1::before, body.themedesignermode .pl-1::before,
.pl-1 body.themedesignermode.pl-1::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pr-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 0.5rem !important;
}
body.behat-site .pr-2,
.pr-2 body.behat-site.pr-2, body.themedesignermode .pr-2,
.pr-2 body.themedesignermode.pr-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-2::before,
.pr-2 body.behat-site.pr-2::before, body.themedesignermode .pr-2::before,
.pr-2 body.themedesignermode.pr-2::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pl-2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 0.5rem !important;
}
body.behat-site .pl-2,
.pl-2 body.behat-site.pl-2, body.themedesignermode .pl-2,
.pl-2 body.themedesignermode.pl-2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-2::before,
.pl-2 body.behat-site.pl-2::before, body.themedesignermode .pl-2::before,
.pl-2 body.themedesignermode.pl-2::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pr-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 1rem !important;
}
body.behat-site .pr-3,
.pr-3 body.behat-site.pr-3, body.themedesignermode .pr-3,
.pr-3 body.themedesignermode.pr-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-3::before,
.pr-3 body.behat-site.pr-3::before, body.themedesignermode .pr-3::before,
.pr-3 body.themedesignermode.pr-3::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pl-3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 1rem !important;
}
body.behat-site .pl-3,
.pl-3 body.behat-site.pl-3, body.themedesignermode .pl-3,
.pl-3 body.themedesignermode.pl-3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-3::before,
.pl-3 body.behat-site.pl-3::before, body.themedesignermode .pl-3::before,
.pl-3 body.themedesignermode.pl-3::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pr-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 1.5rem !important;
}
body.behat-site .pr-4,
.pr-4 body.behat-site.pr-4, body.themedesignermode .pr-4,
.pr-4 body.themedesignermode.pr-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-4::before,
.pr-4 body.behat-site.pr-4::before, body.themedesignermode .pr-4::before,
.pr-4 body.themedesignermode.pr-4::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pl-4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 1.5rem !important;
}
body.behat-site .pl-4,
.pl-4 body.behat-site.pl-4, body.themedesignermode .pl-4,
.pl-4 body.themedesignermode.pl-4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-4::before,
.pl-4 body.behat-site.pl-4::before, body.themedesignermode .pl-4::before,
.pl-4 body.themedesignermode.pl-4::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pr-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 2rem !important;
}
body.behat-site .pr-5,
.pr-5 body.behat-site.pr-5, body.themedesignermode .pr-5,
.pr-5 body.themedesignermode.pr-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-5::before,
.pr-5 body.behat-site.pr-5::before, body.themedesignermode .pr-5::before,
.pr-5 body.themedesignermode.pr-5::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pl-5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 2rem !important;
}
body.behat-site .pl-5,
.pl-5 body.behat-site.pl-5, body.themedesignermode .pl-5,
.pl-5 body.themedesignermode.pl-5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-5::before,
.pl-5 body.behat-site.pl-5::before, body.themedesignermode .pl-5::before,
.pl-5 body.themedesignermode.pl-5::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pr-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-right: 3rem !important;
}
body.behat-site .pr-6,
.pr-6 body.behat-site.pr-6, body.themedesignermode .pr-6,
.pr-6 body.themedesignermode.pr-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pr-6::before,
.pr-6 body.behat-site.pr-6::before, body.themedesignermode .pr-6::before,
.pr-6 body.themedesignermode.pr-6::before {
  content: "Deprecated style in use (.pr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.pl-6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 3rem !important;
}
body.behat-site .pl-6,
.pl-6 body.behat-site.pl-6, body.themedesignermode .pl-6,
.pl-6 body.themedesignermode.pl-6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .pl-6::before,
.pl-6 body.behat-site.pl-6::before, body.themedesignermode .pl-6::before,
.pl-6 body.themedesignermode.pl-6::before {
  content: "Deprecated style in use (.pl)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-n1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -0.25rem !important;
}
body.behat-site .mr-n1,
.mr-n1 body.behat-site.mr-n1, body.themedesignermode .mr-n1,
.mr-n1 body.themedesignermode.mr-n1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n1::before,
.mr-n1 body.behat-site.mr-n1::before, body.themedesignermode .mr-n1::before,
.mr-n1 body.themedesignermode.mr-n1::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-n1 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -0.25rem !important;
}
body.behat-site .ml-n1,
.ml-n1 body.behat-site.ml-n1, body.themedesignermode .ml-n1,
.ml-n1 body.themedesignermode.ml-n1 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n1::before,
.ml-n1 body.behat-site.ml-n1::before, body.themedesignermode .ml-n1::before,
.ml-n1 body.themedesignermode.ml-n1::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-n2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -0.5rem !important;
}
body.behat-site .mr-n2,
.mr-n2 body.behat-site.mr-n2, body.themedesignermode .mr-n2,
.mr-n2 body.themedesignermode.mr-n2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n2::before,
.mr-n2 body.behat-site.mr-n2::before, body.themedesignermode .mr-n2::before,
.mr-n2 body.themedesignermode.mr-n2::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-n2 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -0.5rem !important;
}
body.behat-site .ml-n2,
.ml-n2 body.behat-site.ml-n2, body.themedesignermode .ml-n2,
.ml-n2 body.themedesignermode.ml-n2 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n2::before,
.ml-n2 body.behat-site.ml-n2::before, body.themedesignermode .ml-n2::before,
.ml-n2 body.themedesignermode.ml-n2::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-n3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -1rem !important;
}
body.behat-site .mr-n3,
.mr-n3 body.behat-site.mr-n3, body.themedesignermode .mr-n3,
.mr-n3 body.themedesignermode.mr-n3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n3::before,
.mr-n3 body.behat-site.mr-n3::before, body.themedesignermode .mr-n3::before,
.mr-n3 body.themedesignermode.mr-n3::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-n3 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -1rem !important;
}
body.behat-site .ml-n3,
.ml-n3 body.behat-site.ml-n3, body.themedesignermode .ml-n3,
.ml-n3 body.themedesignermode.ml-n3 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n3::before,
.ml-n3 body.behat-site.ml-n3::before, body.themedesignermode .ml-n3::before,
.ml-n3 body.themedesignermode.ml-n3::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-n4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -1.5rem !important;
}
body.behat-site .mr-n4,
.mr-n4 body.behat-site.mr-n4, body.themedesignermode .mr-n4,
.mr-n4 body.themedesignermode.mr-n4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n4::before,
.mr-n4 body.behat-site.mr-n4::before, body.themedesignermode .mr-n4::before,
.mr-n4 body.themedesignermode.mr-n4::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-n4 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -1.5rem !important;
}
body.behat-site .ml-n4,
.ml-n4 body.behat-site.ml-n4, body.themedesignermode .ml-n4,
.ml-n4 body.themedesignermode.ml-n4 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n4::before,
.ml-n4 body.behat-site.ml-n4::before, body.themedesignermode .ml-n4::before,
.ml-n4 body.themedesignermode.ml-n4::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-n5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -2rem !important;
}
body.behat-site .mr-n5,
.mr-n5 body.behat-site.mr-n5, body.themedesignermode .mr-n5,
.mr-n5 body.themedesignermode.mr-n5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n5::before,
.mr-n5 body.behat-site.mr-n5::before, body.themedesignermode .mr-n5::before,
.mr-n5 body.themedesignermode.mr-n5::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-n5 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -2rem !important;
}
body.behat-site .ml-n5,
.ml-n5 body.behat-site.ml-n5, body.themedesignermode .ml-n5,
.ml-n5 body.themedesignermode.ml-n5 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n5::before,
.ml-n5 body.behat-site.ml-n5::before, body.themedesignermode .ml-n5::before,
.ml-n5 body.themedesignermode.ml-n5::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-n6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: -3rem !important;
}
body.behat-site .mr-n6,
.mr-n6 body.behat-site.mr-n6, body.themedesignermode .mr-n6,
.mr-n6 body.themedesignermode.mr-n6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-n6::before,
.mr-n6 body.behat-site.mr-n6::before, body.themedesignermode .mr-n6::before,
.mr-n6 body.themedesignermode.mr-n6::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-n6 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: -3rem !important;
}
body.behat-site .ml-n6,
.ml-n6 body.behat-site.ml-n6, body.themedesignermode .ml-n6,
.ml-n6 body.themedesignermode.ml-n6 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-n6::before,
.ml-n6 body.behat-site.ml-n6::before, body.themedesignermode .ml-n6::before,
.ml-n6 body.themedesignermode.ml-n6::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.mr-auto {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-right: auto !important;
}
body.behat-site .mr-auto,
.mr-auto body.behat-site.mr-auto, body.themedesignermode .mr-auto,
.mr-auto body.themedesignermode.mr-auto {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .mr-auto::before,
.mr-auto body.behat-site.mr-auto::before, body.themedesignermode .mr-auto::before,
.mr-auto body.themedesignermode.mr-auto::before {
  content: "Deprecated style in use (.mr)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.ml-auto {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  margin-left: auto !important;
}
body.behat-site .ml-auto,
.ml-auto body.behat-site.ml-auto, body.themedesignermode .ml-auto,
.ml-auto body.themedesignermode.ml-auto {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .ml-auto::before,
.ml-auto body.behat-site.ml-auto::before, body.themedesignermode .ml-auto::before,
.ml-auto body.themedesignermode.ml-auto::before {
  content: "Deprecated style in use (.ml)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

@media (min-width: 576px) {
  .mr-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-sm-0,
  .mr-sm-0 body.behat-site.mr-sm-0, body.themedesignermode .mr-sm-0,
  .mr-sm-0 body.themedesignermode.mr-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-0::before,
  .mr-sm-0 body.behat-site.mr-sm-0::before, body.themedesignermode .mr-sm-0::before,
  .mr-sm-0 body.themedesignermode.mr-sm-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-sm-0,
  .ml-sm-0 body.behat-site.ml-sm-0, body.themedesignermode .ml-sm-0,
  .ml-sm-0 body.themedesignermode.ml-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-0::before,
  .ml-sm-0 body.behat-site.ml-sm-0::before, body.themedesignermode .ml-sm-0::before,
  .ml-sm-0 body.themedesignermode.ml-sm-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-sm-1,
  .mr-sm-1 body.behat-site.mr-sm-1, body.themedesignermode .mr-sm-1,
  .mr-sm-1 body.themedesignermode.mr-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-1::before,
  .mr-sm-1 body.behat-site.mr-sm-1::before, body.themedesignermode .mr-sm-1::before,
  .mr-sm-1 body.themedesignermode.mr-sm-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-sm-1,
  .ml-sm-1 body.behat-site.ml-sm-1, body.themedesignermode .ml-sm-1,
  .ml-sm-1 body.themedesignermode.ml-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-1::before,
  .ml-sm-1 body.behat-site.ml-sm-1::before, body.themedesignermode .ml-sm-1::before,
  .ml-sm-1 body.themedesignermode.ml-sm-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-sm-2,
  .mr-sm-2 body.behat-site.mr-sm-2, body.themedesignermode .mr-sm-2,
  .mr-sm-2 body.themedesignermode.mr-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-2::before,
  .mr-sm-2 body.behat-site.mr-sm-2::before, body.themedesignermode .mr-sm-2::before,
  .mr-sm-2 body.themedesignermode.mr-sm-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-sm-2,
  .ml-sm-2 body.behat-site.ml-sm-2, body.themedesignermode .ml-sm-2,
  .ml-sm-2 body.themedesignermode.ml-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-2::before,
  .ml-sm-2 body.behat-site.ml-sm-2::before, body.themedesignermode .ml-sm-2::before,
  .ml-sm-2 body.themedesignermode.ml-sm-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-sm-3,
  .mr-sm-3 body.behat-site.mr-sm-3, body.themedesignermode .mr-sm-3,
  .mr-sm-3 body.themedesignermode.mr-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-3::before,
  .mr-sm-3 body.behat-site.mr-sm-3::before, body.themedesignermode .mr-sm-3::before,
  .mr-sm-3 body.themedesignermode.mr-sm-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-sm-3,
  .ml-sm-3 body.behat-site.ml-sm-3, body.themedesignermode .ml-sm-3,
  .ml-sm-3 body.themedesignermode.ml-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-3::before,
  .ml-sm-3 body.behat-site.ml-sm-3::before, body.themedesignermode .ml-sm-3::before,
  .ml-sm-3 body.themedesignermode.ml-sm-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-sm-4,
  .mr-sm-4 body.behat-site.mr-sm-4, body.themedesignermode .mr-sm-4,
  .mr-sm-4 body.themedesignermode.mr-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-4::before,
  .mr-sm-4 body.behat-site.mr-sm-4::before, body.themedesignermode .mr-sm-4::before,
  .mr-sm-4 body.themedesignermode.mr-sm-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-sm-4,
  .ml-sm-4 body.behat-site.ml-sm-4, body.themedesignermode .ml-sm-4,
  .ml-sm-4 body.themedesignermode.ml-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-4::before,
  .ml-sm-4 body.behat-site.ml-sm-4::before, body.themedesignermode .ml-sm-4::before,
  .ml-sm-4 body.themedesignermode.ml-sm-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-sm-5,
  .mr-sm-5 body.behat-site.mr-sm-5, body.themedesignermode .mr-sm-5,
  .mr-sm-5 body.themedesignermode.mr-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-5::before,
  .mr-sm-5 body.behat-site.mr-sm-5::before, body.themedesignermode .mr-sm-5::before,
  .mr-sm-5 body.themedesignermode.mr-sm-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-sm-5,
  .ml-sm-5 body.behat-site.ml-sm-5, body.themedesignermode .ml-sm-5,
  .ml-sm-5 body.themedesignermode.ml-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-5::before,
  .ml-sm-5 body.behat-site.ml-sm-5::before, body.themedesignermode .ml-sm-5::before,
  .ml-sm-5 body.themedesignermode.ml-sm-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-sm-6,
  .mr-sm-6 body.behat-site.mr-sm-6, body.themedesignermode .mr-sm-6,
  .mr-sm-6 body.themedesignermode.mr-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-6::before,
  .mr-sm-6 body.behat-site.mr-sm-6::before, body.themedesignermode .mr-sm-6::before,
  .mr-sm-6 body.themedesignermode.mr-sm-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-sm-6,
  .ml-sm-6 body.behat-site.ml-sm-6, body.themedesignermode .ml-sm-6,
  .ml-sm-6 body.themedesignermode.ml-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-6::before,
  .ml-sm-6 body.behat-site.ml-sm-6::before, body.themedesignermode .ml-sm-6::before,
  .ml-sm-6 body.themedesignermode.ml-sm-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-sm-0,
  .pr-sm-0 body.behat-site.pr-sm-0, body.themedesignermode .pr-sm-0,
  .pr-sm-0 body.themedesignermode.pr-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-0::before,
  .pr-sm-0 body.behat-site.pr-sm-0::before, body.themedesignermode .pr-sm-0::before,
  .pr-sm-0 body.themedesignermode.pr-sm-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-sm-0,
  .pl-sm-0 body.behat-site.pl-sm-0, body.themedesignermode .pl-sm-0,
  .pl-sm-0 body.themedesignermode.pl-sm-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-0::before,
  .pl-sm-0 body.behat-site.pl-sm-0::before, body.themedesignermode .pl-sm-0::before,
  .pl-sm-0 body.themedesignermode.pl-sm-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-sm-1,
  .pr-sm-1 body.behat-site.pr-sm-1, body.themedesignermode .pr-sm-1,
  .pr-sm-1 body.themedesignermode.pr-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-1::before,
  .pr-sm-1 body.behat-site.pr-sm-1::before, body.themedesignermode .pr-sm-1::before,
  .pr-sm-1 body.themedesignermode.pr-sm-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-sm-1,
  .pl-sm-1 body.behat-site.pl-sm-1, body.themedesignermode .pl-sm-1,
  .pl-sm-1 body.themedesignermode.pl-sm-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-1::before,
  .pl-sm-1 body.behat-site.pl-sm-1::before, body.themedesignermode .pl-sm-1::before,
  .pl-sm-1 body.themedesignermode.pl-sm-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-sm-2,
  .pr-sm-2 body.behat-site.pr-sm-2, body.themedesignermode .pr-sm-2,
  .pr-sm-2 body.themedesignermode.pr-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-2::before,
  .pr-sm-2 body.behat-site.pr-sm-2::before, body.themedesignermode .pr-sm-2::before,
  .pr-sm-2 body.themedesignermode.pr-sm-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-sm-2,
  .pl-sm-2 body.behat-site.pl-sm-2, body.themedesignermode .pl-sm-2,
  .pl-sm-2 body.themedesignermode.pl-sm-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-2::before,
  .pl-sm-2 body.behat-site.pl-sm-2::before, body.themedesignermode .pl-sm-2::before,
  .pl-sm-2 body.themedesignermode.pl-sm-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-sm-3,
  .pr-sm-3 body.behat-site.pr-sm-3, body.themedesignermode .pr-sm-3,
  .pr-sm-3 body.themedesignermode.pr-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-3::before,
  .pr-sm-3 body.behat-site.pr-sm-3::before, body.themedesignermode .pr-sm-3::before,
  .pr-sm-3 body.themedesignermode.pr-sm-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-sm-3,
  .pl-sm-3 body.behat-site.pl-sm-3, body.themedesignermode .pl-sm-3,
  .pl-sm-3 body.themedesignermode.pl-sm-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-3::before,
  .pl-sm-3 body.behat-site.pl-sm-3::before, body.themedesignermode .pl-sm-3::before,
  .pl-sm-3 body.themedesignermode.pl-sm-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-sm-4,
  .pr-sm-4 body.behat-site.pr-sm-4, body.themedesignermode .pr-sm-4,
  .pr-sm-4 body.themedesignermode.pr-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-4::before,
  .pr-sm-4 body.behat-site.pr-sm-4::before, body.themedesignermode .pr-sm-4::before,
  .pr-sm-4 body.themedesignermode.pr-sm-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-sm-4,
  .pl-sm-4 body.behat-site.pl-sm-4, body.themedesignermode .pl-sm-4,
  .pl-sm-4 body.themedesignermode.pl-sm-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-4::before,
  .pl-sm-4 body.behat-site.pl-sm-4::before, body.themedesignermode .pl-sm-4::before,
  .pl-sm-4 body.themedesignermode.pl-sm-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-sm-5,
  .pr-sm-5 body.behat-site.pr-sm-5, body.themedesignermode .pr-sm-5,
  .pr-sm-5 body.themedesignermode.pr-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-5::before,
  .pr-sm-5 body.behat-site.pr-sm-5::before, body.themedesignermode .pr-sm-5::before,
  .pr-sm-5 body.themedesignermode.pr-sm-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-sm-5,
  .pl-sm-5 body.behat-site.pl-sm-5, body.themedesignermode .pl-sm-5,
  .pl-sm-5 body.themedesignermode.pl-sm-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-5::before,
  .pl-sm-5 body.behat-site.pl-sm-5::before, body.themedesignermode .pl-sm-5::before,
  .pl-sm-5 body.themedesignermode.pl-sm-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-sm-6,
  .pr-sm-6 body.behat-site.pr-sm-6, body.themedesignermode .pr-sm-6,
  .pr-sm-6 body.themedesignermode.pr-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-sm-6::before,
  .pr-sm-6 body.behat-site.pr-sm-6::before, body.themedesignermode .pr-sm-6::before,
  .pr-sm-6 body.themedesignermode.pr-sm-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-sm-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-sm-6,
  .pl-sm-6 body.behat-site.pl-sm-6, body.themedesignermode .pl-sm-6,
  .pl-sm-6 body.themedesignermode.pl-sm-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-sm-6::before,
  .pl-sm-6 body.behat-site.pl-sm-6::before, body.themedesignermode .pl-sm-6::before,
  .pl-sm-6 body.themedesignermode.pl-sm-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-sm-n1,
  .mr-sm-n1 body.behat-site.mr-sm-n1, body.themedesignermode .mr-sm-n1,
  .mr-sm-n1 body.themedesignermode.mr-sm-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n1::before,
  .mr-sm-n1 body.behat-site.mr-sm-n1::before, body.themedesignermode .mr-sm-n1::before,
  .mr-sm-n1 body.themedesignermode.mr-sm-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-sm-n1,
  .ml-sm-n1 body.behat-site.ml-sm-n1, body.themedesignermode .ml-sm-n1,
  .ml-sm-n1 body.themedesignermode.ml-sm-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n1::before,
  .ml-sm-n1 body.behat-site.ml-sm-n1::before, body.themedesignermode .ml-sm-n1::before,
  .ml-sm-n1 body.themedesignermode.ml-sm-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-sm-n2,
  .mr-sm-n2 body.behat-site.mr-sm-n2, body.themedesignermode .mr-sm-n2,
  .mr-sm-n2 body.themedesignermode.mr-sm-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n2::before,
  .mr-sm-n2 body.behat-site.mr-sm-n2::before, body.themedesignermode .mr-sm-n2::before,
  .mr-sm-n2 body.themedesignermode.mr-sm-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-sm-n2,
  .ml-sm-n2 body.behat-site.ml-sm-n2, body.themedesignermode .ml-sm-n2,
  .ml-sm-n2 body.themedesignermode.ml-sm-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n2::before,
  .ml-sm-n2 body.behat-site.ml-sm-n2::before, body.themedesignermode .ml-sm-n2::before,
  .ml-sm-n2 body.themedesignermode.ml-sm-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-sm-n3,
  .mr-sm-n3 body.behat-site.mr-sm-n3, body.themedesignermode .mr-sm-n3,
  .mr-sm-n3 body.themedesignermode.mr-sm-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n3::before,
  .mr-sm-n3 body.behat-site.mr-sm-n3::before, body.themedesignermode .mr-sm-n3::before,
  .mr-sm-n3 body.themedesignermode.mr-sm-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-sm-n3,
  .ml-sm-n3 body.behat-site.ml-sm-n3, body.themedesignermode .ml-sm-n3,
  .ml-sm-n3 body.themedesignermode.ml-sm-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n3::before,
  .ml-sm-n3 body.behat-site.ml-sm-n3::before, body.themedesignermode .ml-sm-n3::before,
  .ml-sm-n3 body.themedesignermode.ml-sm-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-sm-n4,
  .mr-sm-n4 body.behat-site.mr-sm-n4, body.themedesignermode .mr-sm-n4,
  .mr-sm-n4 body.themedesignermode.mr-sm-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n4::before,
  .mr-sm-n4 body.behat-site.mr-sm-n4::before, body.themedesignermode .mr-sm-n4::before,
  .mr-sm-n4 body.themedesignermode.mr-sm-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-sm-n4,
  .ml-sm-n4 body.behat-site.ml-sm-n4, body.themedesignermode .ml-sm-n4,
  .ml-sm-n4 body.themedesignermode.ml-sm-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n4::before,
  .ml-sm-n4 body.behat-site.ml-sm-n4::before, body.themedesignermode .ml-sm-n4::before,
  .ml-sm-n4 body.themedesignermode.ml-sm-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-sm-n5,
  .mr-sm-n5 body.behat-site.mr-sm-n5, body.themedesignermode .mr-sm-n5,
  .mr-sm-n5 body.themedesignermode.mr-sm-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n5::before,
  .mr-sm-n5 body.behat-site.mr-sm-n5::before, body.themedesignermode .mr-sm-n5::before,
  .mr-sm-n5 body.themedesignermode.mr-sm-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-sm-n5,
  .ml-sm-n5 body.behat-site.ml-sm-n5, body.themedesignermode .ml-sm-n5,
  .ml-sm-n5 body.themedesignermode.ml-sm-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n5::before,
  .ml-sm-n5 body.behat-site.ml-sm-n5::before, body.themedesignermode .ml-sm-n5::before,
  .ml-sm-n5 body.themedesignermode.ml-sm-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-sm-n6,
  .mr-sm-n6 body.behat-site.mr-sm-n6, body.themedesignermode .mr-sm-n6,
  .mr-sm-n6 body.themedesignermode.mr-sm-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-n6::before,
  .mr-sm-n6 body.behat-site.mr-sm-n6::before, body.themedesignermode .mr-sm-n6::before,
  .mr-sm-n6 body.themedesignermode.mr-sm-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-sm-n6,
  .ml-sm-n6 body.behat-site.ml-sm-n6, body.themedesignermode .ml-sm-n6,
  .ml-sm-n6 body.themedesignermode.ml-sm-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-n6::before,
  .ml-sm-n6 body.behat-site.ml-sm-n6::before, body.themedesignermode .ml-sm-n6::before,
  .ml-sm-n6 body.themedesignermode.ml-sm-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-sm-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-sm-auto,
  .mr-sm-auto body.behat-site.mr-sm-auto, body.themedesignermode .mr-sm-auto,
  .mr-sm-auto body.themedesignermode.mr-sm-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-sm-auto::before,
  .mr-sm-auto body.behat-site.mr-sm-auto::before, body.themedesignermode .mr-sm-auto::before,
  .mr-sm-auto body.themedesignermode.mr-sm-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-sm-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-sm-auto,
  .ml-sm-auto body.behat-site.ml-sm-auto, body.themedesignermode .ml-sm-auto,
  .ml-sm-auto body.themedesignermode.ml-sm-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-sm-auto::before,
  .ml-sm-auto body.behat-site.ml-sm-auto::before, body.themedesignermode .ml-sm-auto::before,
  .ml-sm-auto body.themedesignermode.ml-sm-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 768px) {
  .mr-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-md-0,
  .mr-md-0 body.behat-site.mr-md-0, body.themedesignermode .mr-md-0,
  .mr-md-0 body.themedesignermode.mr-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-0::before,
  .mr-md-0 body.behat-site.mr-md-0::before, body.themedesignermode .mr-md-0::before,
  .mr-md-0 body.themedesignermode.mr-md-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-md-0,
  .ml-md-0 body.behat-site.ml-md-0, body.themedesignermode .ml-md-0,
  .ml-md-0 body.themedesignermode.ml-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-0::before,
  .ml-md-0 body.behat-site.ml-md-0::before, body.themedesignermode .ml-md-0::before,
  .ml-md-0 body.themedesignermode.ml-md-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-md-1,
  .mr-md-1 body.behat-site.mr-md-1, body.themedesignermode .mr-md-1,
  .mr-md-1 body.themedesignermode.mr-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-1::before,
  .mr-md-1 body.behat-site.mr-md-1::before, body.themedesignermode .mr-md-1::before,
  .mr-md-1 body.themedesignermode.mr-md-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-md-1,
  .ml-md-1 body.behat-site.ml-md-1, body.themedesignermode .ml-md-1,
  .ml-md-1 body.themedesignermode.ml-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-1::before,
  .ml-md-1 body.behat-site.ml-md-1::before, body.themedesignermode .ml-md-1::before,
  .ml-md-1 body.themedesignermode.ml-md-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-md-2,
  .mr-md-2 body.behat-site.mr-md-2, body.themedesignermode .mr-md-2,
  .mr-md-2 body.themedesignermode.mr-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-2::before,
  .mr-md-2 body.behat-site.mr-md-2::before, body.themedesignermode .mr-md-2::before,
  .mr-md-2 body.themedesignermode.mr-md-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-md-2,
  .ml-md-2 body.behat-site.ml-md-2, body.themedesignermode .ml-md-2,
  .ml-md-2 body.themedesignermode.ml-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-2::before,
  .ml-md-2 body.behat-site.ml-md-2::before, body.themedesignermode .ml-md-2::before,
  .ml-md-2 body.themedesignermode.ml-md-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-md-3,
  .mr-md-3 body.behat-site.mr-md-3, body.themedesignermode .mr-md-3,
  .mr-md-3 body.themedesignermode.mr-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-3::before,
  .mr-md-3 body.behat-site.mr-md-3::before, body.themedesignermode .mr-md-3::before,
  .mr-md-3 body.themedesignermode.mr-md-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-md-3,
  .ml-md-3 body.behat-site.ml-md-3, body.themedesignermode .ml-md-3,
  .ml-md-3 body.themedesignermode.ml-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-3::before,
  .ml-md-3 body.behat-site.ml-md-3::before, body.themedesignermode .ml-md-3::before,
  .ml-md-3 body.themedesignermode.ml-md-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-md-4,
  .mr-md-4 body.behat-site.mr-md-4, body.themedesignermode .mr-md-4,
  .mr-md-4 body.themedesignermode.mr-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-4::before,
  .mr-md-4 body.behat-site.mr-md-4::before, body.themedesignermode .mr-md-4::before,
  .mr-md-4 body.themedesignermode.mr-md-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-md-4,
  .ml-md-4 body.behat-site.ml-md-4, body.themedesignermode .ml-md-4,
  .ml-md-4 body.themedesignermode.ml-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-4::before,
  .ml-md-4 body.behat-site.ml-md-4::before, body.themedesignermode .ml-md-4::before,
  .ml-md-4 body.themedesignermode.ml-md-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-md-5,
  .mr-md-5 body.behat-site.mr-md-5, body.themedesignermode .mr-md-5,
  .mr-md-5 body.themedesignermode.mr-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-5::before,
  .mr-md-5 body.behat-site.mr-md-5::before, body.themedesignermode .mr-md-5::before,
  .mr-md-5 body.themedesignermode.mr-md-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-md-5,
  .ml-md-5 body.behat-site.ml-md-5, body.themedesignermode .ml-md-5,
  .ml-md-5 body.themedesignermode.ml-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-5::before,
  .ml-md-5 body.behat-site.ml-md-5::before, body.themedesignermode .ml-md-5::before,
  .ml-md-5 body.themedesignermode.ml-md-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-md-6,
  .mr-md-6 body.behat-site.mr-md-6, body.themedesignermode .mr-md-6,
  .mr-md-6 body.themedesignermode.mr-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-6::before,
  .mr-md-6 body.behat-site.mr-md-6::before, body.themedesignermode .mr-md-6::before,
  .mr-md-6 body.themedesignermode.mr-md-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-md-6,
  .ml-md-6 body.behat-site.ml-md-6, body.themedesignermode .ml-md-6,
  .ml-md-6 body.themedesignermode.ml-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-6::before,
  .ml-md-6 body.behat-site.ml-md-6::before, body.themedesignermode .ml-md-6::before,
  .ml-md-6 body.themedesignermode.ml-md-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-md-0,
  .pr-md-0 body.behat-site.pr-md-0, body.themedesignermode .pr-md-0,
  .pr-md-0 body.themedesignermode.pr-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-0::before,
  .pr-md-0 body.behat-site.pr-md-0::before, body.themedesignermode .pr-md-0::before,
  .pr-md-0 body.themedesignermode.pr-md-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-md-0,
  .pl-md-0 body.behat-site.pl-md-0, body.themedesignermode .pl-md-0,
  .pl-md-0 body.themedesignermode.pl-md-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-0::before,
  .pl-md-0 body.behat-site.pl-md-0::before, body.themedesignermode .pl-md-0::before,
  .pl-md-0 body.themedesignermode.pl-md-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-md-1,
  .pr-md-1 body.behat-site.pr-md-1, body.themedesignermode .pr-md-1,
  .pr-md-1 body.themedesignermode.pr-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-1::before,
  .pr-md-1 body.behat-site.pr-md-1::before, body.themedesignermode .pr-md-1::before,
  .pr-md-1 body.themedesignermode.pr-md-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-md-1,
  .pl-md-1 body.behat-site.pl-md-1, body.themedesignermode .pl-md-1,
  .pl-md-1 body.themedesignermode.pl-md-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-1::before,
  .pl-md-1 body.behat-site.pl-md-1::before, body.themedesignermode .pl-md-1::before,
  .pl-md-1 body.themedesignermode.pl-md-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-md-2,
  .pr-md-2 body.behat-site.pr-md-2, body.themedesignermode .pr-md-2,
  .pr-md-2 body.themedesignermode.pr-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-2::before,
  .pr-md-2 body.behat-site.pr-md-2::before, body.themedesignermode .pr-md-2::before,
  .pr-md-2 body.themedesignermode.pr-md-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-md-2,
  .pl-md-2 body.behat-site.pl-md-2, body.themedesignermode .pl-md-2,
  .pl-md-2 body.themedesignermode.pl-md-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-2::before,
  .pl-md-2 body.behat-site.pl-md-2::before, body.themedesignermode .pl-md-2::before,
  .pl-md-2 body.themedesignermode.pl-md-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-md-3,
  .pr-md-3 body.behat-site.pr-md-3, body.themedesignermode .pr-md-3,
  .pr-md-3 body.themedesignermode.pr-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-3::before,
  .pr-md-3 body.behat-site.pr-md-3::before, body.themedesignermode .pr-md-3::before,
  .pr-md-3 body.themedesignermode.pr-md-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-md-3,
  .pl-md-3 body.behat-site.pl-md-3, body.themedesignermode .pl-md-3,
  .pl-md-3 body.themedesignermode.pl-md-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-3::before,
  .pl-md-3 body.behat-site.pl-md-3::before, body.themedesignermode .pl-md-3::before,
  .pl-md-3 body.themedesignermode.pl-md-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-md-4,
  .pr-md-4 body.behat-site.pr-md-4, body.themedesignermode .pr-md-4,
  .pr-md-4 body.themedesignermode.pr-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-4::before,
  .pr-md-4 body.behat-site.pr-md-4::before, body.themedesignermode .pr-md-4::before,
  .pr-md-4 body.themedesignermode.pr-md-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-md-4,
  .pl-md-4 body.behat-site.pl-md-4, body.themedesignermode .pl-md-4,
  .pl-md-4 body.themedesignermode.pl-md-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-4::before,
  .pl-md-4 body.behat-site.pl-md-4::before, body.themedesignermode .pl-md-4::before,
  .pl-md-4 body.themedesignermode.pl-md-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-md-5,
  .pr-md-5 body.behat-site.pr-md-5, body.themedesignermode .pr-md-5,
  .pr-md-5 body.themedesignermode.pr-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-5::before,
  .pr-md-5 body.behat-site.pr-md-5::before, body.themedesignermode .pr-md-5::before,
  .pr-md-5 body.themedesignermode.pr-md-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-md-5,
  .pl-md-5 body.behat-site.pl-md-5, body.themedesignermode .pl-md-5,
  .pl-md-5 body.themedesignermode.pl-md-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-5::before,
  .pl-md-5 body.behat-site.pl-md-5::before, body.themedesignermode .pl-md-5::before,
  .pl-md-5 body.themedesignermode.pl-md-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-md-6,
  .pr-md-6 body.behat-site.pr-md-6, body.themedesignermode .pr-md-6,
  .pr-md-6 body.themedesignermode.pr-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-md-6::before,
  .pr-md-6 body.behat-site.pr-md-6::before, body.themedesignermode .pr-md-6::before,
  .pr-md-6 body.themedesignermode.pr-md-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-md-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-md-6,
  .pl-md-6 body.behat-site.pl-md-6, body.themedesignermode .pl-md-6,
  .pl-md-6 body.themedesignermode.pl-md-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-md-6::before,
  .pl-md-6 body.behat-site.pl-md-6::before, body.themedesignermode .pl-md-6::before,
  .pl-md-6 body.themedesignermode.pl-md-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-md-n1,
  .mr-md-n1 body.behat-site.mr-md-n1, body.themedesignermode .mr-md-n1,
  .mr-md-n1 body.themedesignermode.mr-md-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n1::before,
  .mr-md-n1 body.behat-site.mr-md-n1::before, body.themedesignermode .mr-md-n1::before,
  .mr-md-n1 body.themedesignermode.mr-md-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-md-n1,
  .ml-md-n1 body.behat-site.ml-md-n1, body.themedesignermode .ml-md-n1,
  .ml-md-n1 body.themedesignermode.ml-md-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n1::before,
  .ml-md-n1 body.behat-site.ml-md-n1::before, body.themedesignermode .ml-md-n1::before,
  .ml-md-n1 body.themedesignermode.ml-md-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-md-n2,
  .mr-md-n2 body.behat-site.mr-md-n2, body.themedesignermode .mr-md-n2,
  .mr-md-n2 body.themedesignermode.mr-md-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n2::before,
  .mr-md-n2 body.behat-site.mr-md-n2::before, body.themedesignermode .mr-md-n2::before,
  .mr-md-n2 body.themedesignermode.mr-md-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-md-n2,
  .ml-md-n2 body.behat-site.ml-md-n2, body.themedesignermode .ml-md-n2,
  .ml-md-n2 body.themedesignermode.ml-md-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n2::before,
  .ml-md-n2 body.behat-site.ml-md-n2::before, body.themedesignermode .ml-md-n2::before,
  .ml-md-n2 body.themedesignermode.ml-md-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-md-n3,
  .mr-md-n3 body.behat-site.mr-md-n3, body.themedesignermode .mr-md-n3,
  .mr-md-n3 body.themedesignermode.mr-md-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n3::before,
  .mr-md-n3 body.behat-site.mr-md-n3::before, body.themedesignermode .mr-md-n3::before,
  .mr-md-n3 body.themedesignermode.mr-md-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-md-n3,
  .ml-md-n3 body.behat-site.ml-md-n3, body.themedesignermode .ml-md-n3,
  .ml-md-n3 body.themedesignermode.ml-md-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n3::before,
  .ml-md-n3 body.behat-site.ml-md-n3::before, body.themedesignermode .ml-md-n3::before,
  .ml-md-n3 body.themedesignermode.ml-md-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-md-n4,
  .mr-md-n4 body.behat-site.mr-md-n4, body.themedesignermode .mr-md-n4,
  .mr-md-n4 body.themedesignermode.mr-md-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n4::before,
  .mr-md-n4 body.behat-site.mr-md-n4::before, body.themedesignermode .mr-md-n4::before,
  .mr-md-n4 body.themedesignermode.mr-md-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-md-n4,
  .ml-md-n4 body.behat-site.ml-md-n4, body.themedesignermode .ml-md-n4,
  .ml-md-n4 body.themedesignermode.ml-md-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n4::before,
  .ml-md-n4 body.behat-site.ml-md-n4::before, body.themedesignermode .ml-md-n4::before,
  .ml-md-n4 body.themedesignermode.ml-md-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-md-n5,
  .mr-md-n5 body.behat-site.mr-md-n5, body.themedesignermode .mr-md-n5,
  .mr-md-n5 body.themedesignermode.mr-md-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n5::before,
  .mr-md-n5 body.behat-site.mr-md-n5::before, body.themedesignermode .mr-md-n5::before,
  .mr-md-n5 body.themedesignermode.mr-md-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-md-n5,
  .ml-md-n5 body.behat-site.ml-md-n5, body.themedesignermode .ml-md-n5,
  .ml-md-n5 body.themedesignermode.ml-md-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n5::before,
  .ml-md-n5 body.behat-site.ml-md-n5::before, body.themedesignermode .ml-md-n5::before,
  .ml-md-n5 body.themedesignermode.ml-md-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-md-n6,
  .mr-md-n6 body.behat-site.mr-md-n6, body.themedesignermode .mr-md-n6,
  .mr-md-n6 body.themedesignermode.mr-md-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-n6::before,
  .mr-md-n6 body.behat-site.mr-md-n6::before, body.themedesignermode .mr-md-n6::before,
  .mr-md-n6 body.themedesignermode.mr-md-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-md-n6,
  .ml-md-n6 body.behat-site.ml-md-n6, body.themedesignermode .ml-md-n6,
  .ml-md-n6 body.themedesignermode.ml-md-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-n6::before,
  .ml-md-n6 body.behat-site.ml-md-n6::before, body.themedesignermode .ml-md-n6::before,
  .ml-md-n6 body.themedesignermode.ml-md-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-md-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-md-auto,
  .mr-md-auto body.behat-site.mr-md-auto, body.themedesignermode .mr-md-auto,
  .mr-md-auto body.themedesignermode.mr-md-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-md-auto::before,
  .mr-md-auto body.behat-site.mr-md-auto::before, body.themedesignermode .mr-md-auto::before,
  .mr-md-auto body.themedesignermode.mr-md-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-md-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-md-auto,
  .ml-md-auto body.behat-site.ml-md-auto, body.themedesignermode .ml-md-auto,
  .ml-md-auto body.themedesignermode.ml-md-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-md-auto::before,
  .ml-md-auto body.behat-site.ml-md-auto::before, body.themedesignermode .ml-md-auto::before,
  .ml-md-auto body.themedesignermode.ml-md-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-lg-0,
  .mr-lg-0 body.behat-site.mr-lg-0, body.themedesignermode .mr-lg-0,
  .mr-lg-0 body.themedesignermode.mr-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-0::before,
  .mr-lg-0 body.behat-site.mr-lg-0::before, body.themedesignermode .mr-lg-0::before,
  .mr-lg-0 body.themedesignermode.mr-lg-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-lg-0,
  .ml-lg-0 body.behat-site.ml-lg-0, body.themedesignermode .ml-lg-0,
  .ml-lg-0 body.themedesignermode.ml-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-0::before,
  .ml-lg-0 body.behat-site.ml-lg-0::before, body.themedesignermode .ml-lg-0::before,
  .ml-lg-0 body.themedesignermode.ml-lg-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-lg-1,
  .mr-lg-1 body.behat-site.mr-lg-1, body.themedesignermode .mr-lg-1,
  .mr-lg-1 body.themedesignermode.mr-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-1::before,
  .mr-lg-1 body.behat-site.mr-lg-1::before, body.themedesignermode .mr-lg-1::before,
  .mr-lg-1 body.themedesignermode.mr-lg-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-lg-1,
  .ml-lg-1 body.behat-site.ml-lg-1, body.themedesignermode .ml-lg-1,
  .ml-lg-1 body.themedesignermode.ml-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-1::before,
  .ml-lg-1 body.behat-site.ml-lg-1::before, body.themedesignermode .ml-lg-1::before,
  .ml-lg-1 body.themedesignermode.ml-lg-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-lg-2,
  .mr-lg-2 body.behat-site.mr-lg-2, body.themedesignermode .mr-lg-2,
  .mr-lg-2 body.themedesignermode.mr-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-2::before,
  .mr-lg-2 body.behat-site.mr-lg-2::before, body.themedesignermode .mr-lg-2::before,
  .mr-lg-2 body.themedesignermode.mr-lg-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-lg-2,
  .ml-lg-2 body.behat-site.ml-lg-2, body.themedesignermode .ml-lg-2,
  .ml-lg-2 body.themedesignermode.ml-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-2::before,
  .ml-lg-2 body.behat-site.ml-lg-2::before, body.themedesignermode .ml-lg-2::before,
  .ml-lg-2 body.themedesignermode.ml-lg-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-lg-3,
  .mr-lg-3 body.behat-site.mr-lg-3, body.themedesignermode .mr-lg-3,
  .mr-lg-3 body.themedesignermode.mr-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-3::before,
  .mr-lg-3 body.behat-site.mr-lg-3::before, body.themedesignermode .mr-lg-3::before,
  .mr-lg-3 body.themedesignermode.mr-lg-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-lg-3,
  .ml-lg-3 body.behat-site.ml-lg-3, body.themedesignermode .ml-lg-3,
  .ml-lg-3 body.themedesignermode.ml-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-3::before,
  .ml-lg-3 body.behat-site.ml-lg-3::before, body.themedesignermode .ml-lg-3::before,
  .ml-lg-3 body.themedesignermode.ml-lg-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-lg-4,
  .mr-lg-4 body.behat-site.mr-lg-4, body.themedesignermode .mr-lg-4,
  .mr-lg-4 body.themedesignermode.mr-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-4::before,
  .mr-lg-4 body.behat-site.mr-lg-4::before, body.themedesignermode .mr-lg-4::before,
  .mr-lg-4 body.themedesignermode.mr-lg-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-lg-4,
  .ml-lg-4 body.behat-site.ml-lg-4, body.themedesignermode .ml-lg-4,
  .ml-lg-4 body.themedesignermode.ml-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-4::before,
  .ml-lg-4 body.behat-site.ml-lg-4::before, body.themedesignermode .ml-lg-4::before,
  .ml-lg-4 body.themedesignermode.ml-lg-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-lg-5,
  .mr-lg-5 body.behat-site.mr-lg-5, body.themedesignermode .mr-lg-5,
  .mr-lg-5 body.themedesignermode.mr-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-5::before,
  .mr-lg-5 body.behat-site.mr-lg-5::before, body.themedesignermode .mr-lg-5::before,
  .mr-lg-5 body.themedesignermode.mr-lg-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-lg-5,
  .ml-lg-5 body.behat-site.ml-lg-5, body.themedesignermode .ml-lg-5,
  .ml-lg-5 body.themedesignermode.ml-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-5::before,
  .ml-lg-5 body.behat-site.ml-lg-5::before, body.themedesignermode .ml-lg-5::before,
  .ml-lg-5 body.themedesignermode.ml-lg-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-lg-6,
  .mr-lg-6 body.behat-site.mr-lg-6, body.themedesignermode .mr-lg-6,
  .mr-lg-6 body.themedesignermode.mr-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-6::before,
  .mr-lg-6 body.behat-site.mr-lg-6::before, body.themedesignermode .mr-lg-6::before,
  .mr-lg-6 body.themedesignermode.mr-lg-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-lg-6,
  .ml-lg-6 body.behat-site.ml-lg-6, body.themedesignermode .ml-lg-6,
  .ml-lg-6 body.themedesignermode.ml-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-6::before,
  .ml-lg-6 body.behat-site.ml-lg-6::before, body.themedesignermode .ml-lg-6::before,
  .ml-lg-6 body.themedesignermode.ml-lg-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-lg-0,
  .pr-lg-0 body.behat-site.pr-lg-0, body.themedesignermode .pr-lg-0,
  .pr-lg-0 body.themedesignermode.pr-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-0::before,
  .pr-lg-0 body.behat-site.pr-lg-0::before, body.themedesignermode .pr-lg-0::before,
  .pr-lg-0 body.themedesignermode.pr-lg-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-lg-0,
  .pl-lg-0 body.behat-site.pl-lg-0, body.themedesignermode .pl-lg-0,
  .pl-lg-0 body.themedesignermode.pl-lg-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-0::before,
  .pl-lg-0 body.behat-site.pl-lg-0::before, body.themedesignermode .pl-lg-0::before,
  .pl-lg-0 body.themedesignermode.pl-lg-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-lg-1,
  .pr-lg-1 body.behat-site.pr-lg-1, body.themedesignermode .pr-lg-1,
  .pr-lg-1 body.themedesignermode.pr-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-1::before,
  .pr-lg-1 body.behat-site.pr-lg-1::before, body.themedesignermode .pr-lg-1::before,
  .pr-lg-1 body.themedesignermode.pr-lg-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-lg-1,
  .pl-lg-1 body.behat-site.pl-lg-1, body.themedesignermode .pl-lg-1,
  .pl-lg-1 body.themedesignermode.pl-lg-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-1::before,
  .pl-lg-1 body.behat-site.pl-lg-1::before, body.themedesignermode .pl-lg-1::before,
  .pl-lg-1 body.themedesignermode.pl-lg-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-lg-2,
  .pr-lg-2 body.behat-site.pr-lg-2, body.themedesignermode .pr-lg-2,
  .pr-lg-2 body.themedesignermode.pr-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-2::before,
  .pr-lg-2 body.behat-site.pr-lg-2::before, body.themedesignermode .pr-lg-2::before,
  .pr-lg-2 body.themedesignermode.pr-lg-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-lg-2,
  .pl-lg-2 body.behat-site.pl-lg-2, body.themedesignermode .pl-lg-2,
  .pl-lg-2 body.themedesignermode.pl-lg-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-2::before,
  .pl-lg-2 body.behat-site.pl-lg-2::before, body.themedesignermode .pl-lg-2::before,
  .pl-lg-2 body.themedesignermode.pl-lg-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-lg-3,
  .pr-lg-3 body.behat-site.pr-lg-3, body.themedesignermode .pr-lg-3,
  .pr-lg-3 body.themedesignermode.pr-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-3::before,
  .pr-lg-3 body.behat-site.pr-lg-3::before, body.themedesignermode .pr-lg-3::before,
  .pr-lg-3 body.themedesignermode.pr-lg-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-lg-3,
  .pl-lg-3 body.behat-site.pl-lg-3, body.themedesignermode .pl-lg-3,
  .pl-lg-3 body.themedesignermode.pl-lg-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-3::before,
  .pl-lg-3 body.behat-site.pl-lg-3::before, body.themedesignermode .pl-lg-3::before,
  .pl-lg-3 body.themedesignermode.pl-lg-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-lg-4,
  .pr-lg-4 body.behat-site.pr-lg-4, body.themedesignermode .pr-lg-4,
  .pr-lg-4 body.themedesignermode.pr-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-4::before,
  .pr-lg-4 body.behat-site.pr-lg-4::before, body.themedesignermode .pr-lg-4::before,
  .pr-lg-4 body.themedesignermode.pr-lg-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-lg-4,
  .pl-lg-4 body.behat-site.pl-lg-4, body.themedesignermode .pl-lg-4,
  .pl-lg-4 body.themedesignermode.pl-lg-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-4::before,
  .pl-lg-4 body.behat-site.pl-lg-4::before, body.themedesignermode .pl-lg-4::before,
  .pl-lg-4 body.themedesignermode.pl-lg-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-lg-5,
  .pr-lg-5 body.behat-site.pr-lg-5, body.themedesignermode .pr-lg-5,
  .pr-lg-5 body.themedesignermode.pr-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-5::before,
  .pr-lg-5 body.behat-site.pr-lg-5::before, body.themedesignermode .pr-lg-5::before,
  .pr-lg-5 body.themedesignermode.pr-lg-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-lg-5,
  .pl-lg-5 body.behat-site.pl-lg-5, body.themedesignermode .pl-lg-5,
  .pl-lg-5 body.themedesignermode.pl-lg-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-5::before,
  .pl-lg-5 body.behat-site.pl-lg-5::before, body.themedesignermode .pl-lg-5::before,
  .pl-lg-5 body.themedesignermode.pl-lg-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-lg-6,
  .pr-lg-6 body.behat-site.pr-lg-6, body.themedesignermode .pr-lg-6,
  .pr-lg-6 body.themedesignermode.pr-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-lg-6::before,
  .pr-lg-6 body.behat-site.pr-lg-6::before, body.themedesignermode .pr-lg-6::before,
  .pr-lg-6 body.themedesignermode.pr-lg-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-lg-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-lg-6,
  .pl-lg-6 body.behat-site.pl-lg-6, body.themedesignermode .pl-lg-6,
  .pl-lg-6 body.themedesignermode.pl-lg-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-lg-6::before,
  .pl-lg-6 body.behat-site.pl-lg-6::before, body.themedesignermode .pl-lg-6::before,
  .pl-lg-6 body.themedesignermode.pl-lg-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-lg-n1,
  .mr-lg-n1 body.behat-site.mr-lg-n1, body.themedesignermode .mr-lg-n1,
  .mr-lg-n1 body.themedesignermode.mr-lg-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n1::before,
  .mr-lg-n1 body.behat-site.mr-lg-n1::before, body.themedesignermode .mr-lg-n1::before,
  .mr-lg-n1 body.themedesignermode.mr-lg-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-lg-n1,
  .ml-lg-n1 body.behat-site.ml-lg-n1, body.themedesignermode .ml-lg-n1,
  .ml-lg-n1 body.themedesignermode.ml-lg-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n1::before,
  .ml-lg-n1 body.behat-site.ml-lg-n1::before, body.themedesignermode .ml-lg-n1::before,
  .ml-lg-n1 body.themedesignermode.ml-lg-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-lg-n2,
  .mr-lg-n2 body.behat-site.mr-lg-n2, body.themedesignermode .mr-lg-n2,
  .mr-lg-n2 body.themedesignermode.mr-lg-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n2::before,
  .mr-lg-n2 body.behat-site.mr-lg-n2::before, body.themedesignermode .mr-lg-n2::before,
  .mr-lg-n2 body.themedesignermode.mr-lg-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-lg-n2,
  .ml-lg-n2 body.behat-site.ml-lg-n2, body.themedesignermode .ml-lg-n2,
  .ml-lg-n2 body.themedesignermode.ml-lg-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n2::before,
  .ml-lg-n2 body.behat-site.ml-lg-n2::before, body.themedesignermode .ml-lg-n2::before,
  .ml-lg-n2 body.themedesignermode.ml-lg-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-lg-n3,
  .mr-lg-n3 body.behat-site.mr-lg-n3, body.themedesignermode .mr-lg-n3,
  .mr-lg-n3 body.themedesignermode.mr-lg-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n3::before,
  .mr-lg-n3 body.behat-site.mr-lg-n3::before, body.themedesignermode .mr-lg-n3::before,
  .mr-lg-n3 body.themedesignermode.mr-lg-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-lg-n3,
  .ml-lg-n3 body.behat-site.ml-lg-n3, body.themedesignermode .ml-lg-n3,
  .ml-lg-n3 body.themedesignermode.ml-lg-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n3::before,
  .ml-lg-n3 body.behat-site.ml-lg-n3::before, body.themedesignermode .ml-lg-n3::before,
  .ml-lg-n3 body.themedesignermode.ml-lg-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-lg-n4,
  .mr-lg-n4 body.behat-site.mr-lg-n4, body.themedesignermode .mr-lg-n4,
  .mr-lg-n4 body.themedesignermode.mr-lg-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n4::before,
  .mr-lg-n4 body.behat-site.mr-lg-n4::before, body.themedesignermode .mr-lg-n4::before,
  .mr-lg-n4 body.themedesignermode.mr-lg-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-lg-n4,
  .ml-lg-n4 body.behat-site.ml-lg-n4, body.themedesignermode .ml-lg-n4,
  .ml-lg-n4 body.themedesignermode.ml-lg-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n4::before,
  .ml-lg-n4 body.behat-site.ml-lg-n4::before, body.themedesignermode .ml-lg-n4::before,
  .ml-lg-n4 body.themedesignermode.ml-lg-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-lg-n5,
  .mr-lg-n5 body.behat-site.mr-lg-n5, body.themedesignermode .mr-lg-n5,
  .mr-lg-n5 body.themedesignermode.mr-lg-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n5::before,
  .mr-lg-n5 body.behat-site.mr-lg-n5::before, body.themedesignermode .mr-lg-n5::before,
  .mr-lg-n5 body.themedesignermode.mr-lg-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-lg-n5,
  .ml-lg-n5 body.behat-site.ml-lg-n5, body.themedesignermode .ml-lg-n5,
  .ml-lg-n5 body.themedesignermode.ml-lg-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n5::before,
  .ml-lg-n5 body.behat-site.ml-lg-n5::before, body.themedesignermode .ml-lg-n5::before,
  .ml-lg-n5 body.themedesignermode.ml-lg-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-lg-n6,
  .mr-lg-n6 body.behat-site.mr-lg-n6, body.themedesignermode .mr-lg-n6,
  .mr-lg-n6 body.themedesignermode.mr-lg-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-n6::before,
  .mr-lg-n6 body.behat-site.mr-lg-n6::before, body.themedesignermode .mr-lg-n6::before,
  .mr-lg-n6 body.themedesignermode.mr-lg-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-lg-n6,
  .ml-lg-n6 body.behat-site.ml-lg-n6, body.themedesignermode .ml-lg-n6,
  .ml-lg-n6 body.themedesignermode.ml-lg-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-n6::before,
  .ml-lg-n6 body.behat-site.ml-lg-n6::before, body.themedesignermode .ml-lg-n6::before,
  .ml-lg-n6 body.themedesignermode.ml-lg-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-lg-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-lg-auto,
  .mr-lg-auto body.behat-site.mr-lg-auto, body.themedesignermode .mr-lg-auto,
  .mr-lg-auto body.themedesignermode.mr-lg-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-lg-auto::before,
  .mr-lg-auto body.behat-site.mr-lg-auto::before, body.themedesignermode .mr-lg-auto::before,
  .mr-lg-auto body.themedesignermode.mr-lg-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-lg-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-lg-auto,
  .ml-lg-auto body.behat-site.ml-lg-auto, body.themedesignermode .ml-lg-auto,
  .ml-lg-auto body.themedesignermode.ml-lg-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-lg-auto::before,
  .ml-lg-auto body.behat-site.ml-lg-auto::before, body.themedesignermode .ml-lg-auto::before,
  .ml-lg-auto body.themedesignermode.ml-lg-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-xl-0,
  .mr-xl-0 body.behat-site.mr-xl-0, body.themedesignermode .mr-xl-0,
  .mr-xl-0 body.themedesignermode.mr-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-0::before,
  .mr-xl-0 body.behat-site.mr-xl-0::before, body.themedesignermode .mr-xl-0::before,
  .mr-xl-0 body.themedesignermode.mr-xl-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-xl-0,
  .ml-xl-0 body.behat-site.ml-xl-0, body.themedesignermode .ml-xl-0,
  .ml-xl-0 body.themedesignermode.ml-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-0::before,
  .ml-xl-0 body.behat-site.ml-xl-0::before, body.themedesignermode .ml-xl-0::before,
  .ml-xl-0 body.themedesignermode.ml-xl-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-xl-1,
  .mr-xl-1 body.behat-site.mr-xl-1, body.themedesignermode .mr-xl-1,
  .mr-xl-1 body.themedesignermode.mr-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-1::before,
  .mr-xl-1 body.behat-site.mr-xl-1::before, body.themedesignermode .mr-xl-1::before,
  .mr-xl-1 body.themedesignermode.mr-xl-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-xl-1,
  .ml-xl-1 body.behat-site.ml-xl-1, body.themedesignermode .ml-xl-1,
  .ml-xl-1 body.themedesignermode.ml-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-1::before,
  .ml-xl-1 body.behat-site.ml-xl-1::before, body.themedesignermode .ml-xl-1::before,
  .ml-xl-1 body.themedesignermode.ml-xl-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-xl-2,
  .mr-xl-2 body.behat-site.mr-xl-2, body.themedesignermode .mr-xl-2,
  .mr-xl-2 body.themedesignermode.mr-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-2::before,
  .mr-xl-2 body.behat-site.mr-xl-2::before, body.themedesignermode .mr-xl-2::before,
  .mr-xl-2 body.themedesignermode.mr-xl-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-xl-2,
  .ml-xl-2 body.behat-site.ml-xl-2, body.themedesignermode .ml-xl-2,
  .ml-xl-2 body.themedesignermode.ml-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-2::before,
  .ml-xl-2 body.behat-site.ml-xl-2::before, body.themedesignermode .ml-xl-2::before,
  .ml-xl-2 body.themedesignermode.ml-xl-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-xl-3,
  .mr-xl-3 body.behat-site.mr-xl-3, body.themedesignermode .mr-xl-3,
  .mr-xl-3 body.themedesignermode.mr-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-3::before,
  .mr-xl-3 body.behat-site.mr-xl-3::before, body.themedesignermode .mr-xl-3::before,
  .mr-xl-3 body.themedesignermode.mr-xl-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-xl-3,
  .ml-xl-3 body.behat-site.ml-xl-3, body.themedesignermode .ml-xl-3,
  .ml-xl-3 body.themedesignermode.ml-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-3::before,
  .ml-xl-3 body.behat-site.ml-xl-3::before, body.themedesignermode .ml-xl-3::before,
  .ml-xl-3 body.themedesignermode.ml-xl-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-xl-4,
  .mr-xl-4 body.behat-site.mr-xl-4, body.themedesignermode .mr-xl-4,
  .mr-xl-4 body.themedesignermode.mr-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-4::before,
  .mr-xl-4 body.behat-site.mr-xl-4::before, body.themedesignermode .mr-xl-4::before,
  .mr-xl-4 body.themedesignermode.mr-xl-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-xl-4,
  .ml-xl-4 body.behat-site.ml-xl-4, body.themedesignermode .ml-xl-4,
  .ml-xl-4 body.themedesignermode.ml-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-4::before,
  .ml-xl-4 body.behat-site.ml-xl-4::before, body.themedesignermode .ml-xl-4::before,
  .ml-xl-4 body.themedesignermode.ml-xl-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-xl-5,
  .mr-xl-5 body.behat-site.mr-xl-5, body.themedesignermode .mr-xl-5,
  .mr-xl-5 body.themedesignermode.mr-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-5::before,
  .mr-xl-5 body.behat-site.mr-xl-5::before, body.themedesignermode .mr-xl-5::before,
  .mr-xl-5 body.themedesignermode.mr-xl-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-xl-5,
  .ml-xl-5 body.behat-site.ml-xl-5, body.themedesignermode .ml-xl-5,
  .ml-xl-5 body.themedesignermode.ml-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-5::before,
  .ml-xl-5 body.behat-site.ml-xl-5::before, body.themedesignermode .ml-xl-5::before,
  .ml-xl-5 body.themedesignermode.ml-xl-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-xl-6,
  .mr-xl-6 body.behat-site.mr-xl-6, body.themedesignermode .mr-xl-6,
  .mr-xl-6 body.themedesignermode.mr-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-6::before,
  .mr-xl-6 body.behat-site.mr-xl-6::before, body.themedesignermode .mr-xl-6::before,
  .mr-xl-6 body.themedesignermode.mr-xl-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-xl-6,
  .ml-xl-6 body.behat-site.ml-xl-6, body.themedesignermode .ml-xl-6,
  .ml-xl-6 body.themedesignermode.ml-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-6::before,
  .ml-xl-6 body.behat-site.ml-xl-6::before, body.themedesignermode .ml-xl-6::before,
  .ml-xl-6 body.themedesignermode.ml-xl-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-xl-0,
  .pr-xl-0 body.behat-site.pr-xl-0, body.themedesignermode .pr-xl-0,
  .pr-xl-0 body.themedesignermode.pr-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-0::before,
  .pr-xl-0 body.behat-site.pr-xl-0::before, body.themedesignermode .pr-xl-0::before,
  .pr-xl-0 body.themedesignermode.pr-xl-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-xl-0,
  .pl-xl-0 body.behat-site.pl-xl-0, body.themedesignermode .pl-xl-0,
  .pl-xl-0 body.themedesignermode.pl-xl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-0::before,
  .pl-xl-0 body.behat-site.pl-xl-0::before, body.themedesignermode .pl-xl-0::before,
  .pl-xl-0 body.themedesignermode.pl-xl-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-xl-1,
  .pr-xl-1 body.behat-site.pr-xl-1, body.themedesignermode .pr-xl-1,
  .pr-xl-1 body.themedesignermode.pr-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-1::before,
  .pr-xl-1 body.behat-site.pr-xl-1::before, body.themedesignermode .pr-xl-1::before,
  .pr-xl-1 body.themedesignermode.pr-xl-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-xl-1,
  .pl-xl-1 body.behat-site.pl-xl-1, body.themedesignermode .pl-xl-1,
  .pl-xl-1 body.themedesignermode.pl-xl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-1::before,
  .pl-xl-1 body.behat-site.pl-xl-1::before, body.themedesignermode .pl-xl-1::before,
  .pl-xl-1 body.themedesignermode.pl-xl-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-xl-2,
  .pr-xl-2 body.behat-site.pr-xl-2, body.themedesignermode .pr-xl-2,
  .pr-xl-2 body.themedesignermode.pr-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-2::before,
  .pr-xl-2 body.behat-site.pr-xl-2::before, body.themedesignermode .pr-xl-2::before,
  .pr-xl-2 body.themedesignermode.pr-xl-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-xl-2,
  .pl-xl-2 body.behat-site.pl-xl-2, body.themedesignermode .pl-xl-2,
  .pl-xl-2 body.themedesignermode.pl-xl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-2::before,
  .pl-xl-2 body.behat-site.pl-xl-2::before, body.themedesignermode .pl-xl-2::before,
  .pl-xl-2 body.themedesignermode.pl-xl-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-xl-3,
  .pr-xl-3 body.behat-site.pr-xl-3, body.themedesignermode .pr-xl-3,
  .pr-xl-3 body.themedesignermode.pr-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-3::before,
  .pr-xl-3 body.behat-site.pr-xl-3::before, body.themedesignermode .pr-xl-3::before,
  .pr-xl-3 body.themedesignermode.pr-xl-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-xl-3,
  .pl-xl-3 body.behat-site.pl-xl-3, body.themedesignermode .pl-xl-3,
  .pl-xl-3 body.themedesignermode.pl-xl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-3::before,
  .pl-xl-3 body.behat-site.pl-xl-3::before, body.themedesignermode .pl-xl-3::before,
  .pl-xl-3 body.themedesignermode.pl-xl-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-xl-4,
  .pr-xl-4 body.behat-site.pr-xl-4, body.themedesignermode .pr-xl-4,
  .pr-xl-4 body.themedesignermode.pr-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-4::before,
  .pr-xl-4 body.behat-site.pr-xl-4::before, body.themedesignermode .pr-xl-4::before,
  .pr-xl-4 body.themedesignermode.pr-xl-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-xl-4,
  .pl-xl-4 body.behat-site.pl-xl-4, body.themedesignermode .pl-xl-4,
  .pl-xl-4 body.themedesignermode.pl-xl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-4::before,
  .pl-xl-4 body.behat-site.pl-xl-4::before, body.themedesignermode .pl-xl-4::before,
  .pl-xl-4 body.themedesignermode.pl-xl-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-xl-5,
  .pr-xl-5 body.behat-site.pr-xl-5, body.themedesignermode .pr-xl-5,
  .pr-xl-5 body.themedesignermode.pr-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-5::before,
  .pr-xl-5 body.behat-site.pr-xl-5::before, body.themedesignermode .pr-xl-5::before,
  .pr-xl-5 body.themedesignermode.pr-xl-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-xl-5,
  .pl-xl-5 body.behat-site.pl-xl-5, body.themedesignermode .pl-xl-5,
  .pl-xl-5 body.themedesignermode.pl-xl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-5::before,
  .pl-xl-5 body.behat-site.pl-xl-5::before, body.themedesignermode .pl-xl-5::before,
  .pl-xl-5 body.themedesignermode.pl-xl-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-xl-6,
  .pr-xl-6 body.behat-site.pr-xl-6, body.themedesignermode .pr-xl-6,
  .pr-xl-6 body.themedesignermode.pr-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xl-6::before,
  .pr-xl-6 body.behat-site.pr-xl-6::before, body.themedesignermode .pr-xl-6::before,
  .pr-xl-6 body.themedesignermode.pr-xl-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-xl-6,
  .pl-xl-6 body.behat-site.pl-xl-6, body.themedesignermode .pl-xl-6,
  .pl-xl-6 body.themedesignermode.pl-xl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xl-6::before,
  .pl-xl-6 body.behat-site.pl-xl-6::before, body.themedesignermode .pl-xl-6::before,
  .pl-xl-6 body.themedesignermode.pl-xl-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-xl-n1,
  .mr-xl-n1 body.behat-site.mr-xl-n1, body.themedesignermode .mr-xl-n1,
  .mr-xl-n1 body.themedesignermode.mr-xl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n1::before,
  .mr-xl-n1 body.behat-site.mr-xl-n1::before, body.themedesignermode .mr-xl-n1::before,
  .mr-xl-n1 body.themedesignermode.mr-xl-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-xl-n1,
  .ml-xl-n1 body.behat-site.ml-xl-n1, body.themedesignermode .ml-xl-n1,
  .ml-xl-n1 body.themedesignermode.ml-xl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n1::before,
  .ml-xl-n1 body.behat-site.ml-xl-n1::before, body.themedesignermode .ml-xl-n1::before,
  .ml-xl-n1 body.themedesignermode.ml-xl-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-xl-n2,
  .mr-xl-n2 body.behat-site.mr-xl-n2, body.themedesignermode .mr-xl-n2,
  .mr-xl-n2 body.themedesignermode.mr-xl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n2::before,
  .mr-xl-n2 body.behat-site.mr-xl-n2::before, body.themedesignermode .mr-xl-n2::before,
  .mr-xl-n2 body.themedesignermode.mr-xl-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-xl-n2,
  .ml-xl-n2 body.behat-site.ml-xl-n2, body.themedesignermode .ml-xl-n2,
  .ml-xl-n2 body.themedesignermode.ml-xl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n2::before,
  .ml-xl-n2 body.behat-site.ml-xl-n2::before, body.themedesignermode .ml-xl-n2::before,
  .ml-xl-n2 body.themedesignermode.ml-xl-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-xl-n3,
  .mr-xl-n3 body.behat-site.mr-xl-n3, body.themedesignermode .mr-xl-n3,
  .mr-xl-n3 body.themedesignermode.mr-xl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n3::before,
  .mr-xl-n3 body.behat-site.mr-xl-n3::before, body.themedesignermode .mr-xl-n3::before,
  .mr-xl-n3 body.themedesignermode.mr-xl-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-xl-n3,
  .ml-xl-n3 body.behat-site.ml-xl-n3, body.themedesignermode .ml-xl-n3,
  .ml-xl-n3 body.themedesignermode.ml-xl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n3::before,
  .ml-xl-n3 body.behat-site.ml-xl-n3::before, body.themedesignermode .ml-xl-n3::before,
  .ml-xl-n3 body.themedesignermode.ml-xl-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-xl-n4,
  .mr-xl-n4 body.behat-site.mr-xl-n4, body.themedesignermode .mr-xl-n4,
  .mr-xl-n4 body.themedesignermode.mr-xl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n4::before,
  .mr-xl-n4 body.behat-site.mr-xl-n4::before, body.themedesignermode .mr-xl-n4::before,
  .mr-xl-n4 body.themedesignermode.mr-xl-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-xl-n4,
  .ml-xl-n4 body.behat-site.ml-xl-n4, body.themedesignermode .ml-xl-n4,
  .ml-xl-n4 body.themedesignermode.ml-xl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n4::before,
  .ml-xl-n4 body.behat-site.ml-xl-n4::before, body.themedesignermode .ml-xl-n4::before,
  .ml-xl-n4 body.themedesignermode.ml-xl-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-xl-n5,
  .mr-xl-n5 body.behat-site.mr-xl-n5, body.themedesignermode .mr-xl-n5,
  .mr-xl-n5 body.themedesignermode.mr-xl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n5::before,
  .mr-xl-n5 body.behat-site.mr-xl-n5::before, body.themedesignermode .mr-xl-n5::before,
  .mr-xl-n5 body.themedesignermode.mr-xl-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-xl-n5,
  .ml-xl-n5 body.behat-site.ml-xl-n5, body.themedesignermode .ml-xl-n5,
  .ml-xl-n5 body.themedesignermode.ml-xl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n5::before,
  .ml-xl-n5 body.behat-site.ml-xl-n5::before, body.themedesignermode .ml-xl-n5::before,
  .ml-xl-n5 body.themedesignermode.ml-xl-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-xl-n6,
  .mr-xl-n6 body.behat-site.mr-xl-n6, body.themedesignermode .mr-xl-n6,
  .mr-xl-n6 body.themedesignermode.mr-xl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-n6::before,
  .mr-xl-n6 body.behat-site.mr-xl-n6::before, body.themedesignermode .mr-xl-n6::before,
  .mr-xl-n6 body.themedesignermode.mr-xl-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-xl-n6,
  .ml-xl-n6 body.behat-site.ml-xl-n6, body.themedesignermode .ml-xl-n6,
  .ml-xl-n6 body.themedesignermode.ml-xl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-n6::before,
  .ml-xl-n6 body.behat-site.ml-xl-n6::before, body.themedesignermode .ml-xl-n6::before,
  .ml-xl-n6 body.themedesignermode.ml-xl-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-xl-auto,
  .mr-xl-auto body.behat-site.mr-xl-auto, body.themedesignermode .mr-xl-auto,
  .mr-xl-auto body.themedesignermode.mr-xl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xl-auto::before,
  .mr-xl-auto body.behat-site.mr-xl-auto::before, body.themedesignermode .mr-xl-auto::before,
  .mr-xl-auto body.themedesignermode.mr-xl-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-xl-auto,
  .ml-xl-auto body.behat-site.ml-xl-auto, body.themedesignermode .ml-xl-auto,
  .ml-xl-auto body.themedesignermode.ml-xl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xl-auto::before,
  .ml-xl-auto body.behat-site.ml-xl-auto::before, body.themedesignermode .ml-xl-auto::before,
  .ml-xl-auto body.themedesignermode.ml-xl-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0 !important;
  }
  body.behat-site .mr-xxl-0,
  .mr-xxl-0 body.behat-site.mr-xxl-0, body.themedesignermode .mr-xxl-0,
  .mr-xxl-0 body.themedesignermode.mr-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-0::before,
  .mr-xxl-0 body.behat-site.mr-xxl-0::before, body.themedesignermode .mr-xxl-0::before,
  .mr-xxl-0 body.themedesignermode.mr-xxl-0::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0 !important;
  }
  body.behat-site .ml-xxl-0,
  .ml-xxl-0 body.behat-site.ml-xxl-0, body.themedesignermode .ml-xxl-0,
  .ml-xxl-0 body.themedesignermode.ml-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-0::before,
  .ml-xxl-0 body.behat-site.ml-xxl-0::before, body.themedesignermode .ml-xxl-0::before,
  .ml-xxl-0 body.themedesignermode.ml-xxl-0::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.25rem !important;
  }
  body.behat-site .mr-xxl-1,
  .mr-xxl-1 body.behat-site.mr-xxl-1, body.themedesignermode .mr-xxl-1,
  .mr-xxl-1 body.themedesignermode.mr-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-1::before,
  .mr-xxl-1 body.behat-site.mr-xxl-1::before, body.themedesignermode .mr-xxl-1::before,
  .mr-xxl-1 body.themedesignermode.mr-xxl-1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.25rem !important;
  }
  body.behat-site .ml-xxl-1,
  .ml-xxl-1 body.behat-site.ml-xxl-1, body.themedesignermode .ml-xxl-1,
  .ml-xxl-1 body.themedesignermode.ml-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-1::before,
  .ml-xxl-1 body.behat-site.ml-xxl-1::before, body.themedesignermode .ml-xxl-1::before,
  .ml-xxl-1 body.themedesignermode.ml-xxl-1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 0.5rem !important;
  }
  body.behat-site .mr-xxl-2,
  .mr-xxl-2 body.behat-site.mr-xxl-2, body.themedesignermode .mr-xxl-2,
  .mr-xxl-2 body.themedesignermode.mr-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-2::before,
  .mr-xxl-2 body.behat-site.mr-xxl-2::before, body.themedesignermode .mr-xxl-2::before,
  .mr-xxl-2 body.themedesignermode.mr-xxl-2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 0.5rem !important;
  }
  body.behat-site .ml-xxl-2,
  .ml-xxl-2 body.behat-site.ml-xxl-2, body.themedesignermode .ml-xxl-2,
  .ml-xxl-2 body.themedesignermode.ml-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-2::before,
  .ml-xxl-2 body.behat-site.ml-xxl-2::before, body.themedesignermode .ml-xxl-2::before,
  .ml-xxl-2 body.themedesignermode.ml-xxl-2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1rem !important;
  }
  body.behat-site .mr-xxl-3,
  .mr-xxl-3 body.behat-site.mr-xxl-3, body.themedesignermode .mr-xxl-3,
  .mr-xxl-3 body.themedesignermode.mr-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-3::before,
  .mr-xxl-3 body.behat-site.mr-xxl-3::before, body.themedesignermode .mr-xxl-3::before,
  .mr-xxl-3 body.themedesignermode.mr-xxl-3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1rem !important;
  }
  body.behat-site .ml-xxl-3,
  .ml-xxl-3 body.behat-site.ml-xxl-3, body.themedesignermode .ml-xxl-3,
  .ml-xxl-3 body.themedesignermode.ml-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-3::before,
  .ml-xxl-3 body.behat-site.ml-xxl-3::before, body.themedesignermode .ml-xxl-3::before,
  .ml-xxl-3 body.themedesignermode.ml-xxl-3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 1.5rem !important;
  }
  body.behat-site .mr-xxl-4,
  .mr-xxl-4 body.behat-site.mr-xxl-4, body.themedesignermode .mr-xxl-4,
  .mr-xxl-4 body.themedesignermode.mr-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-4::before,
  .mr-xxl-4 body.behat-site.mr-xxl-4::before, body.themedesignermode .mr-xxl-4::before,
  .mr-xxl-4 body.themedesignermode.mr-xxl-4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 1.5rem !important;
  }
  body.behat-site .ml-xxl-4,
  .ml-xxl-4 body.behat-site.ml-xxl-4, body.themedesignermode .ml-xxl-4,
  .ml-xxl-4 body.themedesignermode.ml-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-4::before,
  .ml-xxl-4 body.behat-site.ml-xxl-4::before, body.themedesignermode .ml-xxl-4::before,
  .ml-xxl-4 body.themedesignermode.ml-xxl-4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 2rem !important;
  }
  body.behat-site .mr-xxl-5,
  .mr-xxl-5 body.behat-site.mr-xxl-5, body.themedesignermode .mr-xxl-5,
  .mr-xxl-5 body.themedesignermode.mr-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-5::before,
  .mr-xxl-5 body.behat-site.mr-xxl-5::before, body.themedesignermode .mr-xxl-5::before,
  .mr-xxl-5 body.themedesignermode.mr-xxl-5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 2rem !important;
  }
  body.behat-site .ml-xxl-5,
  .ml-xxl-5 body.behat-site.ml-xxl-5, body.themedesignermode .ml-xxl-5,
  .ml-xxl-5 body.themedesignermode.ml-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-5::before,
  .ml-xxl-5 body.behat-site.ml-xxl-5::before, body.themedesignermode .ml-xxl-5::before,
  .ml-xxl-5 body.themedesignermode.ml-xxl-5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: 3rem !important;
  }
  body.behat-site .mr-xxl-6,
  .mr-xxl-6 body.behat-site.mr-xxl-6, body.themedesignermode .mr-xxl-6,
  .mr-xxl-6 body.themedesignermode.mr-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-6::before,
  .mr-xxl-6 body.behat-site.mr-xxl-6::before, body.themedesignermode .mr-xxl-6::before,
  .mr-xxl-6 body.themedesignermode.mr-xxl-6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: 3rem !important;
  }
  body.behat-site .ml-xxl-6,
  .ml-xxl-6 body.behat-site.ml-xxl-6, body.themedesignermode .ml-xxl-6,
  .ml-xxl-6 body.themedesignermode.ml-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-6::before,
  .ml-xxl-6 body.behat-site.ml-xxl-6::before, body.themedesignermode .ml-xxl-6::before,
  .ml-xxl-6 body.themedesignermode.ml-xxl-6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0 !important;
  }
  body.behat-site .pr-xxl-0,
  .pr-xxl-0 body.behat-site.pr-xxl-0, body.themedesignermode .pr-xxl-0,
  .pr-xxl-0 body.themedesignermode.pr-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-0::before,
  .pr-xxl-0 body.behat-site.pr-xxl-0::before, body.themedesignermode .pr-xxl-0::before,
  .pr-xxl-0 body.themedesignermode.pr-xxl-0::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-0 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0 !important;
  }
  body.behat-site .pl-xxl-0,
  .pl-xxl-0 body.behat-site.pl-xxl-0, body.themedesignermode .pl-xxl-0,
  .pl-xxl-0 body.themedesignermode.pl-xxl-0 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-0::before,
  .pl-xxl-0 body.behat-site.pl-xxl-0::before, body.themedesignermode .pl-xxl-0::before,
  .pl-xxl-0 body.themedesignermode.pl-xxl-0::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.25rem !important;
  }
  body.behat-site .pr-xxl-1,
  .pr-xxl-1 body.behat-site.pr-xxl-1, body.themedesignermode .pr-xxl-1,
  .pr-xxl-1 body.themedesignermode.pr-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-1::before,
  .pr-xxl-1 body.behat-site.pr-xxl-1::before, body.themedesignermode .pr-xxl-1::before,
  .pr-xxl-1 body.themedesignermode.pr-xxl-1::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.25rem !important;
  }
  body.behat-site .pl-xxl-1,
  .pl-xxl-1 body.behat-site.pl-xxl-1, body.themedesignermode .pl-xxl-1,
  .pl-xxl-1 body.themedesignermode.pl-xxl-1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-1::before,
  .pl-xxl-1 body.behat-site.pl-xxl-1::before, body.themedesignermode .pl-xxl-1::before,
  .pl-xxl-1 body.themedesignermode.pl-xxl-1::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 0.5rem !important;
  }
  body.behat-site .pr-xxl-2,
  .pr-xxl-2 body.behat-site.pr-xxl-2, body.themedesignermode .pr-xxl-2,
  .pr-xxl-2 body.themedesignermode.pr-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-2::before,
  .pr-xxl-2 body.behat-site.pr-xxl-2::before, body.themedesignermode .pr-xxl-2::before,
  .pr-xxl-2 body.themedesignermode.pr-xxl-2::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 0.5rem !important;
  }
  body.behat-site .pl-xxl-2,
  .pl-xxl-2 body.behat-site.pl-xxl-2, body.themedesignermode .pl-xxl-2,
  .pl-xxl-2 body.themedesignermode.pl-xxl-2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-2::before,
  .pl-xxl-2 body.behat-site.pl-xxl-2::before, body.themedesignermode .pl-xxl-2::before,
  .pl-xxl-2 body.themedesignermode.pl-xxl-2::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1rem !important;
  }
  body.behat-site .pr-xxl-3,
  .pr-xxl-3 body.behat-site.pr-xxl-3, body.themedesignermode .pr-xxl-3,
  .pr-xxl-3 body.themedesignermode.pr-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-3::before,
  .pr-xxl-3 body.behat-site.pr-xxl-3::before, body.themedesignermode .pr-xxl-3::before,
  .pr-xxl-3 body.themedesignermode.pr-xxl-3::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1rem !important;
  }
  body.behat-site .pl-xxl-3,
  .pl-xxl-3 body.behat-site.pl-xxl-3, body.themedesignermode .pl-xxl-3,
  .pl-xxl-3 body.themedesignermode.pl-xxl-3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-3::before,
  .pl-xxl-3 body.behat-site.pl-xxl-3::before, body.themedesignermode .pl-xxl-3::before,
  .pl-xxl-3 body.themedesignermode.pl-xxl-3::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 1.5rem !important;
  }
  body.behat-site .pr-xxl-4,
  .pr-xxl-4 body.behat-site.pr-xxl-4, body.themedesignermode .pr-xxl-4,
  .pr-xxl-4 body.themedesignermode.pr-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-4::before,
  .pr-xxl-4 body.behat-site.pr-xxl-4::before, body.themedesignermode .pr-xxl-4::before,
  .pr-xxl-4 body.themedesignermode.pr-xxl-4::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 1.5rem !important;
  }
  body.behat-site .pl-xxl-4,
  .pl-xxl-4 body.behat-site.pl-xxl-4, body.themedesignermode .pl-xxl-4,
  .pl-xxl-4 body.themedesignermode.pl-xxl-4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-4::before,
  .pl-xxl-4 body.behat-site.pl-xxl-4::before, body.themedesignermode .pl-xxl-4::before,
  .pl-xxl-4 body.themedesignermode.pl-xxl-4::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 2rem !important;
  }
  body.behat-site .pr-xxl-5,
  .pr-xxl-5 body.behat-site.pr-xxl-5, body.themedesignermode .pr-xxl-5,
  .pr-xxl-5 body.themedesignermode.pr-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-5::before,
  .pr-xxl-5 body.behat-site.pr-xxl-5::before, body.themedesignermode .pr-xxl-5::before,
  .pr-xxl-5 body.themedesignermode.pr-xxl-5::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 2rem !important;
  }
  body.behat-site .pl-xxl-5,
  .pl-xxl-5 body.behat-site.pl-xxl-5, body.themedesignermode .pl-xxl-5,
  .pl-xxl-5 body.themedesignermode.pl-xxl-5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-5::before,
  .pl-xxl-5 body.behat-site.pl-xxl-5::before, body.themedesignermode .pl-xxl-5::before,
  .pl-xxl-5 body.themedesignermode.pl-xxl-5::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pr-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-right: 3rem !important;
  }
  body.behat-site .pr-xxl-6,
  .pr-xxl-6 body.behat-site.pr-xxl-6, body.themedesignermode .pr-xxl-6,
  .pr-xxl-6 body.themedesignermode.pr-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pr-xxl-6::before,
  .pr-xxl-6 body.behat-site.pr-xxl-6::before, body.themedesignermode .pr-xxl-6::before,
  .pr-xxl-6 body.themedesignermode.pr-xxl-6::before {
    content: "Deprecated style in use (.pr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .pl-xxl-6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    padding-left: 3rem !important;
  }
  body.behat-site .pl-xxl-6,
  .pl-xxl-6 body.behat-site.pl-xxl-6, body.themedesignermode .pl-xxl-6,
  .pl-xxl-6 body.themedesignermode.pl-xxl-6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .pl-xxl-6::before,
  .pl-xxl-6 body.behat-site.pl-xxl-6::before, body.themedesignermode .pl-xxl-6::before,
  .pl-xxl-6 body.themedesignermode.pl-xxl-6::before {
    content: "Deprecated style in use (.pl)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.25rem !important;
  }
  body.behat-site .mr-xxl-n1,
  .mr-xxl-n1 body.behat-site.mr-xxl-n1, body.themedesignermode .mr-xxl-n1,
  .mr-xxl-n1 body.themedesignermode.mr-xxl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n1::before,
  .mr-xxl-n1 body.behat-site.mr-xxl-n1::before, body.themedesignermode .mr-xxl-n1::before,
  .mr-xxl-n1 body.themedesignermode.mr-xxl-n1::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n1 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.25rem !important;
  }
  body.behat-site .ml-xxl-n1,
  .ml-xxl-n1 body.behat-site.ml-xxl-n1, body.themedesignermode .ml-xxl-n1,
  .ml-xxl-n1 body.themedesignermode.ml-xxl-n1 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n1::before,
  .ml-xxl-n1 body.behat-site.ml-xxl-n1::before, body.themedesignermode .ml-xxl-n1::before,
  .ml-xxl-n1 body.themedesignermode.ml-xxl-n1::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -0.5rem !important;
  }
  body.behat-site .mr-xxl-n2,
  .mr-xxl-n2 body.behat-site.mr-xxl-n2, body.themedesignermode .mr-xxl-n2,
  .mr-xxl-n2 body.themedesignermode.mr-xxl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n2::before,
  .mr-xxl-n2 body.behat-site.mr-xxl-n2::before, body.themedesignermode .mr-xxl-n2::before,
  .mr-xxl-n2 body.themedesignermode.mr-xxl-n2::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n2 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -0.5rem !important;
  }
  body.behat-site .ml-xxl-n2,
  .ml-xxl-n2 body.behat-site.ml-xxl-n2, body.themedesignermode .ml-xxl-n2,
  .ml-xxl-n2 body.themedesignermode.ml-xxl-n2 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n2::before,
  .ml-xxl-n2 body.behat-site.ml-xxl-n2::before, body.themedesignermode .ml-xxl-n2::before,
  .ml-xxl-n2 body.themedesignermode.ml-xxl-n2::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1rem !important;
  }
  body.behat-site .mr-xxl-n3,
  .mr-xxl-n3 body.behat-site.mr-xxl-n3, body.themedesignermode .mr-xxl-n3,
  .mr-xxl-n3 body.themedesignermode.mr-xxl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n3::before,
  .mr-xxl-n3 body.behat-site.mr-xxl-n3::before, body.themedesignermode .mr-xxl-n3::before,
  .mr-xxl-n3 body.themedesignermode.mr-xxl-n3::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n3 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1rem !important;
  }
  body.behat-site .ml-xxl-n3,
  .ml-xxl-n3 body.behat-site.ml-xxl-n3, body.themedesignermode .ml-xxl-n3,
  .ml-xxl-n3 body.themedesignermode.ml-xxl-n3 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n3::before,
  .ml-xxl-n3 body.behat-site.ml-xxl-n3::before, body.themedesignermode .ml-xxl-n3::before,
  .ml-xxl-n3 body.themedesignermode.ml-xxl-n3::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -1.5rem !important;
  }
  body.behat-site .mr-xxl-n4,
  .mr-xxl-n4 body.behat-site.mr-xxl-n4, body.themedesignermode .mr-xxl-n4,
  .mr-xxl-n4 body.themedesignermode.mr-xxl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n4::before,
  .mr-xxl-n4 body.behat-site.mr-xxl-n4::before, body.themedesignermode .mr-xxl-n4::before,
  .mr-xxl-n4 body.themedesignermode.mr-xxl-n4::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n4 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -1.5rem !important;
  }
  body.behat-site .ml-xxl-n4,
  .ml-xxl-n4 body.behat-site.ml-xxl-n4, body.themedesignermode .ml-xxl-n4,
  .ml-xxl-n4 body.themedesignermode.ml-xxl-n4 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n4::before,
  .ml-xxl-n4 body.behat-site.ml-xxl-n4::before, body.themedesignermode .ml-xxl-n4::before,
  .ml-xxl-n4 body.themedesignermode.ml-xxl-n4::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -2rem !important;
  }
  body.behat-site .mr-xxl-n5,
  .mr-xxl-n5 body.behat-site.mr-xxl-n5, body.themedesignermode .mr-xxl-n5,
  .mr-xxl-n5 body.themedesignermode.mr-xxl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n5::before,
  .mr-xxl-n5 body.behat-site.mr-xxl-n5::before, body.themedesignermode .mr-xxl-n5::before,
  .mr-xxl-n5 body.themedesignermode.mr-xxl-n5::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n5 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -2rem !important;
  }
  body.behat-site .ml-xxl-n5,
  .ml-xxl-n5 body.behat-site.ml-xxl-n5, body.themedesignermode .ml-xxl-n5,
  .ml-xxl-n5 body.themedesignermode.ml-xxl-n5 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n5::before,
  .ml-xxl-n5 body.behat-site.ml-xxl-n5::before, body.themedesignermode .ml-xxl-n5::before,
  .ml-xxl-n5 body.themedesignermode.ml-xxl-n5::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: -3rem !important;
  }
  body.behat-site .mr-xxl-n6,
  .mr-xxl-n6 body.behat-site.mr-xxl-n6, body.themedesignermode .mr-xxl-n6,
  .mr-xxl-n6 body.themedesignermode.mr-xxl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-n6::before,
  .mr-xxl-n6 body.behat-site.mr-xxl-n6::before, body.themedesignermode .mr-xxl-n6::before,
  .mr-xxl-n6 body.themedesignermode.mr-xxl-n6::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-n6 {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: -3rem !important;
  }
  body.behat-site .ml-xxl-n6,
  .ml-xxl-n6 body.behat-site.ml-xxl-n6, body.themedesignermode .ml-xxl-n6,
  .ml-xxl-n6 body.themedesignermode.ml-xxl-n6 {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-n6::before,
  .ml-xxl-n6 body.behat-site.ml-xxl-n6::before, body.themedesignermode .ml-xxl-n6::before,
  .ml-xxl-n6 body.themedesignermode.ml-xxl-n6::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .mr-xxl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-right: auto !important;
  }
  body.behat-site .mr-xxl-auto,
  .mr-xxl-auto body.behat-site.mr-xxl-auto, body.themedesignermode .mr-xxl-auto,
  .mr-xxl-auto body.themedesignermode.mr-xxl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .mr-xxl-auto::before,
  .mr-xxl-auto body.behat-site.mr-xxl-auto::before, body.themedesignermode .mr-xxl-auto::before,
  .mr-xxl-auto body.themedesignermode.mr-xxl-auto::before {
    content: "Deprecated style in use (.mr)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .ml-xxl-auto {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    margin-left: auto !important;
  }
  body.behat-site .ml-xxl-auto,
  .ml-xxl-auto body.behat-site.ml-xxl-auto, body.themedesignermode .ml-xxl-auto,
  .ml-xxl-auto body.themedesignermode.ml-xxl-auto {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .ml-xxl-auto::before,
  .ml-xxl-auto body.behat-site.ml-xxl-auto::before, body.themedesignermode .ml-xxl-auto::before,
  .ml-xxl-auto body.themedesignermode.ml-xxl-auto::before {
    content: "Deprecated style in use (.ml)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
.text-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  text-align: left !important;
}
body.behat-site .text-left,
.text-left body.behat-site.text-left, body.themedesignermode .text-left,
.text-left body.themedesignermode.text-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .text-left::before,
.text-left body.behat-site.text-left::before, body.themedesignermode .text-left::before,
.text-left body.themedesignermode.text-left::before {
  content: "Deprecated style in use (.text-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.text-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  text-align: right !important;
}
body.behat-site .text-right,
.text-right body.behat-site.text-right, body.themedesignermode .text-right,
.text-right body.themedesignermode.text-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .text-right::before,
.text-right body.behat-site.text-right::before, body.themedesignermode .text-right::before,
.text-right body.themedesignermode.text-right::before {
  content: "Deprecated style in use (.text-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-sm-left,
  .text-sm-left body.behat-site.text-sm-left, body.themedesignermode .text-sm-left,
  .text-sm-left body.themedesignermode.text-sm-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-sm-left::before,
  .text-sm-left body.behat-site.text-sm-left::before, body.themedesignermode .text-sm-left::before,
  .text-sm-left body.themedesignermode.text-sm-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-sm-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-sm-right,
  .text-sm-right body.behat-site.text-sm-right, body.themedesignermode .text-sm-right,
  .text-sm-right body.themedesignermode.text-sm-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-sm-right::before,
  .text-sm-right body.behat-site.text-sm-right::before, body.themedesignermode .text-sm-right::before,
  .text-sm-right body.themedesignermode.text-sm-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-md-left,
  .text-md-left body.behat-site.text-md-left, body.themedesignermode .text-md-left,
  .text-md-left body.themedesignermode.text-md-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-md-left::before,
  .text-md-left body.behat-site.text-md-left::before, body.themedesignermode .text-md-left::before,
  .text-md-left body.themedesignermode.text-md-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-md-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-md-right,
  .text-md-right body.behat-site.text-md-right, body.themedesignermode .text-md-right,
  .text-md-right body.themedesignermode.text-md-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-md-right::before,
  .text-md-right body.behat-site.text-md-right::before, body.themedesignermode .text-md-right::before,
  .text-md-right body.themedesignermode.text-md-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-lg-left,
  .text-lg-left body.behat-site.text-lg-left, body.themedesignermode .text-lg-left,
  .text-lg-left body.themedesignermode.text-lg-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-lg-left::before,
  .text-lg-left body.behat-site.text-lg-left::before, body.themedesignermode .text-lg-left::before,
  .text-lg-left body.themedesignermode.text-lg-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-lg-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-lg-right,
  .text-lg-right body.behat-site.text-lg-right, body.themedesignermode .text-lg-right,
  .text-lg-right body.themedesignermode.text-lg-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-lg-right::before,
  .text-lg-right body.behat-site.text-lg-right::before, body.themedesignermode .text-lg-right::before,
  .text-lg-right body.themedesignermode.text-lg-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-xl-left,
  .text-xl-left body.behat-site.text-xl-left, body.themedesignermode .text-xl-left,
  .text-xl-left body.themedesignermode.text-xl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xl-left::before,
  .text-xl-left body.behat-site.text-xl-left::before, body.themedesignermode .text-xl-left::before,
  .text-xl-left body.themedesignermode.text-xl-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-xl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-xl-right,
  .text-xl-right body.behat-site.text-xl-right, body.themedesignermode .text-xl-right,
  .text-xl-right body.themedesignermode.text-xl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xl-right::before,
  .text-xl-right body.behat-site.text-xl-right::before, body.themedesignermode .text-xl-right::before,
  .text-xl-right body.themedesignermode.text-xl-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: left !important;
  }
  body.behat-site .text-xxl-left,
  .text-xxl-left body.behat-site.text-xxl-left, body.themedesignermode .text-xxl-left,
  .text-xxl-left body.themedesignermode.text-xxl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xxl-left::before,
  .text-xxl-left body.behat-site.text-xxl-left::before, body.themedesignermode .text-xxl-left::before,
  .text-xxl-left body.themedesignermode.text-xxl-left::before {
    content: "Deprecated style in use (.text-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .text-xxl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    text-align: right !important;
  }
  body.behat-site .text-xxl-right,
  .text-xxl-right body.behat-site.text-xxl-right, body.themedesignermode .text-xxl-right,
  .text-xxl-right body.themedesignermode.text-xxl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .text-xxl-right::before,
  .text-xxl-right body.behat-site.text-xxl-right::before, body.themedesignermode .text-xxl-right::before,
  .text-xxl-right body.themedesignermode.text-xxl-right::before {
    content: "Deprecated style in use (.text-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
.border-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-right: 1px solid #dee2e6 !important;
}
body.behat-site .border-right,
.border-right body.behat-site.border-right, body.themedesignermode .border-right,
.border-right body.themedesignermode.border-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-right::before,
.border-right body.behat-site.border-right::before, body.themedesignermode .border-right::before,
.border-right body.themedesignermode.border-right::before {
  content: "Deprecated style in use (.border-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.border-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-left: 1px solid #dee2e6 !important;
}
body.behat-site .border-left,
.border-left body.behat-site.border-left, body.themedesignermode .border-left,
.border-left body.themedesignermode.border-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-left::before,
.border-left body.behat-site.border-left::before, body.themedesignermode .border-left::before,
.border-left body.themedesignermode.border-left::before {
  content: "Deprecated style in use (.border-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.border-right-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-right: 0 !important;
}
body.behat-site .border-right-0,
.border-right-0 body.behat-site.border-right-0, body.themedesignermode .border-right-0,
.border-right-0 body.themedesignermode.border-right-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-right-0::before,
.border-right-0 body.behat-site.border-right-0::before, body.themedesignermode .border-right-0::before,
.border-right-0 body.themedesignermode.border-right-0::before {
  content: "Deprecated style in use (.border-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.border-left-0 {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-left: 0 !important;
}
body.behat-site .border-left-0,
.border-left-0 body.behat-site.border-left-0, body.themedesignermode .border-left-0,
.border-left-0 body.themedesignermode.border-left-0 {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .border-left-0::before,
.border-left-0 body.behat-site.border-left-0::before, body.themedesignermode .border-left-0::before,
.border-left-0 body.themedesignermode.border-left-0::before {
  content: "Deprecated style in use (.border-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.rounded-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
body.behat-site .rounded-right,
.rounded-right body.behat-site.rounded-right, body.themedesignermode .rounded-right,
.rounded-right body.themedesignermode.rounded-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-right::before,
.rounded-right body.behat-site.rounded-right::before, body.themedesignermode .rounded-right::before,
.rounded-right body.themedesignermode.rounded-right::before {
  content: "Deprecated style in use (.rounded-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.rounded-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
body.behat-site .rounded-left,
.rounded-left body.behat-site.rounded-left, body.themedesignermode .rounded-left,
.rounded-left body.themedesignermode.rounded-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-left::before,
.rounded-left body.behat-site.rounded-left::before, body.themedesignermode .rounded-left::before,
.rounded-left body.themedesignermode.rounded-left::before {
  content: "Deprecated style in use (.rounded-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.float-left {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  float: left !important;
}
body.behat-site .float-left,
.float-left body.behat-site.float-left, body.themedesignermode .float-left,
.float-left body.themedesignermode.float-left {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .float-left::before,
.float-left body.behat-site.float-left::before, body.themedesignermode .float-left::before,
.float-left body.themedesignermode.float-left::before {
  content: "Deprecated style in use (.float-left)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.float-right {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  float: right !important;
}
body.behat-site .float-right,
.float-right body.behat-site.float-right, body.themedesignermode .float-right,
.float-right body.themedesignermode.float-right {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .float-right::before,
.float-right body.behat-site.float-right::before, body.themedesignermode .float-right::before,
.float-right body.themedesignermode.float-right::before {
  content: "Deprecated style in use (.float-right)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-sm-left,
  .float-sm-left body.behat-site.float-sm-left, body.themedesignermode .float-sm-left,
  .float-sm-left body.themedesignermode.float-sm-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-sm-left::before,
  .float-sm-left body.behat-site.float-sm-left::before, body.themedesignermode .float-sm-left::before,
  .float-sm-left body.themedesignermode.float-sm-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-sm-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-sm-right,
  .float-sm-right body.behat-site.float-sm-right, body.themedesignermode .float-sm-right,
  .float-sm-right body.themedesignermode.float-sm-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-sm-right::before,
  .float-sm-right body.behat-site.float-sm-right::before, body.themedesignermode .float-sm-right::before,
  .float-sm-right body.themedesignermode.float-sm-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-md-left,
  .float-md-left body.behat-site.float-md-left, body.themedesignermode .float-md-left,
  .float-md-left body.themedesignermode.float-md-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-md-left::before,
  .float-md-left body.behat-site.float-md-left::before, body.themedesignermode .float-md-left::before,
  .float-md-left body.themedesignermode.float-md-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-md-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-md-right,
  .float-md-right body.behat-site.float-md-right, body.themedesignermode .float-md-right,
  .float-md-right body.themedesignermode.float-md-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-md-right::before,
  .float-md-right body.behat-site.float-md-right::before, body.themedesignermode .float-md-right::before,
  .float-md-right body.themedesignermode.float-md-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-lg-left,
  .float-lg-left body.behat-site.float-lg-left, body.themedesignermode .float-lg-left,
  .float-lg-left body.themedesignermode.float-lg-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-lg-left::before,
  .float-lg-left body.behat-site.float-lg-left::before, body.themedesignermode .float-lg-left::before,
  .float-lg-left body.themedesignermode.float-lg-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-lg-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-lg-right,
  .float-lg-right body.behat-site.float-lg-right, body.themedesignermode .float-lg-right,
  .float-lg-right body.themedesignermode.float-lg-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-lg-right::before,
  .float-lg-right body.behat-site.float-lg-right::before, body.themedesignermode .float-lg-right::before,
  .float-lg-right body.themedesignermode.float-lg-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-xl-left,
  .float-xl-left body.behat-site.float-xl-left, body.themedesignermode .float-xl-left,
  .float-xl-left body.themedesignermode.float-xl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xl-left::before,
  .float-xl-left body.behat-site.float-xl-left::before, body.themedesignermode .float-xl-left::before,
  .float-xl-left body.themedesignermode.float-xl-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-xl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-xl-right,
  .float-xl-right body.behat-site.float-xl-right, body.themedesignermode .float-xl-right,
  .float-xl-right body.themedesignermode.float-xl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xl-right::before,
  .float-xl-right body.behat-site.float-xl-right::before, body.themedesignermode .float-xl-right::before,
  .float-xl-right body.themedesignermode.float-xl-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-left {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: left !important;
  }
  body.behat-site .float-xxl-left,
  .float-xxl-left body.behat-site.float-xxl-left, body.themedesignermode .float-xxl-left,
  .float-xxl-left body.themedesignermode.float-xxl-left {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xxl-left::before,
  .float-xxl-left body.behat-site.float-xxl-left::before, body.themedesignermode .float-xxl-left::before,
  .float-xxl-left body.themedesignermode.float-xxl-left::before {
    content: "Deprecated style in use (.float-left)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
  .float-xxl-right {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    float: right !important;
  }
  body.behat-site .float-xxl-right,
  .float-xxl-right body.behat-site.float-xxl-right, body.themedesignermode .float-xxl-right,
  .float-xxl-right body.themedesignermode.float-xxl-right {
    outline: 3px dotted #ca3120 !important;
    background-color: #fceeed !important;
  }
  body.behat-site .float-xxl-right::before,
  .float-xxl-right body.behat-site.float-xxl-right::before, body.themedesignermode .float-xxl-right::before,
  .float-xxl-right body.themedesignermode.float-xxl-right::before {
    content: "Deprecated style in use (.float-right)" !important;
    color: #ca3120 !important;
    font-size: smaller !important;
  }
}
.close {
  float: right;
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 700;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .close {
    font-size: 1.5rem;
  }
}
.close:hover {
  color: #000000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.font-weight-light {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: 300 !important;
}
body.behat-site .font-weight-light,
.font-weight-light body.behat-site.font-weight-light, body.themedesignermode .font-weight-light,
.font-weight-light body.themedesignermode.font-weight-light {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-light::before,
.font-weight-light body.behat-site.font-weight-light::before, body.themedesignermode .font-weight-light::before,
.font-weight-light body.themedesignermode.font-weight-light::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.font-weight-lighter {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: lighter !important;
}
body.behat-site .font-weight-lighter,
.font-weight-lighter body.behat-site.font-weight-lighter, body.themedesignermode .font-weight-lighter,
.font-weight-lighter body.themedesignermode.font-weight-lighter {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-lighter::before,
.font-weight-lighter body.behat-site.font-weight-lighter::before, body.themedesignermode .font-weight-lighter::before,
.font-weight-lighter body.themedesignermode.font-weight-lighter::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.font-weight-normal {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: 400 !important;
}
body.behat-site .font-weight-normal,
.font-weight-normal body.behat-site.font-weight-normal, body.themedesignermode .font-weight-normal,
.font-weight-normal body.themedesignermode.font-weight-normal {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-normal::before,
.font-weight-normal body.behat-site.font-weight-normal::before, body.themedesignermode .font-weight-normal::before,
.font-weight-normal body.themedesignermode.font-weight-normal::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.font-weight-bold {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: 700 !important;
}
body.behat-site .font-weight-bold,
.font-weight-bold body.behat-site.font-weight-bold, body.themedesignermode .font-weight-bold,
.font-weight-bold body.themedesignermode.font-weight-bold {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-bold::before,
.font-weight-bold body.behat-site.font-weight-bold::before, body.themedesignermode .font-weight-bold::before,
.font-weight-bold body.themedesignermode.font-weight-bold::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.font-weight-bolder {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-weight: bolder !important;
}
body.behat-site .font-weight-bolder,
.font-weight-bolder body.behat-site.font-weight-bolder, body.themedesignermode .font-weight-bolder,
.font-weight-bolder body.themedesignermode.font-weight-bolder {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-weight-bolder::before,
.font-weight-bolder body.behat-site.font-weight-bolder::before, body.themedesignermode .font-weight-bolder::before,
.font-weight-bolder body.themedesignermode.font-weight-bolder::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.font-italic {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  font-style: italic !important;
}
body.behat-site .font-italic,
.font-italic body.behat-site.font-italic, body.themedesignermode .font-italic,
.font-italic body.themedesignermode.font-italic {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .font-italic::before,
.font-italic body.behat-site.font-italic::before, body.themedesignermode .font-italic::before,
.font-italic body.themedesignermode.font-italic::before {
  content: "Deprecated style in use (.font-weight)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.rounded-sm {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-radius: 0.25rem !important;
}
body.behat-site .rounded-sm,
.rounded-sm body.behat-site.rounded-sm, body.themedesignermode .rounded-sm,
.rounded-sm body.themedesignermode.rounded-sm {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-sm::before,
.rounded-sm body.behat-site.rounded-sm::before, body.themedesignermode .rounded-sm::before,
.rounded-sm body.themedesignermode.rounded-sm::before {
  content: "Deprecated style in use (.rounded-sm)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.rounded-lg {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  border-radius: 0.6rem !important;
}
body.behat-site .rounded-lg,
.rounded-lg body.behat-site.rounded-lg, body.themedesignermode .rounded-lg,
.rounded-lg body.themedesignermode.rounded-lg {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .rounded-lg::before,
.rounded-lg body.behat-site.rounded-lg::before, body.themedesignermode .rounded-lg::before,
.rounded-lg body.themedesignermode.rounded-lg::before {
  content: "Deprecated style in use (.rounded-lg)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.sr-only {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.behat-site .sr-only,
.sr-only body.behat-site.sr-only, body.themedesignermode .sr-only,
.sr-only body.themedesignermode.sr-only {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .sr-only::before,
.sr-only body.behat-site.sr-only::before, body.themedesignermode .sr-only::before,
.sr-only body.themedesignermode.sr-only::before {
  content: "Deprecated style in use (.sr-only)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.sr-only-focusable {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .sr-only-focusable,
.sr-only-focusable body.behat-site.sr-only-focusable, body.themedesignermode .sr-only-focusable,
.sr-only-focusable body.themedesignermode.sr-only-focusable {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .sr-only-focusable::before,
.sr-only-focusable body.behat-site.sr-only-focusable::before, body.themedesignermode .sr-only-focusable::before,
.sr-only-focusable body.themedesignermode.sr-only-focusable::before {
  content: "Deprecated style in use (.sr-only-focusable)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #ffffff;
  border-color: #0f6cbf;
  background-color: #0f6cbf;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #87b6df;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #ffffff;
  background-color: #8bc3f6;
  border-color: #8bc3f6;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6a737b;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: var(--bs-secondary-bg);
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: var(--bs-body-bg);
  border: 1px solid #8f959e;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .custom-checkbox,
.custom-checkbox body.behat-site.custom-checkbox, body.themedesignermode .custom-checkbox,
.custom-checkbox body.themedesignermode.custom-checkbox {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-checkbox::before,
.custom-checkbox body.behat-site.custom-checkbox::before, body.themedesignermode .custom-checkbox::before,
.custom-checkbox body.themedesignermode.custom-checkbox::before {
  content: "Deprecated style in use (.custom-checkbox)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.5rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #0f6cbf;
  background-color: #0f6cbf;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 0.5);
}

.custom-radio {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
}
body.behat-site .custom-radio,
.custom-radio body.behat-site.custom-radio, body.themedesignermode .custom-radio,
.custom-radio body.themedesignermode.custom-radio {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-radio::before,
.custom-radio body.behat-site.custom-radio::before, body.themedesignermode .custom-radio::before,
.custom-radio body.themedesignermode.custom-radio::before {
  content: "Deprecated style in use (.custom-radio)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 0.5);
}

.custom-switch {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  padding-left: 2.25rem;
}
body.behat-site .custom-switch,
.custom-switch body.behat-site.custom-switch, body.themedesignermode .custom-switch,
.custom-switch body.themedesignermode.custom-switch {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-switch::before,
.custom-switch body.behat-site.custom-switch::before, body.themedesignermode .custom-switch::before,
.custom-switch body.themedesignermode.custom-switch::before {
  content: "Deprecated style in use (.custom-switch)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #8f959e;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--bs-body-bg);
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(15, 108, 191, 0.5);
}

.custom-select {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  vertical-align: middle;
  background: var(--bs-body-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: 0.5rem;
  appearance: none;
}
body.behat-site .custom-select,
.custom-select body.behat-site.custom-select, body.themedesignermode .custom-select,
.custom-select body.themedesignermode.custom-select {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-select::before,
.custom-select body.behat-site.custom-select::before, body.themedesignermode .custom-select::before,
.custom-select body.themedesignermode.custom-select::before {
  content: "Deprecated style in use (.custom-select)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-select:focus {
  border-color: #87b6df;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.custom-select:focus::-ms-value {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6a737b;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  margin-bottom: 0;
}
body.behat-site .custom-file,
.custom-file body.behat-site.custom-file, body.themedesignermode .custom-file,
.custom-file body.themedesignermode.custom-file {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-file::before,
.custom-file body.behat-site.custom-file::before, body.themedesignermode .custom-file::before,
.custom-file body.themedesignermode.custom-file::before {
  content: "Deprecated style in use (.custom-file)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #87b6df;
  box-shadow: 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: var(--bs-secondary-bg);
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-gray-500);
  border-radius: var(--bs-border-radius);
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: var(--bs-body-color);
  content: "Browse";
  background-color: var(--bs-tertiary-bg);
  border-left: inherit;
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
}

.custom-range {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
body.behat-site .custom-range,
.custom-range body.behat-site.custom-range, body.themedesignermode .custom-range,
.custom-range body.themedesignermode.custom-range {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .custom-range::before,
.custom-range body.behat-site.custom-range::before, body.themedesignermode .custom-range::before,
.custom-range body.themedesignermode.custom-range::before {
  content: "Deprecated style in use (.custom-range)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 0.25rem rgba(15, 108, 191, 0.75);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0f6cbf;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #8bc3f6;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0f6cbf;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #8bc3f6;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  background-color: #0f6cbf;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #8bc3f6;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #8f959e;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #8f959e;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #8f959e;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.btn-block {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable */
  display: block;
  width: 100%;
}
body.behat-site .btn-block,
.btn-block body.behat-site.btn-block, body.themedesignermode .btn-block,
.btn-block body.themedesignermode.btn-block {
  outline: 3px dotted #ca3120 !important;
  background-color: #fceeed !important;
}
body.behat-site .btn-block::before,
.btn-block body.behat-site.btn-block::before, body.themedesignermode .btn-block::before,
.btn-block body.themedesignermode.btn-block::before {
  content: "Deprecated style in use (.btn-block)" !important;
  color: #ca3120 !important;
  font-size: smaller !important;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.task-indicator {
  padding-top: 2rem;
}
.task-indicator img.icon {
  width: 145px;
  height: 145px;
  max-height: 145px;
  max-width: 145px;
  font-size: 145px;
  padding-bottom: 2rem;
}
.task-indicator .progressbar_container {
  padding-top: 2rem;
}
.task-indicator .stored-progress-bar {
  opacity: 1;
  transition: opacity 0.5s;
}
.task-indicator .stored-progress-notstarted {
  opacity: 0;
}

/**
 * The dark colour mode palette.
 *
 * Imported last so that it can re-point anything declared above it. Almost all of the work is done by moving the
 * greyscale and the design system tokens: the rest of Boost refers to those through custom properties, so remapping
 * them here flips nearly every surface, border and piece of secondary text at once.
 *
 * Overrides for individual components do not belong in this file. A component whose colours cannot follow the mode
 * carries its own @include dark-mode block next to the rule being corrected, so that the two are changed together.
 * See scss/moodle/colour-mode.scss for the mixin, and the calendar, question and module partials for examples.
 */
[data-bs-theme=dark] {
  --bs-white: #343a40;
  --bs-gray-100: #1d2125;
  --bs-gray-200: #292e33;
  --bs-gray-300: #495057;
  --bs-gray-400: #6a737b;
  --bs-gray-500: #afb5bc;
  --bs-gray-600: #ced4da;
  --bs-gray-700: #dee2e6;
  --bs-gray-800: #e9ecef;
  --bs-gray-900: #f8f9fa;
  --bs-black: #f8f9fa;
  --mds-bg-surface-default: #343a40;
  --mds-bg-surface-strong: #292e33;
  --mds-bg-surface-subtle: #292e33;
  --mds-bg-interactive-secondary-default: #495057;
  --mds-bg-interactive-secondary-hover: #6a737b;
  --mds-bg-interactive-secondary-active: #6a737b;
  --mds-bg-interactive-secondary-disabled: #292e33;
  --mds-bg-nav-pill-hover: #495057;
  --mds-bg-nav-pill-pressed: #6a737b;
  --mds-bg-nav-pill-selected: #495057;
  --mds-bg-feedback-secondary-default: #495057;
  --mds-bg-feedback-secondary-subtle: #292e33;
  --mds-border-default: #495057;
  --mds-border-subtle: #292e33;
  --mds-border-translucent: rgba(255, 255, 255, 0.15);
  --mds-border-feedback-secondary: #495057;
  --mds-border-interactive-secondary-default: #6a737b;
  --mds-border-interactive-secondary-hover: #8f959e;
  --mds-border-interactive-secondary-active: #8f959e;
  --mds-border-interactive-secondary-disabled: #495057;
  --mds-border-interactive-primary-default: #3f89cc;
  --mds-border-interactive-primary-hover: #3f89cc;
  --mds-border-interactive-primary-active: #7baedc;
  --mds-border-interactive-primary-disabled: #3a658d;
  --mds-text-default: #dee2e6;
  --mds-text-emphasis: #f8f9fa;
  --mds-text-subtle: #ced4da;
  --mds-text-muted: #ced4da;
  --mds-text-inverse: #1d2125;
  --mds-text-feedback-secondary: #dee2e6;
  --bs-link-color: #7baedc;
  --bs-link-color-rgb: 123, 174, 220;
  --bs-link-hover-color: #b7d3ec;
  --bs-link-hover-color-rgb: 183, 211, 236;
  --bs-primary-text-emphasis: #7baedc;
  --bs-success-text-emphasis: #86af84;
  --bs-info-text-emphasis: #66b3c0;
  --bs-warning-text-emphasis: #f0ad4e;
  --bs-danger-text-emphasis: #e28e84;
  --bs-focus-ring-color: rgba(63, 137, 204, 0.75);
  --mds-text-link-primary-default: #7baedc;
  --mds-text-link-primary-hover: #b7d3ec;
  --mds-text-link-primary-disabled: #8f959e;
  --mds-text-feedback-primary: #7baedc;
  --mds-text-danger: #e28e84;
  --mds-text-danger-disabled: #d76558;
  --mds-text-feedback-danger: #e28e84;
  --mds-text-feedback-info: #66b3c0;
  --mds-text-feedback-success: #86af84;
  --mds-text-feedback-warning: #f0ad4e;
  --mds-bg-feedback-primary-light: #041b30;
  --mds-bg-feedback-primary-subtle: #062b4c;
  --mds-border-feedback-primary: #094173;
  --mds-bg-feedback-danger-light: #330c08;
  --mds-bg-feedback-danger-subtle: #51140d;
  --mds-border-feedback-danger: #791d13;
  --mds-bg-feedback-info-light: #002026;
  --mds-bg-feedback-info-subtle: #00343c;
  --mds-border-feedback-info: #004d5a;
  --mds-bg-feedback-success-light: #0d1f0d;
  --mds-bg-feedback-success-subtle: #153114;
  --mds-border-feedback-success: #20491e;
  --mds-bg-feedback-warning-light: #3c2b14;
  --mds-bg-feedback-warning-subtle: #60451f;
  --mds-border-feedback-warning: #90682f;
  --mds-bg-interactive-primary-default-light: #041b30;
  --mds-bg-interactive-danger-default-light: #330c08;
  --bs-state-success-bg: #10250f;
  --bs-state-success-border: #20491e;
  --bs-state-info-bg: #00272d;
  --bs-state-info-border: #004d5a;
  --bs-state-warning-bg: #483417;
  --bs-state-warning-border: #90682f;
  --bs-state-danger-bg: #3d0f0a;
  --bs-state-danger-border: #791d13;
  --bs-collapse-list-item-hover-bg: #00272d;
  --bs-collapse-list-item-hover-border: #004d5a;
  --bs-link-focus-bg: #083660;
  --bs-link-focus-underline: #dee2e6;
}
[data-bs-theme=dark] .text-primary {
  --bs-primary-rgb: 123, 174, 220;
}
[data-bs-theme=dark] .text-success {
  --bs-success-rgb: 134, 175, 132;
}
[data-bs-theme=dark] .text-info {
  --bs-info-rgb: 102, 179, 192;
}
[data-bs-theme=dark] .text-warning {
  --bs-warning-rgb: 240, 173, 78;
}
[data-bs-theme=dark] .text-danger {
  --bs-danger-rgb: 226, 142, 132;
}
[data-bs-theme=dark] #page-header a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.page-link),
[data-bs-theme=dark] #region-main a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.page-link),
[data-bs-theme=dark] #page-footer a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.page-link),
[data-bs-theme=dark] .block_html .card-text a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.page-link) {
  text-decoration: underline;
}
[data-bs-theme=dark] .bg-white {
  background-color: var(--bs-white) !important;
}
[data-bs-theme=dark] .bg-light {
  background-color: var(--bs-tertiary-bg) !important;
}
[data-bs-theme=dark] .bg-light.text-dark,
[data-bs-theme=dark] .bg-light .text-dark {
  --bs-dark-rgb: 233, 236, 239;
}
[data-bs-theme=dark] .btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #8f959e;
  --bs-btn-border-color: #8f959e;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ced4da;
  --bs-btn-hover-border-color: #ced4da;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ced4da;
  --bs-btn-active-border-color: #ced4da;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #8f959e;
  --bs-btn-disabled-border-color: #8f959e;
}
[data-bs-theme=dark] .card,
[data-bs-theme=dark] .dropdown-menu,
[data-bs-theme=dark] .modal-content {
  border-color: var(--bs-gray-300);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.userpicture {
  border-radius: 50%;
}

.btn-outline-secondary {
  --bs-btn-color: #6a737b;
  --bs-btn-border-color: #6a737b;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #6a737b;
  --bs-btn-hover-border-color: #6a737b;
  --bs-btn-focus-shadow-rgb: 106, 115, 123;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #6a737b;
  --bs-btn-active-border-color: #6a737b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6a737b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6a737b;
  --bs-gradient: none;
  border-color: #6a737b;
}

.btn-outline-info {
  --bs-btn-color: #1f7e9a;
  --bs-btn-border-color: #1f7e9a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1f7e9a;
  --bs-btn-hover-border-color: #1f7e9a;
  --bs-btn-focus-shadow-rgb: 31, 126, 154;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1f7e9a;
  --bs-btn-active-border-color: #1f7e9a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1f7e9a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1f7e9a;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #a6670e;
  --bs-btn-border-color: #a6670e;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #a6670e;
  --bs-btn-hover-border-color: #a6670e;
  --bs-btn-focus-shadow-rgb: 166, 103, 14;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #a6670e;
  --bs-btn-active-border-color: #a6670e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #a6670e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a6670e;
  --bs-gradient: none;
}

body {
    padding: 4px;
}

.text-ltr {
    direction: ltr !important;
}

.headermain {
    margin: 15px;
}

h2 {
  text-align:center;
}

textarea, .uneditable-input {
    width: 50%;
}

#installdiv {
    margin-left:auto;
    margin-right:auto;
    padding: 5px;
    margin-bottom: 15px;
}

#installdiv dt {
    font-weight: bold;
}

#installdiv dd {
    padding-bottom: 0.5em;
}

.stage {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 25px;
}

#installform {
    width: 100%;
}

#envresult {
    text-align:left;
    width: auto;
    margin-left:10em;
}

#envresult dd {
    color: red;
}

fieldset {
    text-align:center;
    border:none;
}

fieldset .configphp,
fieldset .alert {
    text-align: left;
    direction: ltr;
}

.sitelink {
    text-align: center;
}