/*!
 * 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 {
  /* Colors */
  --lexxy-color-ink: oklch(20% 0 0);
  --lexxy-color-ink-medium: oklch(40% 0 0);
  --lexxy-color-ink-light: oklch(60% 0 0);
  --lexxy-color-ink-lighter: oklch(85% 0 0);
  --lexxy-color-ink-lightest: oklch(96% 0 0);
  --lexxy-color-ink-inverted: white;

  --lexxy-color-accent-dark: oklch(57% 0.19 260);
  --lexxy-color-accent-medium: oklch(75% 0.196 258);
  --lexxy-color-accent-light: oklch(88% 0.026 254);
  --lexxy-color-accent-lightest: oklch(92% 0.026 254);

  --lexxy-color-red: oklch(60% 0.15 27);
  --lexxy-color-green: oklch(60% 0.15 145);
  --lexxy-color-blue: oklch(66% 0.196 258);
  --lexxy-color-purple: oklch(60% 0.15 305);

  --lexxy-color-code-token-att: #d73a49;
  --lexxy-color-code-token-comment: #6a737d;
  --lexxy-color-code-token-function: #6f42c1;
  --lexxy-color-code-token-operator: #d73a49;
  --lexxy-color-code-token-property: #005cc5;
  --lexxy-color-code-token-punctuation: #24292e;
  --lexxy-color-code-token-selector: #22863a;
  --lexxy-color-code-token-variable: #e36209;

  --lexxy-color-canvas: var(--lexxy-color-ink-inverted);
  --lexxy-color-text: var(--lexxy-color-ink);
  --lexxy-color-text-subtle: var(--lexxy-color-ink-medium);
  --lexxy-color-link: var(--lexxy-color-accent-dark);
  --lexxy-color-selected: var(--lexxy-color-accent-lightest);
  --lexxy-color-selected-hover: var(--lexxy-color-accent-light);
  --lexxy-color-selected-dark: var(--lexxy-color-blue);
  --lexxy-color-selected-50: color-mix(in oklch, var(--lexxy-color-selected-dark) 50%, transparent);
  --lexxy-color-code-bg: var(--lexxy-color-ink-lightest);
  --lexxy-color-floating-controls-separator: rgba(128, 128, 128, 0.3);

  /* Text color highlights */
  --highlight-1: rgb(136, 118, 38);
  --highlight-2: rgb(185, 94, 6);
  --highlight-3: rgb(207, 0, 0);
  --highlight-4: rgb(216, 28, 170);
  --highlight-5: rgb(144, 19, 254);
  --highlight-6: rgb(5, 98, 185);
  --highlight-7: rgb(17, 138, 15);
  --highlight-8: rgb(148, 82, 22);
  --highlight-9: rgb(102, 102, 102);

  --highlight-bg-1: rgba(229, 223, 6, 0.3);
  --highlight-bg-2: rgba(255, 185, 87, 0.3);
  --highlight-bg-3: rgba(255, 118, 118, 0.3);
  --highlight-bg-4: rgba(248, 137, 216, 0.3);
  --highlight-bg-5: rgba(190, 165, 255, 0.3);
  --highlight-bg-6: rgba(124, 192, 252, 0.3);
  --highlight-bg-7: rgba(140, 255, 129, 0.3);
  --highlight-bg-8: rgba(221, 170, 123, 0.3);
  --highlight-bg-9: rgba(200, 200, 200, 0.3);

  /* Tables */
  --lexxy-color-table-header-bg: var(--lexxy-color-ink-lightest);
  --lexxy-color-table-cell-border: var(--lexxy-color-ink-lighter);
  --lexxy-color-table-cell-selected: var(--lexxy-color-selected);
  --lexxy-color-table-cell-selected-border: var(--lexxy-color-selected-dark);
  --lexxy-color-table-cell-selected-bg: var(--lexxy-color-accent-lightest);
  --lexxy-color-table-cell-add: var(--lexxy-color-selected-50);
  --lexxy-color-table-cell-toggle: var(--lexxy-color-accent-lightest);
  --lexxy-color-table-cell-remove: oklch(60% 0.15 27 / 0.1);
  --lexxy-table-cell-add-size: 4px;

  /* Typography */
  --lexxy-font-base: system-ui, sans-serif;
  --lexxy-font-mono: ui-monospace, "Menlo", "Monaco", Consolas, monospace;
  --lexxy-text-small: 0.875rem;
  --lexxy-content-margin: 1rem;

  /* Focus ring */
  --lexxy-focus-ring-color: var(--lexxy-color-accent-dark);
  --lexxy-focus-ring-offset: -2px;
  --lexxy-focus-ring-size: 2px;

  /* Misc */
  --lexxy-toolbar-button-size: 2lh;
  --lexxy-radius: 0.5ch;
  --lexxy-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --lexxy-z-popup: 1000;
}
:root,
[data-bs-theme=light] {
  --bs-blue: #6366f1;
  --bs-indigo: #6366f1;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #6366f1;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 99, 102, 241;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(39.6, 40.8, 96.4);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(223.8, 224.4, 252.2);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(192.6, 193.8, 249.4);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "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: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #6366f1;
  --bs-link-color-rgb: 99, 102, 241;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(79.2, 81.6, 192.8);
  --bs-link-hover-color-rgb: 79, 82, 193;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --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.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --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.25;
  --bs-focus-ring-color: rgba(99, 102, 241, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --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: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(161.4, 163.2, 246.6);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(19.8, 20.4, 48.2);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(59.4, 61.2, 144.6);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(161.4, 163.2, 246.6);
  --bs-link-hover-color: rgb(180.12, 181.56, 248.28);
  --bs-link-color-rgb: 161, 163, 247;
  --bs-link-hover-color-rgb: 180, 182, 248;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::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.25;
}
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] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.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: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
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: #6c757d;
}
.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: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.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: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.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: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.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: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.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: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.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: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --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.05);
  --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: #000;
  --bs-table-bg: rgb(223.8, 224.4, 252.2);
  --bs-table-border-color: rgb(179.04, 179.52, 201.76);
  --bs-table-striped-bg: rgb(212.61, 213.18, 239.59);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(201.42, 201.96, 226.98);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(207.015, 207.57, 233.285);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
  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);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  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: rgb(177, 178.5, 248);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}
.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::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.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);
  -webkit-appearance: none;
     -moz-appearance: none;
          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-border-color);
  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: rgb(177, 178.5, 248);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}
.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;
  -webkit-appearance: none;
     -moz-appearance: none;
          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-border-color);
  -webkit-print-color-adjust: exact;
          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: rgb(177, 178.5, 248);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}
.form-check-input:checked {
  background-color: #6366f1;
  border-color: #6366f1;
}
.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='%23fff' 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='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #6366f1;
  border-color: #6366f1;
  --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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  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.25%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='rgb%28177, 178.5, 248%29'/%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='%23fff'/%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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #6366f1;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(208.2, 209.1, 250.8);
}
.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;
  -moz-appearance: none;
       appearance: none;
  background-color: #6366f1;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(208.2, 209.1, 250.8);
}
.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::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.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:not(:-moz-placeholder) ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-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:not(:-moz-placeholder) ~ 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: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: #6c757d;
}
.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-border-color);
  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='%23198754' 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.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: 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='%23198754' 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.25);
}
.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.25);
}
.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='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: 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='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  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.25);
}
.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.25);
}
.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;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          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);
  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: #fff;
  --bs-btn-bg: #6366f1;
  --bs-btn-border-color: #6366f1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(84.15, 86.7, 204.85);
  --bs-btn-hover-border-color: rgb(79.2, 81.6, 192.8);
  --bs-btn-focus-shadow-rgb: 122, 125, 243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(79.2, 81.6, 192.8);
  --bs-btn-active-border-color: rgb(74.25, 76.5, 180.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6366f1;
  --bs-btn-disabled-border-color: #6366f1;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #6366f1;
  --bs-btn-border-color: #6366f1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6366f1;
  --bs-btn-hover-border-color: #6366f1;
  --bs-btn-focus-shadow-rgb: 99, 102, 241;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6366f1;
  --bs-btn-active-border-color: #6366f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6366f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6366f1;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --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: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --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: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 122, 125, 243;
  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: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #6366f1;
  --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: #6c757d;
  --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;
  text-decoration: none;
  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);
  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: #fff;
  --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: #fff;
  --bs-dropdown-link-active-bg: #6366f1;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  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);
  text-decoration: none;
  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);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}
.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: #fff;
  --bs-nav-pills-link-active-bg: #6366f1;
}
.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%2833, 37, 41, 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);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.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: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --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-border-color-translucent);
  --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-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  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 + .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='%23212529' 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='rgb%2839.6, 40.8, 96.4%29' 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(99, 102, 241, 0.25);
  --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='rgb%28161.4, 163.2, 246.6%29'%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='rgb%28161.4, 163.2, 246.6%29'%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;
  --bs-breadcrumb-margin-bottom: 1rem;
  --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(99, 102, 241, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #6366f1;
  --bs-pagination-active-border-color: #6366f1;
  --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);
  text-decoration: none;
  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);
  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: #fff;
  --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: #fff;
  --bs-progress-bar-bg: #6366f1;
  --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: #fff;
  --bs-list-group-active-bg: #6366f1;
  --bs-list-group-active-border-color: #6366f1;
  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);
  text-decoration: none;
  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: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 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(99, 102, 241, 0.25);
  --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.375rem;
  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;
  -webkit-user-select: none;
     -moz-user-select: 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: -moz-max-content;
  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: #000;
  --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: 276px;
  --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: #fff;
  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: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 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='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.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='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.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='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 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: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --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%);
  }
  .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%);
  }
  .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%);
  }
  .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%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .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: #000;
}
.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 {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !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(79, 82, 193, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(79, 82, 193, 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(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, 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(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, 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(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, 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(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, 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(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, 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(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, 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.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
     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 {
  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: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.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: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
       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 {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       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: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .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: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       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: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .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: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       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: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .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: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       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: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .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: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       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: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .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: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         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;
  }
}
/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url(/fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47) format("woff2"), url(/fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47) format("woff");
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-123::before {
  content: "\f67f";
}
.bi-alarm-fill::before {
  content: "\f101";
}
.bi-alarm::before {
  content: "\f102";
}
.bi-align-bottom::before {
  content: "\f103";
}
.bi-align-center::before {
  content: "\f104";
}
.bi-align-end::before {
  content: "\f105";
}
.bi-align-middle::before {
  content: "\f106";
}
.bi-align-start::before {
  content: "\f107";
}
.bi-align-top::before {
  content: "\f108";
}
.bi-alt::before {
  content: "\f109";
}
.bi-app-indicator::before {
  content: "\f10a";
}
.bi-app::before {
  content: "\f10b";
}
.bi-archive-fill::before {
  content: "\f10c";
}
.bi-archive::before {
  content: "\f10d";
}
.bi-arrow-90deg-down::before {
  content: "\f10e";
}
.bi-arrow-90deg-left::before {
  content: "\f10f";
}
.bi-arrow-90deg-right::before {
  content: "\f110";
}
.bi-arrow-90deg-up::before {
  content: "\f111";
}
.bi-arrow-bar-down::before {
  content: "\f112";
}
.bi-arrow-bar-left::before {
  content: "\f113";
}
.bi-arrow-bar-right::before {
  content: "\f114";
}
.bi-arrow-bar-up::before {
  content: "\f115";
}
.bi-arrow-clockwise::before {
  content: "\f116";
}
.bi-arrow-counterclockwise::before {
  content: "\f117";
}
.bi-arrow-down-circle-fill::before {
  content: "\f118";
}
.bi-arrow-down-circle::before {
  content: "\f119";
}
.bi-arrow-down-left-circle-fill::before {
  content: "\f11a";
}
.bi-arrow-down-left-circle::before {
  content: "\f11b";
}
.bi-arrow-down-left-square-fill::before {
  content: "\f11c";
}
.bi-arrow-down-left-square::before {
  content: "\f11d";
}
.bi-arrow-down-left::before {
  content: "\f11e";
}
.bi-arrow-down-right-circle-fill::before {
  content: "\f11f";
}
.bi-arrow-down-right-circle::before {
  content: "\f120";
}
.bi-arrow-down-right-square-fill::before {
  content: "\f121";
}
.bi-arrow-down-right-square::before {
  content: "\f122";
}
.bi-arrow-down-right::before {
  content: "\f123";
}
.bi-arrow-down-short::before {
  content: "\f124";
}
.bi-arrow-down-square-fill::before {
  content: "\f125";
}
.bi-arrow-down-square::before {
  content: "\f126";
}
.bi-arrow-down-up::before {
  content: "\f127";
}
.bi-arrow-down::before {
  content: "\f128";
}
.bi-arrow-left-circle-fill::before {
  content: "\f129";
}
.bi-arrow-left-circle::before {
  content: "\f12a";
}
.bi-arrow-left-right::before {
  content: "\f12b";
}
.bi-arrow-left-short::before {
  content: "\f12c";
}
.bi-arrow-left-square-fill::before {
  content: "\f12d";
}
.bi-arrow-left-square::before {
  content: "\f12e";
}
.bi-arrow-left::before {
  content: "\f12f";
}
.bi-arrow-repeat::before {
  content: "\f130";
}
.bi-arrow-return-left::before {
  content: "\f131";
}
.bi-arrow-return-right::before {
  content: "\f132";
}
.bi-arrow-right-circle-fill::before {
  content: "\f133";
}
.bi-arrow-right-circle::before {
  content: "\f134";
}
.bi-arrow-right-short::before {
  content: "\f135";
}
.bi-arrow-right-square-fill::before {
  content: "\f136";
}
.bi-arrow-right-square::before {
  content: "\f137";
}
.bi-arrow-right::before {
  content: "\f138";
}
.bi-arrow-up-circle-fill::before {
  content: "\f139";
}
.bi-arrow-up-circle::before {
  content: "\f13a";
}
.bi-arrow-up-left-circle-fill::before {
  content: "\f13b";
}
.bi-arrow-up-left-circle::before {
  content: "\f13c";
}
.bi-arrow-up-left-square-fill::before {
  content: "\f13d";
}
.bi-arrow-up-left-square::before {
  content: "\f13e";
}
.bi-arrow-up-left::before {
  content: "\f13f";
}
.bi-arrow-up-right-circle-fill::before {
  content: "\f140";
}
.bi-arrow-up-right-circle::before {
  content: "\f141";
}
.bi-arrow-up-right-square-fill::before {
  content: "\f142";
}
.bi-arrow-up-right-square::before {
  content: "\f143";
}
.bi-arrow-up-right::before {
  content: "\f144";
}
.bi-arrow-up-short::before {
  content: "\f145";
}
.bi-arrow-up-square-fill::before {
  content: "\f146";
}
.bi-arrow-up-square::before {
  content: "\f147";
}
.bi-arrow-up::before {
  content: "\f148";
}
.bi-arrows-angle-contract::before {
  content: "\f149";
}
.bi-arrows-angle-expand::before {
  content: "\f14a";
}
.bi-arrows-collapse::before {
  content: "\f14b";
}
.bi-arrows-expand::before {
  content: "\f14c";
}
.bi-arrows-fullscreen::before {
  content: "\f14d";
}
.bi-arrows-move::before {
  content: "\f14e";
}
.bi-aspect-ratio-fill::before {
  content: "\f14f";
}
.bi-aspect-ratio::before {
  content: "\f150";
}
.bi-asterisk::before {
  content: "\f151";
}
.bi-at::before {
  content: "\f152";
}
.bi-award-fill::before {
  content: "\f153";
}
.bi-award::before {
  content: "\f154";
}
.bi-back::before {
  content: "\f155";
}
.bi-backspace-fill::before {
  content: "\f156";
}
.bi-backspace-reverse-fill::before {
  content: "\f157";
}
.bi-backspace-reverse::before {
  content: "\f158";
}
.bi-backspace::before {
  content: "\f159";
}
.bi-badge-3d-fill::before {
  content: "\f15a";
}
.bi-badge-3d::before {
  content: "\f15b";
}
.bi-badge-4k-fill::before {
  content: "\f15c";
}
.bi-badge-4k::before {
  content: "\f15d";
}
.bi-badge-8k-fill::before {
  content: "\f15e";
}
.bi-badge-8k::before {
  content: "\f15f";
}
.bi-badge-ad-fill::before {
  content: "\f160";
}
.bi-badge-ad::before {
  content: "\f161";
}
.bi-badge-ar-fill::before {
  content: "\f162";
}
.bi-badge-ar::before {
  content: "\f163";
}
.bi-badge-cc-fill::before {
  content: "\f164";
}
.bi-badge-cc::before {
  content: "\f165";
}
.bi-badge-hd-fill::before {
  content: "\f166";
}
.bi-badge-hd::before {
  content: "\f167";
}
.bi-badge-tm-fill::before {
  content: "\f168";
}
.bi-badge-tm::before {
  content: "\f169";
}
.bi-badge-vo-fill::before {
  content: "\f16a";
}
.bi-badge-vo::before {
  content: "\f16b";
}
.bi-badge-vr-fill::before {
  content: "\f16c";
}
.bi-badge-vr::before {
  content: "\f16d";
}
.bi-badge-wc-fill::before {
  content: "\f16e";
}
.bi-badge-wc::before {
  content: "\f16f";
}
.bi-bag-check-fill::before {
  content: "\f170";
}
.bi-bag-check::before {
  content: "\f171";
}
.bi-bag-dash-fill::before {
  content: "\f172";
}
.bi-bag-dash::before {
  content: "\f173";
}
.bi-bag-fill::before {
  content: "\f174";
}
.bi-bag-plus-fill::before {
  content: "\f175";
}
.bi-bag-plus::before {
  content: "\f176";
}
.bi-bag-x-fill::before {
  content: "\f177";
}
.bi-bag-x::before {
  content: "\f178";
}
.bi-bag::before {
  content: "\f179";
}
.bi-bar-chart-fill::before {
  content: "\f17a";
}
.bi-bar-chart-line-fill::before {
  content: "\f17b";
}
.bi-bar-chart-line::before {
  content: "\f17c";
}
.bi-bar-chart-steps::before {
  content: "\f17d";
}
.bi-bar-chart::before {
  content: "\f17e";
}
.bi-basket-fill::before {
  content: "\f17f";
}
.bi-basket::before {
  content: "\f180";
}
.bi-basket2-fill::before {
  content: "\f181";
}
.bi-basket2::before {
  content: "\f182";
}
.bi-basket3-fill::before {
  content: "\f183";
}
.bi-basket3::before {
  content: "\f184";
}
.bi-battery-charging::before {
  content: "\f185";
}
.bi-battery-full::before {
  content: "\f186";
}
.bi-battery-half::before {
  content: "\f187";
}
.bi-battery::before {
  content: "\f188";
}
.bi-bell-fill::before {
  content: "\f189";
}
.bi-bell::before {
  content: "\f18a";
}
.bi-bezier::before {
  content: "\f18b";
}
.bi-bezier2::before {
  content: "\f18c";
}
.bi-bicycle::before {
  content: "\f18d";
}
.bi-binoculars-fill::before {
  content: "\f18e";
}
.bi-binoculars::before {
  content: "\f18f";
}
.bi-blockquote-left::before {
  content: "\f190";
}
.bi-blockquote-right::before {
  content: "\f191";
}
.bi-book-fill::before {
  content: "\f192";
}
.bi-book-half::before {
  content: "\f193";
}
.bi-book::before {
  content: "\f194";
}
.bi-bookmark-check-fill::before {
  content: "\f195";
}
.bi-bookmark-check::before {
  content: "\f196";
}
.bi-bookmark-dash-fill::before {
  content: "\f197";
}
.bi-bookmark-dash::before {
  content: "\f198";
}
.bi-bookmark-fill::before {
  content: "\f199";
}
.bi-bookmark-heart-fill::before {
  content: "\f19a";
}
.bi-bookmark-heart::before {
  content: "\f19b";
}
.bi-bookmark-plus-fill::before {
  content: "\f19c";
}
.bi-bookmark-plus::before {
  content: "\f19d";
}
.bi-bookmark-star-fill::before {
  content: "\f19e";
}
.bi-bookmark-star::before {
  content: "\f19f";
}
.bi-bookmark-x-fill::before {
  content: "\f1a0";
}
.bi-bookmark-x::before {
  content: "\f1a1";
}
.bi-bookmark::before {
  content: "\f1a2";
}
.bi-bookmarks-fill::before {
  content: "\f1a3";
}
.bi-bookmarks::before {
  content: "\f1a4";
}
.bi-bookshelf::before {
  content: "\f1a5";
}
.bi-bootstrap-fill::before {
  content: "\f1a6";
}
.bi-bootstrap-reboot::before {
  content: "\f1a7";
}
.bi-bootstrap::before {
  content: "\f1a8";
}
.bi-border-all::before {
  content: "\f1a9";
}
.bi-border-bottom::before {
  content: "\f1aa";
}
.bi-border-center::before {
  content: "\f1ab";
}
.bi-border-inner::before {
  content: "\f1ac";
}
.bi-border-left::before {
  content: "\f1ad";
}
.bi-border-middle::before {
  content: "\f1ae";
}
.bi-border-outer::before {
  content: "\f1af";
}
.bi-border-right::before {
  content: "\f1b0";
}
.bi-border-style::before {
  content: "\f1b1";
}
.bi-border-top::before {
  content: "\f1b2";
}
.bi-border-width::before {
  content: "\f1b3";
}
.bi-border::before {
  content: "\f1b4";
}
.bi-bounding-box-circles::before {
  content: "\f1b5";
}
.bi-bounding-box::before {
  content: "\f1b6";
}
.bi-box-arrow-down-left::before {
  content: "\f1b7";
}
.bi-box-arrow-down-right::before {
  content: "\f1b8";
}
.bi-box-arrow-down::before {
  content: "\f1b9";
}
.bi-box-arrow-in-down-left::before {
  content: "\f1ba";
}
.bi-box-arrow-in-down-right::before {
  content: "\f1bb";
}
.bi-box-arrow-in-down::before {
  content: "\f1bc";
}
.bi-box-arrow-in-left::before {
  content: "\f1bd";
}
.bi-box-arrow-in-right::before {
  content: "\f1be";
}
.bi-box-arrow-in-up-left::before {
  content: "\f1bf";
}
.bi-box-arrow-in-up-right::before {
  content: "\f1c0";
}
.bi-box-arrow-in-up::before {
  content: "\f1c1";
}
.bi-box-arrow-left::before {
  content: "\f1c2";
}
.bi-box-arrow-right::before {
  content: "\f1c3";
}
.bi-box-arrow-up-left::before {
  content: "\f1c4";
}
.bi-box-arrow-up-right::before {
  content: "\f1c5";
}
.bi-box-arrow-up::before {
  content: "\f1c6";
}
.bi-box-seam::before {
  content: "\f1c7";
}
.bi-box::before {
  content: "\f1c8";
}
.bi-braces::before {
  content: "\f1c9";
}
.bi-bricks::before {
  content: "\f1ca";
}
.bi-briefcase-fill::before {
  content: "\f1cb";
}
.bi-briefcase::before {
  content: "\f1cc";
}
.bi-brightness-alt-high-fill::before {
  content: "\f1cd";
}
.bi-brightness-alt-high::before {
  content: "\f1ce";
}
.bi-brightness-alt-low-fill::before {
  content: "\f1cf";
}
.bi-brightness-alt-low::before {
  content: "\f1d0";
}
.bi-brightness-high-fill::before {
  content: "\f1d1";
}
.bi-brightness-high::before {
  content: "\f1d2";
}
.bi-brightness-low-fill::before {
  content: "\f1d3";
}
.bi-brightness-low::before {
  content: "\f1d4";
}
.bi-broadcast-pin::before {
  content: "\f1d5";
}
.bi-broadcast::before {
  content: "\f1d6";
}
.bi-brush-fill::before {
  content: "\f1d7";
}
.bi-brush::before {
  content: "\f1d8";
}
.bi-bucket-fill::before {
  content: "\f1d9";
}
.bi-bucket::before {
  content: "\f1da";
}
.bi-bug-fill::before {
  content: "\f1db";
}
.bi-bug::before {
  content: "\f1dc";
}
.bi-building::before {
  content: "\f1dd";
}
.bi-bullseye::before {
  content: "\f1de";
}
.bi-calculator-fill::before {
  content: "\f1df";
}
.bi-calculator::before {
  content: "\f1e0";
}
.bi-calendar-check-fill::before {
  content: "\f1e1";
}
.bi-calendar-check::before {
  content: "\f1e2";
}
.bi-calendar-date-fill::before {
  content: "\f1e3";
}
.bi-calendar-date::before {
  content: "\f1e4";
}
.bi-calendar-day-fill::before {
  content: "\f1e5";
}
.bi-calendar-day::before {
  content: "\f1e6";
}
.bi-calendar-event-fill::before {
  content: "\f1e7";
}
.bi-calendar-event::before {
  content: "\f1e8";
}
.bi-calendar-fill::before {
  content: "\f1e9";
}
.bi-calendar-minus-fill::before {
  content: "\f1ea";
}
.bi-calendar-minus::before {
  content: "\f1eb";
}
.bi-calendar-month-fill::before {
  content: "\f1ec";
}
.bi-calendar-month::before {
  content: "\f1ed";
}
.bi-calendar-plus-fill::before {
  content: "\f1ee";
}
.bi-calendar-plus::before {
  content: "\f1ef";
}
.bi-calendar-range-fill::before {
  content: "\f1f0";
}
.bi-calendar-range::before {
  content: "\f1f1";
}
.bi-calendar-week-fill::before {
  content: "\f1f2";
}
.bi-calendar-week::before {
  content: "\f1f3";
}
.bi-calendar-x-fill::before {
  content: "\f1f4";
}
.bi-calendar-x::before {
  content: "\f1f5";
}
.bi-calendar::before {
  content: "\f1f6";
}
.bi-calendar2-check-fill::before {
  content: "\f1f7";
}
.bi-calendar2-check::before {
  content: "\f1f8";
}
.bi-calendar2-date-fill::before {
  content: "\f1f9";
}
.bi-calendar2-date::before {
  content: "\f1fa";
}
.bi-calendar2-day-fill::before {
  content: "\f1fb";
}
.bi-calendar2-day::before {
  content: "\f1fc";
}
.bi-calendar2-event-fill::before {
  content: "\f1fd";
}
.bi-calendar2-event::before {
  content: "\f1fe";
}
.bi-calendar2-fill::before {
  content: "\f1ff";
}
.bi-calendar2-minus-fill::before {
  content: "\f200";
}
.bi-calendar2-minus::before {
  content: "\f201";
}
.bi-calendar2-month-fill::before {
  content: "\f202";
}
.bi-calendar2-month::before {
  content: "\f203";
}
.bi-calendar2-plus-fill::before {
  content: "\f204";
}
.bi-calendar2-plus::before {
  content: "\f205";
}
.bi-calendar2-range-fill::before {
  content: "\f206";
}
.bi-calendar2-range::before {
  content: "\f207";
}
.bi-calendar2-week-fill::before {
  content: "\f208";
}
.bi-calendar2-week::before {
  content: "\f209";
}
.bi-calendar2-x-fill::before {
  content: "\f20a";
}
.bi-calendar2-x::before {
  content: "\f20b";
}
.bi-calendar2::before {
  content: "\f20c";
}
.bi-calendar3-event-fill::before {
  content: "\f20d";
}
.bi-calendar3-event::before {
  content: "\f20e";
}
.bi-calendar3-fill::before {
  content: "\f20f";
}
.bi-calendar3-range-fill::before {
  content: "\f210";
}
.bi-calendar3-range::before {
  content: "\f211";
}
.bi-calendar3-week-fill::before {
  content: "\f212";
}
.bi-calendar3-week::before {
  content: "\f213";
}
.bi-calendar3::before {
  content: "\f214";
}
.bi-calendar4-event::before {
  content: "\f215";
}
.bi-calendar4-range::before {
  content: "\f216";
}
.bi-calendar4-week::before {
  content: "\f217";
}
.bi-calendar4::before {
  content: "\f218";
}
.bi-camera-fill::before {
  content: "\f219";
}
.bi-camera-reels-fill::before {
  content: "\f21a";
}
.bi-camera-reels::before {
  content: "\f21b";
}
.bi-camera-video-fill::before {
  content: "\f21c";
}
.bi-camera-video-off-fill::before {
  content: "\f21d";
}
.bi-camera-video-off::before {
  content: "\f21e";
}
.bi-camera-video::before {
  content: "\f21f";
}
.bi-camera::before {
  content: "\f220";
}
.bi-camera2::before {
  content: "\f221";
}
.bi-capslock-fill::before {
  content: "\f222";
}
.bi-capslock::before {
  content: "\f223";
}
.bi-card-checklist::before {
  content: "\f224";
}
.bi-card-heading::before {
  content: "\f225";
}
.bi-card-image::before {
  content: "\f226";
}
.bi-card-list::before {
  content: "\f227";
}
.bi-card-text::before {
  content: "\f228";
}
.bi-caret-down-fill::before {
  content: "\f229";
}
.bi-caret-down-square-fill::before {
  content: "\f22a";
}
.bi-caret-down-square::before {
  content: "\f22b";
}
.bi-caret-down::before {
  content: "\f22c";
}
.bi-caret-left-fill::before {
  content: "\f22d";
}
.bi-caret-left-square-fill::before {
  content: "\f22e";
}
.bi-caret-left-square::before {
  content: "\f22f";
}
.bi-caret-left::before {
  content: "\f230";
}
.bi-caret-right-fill::before {
  content: "\f231";
}
.bi-caret-right-square-fill::before {
  content: "\f232";
}
.bi-caret-right-square::before {
  content: "\f233";
}
.bi-caret-right::before {
  content: "\f234";
}
.bi-caret-up-fill::before {
  content: "\f235";
}
.bi-caret-up-square-fill::before {
  content: "\f236";
}
.bi-caret-up-square::before {
  content: "\f237";
}
.bi-caret-up::before {
  content: "\f238";
}
.bi-cart-check-fill::before {
  content: "\f239";
}
.bi-cart-check::before {
  content: "\f23a";
}
.bi-cart-dash-fill::before {
  content: "\f23b";
}
.bi-cart-dash::before {
  content: "\f23c";
}
.bi-cart-fill::before {
  content: "\f23d";
}
.bi-cart-plus-fill::before {
  content: "\f23e";
}
.bi-cart-plus::before {
  content: "\f23f";
}
.bi-cart-x-fill::before {
  content: "\f240";
}
.bi-cart-x::before {
  content: "\f241";
}
.bi-cart::before {
  content: "\f242";
}
.bi-cart2::before {
  content: "\f243";
}
.bi-cart3::before {
  content: "\f244";
}
.bi-cart4::before {
  content: "\f245";
}
.bi-cash-stack::before {
  content: "\f246";
}
.bi-cash::before {
  content: "\f247";
}
.bi-cast::before {
  content: "\f248";
}
.bi-chat-dots-fill::before {
  content: "\f249";
}
.bi-chat-dots::before {
  content: "\f24a";
}
.bi-chat-fill::before {
  content: "\f24b";
}
.bi-chat-left-dots-fill::before {
  content: "\f24c";
}
.bi-chat-left-dots::before {
  content: "\f24d";
}
.bi-chat-left-fill::before {
  content: "\f24e";
}
.bi-chat-left-quote-fill::before {
  content: "\f24f";
}
.bi-chat-left-quote::before {
  content: "\f250";
}
.bi-chat-left-text-fill::before {
  content: "\f251";
}
.bi-chat-left-text::before {
  content: "\f252";
}
.bi-chat-left::before {
  content: "\f253";
}
.bi-chat-quote-fill::before {
  content: "\f254";
}
.bi-chat-quote::before {
  content: "\f255";
}
.bi-chat-right-dots-fill::before {
  content: "\f256";
}
.bi-chat-right-dots::before {
  content: "\f257";
}
.bi-chat-right-fill::before {
  content: "\f258";
}
.bi-chat-right-quote-fill::before {
  content: "\f259";
}
.bi-chat-right-quote::before {
  content: "\f25a";
}
.bi-chat-right-text-fill::before {
  content: "\f25b";
}
.bi-chat-right-text::before {
  content: "\f25c";
}
.bi-chat-right::before {
  content: "\f25d";
}
.bi-chat-square-dots-fill::before {
  content: "\f25e";
}
.bi-chat-square-dots::before {
  content: "\f25f";
}
.bi-chat-square-fill::before {
  content: "\f260";
}
.bi-chat-square-quote-fill::before {
  content: "\f261";
}
.bi-chat-square-quote::before {
  content: "\f262";
}
.bi-chat-square-text-fill::before {
  content: "\f263";
}
.bi-chat-square-text::before {
  content: "\f264";
}
.bi-chat-square::before {
  content: "\f265";
}
.bi-chat-text-fill::before {
  content: "\f266";
}
.bi-chat-text::before {
  content: "\f267";
}
.bi-chat::before {
  content: "\f268";
}
.bi-check-all::before {
  content: "\f269";
}
.bi-check-circle-fill::before {
  content: "\f26a";
}
.bi-check-circle::before {
  content: "\f26b";
}
.bi-check-square-fill::before {
  content: "\f26c";
}
.bi-check-square::before {
  content: "\f26d";
}
.bi-check::before {
  content: "\f26e";
}
.bi-check2-all::before {
  content: "\f26f";
}
.bi-check2-circle::before {
  content: "\f270";
}
.bi-check2-square::before {
  content: "\f271";
}
.bi-check2::before {
  content: "\f272";
}
.bi-chevron-bar-contract::before {
  content: "\f273";
}
.bi-chevron-bar-down::before {
  content: "\f274";
}
.bi-chevron-bar-expand::before {
  content: "\f275";
}
.bi-chevron-bar-left::before {
  content: "\f276";
}
.bi-chevron-bar-right::before {
  content: "\f277";
}
.bi-chevron-bar-up::before {
  content: "\f278";
}
.bi-chevron-compact-down::before {
  content: "\f279";
}
.bi-chevron-compact-left::before {
  content: "\f27a";
}
.bi-chevron-compact-right::before {
  content: "\f27b";
}
.bi-chevron-compact-up::before {
  content: "\f27c";
}
.bi-chevron-contract::before {
  content: "\f27d";
}
.bi-chevron-double-down::before {
  content: "\f27e";
}
.bi-chevron-double-left::before {
  content: "\f27f";
}
.bi-chevron-double-right::before {
  content: "\f280";
}
.bi-chevron-double-up::before {
  content: "\f281";
}
.bi-chevron-down::before {
  content: "\f282";
}
.bi-chevron-expand::before {
  content: "\f283";
}
.bi-chevron-left::before {
  content: "\f284";
}
.bi-chevron-right::before {
  content: "\f285";
}
.bi-chevron-up::before {
  content: "\f286";
}
.bi-circle-fill::before {
  content: "\f287";
}
.bi-circle-half::before {
  content: "\f288";
}
.bi-circle-square::before {
  content: "\f289";
}
.bi-circle::before {
  content: "\f28a";
}
.bi-clipboard-check::before {
  content: "\f28b";
}
.bi-clipboard-data::before {
  content: "\f28c";
}
.bi-clipboard-minus::before {
  content: "\f28d";
}
.bi-clipboard-plus::before {
  content: "\f28e";
}
.bi-clipboard-x::before {
  content: "\f28f";
}
.bi-clipboard::before {
  content: "\f290";
}
.bi-clock-fill::before {
  content: "\f291";
}
.bi-clock-history::before {
  content: "\f292";
}
.bi-clock::before {
  content: "\f293";
}
.bi-cloud-arrow-down-fill::before {
  content: "\f294";
}
.bi-cloud-arrow-down::before {
  content: "\f295";
}
.bi-cloud-arrow-up-fill::before {
  content: "\f296";
}
.bi-cloud-arrow-up::before {
  content: "\f297";
}
.bi-cloud-check-fill::before {
  content: "\f298";
}
.bi-cloud-check::before {
  content: "\f299";
}
.bi-cloud-download-fill::before {
  content: "\f29a";
}
.bi-cloud-download::before {
  content: "\f29b";
}
.bi-cloud-drizzle-fill::before {
  content: "\f29c";
}
.bi-cloud-drizzle::before {
  content: "\f29d";
}
.bi-cloud-fill::before {
  content: "\f29e";
}
.bi-cloud-fog-fill::before {
  content: "\f29f";
}
.bi-cloud-fog::before {
  content: "\f2a0";
}
.bi-cloud-fog2-fill::before {
  content: "\f2a1";
}
.bi-cloud-fog2::before {
  content: "\f2a2";
}
.bi-cloud-hail-fill::before {
  content: "\f2a3";
}
.bi-cloud-hail::before {
  content: "\f2a4";
}
.bi-cloud-haze-fill::before {
  content: "\f2a6";
}
.bi-cloud-haze::before {
  content: "\f2a7";
}
.bi-cloud-haze2-fill::before {
  content: "\f2a8";
}
.bi-cloud-lightning-fill::before {
  content: "\f2a9";
}
.bi-cloud-lightning-rain-fill::before {
  content: "\f2aa";
}
.bi-cloud-lightning-rain::before {
  content: "\f2ab";
}
.bi-cloud-lightning::before {
  content: "\f2ac";
}
.bi-cloud-minus-fill::before {
  content: "\f2ad";
}
.bi-cloud-minus::before {
  content: "\f2ae";
}
.bi-cloud-moon-fill::before {
  content: "\f2af";
}
.bi-cloud-moon::before {
  content: "\f2b0";
}
.bi-cloud-plus-fill::before {
  content: "\f2b1";
}
.bi-cloud-plus::before {
  content: "\f2b2";
}
.bi-cloud-rain-fill::before {
  content: "\f2b3";
}
.bi-cloud-rain-heavy-fill::before {
  content: "\f2b4";
}
.bi-cloud-rain-heavy::before {
  content: "\f2b5";
}
.bi-cloud-rain::before {
  content: "\f2b6";
}
.bi-cloud-slash-fill::before {
  content: "\f2b7";
}
.bi-cloud-slash::before {
  content: "\f2b8";
}
.bi-cloud-sleet-fill::before {
  content: "\f2b9";
}
.bi-cloud-sleet::before {
  content: "\f2ba";
}
.bi-cloud-snow-fill::before {
  content: "\f2bb";
}
.bi-cloud-snow::before {
  content: "\f2bc";
}
.bi-cloud-sun-fill::before {
  content: "\f2bd";
}
.bi-cloud-sun::before {
  content: "\f2be";
}
.bi-cloud-upload-fill::before {
  content: "\f2bf";
}
.bi-cloud-upload::before {
  content: "\f2c0";
}
.bi-cloud::before {
  content: "\f2c1";
}
.bi-clouds-fill::before {
  content: "\f2c2";
}
.bi-clouds::before {
  content: "\f2c3";
}
.bi-cloudy-fill::before {
  content: "\f2c4";
}
.bi-cloudy::before {
  content: "\f2c5";
}
.bi-code-slash::before {
  content: "\f2c6";
}
.bi-code-square::before {
  content: "\f2c7";
}
.bi-code::before {
  content: "\f2c8";
}
.bi-collection-fill::before {
  content: "\f2c9";
}
.bi-collection-play-fill::before {
  content: "\f2ca";
}
.bi-collection-play::before {
  content: "\f2cb";
}
.bi-collection::before {
  content: "\f2cc";
}
.bi-columns-gap::before {
  content: "\f2cd";
}
.bi-columns::before {
  content: "\f2ce";
}
.bi-command::before {
  content: "\f2cf";
}
.bi-compass-fill::before {
  content: "\f2d0";
}
.bi-compass::before {
  content: "\f2d1";
}
.bi-cone-striped::before {
  content: "\f2d2";
}
.bi-cone::before {
  content: "\f2d3";
}
.bi-controller::before {
  content: "\f2d4";
}
.bi-cpu-fill::before {
  content: "\f2d5";
}
.bi-cpu::before {
  content: "\f2d6";
}
.bi-credit-card-2-back-fill::before {
  content: "\f2d7";
}
.bi-credit-card-2-back::before {
  content: "\f2d8";
}
.bi-credit-card-2-front-fill::before {
  content: "\f2d9";
}
.bi-credit-card-2-front::before {
  content: "\f2da";
}
.bi-credit-card-fill::before {
  content: "\f2db";
}
.bi-credit-card::before {
  content: "\f2dc";
}
.bi-crop::before {
  content: "\f2dd";
}
.bi-cup-fill::before {
  content: "\f2de";
}
.bi-cup-straw::before {
  content: "\f2df";
}
.bi-cup::before {
  content: "\f2e0";
}
.bi-cursor-fill::before {
  content: "\f2e1";
}
.bi-cursor-text::before {
  content: "\f2e2";
}
.bi-cursor::before {
  content: "\f2e3";
}
.bi-dash-circle-dotted::before {
  content: "\f2e4";
}
.bi-dash-circle-fill::before {
  content: "\f2e5";
}
.bi-dash-circle::before {
  content: "\f2e6";
}
.bi-dash-square-dotted::before {
  content: "\f2e7";
}
.bi-dash-square-fill::before {
  content: "\f2e8";
}
.bi-dash-square::before {
  content: "\f2e9";
}
.bi-dash::before {
  content: "\f2ea";
}
.bi-diagram-2-fill::before {
  content: "\f2eb";
}
.bi-diagram-2::before {
  content: "\f2ec";
}
.bi-diagram-3-fill::before {
  content: "\f2ed";
}
.bi-diagram-3::before {
  content: "\f2ee";
}
.bi-diamond-fill::before {
  content: "\f2ef";
}
.bi-diamond-half::before {
  content: "\f2f0";
}
.bi-diamond::before {
  content: "\f2f1";
}
.bi-dice-1-fill::before {
  content: "\f2f2";
}
.bi-dice-1::before {
  content: "\f2f3";
}
.bi-dice-2-fill::before {
  content: "\f2f4";
}
.bi-dice-2::before {
  content: "\f2f5";
}
.bi-dice-3-fill::before {
  content: "\f2f6";
}
.bi-dice-3::before {
  content: "\f2f7";
}
.bi-dice-4-fill::before {
  content: "\f2f8";
}
.bi-dice-4::before {
  content: "\f2f9";
}
.bi-dice-5-fill::before {
  content: "\f2fa";
}
.bi-dice-5::before {
  content: "\f2fb";
}
.bi-dice-6-fill::before {
  content: "\f2fc";
}
.bi-dice-6::before {
  content: "\f2fd";
}
.bi-disc-fill::before {
  content: "\f2fe";
}
.bi-disc::before {
  content: "\f2ff";
}
.bi-discord::before {
  content: "\f300";
}
.bi-display-fill::before {
  content: "\f301";
}
.bi-display::before {
  content: "\f302";
}
.bi-distribute-horizontal::before {
  content: "\f303";
}
.bi-distribute-vertical::before {
  content: "\f304";
}
.bi-door-closed-fill::before {
  content: "\f305";
}
.bi-door-closed::before {
  content: "\f306";
}
.bi-door-open-fill::before {
  content: "\f307";
}
.bi-door-open::before {
  content: "\f308";
}
.bi-dot::before {
  content: "\f309";
}
.bi-download::before {
  content: "\f30a";
}
.bi-droplet-fill::before {
  content: "\f30b";
}
.bi-droplet-half::before {
  content: "\f30c";
}
.bi-droplet::before {
  content: "\f30d";
}
.bi-earbuds::before {
  content: "\f30e";
}
.bi-easel-fill::before {
  content: "\f30f";
}
.bi-easel::before {
  content: "\f310";
}
.bi-egg-fill::before {
  content: "\f311";
}
.bi-egg-fried::before {
  content: "\f312";
}
.bi-egg::before {
  content: "\f313";
}
.bi-eject-fill::before {
  content: "\f314";
}
.bi-eject::before {
  content: "\f315";
}
.bi-emoji-angry-fill::before {
  content: "\f316";
}
.bi-emoji-angry::before {
  content: "\f317";
}
.bi-emoji-dizzy-fill::before {
  content: "\f318";
}
.bi-emoji-dizzy::before {
  content: "\f319";
}
.bi-emoji-expressionless-fill::before {
  content: "\f31a";
}
.bi-emoji-expressionless::before {
  content: "\f31b";
}
.bi-emoji-frown-fill::before {
  content: "\f31c";
}
.bi-emoji-frown::before {
  content: "\f31d";
}
.bi-emoji-heart-eyes-fill::before {
  content: "\f31e";
}
.bi-emoji-heart-eyes::before {
  content: "\f31f";
}
.bi-emoji-laughing-fill::before {
  content: "\f320";
}
.bi-emoji-laughing::before {
  content: "\f321";
}
.bi-emoji-neutral-fill::before {
  content: "\f322";
}
.bi-emoji-neutral::before {
  content: "\f323";
}
.bi-emoji-smile-fill::before {
  content: "\f324";
}
.bi-emoji-smile-upside-down-fill::before {
  content: "\f325";
}
.bi-emoji-smile-upside-down::before {
  content: "\f326";
}
.bi-emoji-smile::before {
  content: "\f327";
}
.bi-emoji-sunglasses-fill::before {
  content: "\f328";
}
.bi-emoji-sunglasses::before {
  content: "\f329";
}
.bi-emoji-wink-fill::before {
  content: "\f32a";
}
.bi-emoji-wink::before {
  content: "\f32b";
}
.bi-envelope-fill::before {
  content: "\f32c";
}
.bi-envelope-open-fill::before {
  content: "\f32d";
}
.bi-envelope-open::before {
  content: "\f32e";
}
.bi-envelope::before {
  content: "\f32f";
}
.bi-eraser-fill::before {
  content: "\f330";
}
.bi-eraser::before {
  content: "\f331";
}
.bi-exclamation-circle-fill::before {
  content: "\f332";
}
.bi-exclamation-circle::before {
  content: "\f333";
}
.bi-exclamation-diamond-fill::before {
  content: "\f334";
}
.bi-exclamation-diamond::before {
  content: "\f335";
}
.bi-exclamation-octagon-fill::before {
  content: "\f336";
}
.bi-exclamation-octagon::before {
  content: "\f337";
}
.bi-exclamation-square-fill::before {
  content: "\f338";
}
.bi-exclamation-square::before {
  content: "\f339";
}
.bi-exclamation-triangle-fill::before {
  content: "\f33a";
}
.bi-exclamation-triangle::before {
  content: "\f33b";
}
.bi-exclamation::before {
  content: "\f33c";
}
.bi-exclude::before {
  content: "\f33d";
}
.bi-eye-fill::before {
  content: "\f33e";
}
.bi-eye-slash-fill::before {
  content: "\f33f";
}
.bi-eye-slash::before {
  content: "\f340";
}
.bi-eye::before {
  content: "\f341";
}
.bi-eyedropper::before {
  content: "\f342";
}
.bi-eyeglasses::before {
  content: "\f343";
}
.bi-facebook::before {
  content: "\f344";
}
.bi-file-arrow-down-fill::before {
  content: "\f345";
}
.bi-file-arrow-down::before {
  content: "\f346";
}
.bi-file-arrow-up-fill::before {
  content: "\f347";
}
.bi-file-arrow-up::before {
  content: "\f348";
}
.bi-file-bar-graph-fill::before {
  content: "\f349";
}
.bi-file-bar-graph::before {
  content: "\f34a";
}
.bi-file-binary-fill::before {
  content: "\f34b";
}
.bi-file-binary::before {
  content: "\f34c";
}
.bi-file-break-fill::before {
  content: "\f34d";
}
.bi-file-break::before {
  content: "\f34e";
}
.bi-file-check-fill::before {
  content: "\f34f";
}
.bi-file-check::before {
  content: "\f350";
}
.bi-file-code-fill::before {
  content: "\f351";
}
.bi-file-code::before {
  content: "\f352";
}
.bi-file-diff-fill::before {
  content: "\f353";
}
.bi-file-diff::before {
  content: "\f354";
}
.bi-file-earmark-arrow-down-fill::before {
  content: "\f355";
}
.bi-file-earmark-arrow-down::before {
  content: "\f356";
}
.bi-file-earmark-arrow-up-fill::before {
  content: "\f357";
}
.bi-file-earmark-arrow-up::before {
  content: "\f358";
}
.bi-file-earmark-bar-graph-fill::before {
  content: "\f359";
}
.bi-file-earmark-bar-graph::before {
  content: "\f35a";
}
.bi-file-earmark-binary-fill::before {
  content: "\f35b";
}
.bi-file-earmark-binary::before {
  content: "\f35c";
}
.bi-file-earmark-break-fill::before {
  content: "\f35d";
}
.bi-file-earmark-break::before {
  content: "\f35e";
}
.bi-file-earmark-check-fill::before {
  content: "\f35f";
}
.bi-file-earmark-check::before {
  content: "\f360";
}
.bi-file-earmark-code-fill::before {
  content: "\f361";
}
.bi-file-earmark-code::before {
  content: "\f362";
}
.bi-file-earmark-diff-fill::before {
  content: "\f363";
}
.bi-file-earmark-diff::before {
  content: "\f364";
}
.bi-file-earmark-easel-fill::before {
  content: "\f365";
}
.bi-file-earmark-easel::before {
  content: "\f366";
}
.bi-file-earmark-excel-fill::before {
  content: "\f367";
}
.bi-file-earmark-excel::before {
  content: "\f368";
}
.bi-file-earmark-fill::before {
  content: "\f369";
}
.bi-file-earmark-font-fill::before {
  content: "\f36a";
}
.bi-file-earmark-font::before {
  content: "\f36b";
}
.bi-file-earmark-image-fill::before {
  content: "\f36c";
}
.bi-file-earmark-image::before {
  content: "\f36d";
}
.bi-file-earmark-lock-fill::before {
  content: "\f36e";
}
.bi-file-earmark-lock::before {
  content: "\f36f";
}
.bi-file-earmark-lock2-fill::before {
  content: "\f370";
}
.bi-file-earmark-lock2::before {
  content: "\f371";
}
.bi-file-earmark-medical-fill::before {
  content: "\f372";
}
.bi-file-earmark-medical::before {
  content: "\f373";
}
.bi-file-earmark-minus-fill::before {
  content: "\f374";
}
.bi-file-earmark-minus::before {
  content: "\f375";
}
.bi-file-earmark-music-fill::before {
  content: "\f376";
}
.bi-file-earmark-music::before {
  content: "\f377";
}
.bi-file-earmark-person-fill::before {
  content: "\f378";
}
.bi-file-earmark-person::before {
  content: "\f379";
}
.bi-file-earmark-play-fill::before {
  content: "\f37a";
}
.bi-file-earmark-play::before {
  content: "\f37b";
}
.bi-file-earmark-plus-fill::before {
  content: "\f37c";
}
.bi-file-earmark-plus::before {
  content: "\f37d";
}
.bi-file-earmark-post-fill::before {
  content: "\f37e";
}
.bi-file-earmark-post::before {
  content: "\f37f";
}
.bi-file-earmark-ppt-fill::before {
  content: "\f380";
}
.bi-file-earmark-ppt::before {
  content: "\f381";
}
.bi-file-earmark-richtext-fill::before {
  content: "\f382";
}
.bi-file-earmark-richtext::before {
  content: "\f383";
}
.bi-file-earmark-ruled-fill::before {
  content: "\f384";
}
.bi-file-earmark-ruled::before {
  content: "\f385";
}
.bi-file-earmark-slides-fill::before {
  content: "\f386";
}
.bi-file-earmark-slides::before {
  content: "\f387";
}
.bi-file-earmark-spreadsheet-fill::before {
  content: "\f388";
}
.bi-file-earmark-spreadsheet::before {
  content: "\f389";
}
.bi-file-earmark-text-fill::before {
  content: "\f38a";
}
.bi-file-earmark-text::before {
  content: "\f38b";
}
.bi-file-earmark-word-fill::before {
  content: "\f38c";
}
.bi-file-earmark-word::before {
  content: "\f38d";
}
.bi-file-earmark-x-fill::before {
  content: "\f38e";
}
.bi-file-earmark-x::before {
  content: "\f38f";
}
.bi-file-earmark-zip-fill::before {
  content: "\f390";
}
.bi-file-earmark-zip::before {
  content: "\f391";
}
.bi-file-earmark::before {
  content: "\f392";
}
.bi-file-easel-fill::before {
  content: "\f393";
}
.bi-file-easel::before {
  content: "\f394";
}
.bi-file-excel-fill::before {
  content: "\f395";
}
.bi-file-excel::before {
  content: "\f396";
}
.bi-file-fill::before {
  content: "\f397";
}
.bi-file-font-fill::before {
  content: "\f398";
}
.bi-file-font::before {
  content: "\f399";
}
.bi-file-image-fill::before {
  content: "\f39a";
}
.bi-file-image::before {
  content: "\f39b";
}
.bi-file-lock-fill::before {
  content: "\f39c";
}
.bi-file-lock::before {
  content: "\f39d";
}
.bi-file-lock2-fill::before {
  content: "\f39e";
}
.bi-file-lock2::before {
  content: "\f39f";
}
.bi-file-medical-fill::before {
  content: "\f3a0";
}
.bi-file-medical::before {
  content: "\f3a1";
}
.bi-file-minus-fill::before {
  content: "\f3a2";
}
.bi-file-minus::before {
  content: "\f3a3";
}
.bi-file-music-fill::before {
  content: "\f3a4";
}
.bi-file-music::before {
  content: "\f3a5";
}
.bi-file-person-fill::before {
  content: "\f3a6";
}
.bi-file-person::before {
  content: "\f3a7";
}
.bi-file-play-fill::before {
  content: "\f3a8";
}
.bi-file-play::before {
  content: "\f3a9";
}
.bi-file-plus-fill::before {
  content: "\f3aa";
}
.bi-file-plus::before {
  content: "\f3ab";
}
.bi-file-post-fill::before {
  content: "\f3ac";
}
.bi-file-post::before {
  content: "\f3ad";
}
.bi-file-ppt-fill::before {
  content: "\f3ae";
}
.bi-file-ppt::before {
  content: "\f3af";
}
.bi-file-richtext-fill::before {
  content: "\f3b0";
}
.bi-file-richtext::before {
  content: "\f3b1";
}
.bi-file-ruled-fill::before {
  content: "\f3b2";
}
.bi-file-ruled::before {
  content: "\f3b3";
}
.bi-file-slides-fill::before {
  content: "\f3b4";
}
.bi-file-slides::before {
  content: "\f3b5";
}
.bi-file-spreadsheet-fill::before {
  content: "\f3b6";
}
.bi-file-spreadsheet::before {
  content: "\f3b7";
}
.bi-file-text-fill::before {
  content: "\f3b8";
}
.bi-file-text::before {
  content: "\f3b9";
}
.bi-file-word-fill::before {
  content: "\f3ba";
}
.bi-file-word::before {
  content: "\f3bb";
}
.bi-file-x-fill::before {
  content: "\f3bc";
}
.bi-file-x::before {
  content: "\f3bd";
}
.bi-file-zip-fill::before {
  content: "\f3be";
}
.bi-file-zip::before {
  content: "\f3bf";
}
.bi-file::before {
  content: "\f3c0";
}
.bi-files-alt::before {
  content: "\f3c1";
}
.bi-files::before {
  content: "\f3c2";
}
.bi-film::before {
  content: "\f3c3";
}
.bi-filter-circle-fill::before {
  content: "\f3c4";
}
.bi-filter-circle::before {
  content: "\f3c5";
}
.bi-filter-left::before {
  content: "\f3c6";
}
.bi-filter-right::before {
  content: "\f3c7";
}
.bi-filter-square-fill::before {
  content: "\f3c8";
}
.bi-filter-square::before {
  content: "\f3c9";
}
.bi-filter::before {
  content: "\f3ca";
}
.bi-flag-fill::before {
  content: "\f3cb";
}
.bi-flag::before {
  content: "\f3cc";
}
.bi-flower1::before {
  content: "\f3cd";
}
.bi-flower2::before {
  content: "\f3ce";
}
.bi-flower3::before {
  content: "\f3cf";
}
.bi-folder-check::before {
  content: "\f3d0";
}
.bi-folder-fill::before {
  content: "\f3d1";
}
.bi-folder-minus::before {
  content: "\f3d2";
}
.bi-folder-plus::before {
  content: "\f3d3";
}
.bi-folder-symlink-fill::before {
  content: "\f3d4";
}
.bi-folder-symlink::before {
  content: "\f3d5";
}
.bi-folder-x::before {
  content: "\f3d6";
}
.bi-folder::before {
  content: "\f3d7";
}
.bi-folder2-open::before {
  content: "\f3d8";
}
.bi-folder2::before {
  content: "\f3d9";
}
.bi-fonts::before {
  content: "\f3da";
}
.bi-forward-fill::before {
  content: "\f3db";
}
.bi-forward::before {
  content: "\f3dc";
}
.bi-front::before {
  content: "\f3dd";
}
.bi-fullscreen-exit::before {
  content: "\f3de";
}
.bi-fullscreen::before {
  content: "\f3df";
}
.bi-funnel-fill::before {
  content: "\f3e0";
}
.bi-funnel::before {
  content: "\f3e1";
}
.bi-gear-fill::before {
  content: "\f3e2";
}
.bi-gear-wide-connected::before {
  content: "\f3e3";
}
.bi-gear-wide::before {
  content: "\f3e4";
}
.bi-gear::before {
  content: "\f3e5";
}
.bi-gem::before {
  content: "\f3e6";
}
.bi-geo-alt-fill::before {
  content: "\f3e7";
}
.bi-geo-alt::before {
  content: "\f3e8";
}
.bi-geo-fill::before {
  content: "\f3e9";
}
.bi-geo::before {
  content: "\f3ea";
}
.bi-gift-fill::before {
  content: "\f3eb";
}
.bi-gift::before {
  content: "\f3ec";
}
.bi-github::before {
  content: "\f3ed";
}
.bi-globe::before {
  content: "\f3ee";
}
.bi-globe2::before {
  content: "\f3ef";
}
.bi-google::before {
  content: "\f3f0";
}
.bi-graph-down::before {
  content: "\f3f1";
}
.bi-graph-up::before {
  content: "\f3f2";
}
.bi-grid-1x2-fill::before {
  content: "\f3f3";
}
.bi-grid-1x2::before {
  content: "\f3f4";
}
.bi-grid-3x2-gap-fill::before {
  content: "\f3f5";
}
.bi-grid-3x2-gap::before {
  content: "\f3f6";
}
.bi-grid-3x2::before {
  content: "\f3f7";
}
.bi-grid-3x3-gap-fill::before {
  content: "\f3f8";
}
.bi-grid-3x3-gap::before {
  content: "\f3f9";
}
.bi-grid-3x3::before {
  content: "\f3fa";
}
.bi-grid-fill::before {
  content: "\f3fb";
}
.bi-grid::before {
  content: "\f3fc";
}
.bi-grip-horizontal::before {
  content: "\f3fd";
}
.bi-grip-vertical::before {
  content: "\f3fe";
}
.bi-hammer::before {
  content: "\f3ff";
}
.bi-hand-index-fill::before {
  content: "\f400";
}
.bi-hand-index-thumb-fill::before {
  content: "\f401";
}
.bi-hand-index-thumb::before {
  content: "\f402";
}
.bi-hand-index::before {
  content: "\f403";
}
.bi-hand-thumbs-down-fill::before {
  content: "\f404";
}
.bi-hand-thumbs-down::before {
  content: "\f405";
}
.bi-hand-thumbs-up-fill::before {
  content: "\f406";
}
.bi-hand-thumbs-up::before {
  content: "\f407";
}
.bi-handbag-fill::before {
  content: "\f408";
}
.bi-handbag::before {
  content: "\f409";
}
.bi-hash::before {
  content: "\f40a";
}
.bi-hdd-fill::before {
  content: "\f40b";
}
.bi-hdd-network-fill::before {
  content: "\f40c";
}
.bi-hdd-network::before {
  content: "\f40d";
}
.bi-hdd-rack-fill::before {
  content: "\f40e";
}
.bi-hdd-rack::before {
  content: "\f40f";
}
.bi-hdd-stack-fill::before {
  content: "\f410";
}
.bi-hdd-stack::before {
  content: "\f411";
}
.bi-hdd::before {
  content: "\f412";
}
.bi-headphones::before {
  content: "\f413";
}
.bi-headset::before {
  content: "\f414";
}
.bi-heart-fill::before {
  content: "\f415";
}
.bi-heart-half::before {
  content: "\f416";
}
.bi-heart::before {
  content: "\f417";
}
.bi-heptagon-fill::before {
  content: "\f418";
}
.bi-heptagon-half::before {
  content: "\f419";
}
.bi-heptagon::before {
  content: "\f41a";
}
.bi-hexagon-fill::before {
  content: "\f41b";
}
.bi-hexagon-half::before {
  content: "\f41c";
}
.bi-hexagon::before {
  content: "\f41d";
}
.bi-hourglass-bottom::before {
  content: "\f41e";
}
.bi-hourglass-split::before {
  content: "\f41f";
}
.bi-hourglass-top::before {
  content: "\f420";
}
.bi-hourglass::before {
  content: "\f421";
}
.bi-house-door-fill::before {
  content: "\f422";
}
.bi-house-door::before {
  content: "\f423";
}
.bi-house-fill::before {
  content: "\f424";
}
.bi-house::before {
  content: "\f425";
}
.bi-hr::before {
  content: "\f426";
}
.bi-hurricane::before {
  content: "\f427";
}
.bi-image-alt::before {
  content: "\f428";
}
.bi-image-fill::before {
  content: "\f429";
}
.bi-image::before {
  content: "\f42a";
}
.bi-images::before {
  content: "\f42b";
}
.bi-inbox-fill::before {
  content: "\f42c";
}
.bi-inbox::before {
  content: "\f42d";
}
.bi-inboxes-fill::before {
  content: "\f42e";
}
.bi-inboxes::before {
  content: "\f42f";
}
.bi-info-circle-fill::before {
  content: "\f430";
}
.bi-info-circle::before {
  content: "\f431";
}
.bi-info-square-fill::before {
  content: "\f432";
}
.bi-info-square::before {
  content: "\f433";
}
.bi-info::before {
  content: "\f434";
}
.bi-input-cursor-text::before {
  content: "\f435";
}
.bi-input-cursor::before {
  content: "\f436";
}
.bi-instagram::before {
  content: "\f437";
}
.bi-intersect::before {
  content: "\f438";
}
.bi-journal-album::before {
  content: "\f439";
}
.bi-journal-arrow-down::before {
  content: "\f43a";
}
.bi-journal-arrow-up::before {
  content: "\f43b";
}
.bi-journal-bookmark-fill::before {
  content: "\f43c";
}
.bi-journal-bookmark::before {
  content: "\f43d";
}
.bi-journal-check::before {
  content: "\f43e";
}
.bi-journal-code::before {
  content: "\f43f";
}
.bi-journal-medical::before {
  content: "\f440";
}
.bi-journal-minus::before {
  content: "\f441";
}
.bi-journal-plus::before {
  content: "\f442";
}
.bi-journal-richtext::before {
  content: "\f443";
}
.bi-journal-text::before {
  content: "\f444";
}
.bi-journal-x::before {
  content: "\f445";
}
.bi-journal::before {
  content: "\f446";
}
.bi-journals::before {
  content: "\f447";
}
.bi-joystick::before {
  content: "\f448";
}
.bi-justify-left::before {
  content: "\f449";
}
.bi-justify-right::before {
  content: "\f44a";
}
.bi-justify::before {
  content: "\f44b";
}
.bi-kanban-fill::before {
  content: "\f44c";
}
.bi-kanban::before {
  content: "\f44d";
}
.bi-key-fill::before {
  content: "\f44e";
}
.bi-key::before {
  content: "\f44f";
}
.bi-keyboard-fill::before {
  content: "\f450";
}
.bi-keyboard::before {
  content: "\f451";
}
.bi-ladder::before {
  content: "\f452";
}
.bi-lamp-fill::before {
  content: "\f453";
}
.bi-lamp::before {
  content: "\f454";
}
.bi-laptop-fill::before {
  content: "\f455";
}
.bi-laptop::before {
  content: "\f456";
}
.bi-layer-backward::before {
  content: "\f457";
}
.bi-layer-forward::before {
  content: "\f458";
}
.bi-layers-fill::before {
  content: "\f459";
}
.bi-layers-half::before {
  content: "\f45a";
}
.bi-layers::before {
  content: "\f45b";
}
.bi-layout-sidebar-inset-reverse::before {
  content: "\f45c";
}
.bi-layout-sidebar-inset::before {
  content: "\f45d";
}
.bi-layout-sidebar-reverse::before {
  content: "\f45e";
}
.bi-layout-sidebar::before {
  content: "\f45f";
}
.bi-layout-split::before {
  content: "\f460";
}
.bi-layout-text-sidebar-reverse::before {
  content: "\f461";
}
.bi-layout-text-sidebar::before {
  content: "\f462";
}
.bi-layout-text-window-reverse::before {
  content: "\f463";
}
.bi-layout-text-window::before {
  content: "\f464";
}
.bi-layout-three-columns::before {
  content: "\f465";
}
.bi-layout-wtf::before {
  content: "\f466";
}
.bi-life-preserver::before {
  content: "\f467";
}
.bi-lightbulb-fill::before {
  content: "\f468";
}
.bi-lightbulb-off-fill::before {
  content: "\f469";
}
.bi-lightbulb-off::before {
  content: "\f46a";
}
.bi-lightbulb::before {
  content: "\f46b";
}
.bi-lightning-charge-fill::before {
  content: "\f46c";
}
.bi-lightning-charge::before {
  content: "\f46d";
}
.bi-lightning-fill::before {
  content: "\f46e";
}
.bi-lightning::before {
  content: "\f46f";
}
.bi-link-45deg::before {
  content: "\f470";
}
.bi-link::before {
  content: "\f471";
}
.bi-linkedin::before {
  content: "\f472";
}
.bi-list-check::before {
  content: "\f473";
}
.bi-list-nested::before {
  content: "\f474";
}
.bi-list-ol::before {
  content: "\f475";
}
.bi-list-stars::before {
  content: "\f476";
}
.bi-list-task::before {
  content: "\f477";
}
.bi-list-ul::before {
  content: "\f478";
}
.bi-list::before {
  content: "\f479";
}
.bi-lock-fill::before {
  content: "\f47a";
}
.bi-lock::before {
  content: "\f47b";
}
.bi-mailbox::before {
  content: "\f47c";
}
.bi-mailbox2::before {
  content: "\f47d";
}
.bi-map-fill::before {
  content: "\f47e";
}
.bi-map::before {
  content: "\f47f";
}
.bi-markdown-fill::before {
  content: "\f480";
}
.bi-markdown::before {
  content: "\f481";
}
.bi-mask::before {
  content: "\f482";
}
.bi-megaphone-fill::before {
  content: "\f483";
}
.bi-megaphone::before {
  content: "\f484";
}
.bi-menu-app-fill::before {
  content: "\f485";
}
.bi-menu-app::before {
  content: "\f486";
}
.bi-menu-button-fill::before {
  content: "\f487";
}
.bi-menu-button-wide-fill::before {
  content: "\f488";
}
.bi-menu-button-wide::before {
  content: "\f489";
}
.bi-menu-button::before {
  content: "\f48a";
}
.bi-menu-down::before {
  content: "\f48b";
}
.bi-menu-up::before {
  content: "\f48c";
}
.bi-mic-fill::before {
  content: "\f48d";
}
.bi-mic-mute-fill::before {
  content: "\f48e";
}
.bi-mic-mute::before {
  content: "\f48f";
}
.bi-mic::before {
  content: "\f490";
}
.bi-minecart-loaded::before {
  content: "\f491";
}
.bi-minecart::before {
  content: "\f492";
}
.bi-moisture::before {
  content: "\f493";
}
.bi-moon-fill::before {
  content: "\f494";
}
.bi-moon-stars-fill::before {
  content: "\f495";
}
.bi-moon-stars::before {
  content: "\f496";
}
.bi-moon::before {
  content: "\f497";
}
.bi-mouse-fill::before {
  content: "\f498";
}
.bi-mouse::before {
  content: "\f499";
}
.bi-mouse2-fill::before {
  content: "\f49a";
}
.bi-mouse2::before {
  content: "\f49b";
}
.bi-mouse3-fill::before {
  content: "\f49c";
}
.bi-mouse3::before {
  content: "\f49d";
}
.bi-music-note-beamed::before {
  content: "\f49e";
}
.bi-music-note-list::before {
  content: "\f49f";
}
.bi-music-note::before {
  content: "\f4a0";
}
.bi-music-player-fill::before {
  content: "\f4a1";
}
.bi-music-player::before {
  content: "\f4a2";
}
.bi-newspaper::before {
  content: "\f4a3";
}
.bi-node-minus-fill::before {
  content: "\f4a4";
}
.bi-node-minus::before {
  content: "\f4a5";
}
.bi-node-plus-fill::before {
  content: "\f4a6";
}
.bi-node-plus::before {
  content: "\f4a7";
}
.bi-nut-fill::before {
  content: "\f4a8";
}
.bi-nut::before {
  content: "\f4a9";
}
.bi-octagon-fill::before {
  content: "\f4aa";
}
.bi-octagon-half::before {
  content: "\f4ab";
}
.bi-octagon::before {
  content: "\f4ac";
}
.bi-option::before {
  content: "\f4ad";
}
.bi-outlet::before {
  content: "\f4ae";
}
.bi-paint-bucket::before {
  content: "\f4af";
}
.bi-palette-fill::before {
  content: "\f4b0";
}
.bi-palette::before {
  content: "\f4b1";
}
.bi-palette2::before {
  content: "\f4b2";
}
.bi-paperclip::before {
  content: "\f4b3";
}
.bi-paragraph::before {
  content: "\f4b4";
}
.bi-patch-check-fill::before {
  content: "\f4b5";
}
.bi-patch-check::before {
  content: "\f4b6";
}
.bi-patch-exclamation-fill::before {
  content: "\f4b7";
}
.bi-patch-exclamation::before {
  content: "\f4b8";
}
.bi-patch-minus-fill::before {
  content: "\f4b9";
}
.bi-patch-minus::before {
  content: "\f4ba";
}
.bi-patch-plus-fill::before {
  content: "\f4bb";
}
.bi-patch-plus::before {
  content: "\f4bc";
}
.bi-patch-question-fill::before {
  content: "\f4bd";
}
.bi-patch-question::before {
  content: "\f4be";
}
.bi-pause-btn-fill::before {
  content: "\f4bf";
}
.bi-pause-btn::before {
  content: "\f4c0";
}
.bi-pause-circle-fill::before {
  content: "\f4c1";
}
.bi-pause-circle::before {
  content: "\f4c2";
}
.bi-pause-fill::before {
  content: "\f4c3";
}
.bi-pause::before {
  content: "\f4c4";
}
.bi-peace-fill::before {
  content: "\f4c5";
}
.bi-peace::before {
  content: "\f4c6";
}
.bi-pen-fill::before {
  content: "\f4c7";
}
.bi-pen::before {
  content: "\f4c8";
}
.bi-pencil-fill::before {
  content: "\f4c9";
}
.bi-pencil-square::before {
  content: "\f4ca";
}
.bi-pencil::before {
  content: "\f4cb";
}
.bi-pentagon-fill::before {
  content: "\f4cc";
}
.bi-pentagon-half::before {
  content: "\f4cd";
}
.bi-pentagon::before {
  content: "\f4ce";
}
.bi-people-fill::before {
  content: "\f4cf";
}
.bi-people::before {
  content: "\f4d0";
}
.bi-percent::before {
  content: "\f4d1";
}
.bi-person-badge-fill::before {
  content: "\f4d2";
}
.bi-person-badge::before {
  content: "\f4d3";
}
.bi-person-bounding-box::before {
  content: "\f4d4";
}
.bi-person-check-fill::before {
  content: "\f4d5";
}
.bi-person-check::before {
  content: "\f4d6";
}
.bi-person-circle::before {
  content: "\f4d7";
}
.bi-person-dash-fill::before {
  content: "\f4d8";
}
.bi-person-dash::before {
  content: "\f4d9";
}
.bi-person-fill::before {
  content: "\f4da";
}
.bi-person-lines-fill::before {
  content: "\f4db";
}
.bi-person-plus-fill::before {
  content: "\f4dc";
}
.bi-person-plus::before {
  content: "\f4dd";
}
.bi-person-square::before {
  content: "\f4de";
}
.bi-person-x-fill::before {
  content: "\f4df";
}
.bi-person-x::before {
  content: "\f4e0";
}
.bi-person::before {
  content: "\f4e1";
}
.bi-phone-fill::before {
  content: "\f4e2";
}
.bi-phone-landscape-fill::before {
  content: "\f4e3";
}
.bi-phone-landscape::before {
  content: "\f4e4";
}
.bi-phone-vibrate-fill::before {
  content: "\f4e5";
}
.bi-phone-vibrate::before {
  content: "\f4e6";
}
.bi-phone::before {
  content: "\f4e7";
}
.bi-pie-chart-fill::before {
  content: "\f4e8";
}
.bi-pie-chart::before {
  content: "\f4e9";
}
.bi-pin-angle-fill::before {
  content: "\f4ea";
}
.bi-pin-angle::before {
  content: "\f4eb";
}
.bi-pin-fill::before {
  content: "\f4ec";
}
.bi-pin::before {
  content: "\f4ed";
}
.bi-pip-fill::before {
  content: "\f4ee";
}
.bi-pip::before {
  content: "\f4ef";
}
.bi-play-btn-fill::before {
  content: "\f4f0";
}
.bi-play-btn::before {
  content: "\f4f1";
}
.bi-play-circle-fill::before {
  content: "\f4f2";
}
.bi-play-circle::before {
  content: "\f4f3";
}
.bi-play-fill::before {
  content: "\f4f4";
}
.bi-play::before {
  content: "\f4f5";
}
.bi-plug-fill::before {
  content: "\f4f6";
}
.bi-plug::before {
  content: "\f4f7";
}
.bi-plus-circle-dotted::before {
  content: "\f4f8";
}
.bi-plus-circle-fill::before {
  content: "\f4f9";
}
.bi-plus-circle::before {
  content: "\f4fa";
}
.bi-plus-square-dotted::before {
  content: "\f4fb";
}
.bi-plus-square-fill::before {
  content: "\f4fc";
}
.bi-plus-square::before {
  content: "\f4fd";
}
.bi-plus::before {
  content: "\f4fe";
}
.bi-power::before {
  content: "\f4ff";
}
.bi-printer-fill::before {
  content: "\f500";
}
.bi-printer::before {
  content: "\f501";
}
.bi-puzzle-fill::before {
  content: "\f502";
}
.bi-puzzle::before {
  content: "\f503";
}
.bi-question-circle-fill::before {
  content: "\f504";
}
.bi-question-circle::before {
  content: "\f505";
}
.bi-question-diamond-fill::before {
  content: "\f506";
}
.bi-question-diamond::before {
  content: "\f507";
}
.bi-question-octagon-fill::before {
  content: "\f508";
}
.bi-question-octagon::before {
  content: "\f509";
}
.bi-question-square-fill::before {
  content: "\f50a";
}
.bi-question-square::before {
  content: "\f50b";
}
.bi-question::before {
  content: "\f50c";
}
.bi-rainbow::before {
  content: "\f50d";
}
.bi-receipt-cutoff::before {
  content: "\f50e";
}
.bi-receipt::before {
  content: "\f50f";
}
.bi-reception-0::before {
  content: "\f510";
}
.bi-reception-1::before {
  content: "\f511";
}
.bi-reception-2::before {
  content: "\f512";
}
.bi-reception-3::before {
  content: "\f513";
}
.bi-reception-4::before {
  content: "\f514";
}
.bi-record-btn-fill::before {
  content: "\f515";
}
.bi-record-btn::before {
  content: "\f516";
}
.bi-record-circle-fill::before {
  content: "\f517";
}
.bi-record-circle::before {
  content: "\f518";
}
.bi-record-fill::before {
  content: "\f519";
}
.bi-record::before {
  content: "\f51a";
}
.bi-record2-fill::before {
  content: "\f51b";
}
.bi-record2::before {
  content: "\f51c";
}
.bi-reply-all-fill::before {
  content: "\f51d";
}
.bi-reply-all::before {
  content: "\f51e";
}
.bi-reply-fill::before {
  content: "\f51f";
}
.bi-reply::before {
  content: "\f520";
}
.bi-rss-fill::before {
  content: "\f521";
}
.bi-rss::before {
  content: "\f522";
}
.bi-rulers::before {
  content: "\f523";
}
.bi-save-fill::before {
  content: "\f524";
}
.bi-save::before {
  content: "\f525";
}
.bi-save2-fill::before {
  content: "\f526";
}
.bi-save2::before {
  content: "\f527";
}
.bi-scissors::before {
  content: "\f528";
}
.bi-screwdriver::before {
  content: "\f529";
}
.bi-search::before {
  content: "\f52a";
}
.bi-segmented-nav::before {
  content: "\f52b";
}
.bi-server::before {
  content: "\f52c";
}
.bi-share-fill::before {
  content: "\f52d";
}
.bi-share::before {
  content: "\f52e";
}
.bi-shield-check::before {
  content: "\f52f";
}
.bi-shield-exclamation::before {
  content: "\f530";
}
.bi-shield-fill-check::before {
  content: "\f531";
}
.bi-shield-fill-exclamation::before {
  content: "\f532";
}
.bi-shield-fill-minus::before {
  content: "\f533";
}
.bi-shield-fill-plus::before {
  content: "\f534";
}
.bi-shield-fill-x::before {
  content: "\f535";
}
.bi-shield-fill::before {
  content: "\f536";
}
.bi-shield-lock-fill::before {
  content: "\f537";
}
.bi-shield-lock::before {
  content: "\f538";
}
.bi-shield-minus::before {
  content: "\f539";
}
.bi-shield-plus::before {
  content: "\f53a";
}
.bi-shield-shaded::before {
  content: "\f53b";
}
.bi-shield-slash-fill::before {
  content: "\f53c";
}
.bi-shield-slash::before {
  content: "\f53d";
}
.bi-shield-x::before {
  content: "\f53e";
}
.bi-shield::before {
  content: "\f53f";
}
.bi-shift-fill::before {
  content: "\f540";
}
.bi-shift::before {
  content: "\f541";
}
.bi-shop-window::before {
  content: "\f542";
}
.bi-shop::before {
  content: "\f543";
}
.bi-shuffle::before {
  content: "\f544";
}
.bi-signpost-2-fill::before {
  content: "\f545";
}
.bi-signpost-2::before {
  content: "\f546";
}
.bi-signpost-fill::before {
  content: "\f547";
}
.bi-signpost-split-fill::before {
  content: "\f548";
}
.bi-signpost-split::before {
  content: "\f549";
}
.bi-signpost::before {
  content: "\f54a";
}
.bi-sim-fill::before {
  content: "\f54b";
}
.bi-sim::before {
  content: "\f54c";
}
.bi-skip-backward-btn-fill::before {
  content: "\f54d";
}
.bi-skip-backward-btn::before {
  content: "\f54e";
}
.bi-skip-backward-circle-fill::before {
  content: "\f54f";
}
.bi-skip-backward-circle::before {
  content: "\f550";
}
.bi-skip-backward-fill::before {
  content: "\f551";
}
.bi-skip-backward::before {
  content: "\f552";
}
.bi-skip-end-btn-fill::before {
  content: "\f553";
}
.bi-skip-end-btn::before {
  content: "\f554";
}
.bi-skip-end-circle-fill::before {
  content: "\f555";
}
.bi-skip-end-circle::before {
  content: "\f556";
}
.bi-skip-end-fill::before {
  content: "\f557";
}
.bi-skip-end::before {
  content: "\f558";
}
.bi-skip-forward-btn-fill::before {
  content: "\f559";
}
.bi-skip-forward-btn::before {
  content: "\f55a";
}
.bi-skip-forward-circle-fill::before {
  content: "\f55b";
}
.bi-skip-forward-circle::before {
  content: "\f55c";
}
.bi-skip-forward-fill::before {
  content: "\f55d";
}
.bi-skip-forward::before {
  content: "\f55e";
}
.bi-skip-start-btn-fill::before {
  content: "\f55f";
}
.bi-skip-start-btn::before {
  content: "\f560";
}
.bi-skip-start-circle-fill::before {
  content: "\f561";
}
.bi-skip-start-circle::before {
  content: "\f562";
}
.bi-skip-start-fill::before {
  content: "\f563";
}
.bi-skip-start::before {
  content: "\f564";
}
.bi-slack::before {
  content: "\f565";
}
.bi-slash-circle-fill::before {
  content: "\f566";
}
.bi-slash-circle::before {
  content: "\f567";
}
.bi-slash-square-fill::before {
  content: "\f568";
}
.bi-slash-square::before {
  content: "\f569";
}
.bi-slash::before {
  content: "\f56a";
}
.bi-sliders::before {
  content: "\f56b";
}
.bi-smartwatch::before {
  content: "\f56c";
}
.bi-snow::before {
  content: "\f56d";
}
.bi-snow2::before {
  content: "\f56e";
}
.bi-snow3::before {
  content: "\f56f";
}
.bi-sort-alpha-down-alt::before {
  content: "\f570";
}
.bi-sort-alpha-down::before {
  content: "\f571";
}
.bi-sort-alpha-up-alt::before {
  content: "\f572";
}
.bi-sort-alpha-up::before {
  content: "\f573";
}
.bi-sort-down-alt::before {
  content: "\f574";
}
.bi-sort-down::before {
  content: "\f575";
}
.bi-sort-numeric-down-alt::before {
  content: "\f576";
}
.bi-sort-numeric-down::before {
  content: "\f577";
}
.bi-sort-numeric-up-alt::before {
  content: "\f578";
}
.bi-sort-numeric-up::before {
  content: "\f579";
}
.bi-sort-up-alt::before {
  content: "\f57a";
}
.bi-sort-up::before {
  content: "\f57b";
}
.bi-soundwave::before {
  content: "\f57c";
}
.bi-speaker-fill::before {
  content: "\f57d";
}
.bi-speaker::before {
  content: "\f57e";
}
.bi-speedometer::before {
  content: "\f57f";
}
.bi-speedometer2::before {
  content: "\f580";
}
.bi-spellcheck::before {
  content: "\f581";
}
.bi-square-fill::before {
  content: "\f582";
}
.bi-square-half::before {
  content: "\f583";
}
.bi-square::before {
  content: "\f584";
}
.bi-stack::before {
  content: "\f585";
}
.bi-star-fill::before {
  content: "\f586";
}
.bi-star-half::before {
  content: "\f587";
}
.bi-star::before {
  content: "\f588";
}
.bi-stars::before {
  content: "\f589";
}
.bi-stickies-fill::before {
  content: "\f58a";
}
.bi-stickies::before {
  content: "\f58b";
}
.bi-sticky-fill::before {
  content: "\f58c";
}
.bi-sticky::before {
  content: "\f58d";
}
.bi-stop-btn-fill::before {
  content: "\f58e";
}
.bi-stop-btn::before {
  content: "\f58f";
}
.bi-stop-circle-fill::before {
  content: "\f590";
}
.bi-stop-circle::before {
  content: "\f591";
}
.bi-stop-fill::before {
  content: "\f592";
}
.bi-stop::before {
  content: "\f593";
}
.bi-stoplights-fill::before {
  content: "\f594";
}
.bi-stoplights::before {
  content: "\f595";
}
.bi-stopwatch-fill::before {
  content: "\f596";
}
.bi-stopwatch::before {
  content: "\f597";
}
.bi-subtract::before {
  content: "\f598";
}
.bi-suit-club-fill::before {
  content: "\f599";
}
.bi-suit-club::before {
  content: "\f59a";
}
.bi-suit-diamond-fill::before {
  content: "\f59b";
}
.bi-suit-diamond::before {
  content: "\f59c";
}
.bi-suit-heart-fill::before {
  content: "\f59d";
}
.bi-suit-heart::before {
  content: "\f59e";
}
.bi-suit-spade-fill::before {
  content: "\f59f";
}
.bi-suit-spade::before {
  content: "\f5a0";
}
.bi-sun-fill::before {
  content: "\f5a1";
}
.bi-sun::before {
  content: "\f5a2";
}
.bi-sunglasses::before {
  content: "\f5a3";
}
.bi-sunrise-fill::before {
  content: "\f5a4";
}
.bi-sunrise::before {
  content: "\f5a5";
}
.bi-sunset-fill::before {
  content: "\f5a6";
}
.bi-sunset::before {
  content: "\f5a7";
}
.bi-symmetry-horizontal::before {
  content: "\f5a8";
}
.bi-symmetry-vertical::before {
  content: "\f5a9";
}
.bi-table::before {
  content: "\f5aa";
}
.bi-tablet-fill::before {
  content: "\f5ab";
}
.bi-tablet-landscape-fill::before {
  content: "\f5ac";
}
.bi-tablet-landscape::before {
  content: "\f5ad";
}
.bi-tablet::before {
  content: "\f5ae";
}
.bi-tag-fill::before {
  content: "\f5af";
}
.bi-tag::before {
  content: "\f5b0";
}
.bi-tags-fill::before {
  content: "\f5b1";
}
.bi-tags::before {
  content: "\f5b2";
}
.bi-telegram::before {
  content: "\f5b3";
}
.bi-telephone-fill::before {
  content: "\f5b4";
}
.bi-telephone-forward-fill::before {
  content: "\f5b5";
}
.bi-telephone-forward::before {
  content: "\f5b6";
}
.bi-telephone-inbound-fill::before {
  content: "\f5b7";
}
.bi-telephone-inbound::before {
  content: "\f5b8";
}
.bi-telephone-minus-fill::before {
  content: "\f5b9";
}
.bi-telephone-minus::before {
  content: "\f5ba";
}
.bi-telephone-outbound-fill::before {
  content: "\f5bb";
}
.bi-telephone-outbound::before {
  content: "\f5bc";
}
.bi-telephone-plus-fill::before {
  content: "\f5bd";
}
.bi-telephone-plus::before {
  content: "\f5be";
}
.bi-telephone-x-fill::before {
  content: "\f5bf";
}
.bi-telephone-x::before {
  content: "\f5c0";
}
.bi-telephone::before {
  content: "\f5c1";
}
.bi-terminal-fill::before {
  content: "\f5c2";
}
.bi-terminal::before {
  content: "\f5c3";
}
.bi-text-center::before {
  content: "\f5c4";
}
.bi-text-indent-left::before {
  content: "\f5c5";
}
.bi-text-indent-right::before {
  content: "\f5c6";
}
.bi-text-left::before {
  content: "\f5c7";
}
.bi-text-paragraph::before {
  content: "\f5c8";
}
.bi-text-right::before {
  content: "\f5c9";
}
.bi-textarea-resize::before {
  content: "\f5ca";
}
.bi-textarea-t::before {
  content: "\f5cb";
}
.bi-textarea::before {
  content: "\f5cc";
}
.bi-thermometer-half::before {
  content: "\f5cd";
}
.bi-thermometer-high::before {
  content: "\f5ce";
}
.bi-thermometer-low::before {
  content: "\f5cf";
}
.bi-thermometer-snow::before {
  content: "\f5d0";
}
.bi-thermometer-sun::before {
  content: "\f5d1";
}
.bi-thermometer::before {
  content: "\f5d2";
}
.bi-three-dots-vertical::before {
  content: "\f5d3";
}
.bi-three-dots::before {
  content: "\f5d4";
}
.bi-toggle-off::before {
  content: "\f5d5";
}
.bi-toggle-on::before {
  content: "\f5d6";
}
.bi-toggle2-off::before {
  content: "\f5d7";
}
.bi-toggle2-on::before {
  content: "\f5d8";
}
.bi-toggles::before {
  content: "\f5d9";
}
.bi-toggles2::before {
  content: "\f5da";
}
.bi-tools::before {
  content: "\f5db";
}
.bi-tornado::before {
  content: "\f5dc";
}
.bi-trash-fill::before {
  content: "\f5dd";
}
.bi-trash::before {
  content: "\f5de";
}
.bi-trash2-fill::before {
  content: "\f5df";
}
.bi-trash2::before {
  content: "\f5e0";
}
.bi-tree-fill::before {
  content: "\f5e1";
}
.bi-tree::before {
  content: "\f5e2";
}
.bi-triangle-fill::before {
  content: "\f5e3";
}
.bi-triangle-half::before {
  content: "\f5e4";
}
.bi-triangle::before {
  content: "\f5e5";
}
.bi-trophy-fill::before {
  content: "\f5e6";
}
.bi-trophy::before {
  content: "\f5e7";
}
.bi-tropical-storm::before {
  content: "\f5e8";
}
.bi-truck-flatbed::before {
  content: "\f5e9";
}
.bi-truck::before {
  content: "\f5ea";
}
.bi-tsunami::before {
  content: "\f5eb";
}
.bi-tv-fill::before {
  content: "\f5ec";
}
.bi-tv::before {
  content: "\f5ed";
}
.bi-twitch::before {
  content: "\f5ee";
}
.bi-twitter::before {
  content: "\f5ef";
}
.bi-type-bold::before {
  content: "\f5f0";
}
.bi-type-h1::before {
  content: "\f5f1";
}
.bi-type-h2::before {
  content: "\f5f2";
}
.bi-type-h3::before {
  content: "\f5f3";
}
.bi-type-italic::before {
  content: "\f5f4";
}
.bi-type-strikethrough::before {
  content: "\f5f5";
}
.bi-type-underline::before {
  content: "\f5f6";
}
.bi-type::before {
  content: "\f5f7";
}
.bi-ui-checks-grid::before {
  content: "\f5f8";
}
.bi-ui-checks::before {
  content: "\f5f9";
}
.bi-ui-radios-grid::before {
  content: "\f5fa";
}
.bi-ui-radios::before {
  content: "\f5fb";
}
.bi-umbrella-fill::before {
  content: "\f5fc";
}
.bi-umbrella::before {
  content: "\f5fd";
}
.bi-union::before {
  content: "\f5fe";
}
.bi-unlock-fill::before {
  content: "\f5ff";
}
.bi-unlock::before {
  content: "\f600";
}
.bi-upc-scan::before {
  content: "\f601";
}
.bi-upc::before {
  content: "\f602";
}
.bi-upload::before {
  content: "\f603";
}
.bi-vector-pen::before {
  content: "\f604";
}
.bi-view-list::before {
  content: "\f605";
}
.bi-view-stacked::before {
  content: "\f606";
}
.bi-vinyl-fill::before {
  content: "\f607";
}
.bi-vinyl::before {
  content: "\f608";
}
.bi-voicemail::before {
  content: "\f609";
}
.bi-volume-down-fill::before {
  content: "\f60a";
}
.bi-volume-down::before {
  content: "\f60b";
}
.bi-volume-mute-fill::before {
  content: "\f60c";
}
.bi-volume-mute::before {
  content: "\f60d";
}
.bi-volume-off-fill::before {
  content: "\f60e";
}
.bi-volume-off::before {
  content: "\f60f";
}
.bi-volume-up-fill::before {
  content: "\f610";
}
.bi-volume-up::before {
  content: "\f611";
}
.bi-vr::before {
  content: "\f612";
}
.bi-wallet-fill::before {
  content: "\f613";
}
.bi-wallet::before {
  content: "\f614";
}
.bi-wallet2::before {
  content: "\f615";
}
.bi-watch::before {
  content: "\f616";
}
.bi-water::before {
  content: "\f617";
}
.bi-whatsapp::before {
  content: "\f618";
}
.bi-wifi-1::before {
  content: "\f619";
}
.bi-wifi-2::before {
  content: "\f61a";
}
.bi-wifi-off::before {
  content: "\f61b";
}
.bi-wifi::before {
  content: "\f61c";
}
.bi-wind::before {
  content: "\f61d";
}
.bi-window-dock::before {
  content: "\f61e";
}
.bi-window-sidebar::before {
  content: "\f61f";
}
.bi-window::before {
  content: "\f620";
}
.bi-wrench::before {
  content: "\f621";
}
.bi-x-circle-fill::before {
  content: "\f622";
}
.bi-x-circle::before {
  content: "\f623";
}
.bi-x-diamond-fill::before {
  content: "\f624";
}
.bi-x-diamond::before {
  content: "\f625";
}
.bi-x-octagon-fill::before {
  content: "\f626";
}
.bi-x-octagon::before {
  content: "\f627";
}
.bi-x-square-fill::before {
  content: "\f628";
}
.bi-x-square::before {
  content: "\f629";
}
.bi-x::before {
  content: "\f62a";
}
.bi-youtube::before {
  content: "\f62b";
}
.bi-zoom-in::before {
  content: "\f62c";
}
.bi-zoom-out::before {
  content: "\f62d";
}
.bi-bank::before {
  content: "\f62e";
}
.bi-bank2::before {
  content: "\f62f";
}
.bi-bell-slash-fill::before {
  content: "\f630";
}
.bi-bell-slash::before {
  content: "\f631";
}
.bi-cash-coin::before {
  content: "\f632";
}
.bi-check-lg::before {
  content: "\f633";
}
.bi-coin::before {
  content: "\f634";
}
.bi-currency-bitcoin::before {
  content: "\f635";
}
.bi-currency-dollar::before {
  content: "\f636";
}
.bi-currency-euro::before {
  content: "\f637";
}
.bi-currency-exchange::before {
  content: "\f638";
}
.bi-currency-pound::before {
  content: "\f639";
}
.bi-currency-yen::before {
  content: "\f63a";
}
.bi-dash-lg::before {
  content: "\f63b";
}
.bi-exclamation-lg::before {
  content: "\f63c";
}
.bi-file-earmark-pdf-fill::before {
  content: "\f63d";
}
.bi-file-earmark-pdf::before {
  content: "\f63e";
}
.bi-file-pdf-fill::before {
  content: "\f63f";
}
.bi-file-pdf::before {
  content: "\f640";
}
.bi-gender-ambiguous::before {
  content: "\f641";
}
.bi-gender-female::before {
  content: "\f642";
}
.bi-gender-male::before {
  content: "\f643";
}
.bi-gender-trans::before {
  content: "\f644";
}
.bi-headset-vr::before {
  content: "\f645";
}
.bi-info-lg::before {
  content: "\f646";
}
.bi-mastodon::before {
  content: "\f647";
}
.bi-messenger::before {
  content: "\f648";
}
.bi-piggy-bank-fill::before {
  content: "\f649";
}
.bi-piggy-bank::before {
  content: "\f64a";
}
.bi-pin-map-fill::before {
  content: "\f64b";
}
.bi-pin-map::before {
  content: "\f64c";
}
.bi-plus-lg::before {
  content: "\f64d";
}
.bi-question-lg::before {
  content: "\f64e";
}
.bi-recycle::before {
  content: "\f64f";
}
.bi-reddit::before {
  content: "\f650";
}
.bi-safe-fill::before {
  content: "\f651";
}
.bi-safe2-fill::before {
  content: "\f652";
}
.bi-safe2::before {
  content: "\f653";
}
.bi-sd-card-fill::before {
  content: "\f654";
}
.bi-sd-card::before {
  content: "\f655";
}
.bi-skype::before {
  content: "\f656";
}
.bi-slash-lg::before {
  content: "\f657";
}
.bi-translate::before {
  content: "\f658";
}
.bi-x-lg::before {
  content: "\f659";
}
.bi-safe::before {
  content: "\f65a";
}
.bi-apple::before {
  content: "\f65b";
}
.bi-microsoft::before {
  content: "\f65d";
}
.bi-windows::before {
  content: "\f65e";
}
.bi-behance::before {
  content: "\f65c";
}
.bi-dribbble::before {
  content: "\f65f";
}
.bi-line::before {
  content: "\f660";
}
.bi-medium::before {
  content: "\f661";
}
.bi-paypal::before {
  content: "\f662";
}
.bi-pinterest::before {
  content: "\f663";
}
.bi-signal::before {
  content: "\f664";
}
.bi-snapchat::before {
  content: "\f665";
}
.bi-spotify::before {
  content: "\f666";
}
.bi-stack-overflow::before {
  content: "\f667";
}
.bi-strava::before {
  content: "\f668";
}
.bi-wordpress::before {
  content: "\f669";
}
.bi-vimeo::before {
  content: "\f66a";
}
.bi-activity::before {
  content: "\f66b";
}
.bi-easel2-fill::before {
  content: "\f66c";
}
.bi-easel2::before {
  content: "\f66d";
}
.bi-easel3-fill::before {
  content: "\f66e";
}
.bi-easel3::before {
  content: "\f66f";
}
.bi-fan::before {
  content: "\f670";
}
.bi-fingerprint::before {
  content: "\f671";
}
.bi-graph-down-arrow::before {
  content: "\f672";
}
.bi-graph-up-arrow::before {
  content: "\f673";
}
.bi-hypnotize::before {
  content: "\f674";
}
.bi-magic::before {
  content: "\f675";
}
.bi-person-rolodex::before {
  content: "\f676";
}
.bi-person-video::before {
  content: "\f677";
}
.bi-person-video2::before {
  content: "\f678";
}
.bi-person-video3::before {
  content: "\f679";
}
.bi-person-workspace::before {
  content: "\f67a";
}
.bi-radioactive::before {
  content: "\f67b";
}
.bi-webcam-fill::before {
  content: "\f67c";
}
.bi-webcam::before {
  content: "\f67d";
}
.bi-yin-yang::before {
  content: "\f67e";
}
.bi-bandaid-fill::before {
  content: "\f680";
}
.bi-bandaid::before {
  content: "\f681";
}
.bi-bluetooth::before {
  content: "\f682";
}
.bi-body-text::before {
  content: "\f683";
}
.bi-boombox::before {
  content: "\f684";
}
.bi-boxes::before {
  content: "\f685";
}
.bi-dpad-fill::before {
  content: "\f686";
}
.bi-dpad::before {
  content: "\f687";
}
.bi-ear-fill::before {
  content: "\f688";
}
.bi-ear::before {
  content: "\f689";
}
.bi-envelope-check-fill::before {
  content: "\f68b";
}
.bi-envelope-check::before {
  content: "\f68c";
}
.bi-envelope-dash-fill::before {
  content: "\f68e";
}
.bi-envelope-dash::before {
  content: "\f68f";
}
.bi-envelope-exclamation-fill::before {
  content: "\f691";
}
.bi-envelope-exclamation::before {
  content: "\f692";
}
.bi-envelope-plus-fill::before {
  content: "\f693";
}
.bi-envelope-plus::before {
  content: "\f694";
}
.bi-envelope-slash-fill::before {
  content: "\f696";
}
.bi-envelope-slash::before {
  content: "\f697";
}
.bi-envelope-x-fill::before {
  content: "\f699";
}
.bi-envelope-x::before {
  content: "\f69a";
}
.bi-explicit-fill::before {
  content: "\f69b";
}
.bi-explicit::before {
  content: "\f69c";
}
.bi-git::before {
  content: "\f69d";
}
.bi-infinity::before {
  content: "\f69e";
}
.bi-list-columns-reverse::before {
  content: "\f69f";
}
.bi-list-columns::before {
  content: "\f6a0";
}
.bi-meta::before {
  content: "\f6a1";
}
.bi-nintendo-switch::before {
  content: "\f6a4";
}
.bi-pc-display-horizontal::before {
  content: "\f6a5";
}
.bi-pc-display::before {
  content: "\f6a6";
}
.bi-pc-horizontal::before {
  content: "\f6a7";
}
.bi-pc::before {
  content: "\f6a8";
}
.bi-playstation::before {
  content: "\f6a9";
}
.bi-plus-slash-minus::before {
  content: "\f6aa";
}
.bi-projector-fill::before {
  content: "\f6ab";
}
.bi-projector::before {
  content: "\f6ac";
}
.bi-qr-code-scan::before {
  content: "\f6ad";
}
.bi-qr-code::before {
  content: "\f6ae";
}
.bi-quora::before {
  content: "\f6af";
}
.bi-quote::before {
  content: "\f6b0";
}
.bi-robot::before {
  content: "\f6b1";
}
.bi-send-check-fill::before {
  content: "\f6b2";
}
.bi-send-check::before {
  content: "\f6b3";
}
.bi-send-dash-fill::before {
  content: "\f6b4";
}
.bi-send-dash::before {
  content: "\f6b5";
}
.bi-send-exclamation-fill::before {
  content: "\f6b7";
}
.bi-send-exclamation::before {
  content: "\f6b8";
}
.bi-send-fill::before {
  content: "\f6b9";
}
.bi-send-plus-fill::before {
  content: "\f6ba";
}
.bi-send-plus::before {
  content: "\f6bb";
}
.bi-send-slash-fill::before {
  content: "\f6bc";
}
.bi-send-slash::before {
  content: "\f6bd";
}
.bi-send-x-fill::before {
  content: "\f6be";
}
.bi-send-x::before {
  content: "\f6bf";
}
.bi-send::before {
  content: "\f6c0";
}
.bi-steam::before {
  content: "\f6c1";
}
.bi-terminal-dash::before {
  content: "\f6c3";
}
.bi-terminal-plus::before {
  content: "\f6c4";
}
.bi-terminal-split::before {
  content: "\f6c5";
}
.bi-ticket-detailed-fill::before {
  content: "\f6c6";
}
.bi-ticket-detailed::before {
  content: "\f6c7";
}
.bi-ticket-fill::before {
  content: "\f6c8";
}
.bi-ticket-perforated-fill::before {
  content: "\f6c9";
}
.bi-ticket-perforated::before {
  content: "\f6ca";
}
.bi-ticket::before {
  content: "\f6cb";
}
.bi-tiktok::before {
  content: "\f6cc";
}
.bi-window-dash::before {
  content: "\f6cd";
}
.bi-window-desktop::before {
  content: "\f6ce";
}
.bi-window-fullscreen::before {
  content: "\f6cf";
}
.bi-window-plus::before {
  content: "\f6d0";
}
.bi-window-split::before {
  content: "\f6d1";
}
.bi-window-stack::before {
  content: "\f6d2";
}
.bi-window-x::before {
  content: "\f6d3";
}
.bi-xbox::before {
  content: "\f6d4";
}
.bi-ethernet::before {
  content: "\f6d5";
}
.bi-hdmi-fill::before {
  content: "\f6d6";
}
.bi-hdmi::before {
  content: "\f6d7";
}
.bi-usb-c-fill::before {
  content: "\f6d8";
}
.bi-usb-c::before {
  content: "\f6d9";
}
.bi-usb-fill::before {
  content: "\f6da";
}
.bi-usb-plug-fill::before {
  content: "\f6db";
}
.bi-usb-plug::before {
  content: "\f6dc";
}
.bi-usb-symbol::before {
  content: "\f6dd";
}
.bi-usb::before {
  content: "\f6de";
}
.bi-boombox-fill::before {
  content: "\f6df";
}
.bi-displayport::before {
  content: "\f6e1";
}
.bi-gpu-card::before {
  content: "\f6e2";
}
.bi-memory::before {
  content: "\f6e3";
}
.bi-modem-fill::before {
  content: "\f6e4";
}
.bi-modem::before {
  content: "\f6e5";
}
.bi-motherboard-fill::before {
  content: "\f6e6";
}
.bi-motherboard::before {
  content: "\f6e7";
}
.bi-optical-audio-fill::before {
  content: "\f6e8";
}
.bi-optical-audio::before {
  content: "\f6e9";
}
.bi-pci-card::before {
  content: "\f6ea";
}
.bi-router-fill::before {
  content: "\f6eb";
}
.bi-router::before {
  content: "\f6ec";
}
.bi-thunderbolt-fill::before {
  content: "\f6ef";
}
.bi-thunderbolt::before {
  content: "\f6f0";
}
.bi-usb-drive-fill::before {
  content: "\f6f1";
}
.bi-usb-drive::before {
  content: "\f6f2";
}
.bi-usb-micro-fill::before {
  content: "\f6f3";
}
.bi-usb-micro::before {
  content: "\f6f4";
}
.bi-usb-mini-fill::before {
  content: "\f6f5";
}
.bi-usb-mini::before {
  content: "\f6f6";
}
.bi-cloud-haze2::before {
  content: "\f6f7";
}
.bi-device-hdd-fill::before {
  content: "\f6f8";
}
.bi-device-hdd::before {
  content: "\f6f9";
}
.bi-device-ssd-fill::before {
  content: "\f6fa";
}
.bi-device-ssd::before {
  content: "\f6fb";
}
.bi-displayport-fill::before {
  content: "\f6fc";
}
.bi-mortarboard-fill::before {
  content: "\f6fd";
}
.bi-mortarboard::before {
  content: "\f6fe";
}
.bi-terminal-x::before {
  content: "\f6ff";
}
.bi-arrow-through-heart-fill::before {
  content: "\f700";
}
.bi-arrow-through-heart::before {
  content: "\f701";
}
.bi-badge-sd-fill::before {
  content: "\f702";
}
.bi-badge-sd::before {
  content: "\f703";
}
.bi-bag-heart-fill::before {
  content: "\f704";
}
.bi-bag-heart::before {
  content: "\f705";
}
.bi-balloon-fill::before {
  content: "\f706";
}
.bi-balloon-heart-fill::before {
  content: "\f707";
}
.bi-balloon-heart::before {
  content: "\f708";
}
.bi-balloon::before {
  content: "\f709";
}
.bi-box2-fill::before {
  content: "\f70a";
}
.bi-box2-heart-fill::before {
  content: "\f70b";
}
.bi-box2-heart::before {
  content: "\f70c";
}
.bi-box2::before {
  content: "\f70d";
}
.bi-braces-asterisk::before {
  content: "\f70e";
}
.bi-calendar-heart-fill::before {
  content: "\f70f";
}
.bi-calendar-heart::before {
  content: "\f710";
}
.bi-calendar2-heart-fill::before {
  content: "\f711";
}
.bi-calendar2-heart::before {
  content: "\f712";
}
.bi-chat-heart-fill::before {
  content: "\f713";
}
.bi-chat-heart::before {
  content: "\f714";
}
.bi-chat-left-heart-fill::before {
  content: "\f715";
}
.bi-chat-left-heart::before {
  content: "\f716";
}
.bi-chat-right-heart-fill::before {
  content: "\f717";
}
.bi-chat-right-heart::before {
  content: "\f718";
}
.bi-chat-square-heart-fill::before {
  content: "\f719";
}
.bi-chat-square-heart::before {
  content: "\f71a";
}
.bi-clipboard-check-fill::before {
  content: "\f71b";
}
.bi-clipboard-data-fill::before {
  content: "\f71c";
}
.bi-clipboard-fill::before {
  content: "\f71d";
}
.bi-clipboard-heart-fill::before {
  content: "\f71e";
}
.bi-clipboard-heart::before {
  content: "\f71f";
}
.bi-clipboard-minus-fill::before {
  content: "\f720";
}
.bi-clipboard-plus-fill::before {
  content: "\f721";
}
.bi-clipboard-pulse::before {
  content: "\f722";
}
.bi-clipboard-x-fill::before {
  content: "\f723";
}
.bi-clipboard2-check-fill::before {
  content: "\f724";
}
.bi-clipboard2-check::before {
  content: "\f725";
}
.bi-clipboard2-data-fill::before {
  content: "\f726";
}
.bi-clipboard2-data::before {
  content: "\f727";
}
.bi-clipboard2-fill::before {
  content: "\f728";
}
.bi-clipboard2-heart-fill::before {
  content: "\f729";
}
.bi-clipboard2-heart::before {
  content: "\f72a";
}
.bi-clipboard2-minus-fill::before {
  content: "\f72b";
}
.bi-clipboard2-minus::before {
  content: "\f72c";
}
.bi-clipboard2-plus-fill::before {
  content: "\f72d";
}
.bi-clipboard2-plus::before {
  content: "\f72e";
}
.bi-clipboard2-pulse-fill::before {
  content: "\f72f";
}
.bi-clipboard2-pulse::before {
  content: "\f730";
}
.bi-clipboard2-x-fill::before {
  content: "\f731";
}
.bi-clipboard2-x::before {
  content: "\f732";
}
.bi-clipboard2::before {
  content: "\f733";
}
.bi-emoji-kiss-fill::before {
  content: "\f734";
}
.bi-emoji-kiss::before {
  content: "\f735";
}
.bi-envelope-heart-fill::before {
  content: "\f736";
}
.bi-envelope-heart::before {
  content: "\f737";
}
.bi-envelope-open-heart-fill::before {
  content: "\f738";
}
.bi-envelope-open-heart::before {
  content: "\f739";
}
.bi-envelope-paper-fill::before {
  content: "\f73a";
}
.bi-envelope-paper-heart-fill::before {
  content: "\f73b";
}
.bi-envelope-paper-heart::before {
  content: "\f73c";
}
.bi-envelope-paper::before {
  content: "\f73d";
}
.bi-filetype-aac::before {
  content: "\f73e";
}
.bi-filetype-ai::before {
  content: "\f73f";
}
.bi-filetype-bmp::before {
  content: "\f740";
}
.bi-filetype-cs::before {
  content: "\f741";
}
.bi-filetype-css::before {
  content: "\f742";
}
.bi-filetype-csv::before {
  content: "\f743";
}
.bi-filetype-doc::before {
  content: "\f744";
}
.bi-filetype-docx::before {
  content: "\f745";
}
.bi-filetype-exe::before {
  content: "\f746";
}
.bi-filetype-gif::before {
  content: "\f747";
}
.bi-filetype-heic::before {
  content: "\f748";
}
.bi-filetype-html::before {
  content: "\f749";
}
.bi-filetype-java::before {
  content: "\f74a";
}
.bi-filetype-jpg::before {
  content: "\f74b";
}
.bi-filetype-js::before {
  content: "\f74c";
}
.bi-filetype-jsx::before {
  content: "\f74d";
}
.bi-filetype-key::before {
  content: "\f74e";
}
.bi-filetype-m4p::before {
  content: "\f74f";
}
.bi-filetype-md::before {
  content: "\f750";
}
.bi-filetype-mdx::before {
  content: "\f751";
}
.bi-filetype-mov::before {
  content: "\f752";
}
.bi-filetype-mp3::before {
  content: "\f753";
}
.bi-filetype-mp4::before {
  content: "\f754";
}
.bi-filetype-otf::before {
  content: "\f755";
}
.bi-filetype-pdf::before {
  content: "\f756";
}
.bi-filetype-php::before {
  content: "\f757";
}
.bi-filetype-png::before {
  content: "\f758";
}
.bi-filetype-ppt::before {
  content: "\f75a";
}
.bi-filetype-psd::before {
  content: "\f75b";
}
.bi-filetype-py::before {
  content: "\f75c";
}
.bi-filetype-raw::before {
  content: "\f75d";
}
.bi-filetype-rb::before {
  content: "\f75e";
}
.bi-filetype-sass::before {
  content: "\f75f";
}
.bi-filetype-scss::before {
  content: "\f760";
}
.bi-filetype-sh::before {
  content: "\f761";
}
.bi-filetype-svg::before {
  content: "\f762";
}
.bi-filetype-tiff::before {
  content: "\f763";
}
.bi-filetype-tsx::before {
  content: "\f764";
}
.bi-filetype-ttf::before {
  content: "\f765";
}
.bi-filetype-txt::before {
  content: "\f766";
}
.bi-filetype-wav::before {
  content: "\f767";
}
.bi-filetype-woff::before {
  content: "\f768";
}
.bi-filetype-xls::before {
  content: "\f76a";
}
.bi-filetype-xml::before {
  content: "\f76b";
}
.bi-filetype-yml::before {
  content: "\f76c";
}
.bi-heart-arrow::before {
  content: "\f76d";
}
.bi-heart-pulse-fill::before {
  content: "\f76e";
}
.bi-heart-pulse::before {
  content: "\f76f";
}
.bi-heartbreak-fill::before {
  content: "\f770";
}
.bi-heartbreak::before {
  content: "\f771";
}
.bi-hearts::before {
  content: "\f772";
}
.bi-hospital-fill::before {
  content: "\f773";
}
.bi-hospital::before {
  content: "\f774";
}
.bi-house-heart-fill::before {
  content: "\f775";
}
.bi-house-heart::before {
  content: "\f776";
}
.bi-incognito::before {
  content: "\f777";
}
.bi-magnet-fill::before {
  content: "\f778";
}
.bi-magnet::before {
  content: "\f779";
}
.bi-person-heart::before {
  content: "\f77a";
}
.bi-person-hearts::before {
  content: "\f77b";
}
.bi-phone-flip::before {
  content: "\f77c";
}
.bi-plugin::before {
  content: "\f77d";
}
.bi-postage-fill::before {
  content: "\f77e";
}
.bi-postage-heart-fill::before {
  content: "\f77f";
}
.bi-postage-heart::before {
  content: "\f780";
}
.bi-postage::before {
  content: "\f781";
}
.bi-postcard-fill::before {
  content: "\f782";
}
.bi-postcard-heart-fill::before {
  content: "\f783";
}
.bi-postcard-heart::before {
  content: "\f784";
}
.bi-postcard::before {
  content: "\f785";
}
.bi-search-heart-fill::before {
  content: "\f786";
}
.bi-search-heart::before {
  content: "\f787";
}
.bi-sliders2-vertical::before {
  content: "\f788";
}
.bi-sliders2::before {
  content: "\f789";
}
.bi-trash3-fill::before {
  content: "\f78a";
}
.bi-trash3::before {
  content: "\f78b";
}
.bi-valentine::before {
  content: "\f78c";
}
.bi-valentine2::before {
  content: "\f78d";
}
.bi-wrench-adjustable-circle-fill::before {
  content: "\f78e";
}
.bi-wrench-adjustable-circle::before {
  content: "\f78f";
}
.bi-wrench-adjustable::before {
  content: "\f790";
}
.bi-filetype-json::before {
  content: "\f791";
}
.bi-filetype-pptx::before {
  content: "\f792";
}
.bi-filetype-xlsx::before {
  content: "\f793";
}
.bi-1-circle-fill::before {
  content: "\f796";
}
.bi-1-circle::before {
  content: "\f797";
}
.bi-1-square-fill::before {
  content: "\f798";
}
.bi-1-square::before {
  content: "\f799";
}
.bi-2-circle-fill::before {
  content: "\f79c";
}
.bi-2-circle::before {
  content: "\f79d";
}
.bi-2-square-fill::before {
  content: "\f79e";
}
.bi-2-square::before {
  content: "\f79f";
}
.bi-3-circle-fill::before {
  content: "\f7a2";
}
.bi-3-circle::before {
  content: "\f7a3";
}
.bi-3-square-fill::before {
  content: "\f7a4";
}
.bi-3-square::before {
  content: "\f7a5";
}
.bi-4-circle-fill::before {
  content: "\f7a8";
}
.bi-4-circle::before {
  content: "\f7a9";
}
.bi-4-square-fill::before {
  content: "\f7aa";
}
.bi-4-square::before {
  content: "\f7ab";
}
.bi-5-circle-fill::before {
  content: "\f7ae";
}
.bi-5-circle::before {
  content: "\f7af";
}
.bi-5-square-fill::before {
  content: "\f7b0";
}
.bi-5-square::before {
  content: "\f7b1";
}
.bi-6-circle-fill::before {
  content: "\f7b4";
}
.bi-6-circle::before {
  content: "\f7b5";
}
.bi-6-square-fill::before {
  content: "\f7b6";
}
.bi-6-square::before {
  content: "\f7b7";
}
.bi-7-circle-fill::before {
  content: "\f7ba";
}
.bi-7-circle::before {
  content: "\f7bb";
}
.bi-7-square-fill::before {
  content: "\f7bc";
}
.bi-7-square::before {
  content: "\f7bd";
}
.bi-8-circle-fill::before {
  content: "\f7c0";
}
.bi-8-circle::before {
  content: "\f7c1";
}
.bi-8-square-fill::before {
  content: "\f7c2";
}
.bi-8-square::before {
  content: "\f7c3";
}
.bi-9-circle-fill::before {
  content: "\f7c6";
}
.bi-9-circle::before {
  content: "\f7c7";
}
.bi-9-square-fill::before {
  content: "\f7c8";
}
.bi-9-square::before {
  content: "\f7c9";
}
.bi-airplane-engines-fill::before {
  content: "\f7ca";
}
.bi-airplane-engines::before {
  content: "\f7cb";
}
.bi-airplane-fill::before {
  content: "\f7cc";
}
.bi-airplane::before {
  content: "\f7cd";
}
.bi-alexa::before {
  content: "\f7ce";
}
.bi-alipay::before {
  content: "\f7cf";
}
.bi-android::before {
  content: "\f7d0";
}
.bi-android2::before {
  content: "\f7d1";
}
.bi-box-fill::before {
  content: "\f7d2";
}
.bi-box-seam-fill::before {
  content: "\f7d3";
}
.bi-browser-chrome::before {
  content: "\f7d4";
}
.bi-browser-edge::before {
  content: "\f7d5";
}
.bi-browser-firefox::before {
  content: "\f7d6";
}
.bi-browser-safari::before {
  content: "\f7d7";
}
.bi-c-circle-fill::before {
  content: "\f7da";
}
.bi-c-circle::before {
  content: "\f7db";
}
.bi-c-square-fill::before {
  content: "\f7dc";
}
.bi-c-square::before {
  content: "\f7dd";
}
.bi-capsule-pill::before {
  content: "\f7de";
}
.bi-capsule::before {
  content: "\f7df";
}
.bi-car-front-fill::before {
  content: "\f7e0";
}
.bi-car-front::before {
  content: "\f7e1";
}
.bi-cassette-fill::before {
  content: "\f7e2";
}
.bi-cassette::before {
  content: "\f7e3";
}
.bi-cc-circle-fill::before {
  content: "\f7e6";
}
.bi-cc-circle::before {
  content: "\f7e7";
}
.bi-cc-square-fill::before {
  content: "\f7e8";
}
.bi-cc-square::before {
  content: "\f7e9";
}
.bi-cup-hot-fill::before {
  content: "\f7ea";
}
.bi-cup-hot::before {
  content: "\f7eb";
}
.bi-currency-rupee::before {
  content: "\f7ec";
}
.bi-dropbox::before {
  content: "\f7ed";
}
.bi-escape::before {
  content: "\f7ee";
}
.bi-fast-forward-btn-fill::before {
  content: "\f7ef";
}
.bi-fast-forward-btn::before {
  content: "\f7f0";
}
.bi-fast-forward-circle-fill::before {
  content: "\f7f1";
}
.bi-fast-forward-circle::before {
  content: "\f7f2";
}
.bi-fast-forward-fill::before {
  content: "\f7f3";
}
.bi-fast-forward::before {
  content: "\f7f4";
}
.bi-filetype-sql::before {
  content: "\f7f5";
}
.bi-fire::before {
  content: "\f7f6";
}
.bi-google-play::before {
  content: "\f7f7";
}
.bi-h-circle-fill::before {
  content: "\f7fa";
}
.bi-h-circle::before {
  content: "\f7fb";
}
.bi-h-square-fill::before {
  content: "\f7fc";
}
.bi-h-square::before {
  content: "\f7fd";
}
.bi-indent::before {
  content: "\f7fe";
}
.bi-lungs-fill::before {
  content: "\f7ff";
}
.bi-lungs::before {
  content: "\f800";
}
.bi-microsoft-teams::before {
  content: "\f801";
}
.bi-p-circle-fill::before {
  content: "\f804";
}
.bi-p-circle::before {
  content: "\f805";
}
.bi-p-square-fill::before {
  content: "\f806";
}
.bi-p-square::before {
  content: "\f807";
}
.bi-pass-fill::before {
  content: "\f808";
}
.bi-pass::before {
  content: "\f809";
}
.bi-prescription::before {
  content: "\f80a";
}
.bi-prescription2::before {
  content: "\f80b";
}
.bi-r-circle-fill::before {
  content: "\f80e";
}
.bi-r-circle::before {
  content: "\f80f";
}
.bi-r-square-fill::before {
  content: "\f810";
}
.bi-r-square::before {
  content: "\f811";
}
.bi-repeat-1::before {
  content: "\f812";
}
.bi-repeat::before {
  content: "\f813";
}
.bi-rewind-btn-fill::before {
  content: "\f814";
}
.bi-rewind-btn::before {
  content: "\f815";
}
.bi-rewind-circle-fill::before {
  content: "\f816";
}
.bi-rewind-circle::before {
  content: "\f817";
}
.bi-rewind-fill::before {
  content: "\f818";
}
.bi-rewind::before {
  content: "\f819";
}
.bi-train-freight-front-fill::before {
  content: "\f81a";
}
.bi-train-freight-front::before {
  content: "\f81b";
}
.bi-train-front-fill::before {
  content: "\f81c";
}
.bi-train-front::before {
  content: "\f81d";
}
.bi-train-lightrail-front-fill::before {
  content: "\f81e";
}
.bi-train-lightrail-front::before {
  content: "\f81f";
}
.bi-truck-front-fill::before {
  content: "\f820";
}
.bi-truck-front::before {
  content: "\f821";
}
.bi-ubuntu::before {
  content: "\f822";
}
.bi-unindent::before {
  content: "\f823";
}
.bi-unity::before {
  content: "\f824";
}
.bi-universal-access-circle::before {
  content: "\f825";
}
.bi-universal-access::before {
  content: "\f826";
}
.bi-virus::before {
  content: "\f827";
}
.bi-virus2::before {
  content: "\f828";
}
.bi-wechat::before {
  content: "\f829";
}
.bi-yelp::before {
  content: "\f82a";
}
.bi-sign-stop-fill::before {
  content: "\f82b";
}
.bi-sign-stop-lights-fill::before {
  content: "\f82c";
}
.bi-sign-stop-lights::before {
  content: "\f82d";
}
.bi-sign-stop::before {
  content: "\f82e";
}
.bi-sign-turn-left-fill::before {
  content: "\f82f";
}
.bi-sign-turn-left::before {
  content: "\f830";
}
.bi-sign-turn-right-fill::before {
  content: "\f831";
}
.bi-sign-turn-right::before {
  content: "\f832";
}
.bi-sign-turn-slight-left-fill::before {
  content: "\f833";
}
.bi-sign-turn-slight-left::before {
  content: "\f834";
}
.bi-sign-turn-slight-right-fill::before {
  content: "\f835";
}
.bi-sign-turn-slight-right::before {
  content: "\f836";
}
.bi-sign-yield-fill::before {
  content: "\f837";
}
.bi-sign-yield::before {
  content: "\f838";
}
.bi-ev-station-fill::before {
  content: "\f839";
}
.bi-ev-station::before {
  content: "\f83a";
}
.bi-fuel-pump-diesel-fill::before {
  content: "\f83b";
}
.bi-fuel-pump-diesel::before {
  content: "\f83c";
}
.bi-fuel-pump-fill::before {
  content: "\f83d";
}
.bi-fuel-pump::before {
  content: "\f83e";
}
.bi-0-circle-fill::before {
  content: "\f83f";
}
.bi-0-circle::before {
  content: "\f840";
}
.bi-0-square-fill::before {
  content: "\f841";
}
.bi-0-square::before {
  content: "\f842";
}
.bi-rocket-fill::before {
  content: "\f843";
}
.bi-rocket-takeoff-fill::before {
  content: "\f844";
}
.bi-rocket-takeoff::before {
  content: "\f845";
}
.bi-rocket::before {
  content: "\f846";
}
.bi-stripe::before {
  content: "\f847";
}
.bi-subscript::before {
  content: "\f848";
}
.bi-superscript::before {
  content: "\f849";
}
.bi-trello::before {
  content: "\f84a";
}
.bi-envelope-at-fill::before {
  content: "\f84b";
}
.bi-envelope-at::before {
  content: "\f84c";
}
.bi-regex::before {
  content: "\f84d";
}
.bi-text-wrap::before {
  content: "\f84e";
}
.bi-sign-dead-end-fill::before {
  content: "\f84f";
}
.bi-sign-dead-end::before {
  content: "\f850";
}
.bi-sign-do-not-enter-fill::before {
  content: "\f851";
}
.bi-sign-do-not-enter::before {
  content: "\f852";
}
.bi-sign-intersection-fill::before {
  content: "\f853";
}
.bi-sign-intersection-side-fill::before {
  content: "\f854";
}
.bi-sign-intersection-side::before {
  content: "\f855";
}
.bi-sign-intersection-t-fill::before {
  content: "\f856";
}
.bi-sign-intersection-t::before {
  content: "\f857";
}
.bi-sign-intersection-y-fill::before {
  content: "\f858";
}
.bi-sign-intersection-y::before {
  content: "\f859";
}
.bi-sign-intersection::before {
  content: "\f85a";
}
.bi-sign-merge-left-fill::before {
  content: "\f85b";
}
.bi-sign-merge-left::before {
  content: "\f85c";
}
.bi-sign-merge-right-fill::before {
  content: "\f85d";
}
.bi-sign-merge-right::before {
  content: "\f85e";
}
.bi-sign-no-left-turn-fill::before {
  content: "\f85f";
}
.bi-sign-no-left-turn::before {
  content: "\f860";
}
.bi-sign-no-parking-fill::before {
  content: "\f861";
}
.bi-sign-no-parking::before {
  content: "\f862";
}
.bi-sign-no-right-turn-fill::before {
  content: "\f863";
}
.bi-sign-no-right-turn::before {
  content: "\f864";
}
.bi-sign-railroad-fill::before {
  content: "\f865";
}
.bi-sign-railroad::before {
  content: "\f866";
}
.bi-building-add::before {
  content: "\f867";
}
.bi-building-check::before {
  content: "\f868";
}
.bi-building-dash::before {
  content: "\f869";
}
.bi-building-down::before {
  content: "\f86a";
}
.bi-building-exclamation::before {
  content: "\f86b";
}
.bi-building-fill-add::before {
  content: "\f86c";
}
.bi-building-fill-check::before {
  content: "\f86d";
}
.bi-building-fill-dash::before {
  content: "\f86e";
}
.bi-building-fill-down::before {
  content: "\f86f";
}
.bi-building-fill-exclamation::before {
  content: "\f870";
}
.bi-building-fill-gear::before {
  content: "\f871";
}
.bi-building-fill-lock::before {
  content: "\f872";
}
.bi-building-fill-slash::before {
  content: "\f873";
}
.bi-building-fill-up::before {
  content: "\f874";
}
.bi-building-fill-x::before {
  content: "\f875";
}
.bi-building-fill::before {
  content: "\f876";
}
.bi-building-gear::before {
  content: "\f877";
}
.bi-building-lock::before {
  content: "\f878";
}
.bi-building-slash::before {
  content: "\f879";
}
.bi-building-up::before {
  content: "\f87a";
}
.bi-building-x::before {
  content: "\f87b";
}
.bi-buildings-fill::before {
  content: "\f87c";
}
.bi-buildings::before {
  content: "\f87d";
}
.bi-bus-front-fill::before {
  content: "\f87e";
}
.bi-bus-front::before {
  content: "\f87f";
}
.bi-ev-front-fill::before {
  content: "\f880";
}
.bi-ev-front::before {
  content: "\f881";
}
.bi-globe-americas::before {
  content: "\f882";
}
.bi-globe-asia-australia::before {
  content: "\f883";
}
.bi-globe-central-south-asia::before {
  content: "\f884";
}
.bi-globe-europe-africa::before {
  content: "\f885";
}
.bi-house-add-fill::before {
  content: "\f886";
}
.bi-house-add::before {
  content: "\f887";
}
.bi-house-check-fill::before {
  content: "\f888";
}
.bi-house-check::before {
  content: "\f889";
}
.bi-house-dash-fill::before {
  content: "\f88a";
}
.bi-house-dash::before {
  content: "\f88b";
}
.bi-house-down-fill::before {
  content: "\f88c";
}
.bi-house-down::before {
  content: "\f88d";
}
.bi-house-exclamation-fill::before {
  content: "\f88e";
}
.bi-house-exclamation::before {
  content: "\f88f";
}
.bi-house-gear-fill::before {
  content: "\f890";
}
.bi-house-gear::before {
  content: "\f891";
}
.bi-house-lock-fill::before {
  content: "\f892";
}
.bi-house-lock::before {
  content: "\f893";
}
.bi-house-slash-fill::before {
  content: "\f894";
}
.bi-house-slash::before {
  content: "\f895";
}
.bi-house-up-fill::before {
  content: "\f896";
}
.bi-house-up::before {
  content: "\f897";
}
.bi-house-x-fill::before {
  content: "\f898";
}
.bi-house-x::before {
  content: "\f899";
}
.bi-person-add::before {
  content: "\f89a";
}
.bi-person-down::before {
  content: "\f89b";
}
.bi-person-exclamation::before {
  content: "\f89c";
}
.bi-person-fill-add::before {
  content: "\f89d";
}
.bi-person-fill-check::before {
  content: "\f89e";
}
.bi-person-fill-dash::before {
  content: "\f89f";
}
.bi-person-fill-down::before {
  content: "\f8a0";
}
.bi-person-fill-exclamation::before {
  content: "\f8a1";
}
.bi-person-fill-gear::before {
  content: "\f8a2";
}
.bi-person-fill-lock::before {
  content: "\f8a3";
}
.bi-person-fill-slash::before {
  content: "\f8a4";
}
.bi-person-fill-up::before {
  content: "\f8a5";
}
.bi-person-fill-x::before {
  content: "\f8a6";
}
.bi-person-gear::before {
  content: "\f8a7";
}
.bi-person-lock::before {
  content: "\f8a8";
}
.bi-person-slash::before {
  content: "\f8a9";
}
.bi-person-up::before {
  content: "\f8aa";
}
.bi-scooter::before {
  content: "\f8ab";
}
.bi-taxi-front-fill::before {
  content: "\f8ac";
}
.bi-taxi-front::before {
  content: "\f8ad";
}
.bi-amd::before {
  content: "\f8ae";
}
.bi-database-add::before {
  content: "\f8af";
}
.bi-database-check::before {
  content: "\f8b0";
}
.bi-database-dash::before {
  content: "\f8b1";
}
.bi-database-down::before {
  content: "\f8b2";
}
.bi-database-exclamation::before {
  content: "\f8b3";
}
.bi-database-fill-add::before {
  content: "\f8b4";
}
.bi-database-fill-check::before {
  content: "\f8b5";
}
.bi-database-fill-dash::before {
  content: "\f8b6";
}
.bi-database-fill-down::before {
  content: "\f8b7";
}
.bi-database-fill-exclamation::before {
  content: "\f8b8";
}
.bi-database-fill-gear::before {
  content: "\f8b9";
}
.bi-database-fill-lock::before {
  content: "\f8ba";
}
.bi-database-fill-slash::before {
  content: "\f8bb";
}
.bi-database-fill-up::before {
  content: "\f8bc";
}
.bi-database-fill-x::before {
  content: "\f8bd";
}
.bi-database-fill::before {
  content: "\f8be";
}
.bi-database-gear::before {
  content: "\f8bf";
}
.bi-database-lock::before {
  content: "\f8c0";
}
.bi-database-slash::before {
  content: "\f8c1";
}
.bi-database-up::before {
  content: "\f8c2";
}
.bi-database-x::before {
  content: "\f8c3";
}
.bi-database::before {
  content: "\f8c4";
}
.bi-houses-fill::before {
  content: "\f8c5";
}
.bi-houses::before {
  content: "\f8c6";
}
.bi-nvidia::before {
  content: "\f8c7";
}
.bi-person-vcard-fill::before {
  content: "\f8c8";
}
.bi-person-vcard::before {
  content: "\f8c9";
}
.bi-sina-weibo::before {
  content: "\f8ca";
}
.bi-tencent-qq::before {
  content: "\f8cb";
}
.bi-wikipedia::before {
  content: "\f8cc";
}
.bi-alphabet-uppercase::before {
  content: "\f2a5";
}
.bi-alphabet::before {
  content: "\f68a";
}
.bi-amazon::before {
  content: "\f68d";
}
.bi-arrows-collapse-vertical::before {
  content: "\f690";
}
.bi-arrows-expand-vertical::before {
  content: "\f695";
}
.bi-arrows-vertical::before {
  content: "\f698";
}
.bi-arrows::before {
  content: "\f6a2";
}
.bi-ban-fill::before {
  content: "\f6a3";
}
.bi-ban::before {
  content: "\f6b6";
}
.bi-bing::before {
  content: "\f6c2";
}
.bi-cake::before {
  content: "\f6e0";
}
.bi-cake2::before {
  content: "\f6ed";
}
.bi-cookie::before {
  content: "\f6ee";
}
.bi-copy::before {
  content: "\f759";
}
.bi-crosshair::before {
  content: "\f769";
}
.bi-crosshair2::before {
  content: "\f794";
}
.bi-emoji-astonished-fill::before {
  content: "\f795";
}
.bi-emoji-astonished::before {
  content: "\f79a";
}
.bi-emoji-grimace-fill::before {
  content: "\f79b";
}
.bi-emoji-grimace::before {
  content: "\f7a0";
}
.bi-emoji-grin-fill::before {
  content: "\f7a1";
}
.bi-emoji-grin::before {
  content: "\f7a6";
}
.bi-emoji-surprise-fill::before {
  content: "\f7a7";
}
.bi-emoji-surprise::before {
  content: "\f7ac";
}
.bi-emoji-tear-fill::before {
  content: "\f7ad";
}
.bi-emoji-tear::before {
  content: "\f7b2";
}
.bi-envelope-arrow-down-fill::before {
  content: "\f7b3";
}
.bi-envelope-arrow-down::before {
  content: "\f7b8";
}
.bi-envelope-arrow-up-fill::before {
  content: "\f7b9";
}
.bi-envelope-arrow-up::before {
  content: "\f7be";
}
.bi-feather::before {
  content: "\f7bf";
}
.bi-feather2::before {
  content: "\f7c4";
}
.bi-floppy-fill::before {
  content: "\f7c5";
}
.bi-floppy::before {
  content: "\f7d8";
}
.bi-floppy2-fill::before {
  content: "\f7d9";
}
.bi-floppy2::before {
  content: "\f7e4";
}
.bi-gitlab::before {
  content: "\f7e5";
}
.bi-highlighter::before {
  content: "\f7f8";
}
.bi-marker-tip::before {
  content: "\f802";
}
.bi-nvme-fill::before {
  content: "\f803";
}
.bi-nvme::before {
  content: "\f80c";
}
.bi-opencollective::before {
  content: "\f80d";
}
.bi-pci-card-network::before {
  content: "\f8cd";
}
.bi-pci-card-sound::before {
  content: "\f8ce";
}
.bi-radar::before {
  content: "\f8cf";
}
.bi-send-arrow-down-fill::before {
  content: "\f8d0";
}
.bi-send-arrow-down::before {
  content: "\f8d1";
}
.bi-send-arrow-up-fill::before {
  content: "\f8d2";
}
.bi-send-arrow-up::before {
  content: "\f8d3";
}
.bi-sim-slash-fill::before {
  content: "\f8d4";
}
.bi-sim-slash::before {
  content: "\f8d5";
}
.bi-sourceforge::before {
  content: "\f8d6";
}
.bi-substack::before {
  content: "\f8d7";
}
.bi-threads-fill::before {
  content: "\f8d8";
}
.bi-threads::before {
  content: "\f8d9";
}
.bi-transparency::before {
  content: "\f8da";
}
.bi-twitter-x::before {
  content: "\f8db";
}
.bi-type-h4::before {
  content: "\f8dc";
}
.bi-type-h5::before {
  content: "\f8dd";
}
.bi-type-h6::before {
  content: "\f8de";
}
.bi-backpack-fill::before {
  content: "\f8df";
}
.bi-backpack::before {
  content: "\f8e0";
}
.bi-backpack2-fill::before {
  content: "\f8e1";
}
.bi-backpack2::before {
  content: "\f8e2";
}
.bi-backpack3-fill::before {
  content: "\f8e3";
}
.bi-backpack3::before {
  content: "\f8e4";
}
.bi-backpack4-fill::before {
  content: "\f8e5";
}
.bi-backpack4::before {
  content: "\f8e6";
}
.bi-brilliance::before {
  content: "\f8e7";
}
.bi-cake-fill::before {
  content: "\f8e8";
}
.bi-cake2-fill::before {
  content: "\f8e9";
}
.bi-duffle-fill::before {
  content: "\f8ea";
}
.bi-duffle::before {
  content: "\f8eb";
}
.bi-exposure::before {
  content: "\f8ec";
}
.bi-gender-neuter::before {
  content: "\f8ed";
}
.bi-highlights::before {
  content: "\f8ee";
}
.bi-luggage-fill::before {
  content: "\f8ef";
}
.bi-luggage::before {
  content: "\f8f0";
}
.bi-mailbox-flag::before {
  content: "\f8f1";
}
.bi-mailbox2-flag::before {
  content: "\f8f2";
}
.bi-noise-reduction::before {
  content: "\f8f3";
}
.bi-passport-fill::before {
  content: "\f8f4";
}
.bi-passport::before {
  content: "\f8f5";
}
.bi-person-arms-up::before {
  content: "\f8f6";
}
.bi-person-raised-hand::before {
  content: "\f8f7";
}
.bi-person-standing-dress::before {
  content: "\f8f8";
}
.bi-person-standing::before {
  content: "\f8f9";
}
.bi-person-walking::before {
  content: "\f8fa";
}
.bi-person-wheelchair::before {
  content: "\f8fb";
}
.bi-shadows::before {
  content: "\f8fc";
}
.bi-suitcase-fill::before {
  content: "\f8fd";
}
.bi-suitcase-lg-fill::before {
  content: "\f8fe";
}
.bi-suitcase-lg::before {
  content: "\f8ff";
}
.bi-suitcase::before {
  content: "豈";
}
.bi-suitcase2-fill::before {
  content: "更";
}
.bi-suitcase2::before {
  content: "車";
}
.bi-vignette::before {
  content: "賈";
}
.bi-bluesky::before {
  content: "\f7f9";
}
.bi-tux::before {
  content: "滑";
}
.bi-beaker-fill::before {
  content: "串";
}
.bi-beaker::before {
  content: "句";
}
.bi-flask-fill::before {
  content: "龜";
}
.bi-flask-florence-fill::before {
  content: "龜";
}
.bi-flask-florence::before {
  content: "契";
}
.bi-flask::before {
  content: "金";
}
.bi-leaf-fill::before {
  content: "喇";
}
.bi-leaf::before {
  content: "奈";
}
.bi-measuring-cup-fill::before {
  content: "懶";
}
.bi-measuring-cup::before {
  content: "癩";
}
.bi-unlock2-fill::before {
  content: "羅";
}
.bi-unlock2::before {
  content: "蘿";
}
.bi-battery-low::before {
  content: "螺";
}
.bi-anthropic::before {
  content: "裸";
}
.bi-apple-music::before {
  content: "邏";
}
.bi-claude::before {
  content: "樂";
}
.bi-openai::before {
  content: "洛";
}
.bi-perplexity::before {
  content: "烙";
}
.bi-css::before {
  content: "珞";
}
.bi-javascript::before {
  content: "落";
}
.bi-typescript::before {
  content: "酪";
}
.bi-fork-knife::before {
  content: "駱";
}
.bi-globe-americas-fill::before {
  content: "亂";
}
.bi-globe-asia-australia-fill::before {
  content: "卵";
}
.bi-globe-central-south-asia-fill::before {
  content: "欄";
}
.bi-globe-europe-africa-fill::before {
  content: "爛";
}
/* Text styles
/* -------------------------------------------------------------------------- */
:where(.lexxy-content) {
  color: var(--lexxy-color-ink);
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    display: block;
    font-weight: bold;
    hyphens: auto;
    margin-block: 0 var(--lexxy-content-margin);
    overflow-wrap: break-word;
  }
  h1, .h1 {
    font-size: 2rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 1.25rem;
  }
  h4, .h4 {
    font-size: 1rem;
  }
  h5, .h5 {
    font-size: 0.875rem;
  }
  h6, .h6 {
    font-size: 0.75rem;
  }
  p,
  ul,
  ol,
  dl,
  blockquote,
  figure,
  .attachment,
  .attachment-gallery {
    margin-block: 0 var(--lexxy-content-margin);
    position: relative;
    &:not(lexxy-editor &) {
      overflow-wrap: break-word;
    }
  }
  .lexxy-content__italic {
    font-style: italic;
  }
  .lexxy-content__bold {
    font-weight: bold;
  }
  .lexxy-content__strikethrough {
    text-decoration: line-through;
  }
  .lexxy-content__underline {
    text-decoration: underline;
  }
  .lexxy-content__strikethrough.lexxy-content__underline {
    text-decoration: line-through underline;
  }
  mark, .mark,
  .lexxy-content__highlight {
    background-color: transparent;
    color: inherit;
  }
  blockquote {
    border-inline-start: 0.25em solid var(--lexxy-color-ink-lighter);
    font-style: italic;
    margin: var(--lexxy-content-margin) 0;
    padding: 0.5lh 2ch;
    p:last-child {
      margin-block-end: 0;
    }
  }
  p:empty {
    display: none;
  }
  a {
    color: var(--lexxy-color-link);
    text-decoration: underline;
  }
  img,
  video,
  embed,
  object {
    inline-size: auto;
    margin-inline: auto;
    max-block-size: 32rem;
    -o-object-fit: contain;
       object-fit: contain;
    a:has(&) {
      display: inline-block;
    }
  }
  code, pre {
    background-color: var(--lexxy-color-ink-lightest);
    border-radius: var(--lexxy-radius);
    color: var(--lexxy-color-ink);
    font-family: var(--lexxy-font-mono);
    font-size: 0.9em;
    padding: 0.25ch 0.5ch;
    &:is(pre),
    &[data-language] {
      border-radius: var(--lexxy-radius);
      display: block;
      hyphens: none;
      margin-block: 0 var(--lexxy-content-margin);
      overflow-x: auto;
      overflow-wrap: break-word;
      padding: 1ch;
      -moz-tab-size: 2;
        -o-tab-size: 2;
           tab-size: 2;
      white-space: pre;
    }
  }
  ol, ul:not(.lexxy-prompt-menu) {
    margin-inline-start: calc(var(--lexxy-content-margin) * 1.5);
    padding: 0;
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
  li.lexxy-nested-listitem {
    list-style-type: none;
    ol, ul {
      margin-block-end: 0;
    }
  }
  hr {
    border: 0;
    border-block-end: 1px solid currentColor;
    inline-size: 20%;
    margin: calc(0.5em + var(--lexxy-content-margin)) 0;
  }
  .horizontal-divider {
    margin: 0;
    padding: calc(0.5em + var(--lexxy-content-margin)) 0;
    hr {
      margin: 0;
    }
  }
  *:has(+ .horizontal-divider) {
    margin-block-end: 0;
  }
  > :last-child {
    margin-block-end: 0;
  }
}
@supports (text-wrap: balance) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-wrap: balance;
  }
}
@supports (text-wrap: pretty) {
  &:not(lexxy-editor &) {
    text-wrap: pretty;
  }
}
@supports (text-wrap: nowrap) {
  &:is(pre),
  &[data-language] {
    text-wrap: nowrap;
  }
}
:where(.lexxy-content) {
  /* Keywords and attributes */
  .code-token__attr,
  .token.attr-name,
  .token.atrule,
  .token.attr,
  .token.keyword {
    color: var(--lexxy-color-code-token-att);
  }
  /* Constants, booleans, numbers, properties, tags */
  .code-token__property,
  .token.boolean,
  .token.constant,
  .token.number,
  .token.property,
  .token.symbol,
  .token.tag {
    color: var(--lexxy-color-code-token-property);
  }
  /* Strings, selectors, and built-in constructs */
  .code-token__selector,
  .token.attr-value,
  .token.builtin,
  .token.char,
  .token.inserted,
  .token.line,
  .token.selector,
  .token.string {
    color: var(--lexxy-color-code-token-selector);
  }
  /* Comments and meta information */
  .code-token__comment,
  .token.cdata,
  .token.comment,
  .token.doctype,
  .token.prolog {
    color: var(--lexxy-color-code-token-comment);
    font-style: italic;
  }
  /* Operators and symbolic entities */
  .code-token__operator,
  .token.deleted,
  .token.entity,
  .token.operator,
  .token.url,
  code[data-language=diff] .code-token__operator + .code-token__selector {
    color: var(--lexxy-color-code-token-operator);
  }
  /* Functions and class names */
  .code-token__function,
  .token.class,
  .token.class-name,
  .token.function {
    color: var(--lexxy-color-code-token-function);
  }
  /* Variables, regex, namespaces, important */
  .code-token__variable,
  .token.important,
  .token.namespace,
  .token.regex,
  .token.variable {
    color: var(--lexxy-color-code-token-variable);
  }
  /* Punctuation */
  .code-token__punctuation,
  .token.punctuation {
    color: var(--lexxy-color-code-token-punctuation);
  }
  /* Tables */
  :where(.lexxy-content__table-wrapper) {
    margin: 0;
    margin-block: 1ch;
    overflow-x: auto;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    inline-size: calc(100% - 0.5ch);
    margin: 0.25ch;
    th,
    td {
      border: 1px solid var(--lexxy-color-ink-lighter);
      min-width: 5ch;
      max-width: 50ch;
      padding: 1ch;
      text-align: start;
      word-break: normal;
      *:last-child {
        margin-block-end: 0;
      }
      &.lexxy-content__table-cell--header {
        background-color: var(--lexxy-color-table-header-bg);
        font-weight: bold;
      }
      *:is(code, pre) {
        hyphens: auto;
        white-space: pre-wrap;
      }
    }
  }
}
@supports (text-wrap: wrap) {
  *:is(code, pre) {
    text-wrap: wrap;
  }
}
:where(.lexxy-content) {
  /* Attachments
  /* ------------------------------------------------------------------------ */
  p:has(.attachment) {
    text-align: center;
  }
  .attachment {
    --lexxy-attachment-gap: 0.75ch;
    block-size: auto;
    box-sizing: border-box;
    border-radius: var(--lexxy-radius);
    display: block;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: auto;
    max-inline-size: 100%;
    min-inline-size: 10ch;
    padding: var(--lexxy-attachment-gap);
    position: relative;
    text-align: center;
  }
  .attachment__caption {
    color: var(--lexxy-color-text-subtle);
    display: block;
    font-size: var(--lexxy-text-small);
    padding: 1ch;
  }
  .attachment__icon {
    aspect-ratio: 4/5;
    background-color: color-mix(var(--lexxy-attachment-icon-color), transparent 90%);
    block-size: 3lh;
    border: 1px solid var(--lexxy-attachment-icon-color);
    border-block-start-width: 1.5ch;
    border-radius: var(--lexxy-radius);
    box-sizing: border-box;
    color: var(--lexxy-attachment-icon-color);
    display: grid;
    font-size: var(--lexxy-text-small);
    font-weight: bold;
    inline-size: auto;
    overflow: hidden;
    place-content: center;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .attachment--preview {
    img, video {
      border-radius: var(--lexxy-radius);
      block-size: auto;
      display: block;
      margin-inline: auto;
      max-inline-size: 100%;
      -webkit-user-select: none;
    }
    > a {
      display: block;
    }
    .attachment__caption {
      padding-block-end: 0.5ch;
    }
  }
  .attachment--file {
    --lexxy-attachment-icon-color: var(--lexxy-color-text-subtle);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    inline-size: auto;
    .attachment__caption {
      display: grid;
      flex: 1;
      text-align: start;
    }
    .attachment__name {
      color: var(--lexxy-color-ink);
      font-weight: bold;
    }
  }
  .attachment--psd,
  .attachment--key,
  .attachment--sketch,
  .attachment--ai,
  .attachment--eps,
  .attachment--indd,
  .attachment--svg,
  .attachment--ppt,
  .attachment--pptx {
    --lexxy-attachment-icon-color: var(--lexxy-color-red);
  }
  .attachment--css,
  .attachment--php,
  .attachment--json,
  .attachment--htm,
  .attachment--html,
  .attachment--rb,
  .attachment--erb,
  .attachment--ts,
  .attachment--js {
    --lexxy-attachment-icon-color: var(--lexxy-color-purple);
  }
  .attachment--txt,
  .attachment--pages,
  .attachment--rtf,
  .attachment--md,
  .attachment--doc,
  .attachment--docx {
    --lexxy-attachment-icon-color: var(--lexxy-color-blue);
  }
  .attachment--csv,
  .attachment--numbers,
  .attachment--xls,
  .attachment--xlsx {
    --lexxy-attachment-icon-color: var(--lexxy-color-green);
  }
  .attachment--error {
    padding-block: 2ch;
  }
}
@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {
  img, video {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}
:where(.lexxy-content) {
  /* Image galleries */
  /* ------------------------------------------------------------------------ */
  .attachment-gallery {
    display: block;
    text-align: center;
    .attachment {
      display: inline-flex;
      flex-direction: column;
      gap: 0;
      inline-size: calc(33.333% - 0.8ch);
      vertical-align: top;
      .attachment__caption {
        padding-block-end: 1ch;
      }
    }
    &.attachment-gallery--2,
    &.attachment-gallery--4 {
      .attachment {
        inline-size: calc(50% - 0.8ch);
      }
    }
  }
  /* Custom attachments such as mentions, etc. */
  /* ------------------------------------------------------------------------ */
  action-text-attachment[content-type^="application/vnd.actiontext"] {
    --lexxy-attachment-bg-color: transparent;
    --lexxy-attachment-image-size: 1em;
    --lexxy-attachment-text-color: currentColor;
    align-items: center;
    background: var(--lexxy-attachment-bg-color);
    border-radius: var(--lexxy-radius);
    color: var(--lexxy-attachment-text-color);
    display: inline-flex;
    gap: 0.25ch;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: normal;
    img {
      block-size: var(--lexxy-attachment-image-size);
      border-radius: 50%;
      inline-size: var(--lexxy-attachment-image-size);
    }
  }
  /* Horizontal divider */
  /* ------------------------------------------------------------------------ */
  .horizontal-divider {
    margin: 0;
    margin-block-end: 0.5em;
    padding: 1.5em 0 0.5em;
    hr {
      border: 0;
      border-block-end: 1px solid currentColor;
      inline-size: 20%;
      margin: 0;
    }
  }
}
:where(lexxy-editor) {
  --lexxy-editor-padding: 1ch;
  --lexxy-editor-rows: 8lh;
  /* eslint-disable-next-line css/no-invalid-properties */
}
@supports (min-block-size: attr(rows lh)) {
  :where(lexxy-editor) {
    --lexxy-editor-rows: attr(rows lh, 8lh);
  }
}
:where(lexxy-editor) {
  --lexxy-toolbar-gap: 2px;
  --lexxy-toolbar-spacing: 0.5ch;
  --lexxy-toolbar-padding: 2px;
  --lexxy-toolbar-border-size: 1px;
  --lexxy-toolbar-height: calc(var(--lexxy-toolbar-button-size) + 2 * var(--lexxy-toolbar-padding) + var(--lexxy-toolbar-border-size));
  border: 1px solid var(--lexxy-color-ink-lighter);
  border-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
  background-color: var(--lexxy-color-canvas);
  container-type: inline-size;
  display: block;
  overflow: visible;
  position: relative;
  transition: opacity 150ms;
  p.provisional-paragraph {
    display: block;
    &.hidden {
      block-size: 0.5ch;
      margin: 0;
    }
  }
  input,
  button,
  summary {
    &:focus-visible {
      outline: var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);
      outline-offset: var(--lexxy-focus-ring-offset);
    }
  }
  summary {
    list-style: none;
    &::-webkit-details-marker {
      display: none;
    }
  }
  button,
  summary {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background: var(--lexxy-color-canvas);
    border: none;
    border-radius: var(--lexxy-radius);
    cursor: pointer;
    line-height: normal;
    font-size: inherit;
    inline-size: auto;
    padding: 0;
  }
  .node--selected {
    outline: var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);
    outline-offset: var(--lexxy-focus-ring-offset);
  }
  &[data-links-openable] a {
    cursor: pointer;
  }
}
@media (any-hover: hover) {
  button,
  summary {
    &:hover:not([aria-disabled=true]) {
      background: var(--lexxy-color-ink-lightest);
    }
  }
}
:where(lexxy-editor) {
  /* Tables */
  /* ------------------------------------------------------------------------ */
  table {
    th, td {
      position: relative;
      transition: all 0.1s ease-in-out;
      /* Used for column and row adding visualizations */
      &:after {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent inset;
        content: "";
        display: block;
        inset-block-start: -1px;
        inset-block-end: -1px;
        inset-inline-start: -1px;
        inset-inline-end: -1px;
        pointer-events: none;
        position: absolute;
        transition: box-shadow 0.1s ease-in-out;
        z-index: 2;
      }
      &.lexxy-content__table-cell--selected {
        background-color: var(--lexxy-color-table-cell-selected-bg);
      }
      &.lexxy-content__table-cell--focus {
        &:after {
          box-shadow: 0 0 0 0 transparent, 0 0 0 2px var(--lexxy-color-table-cell-selected-border) inset;
        }
      }
      &.lexxy-content__table-cell--highlight {
        &[data-action=insert] {
          &[data-child-type=row] {
            &[data-direction=after] {
              &:after {
                box-shadow: 0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add), 0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add) inset;
              }
            }
            &[data-direction=before] {
              &:after {
                box-shadow: 0 calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 var(--lexxy-color-table-cell-add), 0 var(--lexxy-table-cell-add-size) 0 0 var(--lexxy-color-table-cell-add) inset;
              }
            }
          }
          &[data-child-type=column] {
            &[data-direction=after] {
              &:after {
                box-shadow: var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add), calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add) inset;
              }
            }
            &[data-direction=before] {
              &:after {
                box-shadow: calc(-1 * var(--lexxy-table-cell-add-size) - 1px) 0 0 0 var(--lexxy-color-table-cell-add), var(--lexxy-table-cell-add-size) 0 0 0 var(--lexxy-color-table-cell-add) inset;
              }
            }
          }
        }
        &[data-action=delete] {
          background-color: var(--lexxy-color-table-cell-remove);
          color: var(--lexxy-color-red);
          &:after {
            box-shadow: 0 0 0 0 transparent;
          }
        }
        &[data-action=toggle] {
          background-color: var(--lexxy-color-table-cell-toggle);
          &:after {
            box-shadow: 0 0 0 0 transparent;
          }
        }
      }
    }
    tr.lexxy-content__table-cell--highlight[data-action=delete] {
      th, td {
        background-color: var(--lexxy-color-table-cell-remove);
        color: var(--lexxy-color-red);
        &:after {
          box-shadow: 0 0 0 0 transparent;
        }
      }
    }
    &.lexxy-content__table--selection {
      /* eslint-disable-next-line css/use-baseline */
      ::-moz-selection {
        background: transparent;
      }
      ::selection {
        background: transparent;
      }
    }
  }
  &:has(.lexxy-content__table-cell--selected) {
    lexxy-table-tools {
      visibility: hidden;
    }
  }
  [data-lexical-linebreak] {
    block-size: 0;
    display: contents;
    inline-size: 0;
  }
  /* Attachments */
  /* ------------------------------------------------------------------------ */
  action-text-attachment {
    cursor: pointer;
  }
  .attachment {
    background-color: var(--lexxy-color-canvas);
    progress {
      max-inline-size: 10ch;
      margin: auto;
    }
    &.attachment--preview {
      progress {
        inset-block-start: 2ch;
        inset-inline-start: 0;
        inset-inline-end: 0;
        position: absolute;
      }
    }
    &.attachment--error {
      background: color-mix(var(--lexxy-color-red) 10%, transparent);
      padding: 2ch;
      &:before {
        align-items: center;
        aspect-ratio: 1;
        background: var(--lexxy-color-red);
        block-size: 1.5lh;
        border-radius: 50%;
        color: white;
        content: "!";
        display: flex;
        justify-content: center;
        margin: auto;
      }
      > div {
        flex: 1;
        font-size: 0.85em;
        padding: 1ch;
        text-align: start;
      }
    }
  }
  .attachment[draggable] {
    cursor: grab;
  }
  .attachment.lexxy-dragging {
    opacity: 0.4;
  }
  [data-lexxy-decorator][draggable] {
    cursor: grab;
  }
  [data-lexxy-decorator].lexxy-dragging {
    opacity: 0.4;
  }
  .lexxy-drop-caret {
    background-color: var(--lexxy-focus-ring-color);
    border-radius: 1px;
    inline-size: 2px;
    pointer-events: none;
    position: fixed;
  }
  [class*=lexxy-drop-target--] {
    position: relative;
  }
  /* Horizontal line indicator for block and list drops */
  .lexxy-drop-target--block-before::before,
  .lexxy-drop-target--block-after::after,
  .lexxy-drop-target--list-before::before,
  .lexxy-drop-target--list-after::after {
    background-color: var(--lexxy-focus-ring-color);
    block-size: 3px;
    border-radius: 1px;
    content: "";
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 0.5ch);
  }
  .lexxy-drop-target--block-before::before,
  .lexxy-drop-target--list-before::before {
    transform: translate(0, -0.5ch);
  }
  .lexxy-drop-target--block-before::before,
  .lexxy-drop-target--list-before::before {
    inset-block-start: -2px;
  }
  .lexxy-drop-target--block-after::after,
  .lexxy-drop-target--list-after::after {
    inset-block-end: -2px;
  }
  /* Vertical line indicator for gallery merge and reorder */
  .lexxy-drop-target--gallery-before::before,
  .lexxy-drop-target--gallery-after::after {
    background-color: var(--lexxy-focus-ring-color);
    border-radius: 1px;
    content: "";
    inset-block: 0;
    inline-size: 3px;
    pointer-events: none;
    position: absolute;
  }
  .lexxy-drop-target--gallery-before::before {
    inset-inline-start: -4px;
  }
  .lexxy-drop-target--gallery-after::after {
    inset-inline-end: -4px;
  }
  .attachment:hover:not(.node--selected) {
    outline: var(--lexxy-focus-ring-size) solid color-mix(in oklch, var(--lexxy-focus-ring-color) 30%, transparent);
    outline-offset: var(--lexxy-focus-ring-offset);
  }
  /* Image galleries */
  /* ------------------------------------------------------------------------ */
  .attachment-gallery {
    --lexxy-attachment-gallery-columns: 3;
    --lexxy-attachment-gallery-gap: 0.4ch;
    --lexxy-focus-ring-offset: -6px;
    padding: 0;
    .attachment {
      background: transparent;
      box-sizing: border-box;
      margin: var(--lexxy-attachment-gallery-gap);
      padding: 0;
      padding-block-end: var(--lexxy-attachment-gap);
      vertical-align: top;
      img {
        box-sizing: border-box;
        padding: 1ch;
        padding-block-end: 0;
      }
      &.attachment--error {
        background: color-mix(var(--lexxy-color-red) 10%, transparent);
        padding: 2ch;
        > div {
          text-align: center;
        }
      }
    }
  }
  .attachment__caption--editable {
    box-sizing: border-box;
    cursor: text;
    .attachment__caption-text {
      display: block;
      min-block-size: 1lh;
      overflow-wrap: anywhere;
      white-space: pre-wrap;
      text-align: center;
    }
    &[data-placeholder] .attachment__caption-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .attachment__caption--editing .attachment__caption-text {
    display: none;
  }
}
/* Reserve the mounted height before upgrade so it doesn't shift layout on mount. */
:where(lexxy-editor:not(:defined)) {
  min-block-size: calc(var(--lexxy-toolbar-height) + var(--lexxy-editor-rows) + 2 * var(--lexxy-editor-padding));
}
/* Placeholder */
:where(.lexxy-editor--empty) {
  .lexxy-editor__content:not(:has(h1, h2, h3, h4, h5, h6, table, ul, ol, figure, .attachment-gallery))::before {
    content: attr(placeholder);
    color: currentColor;
    cursor: text;
    opacity: 0.66;
    pointer-events: none;
    position: absolute;
    white-space: pre-line;
  }
}
:where(.lexxy-editor__content) {
  /* eslint-disable-next-line css/no-invalid-properties */
  min-block-size: var(--lexxy-editor-rows);
  outline: 0;
  padding: var(--lexxy-editor-padding);
  /* Isolate the contenteditable root's layout and style. Lexical's reconciler
     commits mutations inside this element (nodes appended, text inserted,
     class flipped) on every update; containment keeps those mutations from
     invalidating ancestor-dependent selectors and sibling layout elsewhere
     in the editor. */
  contain: layout style;
}
:where(.lexxy-editor--drag-over) {
  background-color: var(--lexxy-color-selected);
  border-radius: var(--lexxy-radius);
  outline: 2px dashed var(--lexxy-color-selected-dark);
}
:where([data-lexical-cursor]) {
  animation: blink 1s infinite;
  block-size: 1lh;
  border-inline-start: 1.5px solid currentColor;
  line-height: inherit;
  margin-block: 0 var(--lexxy-content-margin);
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* --------------------------------------------------------------------------
/* Toolbar */
:where(lexxy-toolbar) {
  --lexxy-toolbar-icon-size: 1.125em;
  border-block-end: var(--lexxy-toolbar-border-size) solid var(--lexxy-color-ink-lighter);
  color: currentColor;
  display: flex;
  font-size: inherit;
  gap: var(--lexxy-toolbar-gap);
  max-inline-size: 100%;
  padding: var(--lexxy-toolbar-padding);
  position: relative;
  &[data-attachments=false] button[name=image],
  &[data-attachments=false] button[name=file] {
    display: none;
  }
  &[data-upload=file] button[name=image] {
    display: none;
  }
  &[data-upload=image] button[name=file] {
    display: none;
  }
  .lexxy-editor__toolbar-button {
    aspect-ratio: 1;
    block-size: var(--lexxy-toolbar-button-size);
    border: 0;
    border-radius: var(--lexxy-radius);
    color: currentColor;
    display: grid;
    line-height: inherit;
    place-items: center;
    &:is(:active):not([aria-disabled=true]),
    &[aria-pressed=true] {
      background-color: var(--lexxy-color-selected);
      &:hover {
        background-color: var(--lexxy-color-selected-hover);
      }
    }
    &[aria-disabled=true] {
      cursor: default;
      opacity: 0.3;
    }
    svg {
      -webkit-touch-callout: none;
      block-size: var(--lexxy-toolbar-icon-size);
      fill: currentColor;
      grid-area: 1/1;
      inline-size: var(--lexxy-toolbar-icon-size);
      -webkit-user-select: none;
    }
    &.lexxy-editor__toolbar-group-end {
      position: relative;
      margin-inline-end: calc(var(--lexxy-toolbar-spacing) + 1px);
      &:after {
        background-color: var(--lexxy-color-ink-lighter);
        block-size: var(--lexxy-toolbar-icon-size);
        content: "";
        display: block;
        inline-size: 1px;
        inset-inline-end: calc(-1 * var(--lexxy-toolbar-spacing));
        inset-block: 0;
        margin: auto;
        pointer-events: none;
        position: absolute;
      }
    }
  }
  .lexxy-editor__toolbar-button--push-right {
    margin-inline-start: auto;
  }
}
@container (width < 300px) {
  :where(lexxy-toolbar) {
    font-size: 0.8em;
  }
}
@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {
  svg {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}
/* --------------------------------------------------------------------------
/* Dropdowns */
:where(.lexxy-editor__toolbar-dropdown) {
  -webkit-user-select: none;
  .lexxy-editor__toolbar-button {
    color: currentColor;
    &:hover {
      opacity: 0.8;
    }
    &.lexxy-editor__toolbar-button--chevron {
      aspect-ratio: unset;
      gap: 0.5ch;
      grid-template-columns: 2fr 1fr;
      min-inline-size: calc(var(--lexxy-toolbar-button-size) + 1.2ch);
      padding-inline: 0.75ch;
      &:after {
        block-size: 0.3ch;
        border-block-end: 2px solid currentColor;
        border-inline-end: 2px solid currentColor;
        content: "";
        display: inline-block;
        inline-size: 0.3ch;
        transform: rotate(45deg);
      }
    }
  }
  > .lexxy-editor__toolbar-button[aria-expanded=true] {
    background-color: var(--lexxy-color-selected-hover);
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    &:hover {
      background-color: var(--lexxy-color-selected-hover);
    }
  }
  [data-dropdown-panel] {
    background-color: var(--lexxy-color-canvas);
    border: 2px solid var(--lexxy-color-selected-hover);
    border-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
    box-sizing: border-box;
    box-shadow: var(--lexxy-shadow);
    color: var(--lexxy-color-text);
    display: flex;
    gap: var(--lexxy-toolbar-gap);
    margin: 0;
    padding: var(--lexxy-toolbar-spacing);
    position: absolute;
    z-index: 3;
    &[hidden],
    [overflowing] &[hidden] {
      display: none;
    }
  }
  .lexxy-editor__toolbar-dropdown-list {
    border-start-start-radius: 0;
    flex-direction: column;
    padding: 0.1ch;
    button {
      align-items: center;
      color: var(--lexxy-color-text);
      display: flex;
      flex-direction: row;
      gap: 1ch;
      padding: 1ch;
      position: relative;
      &[aria-checked=true] {
        background-color: var(--lexxy-color-selected);
        &:hover {
          background-color: var(--lexxy-color-selected-hover);
        }
      }
      span {
        font-size: var(--lexxy-text-small);
      }
      svg {
        block-size: 1lh;
        fill: currentColor;
        inline-size: 1lh;
      }
    }
    .lexxy-editor__toolbar-separator {
      background: var(--lexxy-color-ink-lighter);
      block-size: 1px;
      inline-size: 100%;
    }
    [overflowing] & {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      button span {
        display: none;
      }
      .lexxy-editor__toolbar-separator {
        grid-column: 1/-1;
      }
    }
  }
}
@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {
  :where(.lexxy-editor__toolbar-dropdown) {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}
:where(.lexxy-editor__toolbar-dropdown) {
  /* --------------------------------------------------------------------------
  /* Overflow menu */
  &.lexxy-editor__toolbar-overflow {
    display: none;
    justify-self: flex-end;
    z-index: 1;
    [data-dropdown-panel] {
      border-start-end-radius: 0;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      inset-inline-end: var(--lexxy-toolbar-gap);
    }
  }
  /* --------------------------------------------------------------------------
  /* Link dropdown */
  &.lexxy-editor__toolbar-dropdown--link {
    [data-dropdown-panel] {
      font-size: var(--lexxy-text-small);
      gap: var(--lexxy-toolbar-spacing);
      inset-inline-start: var(--lexxy-toolbar-spacing);
      inset-inline-end: var(--lexxy-toolbar-spacing);
      [overflowing] & {
        flex-wrap: wrap;
      }
      .lexxy-editor__toolbar-dropdown-actions {
        display: flex;
        flex: 1;
        gap: var(--lexxy-toolbar-spacing);
      }
      input[type=url] {
        background-color: var(--lexxy-color-canvas);
        border: 1px solid var(--lexxy-color-ink-lighter);
        border-radius: var(--lexxy-radius);
        color: var(--lexxy-color-text);
        block-size: var(--lexxy-toolbar-button-size);
        box-sizing: border-box;
        font-size: var(--lexxy-text-small);
        flex: 2;
        inline-size: 100%;
        line-height: inherit;
        padding-block: 0;
        padding-inline: 1ch;
        [overflowing] & {
          min-inline-size: 100%;
        }
      }
      button {
        background-color: var(--lexxy-color-ink-lightest);
        inline-size: 100%;
        padding-inline: 2ch;
      }
      button[value=link] {
        background-color: var(--lexxy-color-accent-dark);
        color: var(--lexxy-color-ink-inverted);
        &:hover {
          background-color: var(--lexxy-color-accent-medium);
        }
      }
    }
  }
  /* --------------------------------------------------------------------------
  /* Color dropdown */
  &.lexxy-editor__toolbar-dropdown--highlight {
    position: relative;
    [overflowing] & {
      position: static;
    }
    [data-dropdown-panel] {
      --max-inline-size: calc(var(--max-colors) * (var(--lexxy-toolbar-button-size) + var(--lexxy-toolbar-spacing)));
      border-start-start-radius: 0;
      gap: var(--lexxy-toolbar-spacing);
      flex-direction: column;
      font-size: var(--lexxy-text-small);
      inset-inline-start: 0;
      max-inline-size: var(--max-inline-size);
      [overflowing] & {
        border-start-start-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
        inset-inline-end: var(--lexxy-toolbar-spacing);
        inset-inline-start: var(--lexxy-toolbar-spacing);
      }
      button {
        position: relative;
      }
      .lexxy-highlight-colors {
        display: grid;
        gap: var(--lexxy-toolbar-gap);
        grid-template-columns: repeat(auto-fill, minmax(var(--lexxy-toolbar-button-size), 1fr));
        max-inline-size: var(--max-inline-size);
        .lexxy-highlight-colors__group {
          display: contents;
        }
        button {
          block-size: unset;
          inline-size: 100%;
          &:after {
            align-items: center;
            content: "Aa";
            display: flex;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            inset: 0;
            justify-content: center;
            position: absolute;
          }
          &[aria-checked=true] {
            background-color: transparent;
            box-shadow: 0 0 0 2px currentColor inset;
            &:after {
              content: "✓";
            }
          }
        }
      }
      .lexxy-editor__toolbar-dropdown-reset {
        background-color: var(--lexxy-color-ink-lightest);
        &:is([disabled]) {
          display: none;
        }
      }
    }
  }
}
/* --------------------------------------------------------------------------
/* Floating controls */
:where(.lexxy-floating-controls) {
  --button-size: 2.3lh;
  --floating-tools-radius: calc(var(--lexxy-radius) * 1.5);
  color: var(--lexxy-color-ink-inverted);
  font-size: var(--lexxy-text-small);
  line-height: 1;
  position: absolute;
  z-index: 2;
  button {
    align-items: center;
    background: transparent;
    block-size: var(--button-size);
    color: var(--lexxy-color-ink-inverted);
    display: flex;
    justify-content: center;
    line-height: inherit;
    min-block-size: var(--button-size);
    min-inline-size: var(--button-size);
    -webkit-user-select: none;
  }
  button {
    aspect-ratio: 1/1;
    font-weight: bold;
    svg {
      block-size: 1.125em;
      inline-size: 1.125em;
      fill: currentColor;
      opacity: 0.8;
      padding: 1px; /* Fixes weird Safari SVG clipping issue */
    }
    span {
      display: none;
    }
  }
  .lexxy-table-control__more-menu-trigger {
    aspect-ratio: auto;
    box-shadow: 0 0 0 1px inset var(--lexxy-color-floating-controls-separator);
    font-weight: normal;
    padding: 0 1.25ch;
  }
  .lexxy-floating-controls__group {
    background-color: var(--lexxy-color-ink);
    border-radius: var(--floating-tools-radius);
    padding: 0.25ch;
  }
}
@supports ((-webkit-user-select: none) or (-moz-user-select: none) or (user-select: none)) {
  button {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}
@media (any-hover: hover) {
  button {
    &:hover:not([aria-disabled=true]),
    &.lexxy-table-control__more-menu-trigger[aria-expanded=true] {
      background: var(--lexxy-color-ink-medium);
      svg {
        opacity: 1;
      }
    }
    &:focus-visible {
      outline-color: var(--lexxy-focus-ring-color);
    }
  }
}
:where(.lexxy-floating-controls) {
  /* --------------------------------------------------------------------------
  /* Table Tools */
  &:is(lexxy-table-tools) {
    flex-direction: row;
    gap: 0.25ch;
    inset-inline-start: var(--lexxy-editor-padding);
    transform: translate(-50%, -120%);
    .lexxy-table-control {
      align-items: stretch;
      display: flex;
      flex-direction: row;
      gap: 0.25ch;
      white-space: nowrap;
      .lexxy-table-control__more-menu {
        display: flex;
        gap: 0;
        position: relative;
        .lexxy-table-control__more-menu-details {
          background: var(--lexxy-color-ink);
          border-radius: var(--floating-tools-radius);
          display: flex;
          flex-direction: column;
          gap: 0.25ch;
          inset-block-start: 110%;
          inset-inline-start: 50%;
          padding: 0.25ch;
          position: absolute;
          transform: translateX(-50%);
          &[hidden] {
            display: none;
          }
          button {
            aspect-ratio: unset;
            flex-direction: row;
            font-weight: normal;
            gap: 1ch;
            justify-content: flex-start;
            padding: 0.75ch;
            padding-inline-end: 1.5ch;
            white-space: nowrap;
            span {
              display: inline-block;
            }
            svg {
              block-size: 1.3lh;
              inline-size: 1.3lh;
              fill: currentColor;
            }
          }
        }
      }
      .lexxy-table-control__button--delete-table {
        align-items: center;
        block-size: auto;
        font-weight: normal;
        justify-content: center;
        svg {
          block-size: 1.125em;
          inline-size: 1.125em;
          min-block-size: 1.125em;
          min-inline-size: 1.125em;
        }
        span {
          align-items: center;
          background: var(--lexxy-color-ink);
          border-radius: var(--floating-tools-radius);
          color: color-mix(in srgb, var(--lexxy-color-ink-inverted) 80%, transparent);
          display: flex;
          inset-inline-end: calc(var(--button-size) + 1ch);
          inset-block-start: 0;
          inset-block-end: 0;
          inset-inline-start: 0;
          justify-content: center;
          padding: 0.5ch 1ch;
          position: absolute;
          transition: all 0.2s ease-out;
          opacity: 0;
          pointer-events: none;
          white-space: nowrap;
        }
        &:hover {
          background-color: var(--lexxy-color-red);
          svg {
            color: var(--lexxy-color-ink-inverted);
          }
          span {
            opacity: 1;
          }
        }
      }
    }
  }
  /* --------------------------------------------------------------------------
  /* Attachment toolbar */
  &:is(lexxy-attachment-toolbar) {
    display: flex;
    /* The anchor is measured in px from the editor's top-left, so these stay physical. */
    left: calc(var(--lexxy-anchor-left) + var(--lexxy-anchor-width));
    top: var(--lexxy-anchor-top);
    transform: translate(calc(-100% - 1.5ch), 1.5ch);
    &[hidden] {
      display: none;
    }
    /* The divider is thinner than the button. */
    &[data-node-type=horizontal_divider] {
      --button-size: 1.8lh;
      top: calc(var(--lexxy-anchor-top) + var(--lexxy-anchor-height) / 2);
      transform: translate(calc(-100% - 0.5ch), -50%);
    }
    &[data-presentation=inline] {
      --button-size: 1.6lh;
      top: calc(var(--lexxy-anchor-top) + var(--lexxy-anchor-height) / 2);
      transform: translate(0.5ch, -50%);
      &[data-overflow] {
        transform: translate(-100%, -50%);
      }
    }
    .lexxy-floating-controls__group {
      display: flex;
    }
    button[hidden] {
      display: none;
    }
    .lexxy-attachment-toolbar__alternative-text {
      aspect-ratio: auto;
      margin-inline-end: calc(var(--lexxy-toolbar-spacing) + 1px);
      padding-inline: 1ch;
      position: relative;
      span {
        display: inline-block;
        font-size: 0.9em;
      }
      &:after {
        background-color: var(--lexxy-color-floating-controls-separator);
        block-size: 1.125em;
        content: "";
        display: block;
        inline-size: 1px;
        inset-block: 0;
        inset-inline-end: calc(-1 * var(--lexxy-toolbar-spacing));
        margin: auto;
        pointer-events: none;
        position: absolute;
      }
    }
    .lexxy-attachment-toolbar__remove:hover,
    .lexxy-attachment-toolbar__remove:focus-visible {
      background-color: var(--lexxy-color-red);
    }
  }
  /* --------------------------------------------------------------------------
  /* Language picker */
  &:is(lexxy-code-language-picker) {
    inset-inline-end: var(--lexxy-editor-padding);
    select {
      -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
      background-color: var(--lexxy-color-canvas);
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23000'/%3E%3C/svg%3E");
      background-position: center right 1ch;
      background-repeat: no-repeat;
      background-size: 1ch;
      block-size: 1.5lh;
      border: 1px solid var(--lexxy-color-ink-lighter);
      border-radius: var(--lexxy-radius);
      color: var(--lexxy-color-ink);
      font-family: var(--lexxy-font-base);
      font-size: var(--lexxy-text-small);
      font-weight: normal;
      margin: 0.5ch 0.5ch 0 -0.5ch;
      padding: 0 2ch 0 1ch;
      text-align: start;
    }
  }
}
@media (prefers-color-scheme: dark) {
  select {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 19.5c-.7 0-1.3-.3-1.7-.8l-9.8-11.1c-.7-.8-.6-1.9.2-2.6.8-.6 1.9-.6 2.5.2l8.6 9.8c0 .1.2.1.4 0l8.6-9.8c.7-.8 1.8-.9 2.6-.2s.9 1.8.2 2.6l-9.8 11.1c-.4.5-1.1.8-1.7.8z' fill='%23fff'/%3E%3C/svg%3E");
  }
}
/* --------------------------------------------------------------------------
/* Prompt */
:where(.lexxy-prompt-menu) {
  --lexxy-prompt-avatar-size: 24px;
  --lexxy-prompt-padding: 0.5ch;
  --lexxy-prompt-offset-x: 0;
  --lexxy-prompt-offset-y: 0;
  background-color: var(--lexxy-color-canvas);
  border-radius: calc(var(--lexxy-prompt-padding) * 2);
  box-shadow: var(--lexxy-shadow);
  color: var(--lexxy-color-ink);
  font-family: var(--lexxy-font-base);
  font-size: var(--lexxy-text-small);
  list-style: none;
  inset-block-start: var(--lexxy-prompt-offset-y);
  inset-inline-start: var(--lexxy-prompt-offset-x);
  margin: 0;
  max-block-size: 200px;
  max-inline-size: min(20ch, 100% - var(--lexxy-prompt-offset-x));
  min-inline-size: 20ch;
  overflow: auto;
  padding: var(--lexxy-prompt-padding);
  position: absolute;
  visibility: hidden;
  z-index: var(--lexxy-z-popup);
  &[data-clipped-at-right] {
    inset-inline-start: unset;
    inset-inline-end: 1ch;
    max-inline-size: calc(100% - 1ch);
  }
  &[data-clipped-at-bottom] {
    inset-block-start: unset;
    inset-block-end: var(--lexxy-prompt-offset-y);
  }
}
:where(.lexxy-prompt-menu--visible[data-anchored]) {
  visibility: initial;
}
:where(.lexxy-prompt-menu__item) {
  align-items: center;
  border-radius: var(--lexxy-radius);
  cursor: pointer;
  display: flex;
  gap: var(--lexxy-prompt-padding);
  padding: var(--lexxy-prompt-padding);
  &:hover {
    background-color: var(--lexxy-color-ink-lightest);
  }
  &[aria-selected] {
    background-color: var(--lexxy-color-selected);
  }
  img {
    block-size: var(--lexxy-prompt-avatar-size);
    border-radius: 50%;
    flex-shrink: 0;
    inline-size: var(--lexxy-prompt-avatar-size);
    margin: 0;
  }
  + & {
    margin-top: 2px;
  }
}
:where(.lexxy-prompt-menu__item--empty) {
  color: var(--lexxy-color-ink-medium);
  padding: var(--lexxy-prompt-padding);
}
/* --------------------------------------------------------------------------
/* Custom attachments */
action-text-attachment[content-type^="application/vnd.actiontext"] {
  &.node--selected {
    --lexxy-attachment-bg-color: var(--lexxy-color-accent-dark);
    --lexxy-attachment-text-color: var(--lexxy-color-ink-inverted);
    outline: none;
  }
}
/* --------------------------------------------------------------------------
/* Screen readers need access to announcements and selection labels. */
:where(lexxy-live-region, .lexxy-fake-selection) {
  block-size: 1px;
  border: 0;
  clip-path: inset(50%);
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
/* The DOM Selection API requires selectable text. */
.lexxy-fake-selection {
  -webkit-user-select: text;
}
@supports ((-webkit-user-select: text) or (-moz-user-select: text) or (user-select: text)) {
  .lexxy-fake-selection {
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }
}
/* Screen readers need the caption field outside the editor's textbox. */
:where(.lexxy-caption-editor) {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  background: var(--lexxy-color-canvas);
  border: 0;
  border-radius: var(--lexxy-radius);
  outline: 0;
  padding: 0;
  overflow: hidden;
  &[hidden] {
    display: none;
  }
}
@supports (resize: none) {
  :where(.lexxy-caption-editor) {
    resize: none;
  }
}
.lexxy-alternative-text-dialog {
  background: var(--lexxy-color-canvas);
  border: 2px solid var(--lexxy-color-selected-hover);
  border-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
  box-shadow: var(--lexxy-shadow);
  box-sizing: border-box;
  color: var(--lexxy-color-ink);
  font: inherit;
  inline-size: 60%;
  inset-block: calc(var(--lexxy-anchor-bottom) + var(--lexxy-toolbar-spacing)) auto;
  inset-inline: 0;
  margin-block: 0;
  margin-inline: auto;
  min-inline-size: min(20rem, 100%);
  overflow: auto;
  padding: var(--lexxy-toolbar-spacing);
  z-index: 3;
  h2, .h2 {
    font-size: inherit;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding-block-start: calc(0.25 * var(--lexxy-text-small));
    padding-inline: calc(0.5 * var(--lexxy-text-small));
    text-align: center;
  }
  .lexxy-alternative-text-dialog__controls {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-block-start: 0.5em;
  }
  textarea {
    background: var(--lexxy-color-canvas);
    border: 1px solid var(--lexxy-color-ink-lighter);
    border-radius: var(--lexxy-radius);
    box-sizing: border-box;
    color: inherit;
    display: block;
    font: inherit;
    font-size: var(--lexxy-text-small);
    font-weight: normal;
    min-block-size: calc(2lh + 1em + 2px);
    min-inline-size: 0;
    padding: 0.5em;
  }
  button {
    background-color: var(--lexxy-color-ink-lightest);
    block-size: var(--lexxy-toolbar-button-size);
    border: 0;
    border-radius: var(--lexxy-radius);
    color: currentColor;
    cursor: pointer;
    display: grid;
    font-size: var(--lexxy-text-small);
    inline-size: 100%;
    line-height: inherit;
    padding-inline: 2ch;
    place-items: center;
    &:hover {
      opacity: 0.8;
    }
  }
  .lexxy-alternative-text-dialog__save {
    background-color: var(--lexxy-color-accent-dark);
    color: var(--lexxy-color-ink-inverted);
    &:hover {
      background-color: var(--lexxy-color-accent-medium);
    }
  }
  textarea:focus-visible {
    outline: var(--lexxy-focus-ring-size) solid var(--lexxy-focus-ring-color);
    outline-offset: var(--lexxy-focus-ring-offset);
  }
  .lexxy-alternative-text-dialog__actions {
    display: flex;
    gap: 0.5em;
    button {
      flex: 1;
    }
  }
}
@supports (field-sizing: content) {
  textarea {
    field-sizing: content;
  }
}
@supports (resize: none) {
  textarea {
    resize: none;
  }
}
:root {
  --theme-primary: #6366f1;
  --theme-primary-hover: #4f46e5;
  --theme-primary-rgb: 99, 102, 241;
  --theme-focus-ring: rgba(99, 102, 241, 0.5);
  --theme-chip-bg: #ecfccb;
  --theme-chip-hover: #d9f99d;
  --theme-chip-border: #bef264;
  --theme-border: #e2e6d0;
  --theme-text: #1c1917;
  --theme-text-soft: #57534e;
  --theme-muted: #6b7280;
  --theme-soft-bg: #eef2ff;
  --theme-soft-bg-hover: #e0e7ff;
  --theme-soft-border: #e0e7ff;
  --theme-soft-border-hover: #c7d2fe;
}
.theme-olive,
body.hirer-context,
body.hiring-portal,
body.hiring-bo,
.listen-dashboard,
.listen-builder,
.research-qa {
  --theme-primary: #4d7c0f;
  --theme-primary-hover: #3f6212;
  --theme-focus-ring: rgba(77, 124, 15, 0.35);
  --theme-primary-rgb: 77, 124, 15;
  --theme-soft-bg: #f7fee7;
  --theme-soft-bg-hover: #ecfccb;
  --theme-soft-border: #ecfccb;
  --theme-soft-border-hover: #d9f99d;
}
.btn-primary {
  --bs-btn-bg: var(--theme-primary);
  --bs-btn-border-color: var(--theme-primary);
  --bs-btn-hover-bg: var(--theme-primary-hover);
  --bs-btn-hover-border-color: var(--theme-primary-hover);
  --bs-btn-active-bg: var(--theme-primary-hover);
  --bs-btn-active-border-color: var(--theme-primary-hover);
  --bs-btn-disabled-bg: var(--theme-primary);
  --bs-btn-disabled-border-color: var(--theme-primary);
}
.btn-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--theme-focus-ring);
}
.btn-outline-primary {
  --bs-btn-color: var(--theme-primary);
  --bs-btn-border-color: var(--theme-primary);
  --bs-btn-hover-bg: var(--theme-primary);
  --bs-btn-hover-border-color: var(--theme-primary);
  --bs-btn-active-bg: var(--theme-primary);
  --bs-btn-active-border-color: var(--theme-primary);
}
.btn-outline-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--theme-focus-ring);
}
.bg-primary {
  background-color: var(--theme-primary) !important;
}
.text-primary,
a.text-primary {
  color: var(--theme-primary) !important;
}
a.text-primary:hover {
  color: var(--theme-primary-hover) !important;
}
.border-primary {
  border-color: var(--theme-primary) !important;
}
.theme-note {
  margin: 0;
  font-size: 15px;
  color: var(--theme-muted);
}
.theme-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  background: var(--theme-chip-bg);
  color: var(--theme-text);
  border: 1px solid var(--theme-chip-border);
}
.theme-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  background: var(--theme-chip-bg);
  color: var(--theme-primary-hover);
  border: 1px solid var(--theme-chip-border);
}
.theme-callout {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--theme-primary) 8%, #fff);
  border: 1px solid color-mix(in srgb, var(--theme-primary) 22%, #fff);
  color: var(--theme-text);
}
.theme-callout__icon {
  flex-shrink: 0;
  color: var(--theme-primary);
}
.v2-guest-page {
  scroll-padding-top: 64px;
}
html:has(.v2-guest-page) {
  scroll-padding-top: 64px;
}
.v2-guest-header {
  background: white;
  border-bottom: 1px solid transparent;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 1030;
  box-shadow: none;
  transition: border-color 150ms ease-out;
}
.v2-guest-header.is-scrolled {
  border-bottom-color: #f1f3f5;
}
.v2-guest-header.is-scrolled .header-container {
  height: 56px;
}
.v2-guest-header .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0.5rem 2rem;
  height: 64px;
  transition: height 150ms ease-out;
}
.v2-guest-header .header-logo {
  display: flex;
  align-items: center;
}
.v2-guest-header .header-logo .logo-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.v2-guest-header .header-logo .logo-link:hover {
  opacity: 0.8;
}
.v2-guest-header .header-logo .logo-text {
  height: 28px;
  width: auto;
  display: block;
}
.v2-guest-header .header-navigation {
  display: none;
  align-items: center;
  gap: 0.5rem;
}
.v2-guest-header .header-navigation .nav-item {
  color: #4b5563;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.v2-guest-header .header-navigation .nav-item:hover {
  color: #1f2937;
}
.v2-guest-header .header-navigation .nav-item.active {
  color: #6366f1;
  font-weight: 600;
}
.v2-guest-header .header-navigation .nav-dropdown {
  position: relative;
}
.v2-guest-header .header-navigation .nav-dropdown .nav-dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
}
.v2-guest-header .header-navigation .nav-dropdown .nav-dropdown-chevron {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  transition: transform 0.2s ease;
}
.v2-guest-header .header-navigation .nav-dropdown.show .nav-dropdown-chevron,
.v2-guest-header .header-navigation .nav-dropdown .nav-dropdown-toggle[aria-expanded=true] .nav-dropdown-chevron {
  transform: rotate(180deg);
}
.v2-guest-header .header-navigation .nav-dropdown .dropdown-menu {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
  min-width: 200px;
  margin-top: 0.25rem;
}
.v2-guest-header .header-navigation .nav-dropdown .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  color: #4b5563;
  font-weight: 500;
}
.v2-guest-header .header-navigation .nav-dropdown .dropdown-menu .dropdown-item:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.v2-guest-header .header-navigation .nav-dropdown .dropdown-menu .dropdown-item.active {
  background: #eef2ff;
  color: #6366f1;
  font-weight: 600;
}
.v2-guest-header .header-actions {
  display: none;
  align-items: center;
  gap: 1rem;
}
.v2-guest-header .header-actions .btn-text {
  color: #4b5563;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.375rem 0.625rem;
  transition: color 0.2s ease;
}
.v2-guest-header .header-actions .btn-text:hover {
  color: #1f2937;
}
.v2-guest-header .header-actions .btn-cta {
  background: var(--theme-primary);
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  transition: all 0.2s ease;
  display: inline-block;
}
.v2-guest-header .header-actions .btn-cta:hover {
  background: var(--theme-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--theme-focus-ring);
}
.v2-guest-header .mobile-menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 28px;
  height: 28px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.v2-guest-header .mobile-menu-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background: #4b5563;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.v2-guest-header .mobile-menu-toggle:hover span {
  background: #1f2937;
}
.v2-guest-header .mobile-menu-toggle[aria-expanded=true] span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.v2-guest-header .mobile-menu-toggle[aria-expanded=true] span:nth-child(2) {
  opacity: 0;
}
.v2-guest-header .mobile-menu-toggle[aria-expanded=true] span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}
@media (min-width: 1024px) {
  .v2-guest-header .header-logo .logo-text {
    display: block !important;
  }
  .v2-guest-header .header-navigation {
    display: flex !important;
  }
  .v2-guest-header .header-actions {
    display: flex !important;
  }
  .v2-guest-header .mobile-menu-toggle {
    display: none !important;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .v2-guest-header .header-container {
    padding: 0.5rem 1.5rem;
  }
  .v2-guest-header .header-navigation {
    display: flex !important;
    gap: 0.25rem;
  }
  .v2-guest-header .header-navigation .nav-item {
    padding: 0.375rem 0.625rem;
    font-size: 0.85rem;
  }
  .v2-guest-header .header-actions {
    display: flex !important;
    gap: 0.5rem;
  }
  .v2-guest-header .header-actions .btn-text {
    padding: 0.375rem 0.5rem;
    font-size: 0.85rem;
  }
  .v2-guest-header .header-actions .btn-cta {
    padding: 0.4375rem 0.875rem;
    font-size: 0.85rem;
  }
  .v2-guest-header .mobile-menu-toggle {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .v2-guest-header .header-container {
    padding: 0.5rem 1rem;
    height: 60px;
  }
  .v2-guest-header .header-logo .logo-text {
    display: block;
    height: 28px;
    width: auto;
  }
}
#mobileNavOffcanvas {
  width: 75vw !important;
  max-width: 400px !important;
}
@media (min-width: 768px) {
  #mobileNavOffcanvas {
    width: 350px !important;
  }
}
#mobileNavOffcanvas .offcanvas-header {
  border-bottom: 1px solid #e5e7eb;
  padding: 1rem 1.5rem;
}
#mobileNavOffcanvas .offcanvas-body {
  padding: 1rem;
}
#mobileNavOffcanvas .mobile-offcanvas-nav {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
#mobileNavOffcanvas .mobile-offcanvas-item {
  color: #4b5563;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
}
#mobileNavOffcanvas .mobile-offcanvas-item:hover {
  background: #f3f4f6;
  color: #1f2937;
}
#mobileNavOffcanvas .mobile-offcanvas-item.active {
  background: rgba(99, 102, 241, 0.1);
  color: #6366f1;
  font-weight: 600;
}
#mobileNavOffcanvas .mobile-offcanvas-item.active svg {
  color: #6366f1;
}
#mobileNavOffcanvas .mobile-offcanvas-group {
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.5rem 0;
  margin: 0.25rem 0;
}
#mobileNavOffcanvas .mobile-offcanvas-group .mobile-offcanvas-group-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.25rem 1rem 0.5rem;
}
#mobileNavOffcanvas .mobile-offcanvas-actions {
  padding-top: 1rem;
}
#mobileNavOffcanvas hr {
  border-color: #e5e7eb;
  opacity: 1;
}
.v2-guest-footer {
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
  margin-top: auto;
}
.v2-guest-footer .footer-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 3rem 2rem 1.5rem;
}
.v2-guest-footer .footer-content {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 3rem;
  margin-bottom: 2.5rem;
}
.v2-guest-footer .footer-section.footer-brand .footer-logo {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.v2-guest-footer .footer-section.footer-brand .footer-logo .footer-logo-text {
  height: 34px;
  width: auto;
}
.v2-guest-footer .footer-section.footer-brand .footer-tagline {
  color: #6b7280;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.v2-guest-footer .footer-section.footer-brand .footer-social {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
}
.v2-guest-footer .footer-section.footer-brand .footer-social .social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: #6b7280;
  text-decoration: none;
  transition: all 0.2s ease;
}
.v2-guest-footer .footer-section.footer-brand .footer-social .social-link:hover {
  border-color: #6366f1;
  color: #6366f1;
  transform: translateY(-2px);
}
.v2-guest-footer .footer-section.footer-brand .footer-social .social-link i {
  font-size: 18px;
}
.v2-guest-footer .footer-section.footer-brand .footer-referral-card {
  display: block;
  max-width: 300px;
  margin: 1.5rem 0 1rem;
  padding: 0.875rem 1rem;
  background: var(--theme-soft-bg);
  border: 1px solid var(--theme-soft-border);
  border-radius: 12px;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.v2-guest-footer .footer-section.footer-brand .footer-referral-card .footer-referral-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.95rem;
  font-weight: 600;
  color: #111827;
}
.v2-guest-footer .footer-section.footer-brand .footer-referral-card .footer-referral-arrow {
  color: #9ca3af;
  transition: transform 0.2s ease, color 0.2s ease;
}
.v2-guest-footer .footer-section.footer-brand .footer-referral-card .footer-referral-subtext {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #6b7280;
  text-wrap: balance;
}
.v2-guest-footer .footer-section.footer-brand .footer-referral-card:hover {
  background: var(--theme-soft-bg-hover);
  border-color: var(--theme-soft-border-hover);
}
.v2-guest-footer .footer-section.footer-brand .footer-referral-card:hover .footer-referral-heading {
  color: var(--theme-primary);
}
.v2-guest-footer .footer-section.footer-brand .footer-referral-card:hover .footer-referral-arrow {
  color: var(--theme-primary);
  transform: translateX(3px);
}
.v2-guest-footer .footer-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}
.v2-guest-footer .footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.v2-guest-footer .footer-links li {
  margin-bottom: 0.75rem;
}
.v2-guest-footer .footer-links li a {
  color: #6b7280;
  text-decoration: none;
  font-size: 0.95rem;
  transition: color 0.2s ease;
}
.v2-guest-footer .footer-links li a:hover {
  color: #6366f1;
}
.v2-guest-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  border-top: 1px solid #e5e7eb;
}
.v2-guest-footer .footer-bottom .footer-copyright,
.v2-guest-footer .footer-bottom .footer-made {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .v2-guest-footer .footer-content {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .v2-guest-footer .footer-section.footer-brand {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .v2-guest-footer .footer-container {
    padding: 2rem 1rem 1rem;
  }
  .v2-guest-footer .footer-content {
    grid-template-columns: 1fr 1fr;
    gap: 2rem 1.5rem;
  }
  .v2-guest-footer .footer-section.footer-brand {
    grid-column: 1/-1;
    text-align: left;
    margin-bottom: 1rem;
  }
  .v2-guest-footer .footer-section.footer-brand .footer-logo {
    justify-content: flex-start;
  }
  .v2-guest-footer .footer-section.footer-brand .footer-logo .footer-logo-text {
    height: 38px;
    width: auto;
    display: block;
  }
  .v2-guest-footer .footer-section.footer-brand .footer-copyright {
    color: #6b7280;
    font-size: 0.875rem;
    margin: 0.5rem 0;
  }
  .v2-guest-footer .footer-section.footer-brand .footer-social {
    justify-content: flex-start;
    margin-top: 0.5rem;
  }
  .v2-guest-footer .footer-section:not(.footer-brand) .footer-title {
    font-size: 0.8rem;
    margin-bottom: 0.75rem;
  }
  .v2-guest-footer .footer-section:not(.footer-brand) .footer-links li {
    margin-bottom: 0.5rem;
  }
  .v2-guest-footer .footer-section:not(.footer-brand) .footer-links li a {
    font-size: 0.875rem;
  }
  .v2-guest-footer .footer-bottom {
    display: none;
  }
}
.v2-guest-main {
  min-height: calc(100vh - 80px);
  background: #fff;
  margin: 0 auto;
}
body.jobs .v2-guest-main,
body.seo_landing_pages .v2-guest-main {
  max-width: 920px;
}
@media (min-width: 1200px) {
  body.jobs .v2-guest-main:has(.guest-ask-mo-sidebar) {
    max-width: 1200px;
  }
  body.articles .v2-guest-main:has(.guest-ask-mo-sidebar) {
    max-width: 100%;
  }
}
body.articles .v2-guest-main,
body.salaries .v2-guest-main {
  max-width: 1024px;
}
.job-detail-panel {
  padding-top: 0;
  margin-top: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  position: static;
}
@media (max-width: 767.98px) {
  .job-detail-panel {
    height: calc(100dvh - 60px) !important;
  }
}
.job-detail-panel .job-detail-header {
  position: sticky;
  top: 0;
  z-index: 500;
  background: white;
  border-bottom: 1px solid #e5e7eb;
  margin-top: 0;
  max-width: 100%;
  overflow: visible;
}
.job-detail-panel .job-detail-header .container-fluid, .job-detail-panel .job-detail-header .container-sm, .job-detail-panel .job-detail-header .container-md, .job-detail-panel .job-detail-header .container-lg, .job-detail-panel .job-detail-header .container-xl, .job-detail-panel .job-detail-header .container-xxl {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 100%;
  overflow: visible;
}
.job-detail-panel .job-detail-header .dropdown {
  position: relative;
}
.job-detail-panel .job-detail-header .dropdown-menu {
  position: absolute;
  z-index: 1080 !important;
}
.job-detail-panel .job-detail-content {
  padding-top: 0;
  margin-top: 0;
  max-width: 100%;
  height: auto;
  min-height: auto;
}
.job-detail-panel--guest {
  overflow: visible !important;
  height: auto !important;
}
@media (min-width: 1200px) {
  .v2-guest-page .jobs-container:has(.guest-ask-mo-sidebar) {
    max-width: 1200px !important;
    display: flex;
    justify-content: center;
    gap: 0;
  }
  .v2-guest-page .jobs-container:has(.guest-ask-mo-sidebar) > .job-list-panel,
  .v2-guest-page .jobs-container:has(.guest-ask-mo-sidebar) > .job-detail-panel {
    max-width: 800px;
    flex: 1 1 800px;
    min-width: 0;
  }
}
@media (max-width: 1199.98px) {
  .v2-guest-page .jobs-container:has(.job-list-panel.d-none) {
    max-width: 800px !important;
    margin-left: auto;
    margin-right: auto;
  }
}
.v2-guest-page .job-detail-panel {
  overflow: visible;
  height: auto;
}
.company-logo-wrapper {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  position: relative;
}
.company-logo {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  border: 1px solid #e5e7eb;
}
.company-logo-fallback {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.job-notes-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background: #eef2ff;
  border-radius: 8px;
  border: 1px solid #e0e7ff;
  box-shadow: 0 1px 3px rgba(99, 102, 241, 0.1);
}
.job-notes-icon-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.125rem;
}
.job-notes-icon-wrapper svg {
  width: 18px;
  height: 18px;
  color: #6366f1;
}
.job-notes-text {
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #3730a3;
}
.job-notes-text p {
  margin: 0;
}
.job-notes-text p + p {
  margin-top: 0.5rem;
}
.job-notes-text a {
  color: #4f46e5;
  text-decoration: underline;
}
.job-notes-text a:hover {
  color: #4338ca;
}
@media (max-width: 767.98px) {
  .job-notes-card {
    padding: 0.75rem;
    gap: 0.625rem;
  }
  .job-notes-icon-wrapper svg {
    width: 16px;
    height: 16px;
  }
  .job-notes-text {
    font-size: 0.8125rem;
  }
}
.mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 60px;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.mobile-header .container-fluid, .mobile-header .container-sm, .mobile-header .container-md, .mobile-header .container-lg, .mobile-header .container-xl, .mobile-header .container-xxl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 1rem;
}
.mobile-header .navbar-toggler {
  padding: 0.5rem;
  color: #374151;
}
.mobile-header .navbar-toggler:focus {
  box-shadow: none;
}
.mobile-header .mobile-ask-mo-header {
  font-size: 1.125rem;
  color: #1f2937;
}
.mobile-header .mobile-ask-mo-header svg {
  flex-shrink: 0;
}
.sidebar-offcanvas {
  width: 280px !important;
  background: #f8fafc;
}
.sidebar-offcanvas .offcanvas-header {
  padding: 0.625rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.sidebar-offcanvas .logo {
  display: flex;
  align-items: center;
  margin: 0;
}
.sidebar-offcanvas .logo .logo-text {
  height: 30px;
  width: auto;
  display: block !important;
}
.sidebar-offcanvas .btn-close {
  margin: 0;
  padding: 0.25rem;
}
.sidebar-offcanvas .offcanvas-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.sidebar-offcanvas .nav {
  padding: 0.75rem 0;
  flex: 1;
  overflow-y: auto;
}
.sidebar-offcanvas .nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-offcanvas .nav .nav-link {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  color: #374151;
  text-decoration: none;
  transition: all 0.2s;
}
.sidebar-offcanvas .nav .nav-link:hover {
  background: rgba(99, 102, 241, 0.05);
  color: #6366f1;
}
.sidebar-offcanvas .nav .nav-link.active {
  background: rgba(99, 102, 241, 0.1);
  color: #6366f1;
  font-weight: 600;
}
.sidebar-offcanvas .nav .nav-link .nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 0 !important;
  min-width: auto !important;
  line-height: 1;
}
.sidebar-offcanvas .nav .nav-link .nav-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block;
}
.sidebar-offcanvas .nav .nav-link .nav-label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0.875rem;
  line-height: 1;
}
.sidebar-offcanvas .offcanvas-bottom {
  border-top: 1px solid #e5e7eb;
  padding: 0.75rem;
  background: #f8fafc;
  flex-shrink: 0;
}
.sidebar-offcanvas .offcanvas-bottom .subscription-banner {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.sidebar-offcanvas .offcanvas-bottom .subscription-banner span {
  font-size: 0.875rem;
  white-space: nowrap;
}
.sidebar-offcanvas .offcanvas-bottom .user-profile-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: white;
  border-radius: 8px;
  margin-bottom: 0.5rem;
}
.sidebar-offcanvas .offcanvas-bottom .user-avatar {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 0.9375rem;
  flex-shrink: 0;
}
.sidebar-offcanvas .offcanvas-bottom .user-info {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.sidebar-offcanvas .offcanvas-bottom .user-info .user-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.2;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  color: #374151;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.15s;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu-item:hover {
  background: white;
  color: #1f2937;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu-item span {
  font-size: 0.875rem;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu-item.text-danger {
  color: #dc3545;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu-item.text-danger:hover {
  background: #fee;
  color: #dc3545;
}
.sidebar-offcanvas .offcanvas-bottom .user-menu-item[type=submit] {
  width: 100%;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.sidebar-offcanvas .offcanvas-bottom .menu-divider {
  margin: 0.25rem 0;
  border-color: #e5e7eb;
}
.chat-offcanvas {
  width: 100% !important;
  max-width: 400px;
}
@media (min-width: 576px) and (max-width: 1299px) {
  .chat-offcanvas {
    max-width: 550px;
  }
}
@media (max-width: 575.98px) {
  .chat-offcanvas {
    max-width: 100%;
  }
}
.chat-offcanvas .ask-mo-offcanvas-header {
  border-bottom: 2px solid #f0f0f5;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #f0f4ff 0%, #f8f0ff 100%);
}
.chat-offcanvas .ask-mo-offcanvas-header .ask-mo-icon-wrapper {
  width: 32px;
  height: 32px;
  background: white;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}
.chat-offcanvas .ask-mo-offcanvas-header .ask-mo-icon-wrapper svg {
  color: #6366f1;
  width: 18px;
  height: 18px;
}
.chat-offcanvas .ask-mo-offcanvas-header .offcanvas-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
}
.chat-offcanvas .ask-mo-offcanvas-header .btn-close {
  opacity: 0.6;
  padding: 0.25rem;
}
.chat-offcanvas .ask-mo-offcanvas-header .btn-close:hover {
  opacity: 1;
}
.chat-offcanvas .ask-mo-header-title {
  font-size: 0.95rem;
}
.chat-offcanvas .ask-mo-header-subtitle {
  font-size: 0.75rem;
}
.chat-offcanvas .ask-mo-header-close {
  font-size: 0.65rem;
}
.chat-offcanvas .offcanvas-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 0;
  background: #fafbfc;
}
.chat-offcanvas .offcanvas-body > turbo-frame {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.chat-offcanvas .offcanvas-body .chat-container,
.chat-offcanvas .offcanvas-body .chat-sidebar {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.chat-offcanvas .offcanvas-body .chat-container .chat-content,
.chat-offcanvas .offcanvas-body .chat-sidebar .chat-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.chat-offcanvas .offcanvas-body .chat-container .chat-messages,
.chat-offcanvas .offcanvas-body .chat-sidebar .chat-messages {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.chat-offcanvas .offcanvas-body .chat-container .chat-input-container,
.chat-offcanvas .offcanvas-body .chat-sidebar .chat-input-container {
  flex-shrink: 0;
}
.chat-offcanvas .explore-topics-dropdown {
  position: fixed;
  top: auto;
  right: 1rem;
  left: auto;
  width: min(350px, calc(100vw - 2rem));
  max-height: 60vh;
  transform: none;
}
.chat-offcanvas .chat-sidebar {
  height: 100%;
  max-height: 100%;
  background: transparent;
}
.chat-offcanvas .chat-sidebar .chat-content {
  height: 100%;
  max-height: 100%;
  background: white;
  margin: 0.5rem;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.chat-offcanvas .chat-sidebar .chat-messages {
  background: transparent;
  padding: 1rem;
}
.chat-offcanvas .chat-sidebar .chat-messages .message {
  margin-bottom: 1rem;
}
.chat-offcanvas .chat-sidebar .chat-messages .message .message-content {
  font-size: 0.9375rem;
}
.chat-offcanvas .chat-sidebar .chat-messages .assistant-message .message-content .formatted-content {
  background: #ffffff;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
}
.chat-offcanvas .chat-sidebar .chat-messages .user-message .message-content p {
  background: #e0e7ff;
  padding: 0.75rem 1rem;
  border-radius: 18px;
}
.chat-offcanvas .chat-sidebar .suggested-questions {
  padding: 0.75rem 1rem;
  margin: 0;
  background: transparent;
  border-top: none;
}
.chat-offcanvas .chat-sidebar .suggested-questions .suggestion-chip {
  background: white;
  border: 1px solid #e5e7eb;
  color: #4b5563;
  font-size: 0.8125rem;
  padding: 0.5rem 0.875rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.chat-offcanvas .chat-sidebar .suggested-questions .suggestion-chip:hover {
  background: #f0f4ff;
  border-color: #a5b4fc;
  color: #4338ca;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(99, 102, 241, 0.15);
}
.chat-offcanvas .chat-sidebar .suggested-questions .d-flex.flex-wrap {
  min-width: 0;
}
.chat-offcanvas .chat-sidebar .chat-input-container {
  position: relative;
  margin: 0.5rem;
  border-radius: 12px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
}
@media (max-width: 576px) {
  .chat-offcanvas .chat-sidebar .chat-input-container {
    margin: 0.25rem;
  }
}
.chat-offcanvas .chat-sidebar .chat-input-container .input-group {
  margin: 0;
  background: #f9fafb;
}
.chat-offcanvas .chat-sidebar .chat-input-container .input-group:focus-within {
  background: white;
}
.layout {
  display: flex;
  height: 100vh;
  width: 100vw;
}
@media (max-width: 767.98px) {
  .layout {
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  body.v2-authenticated {
    height: 100dvh;
    overflow: hidden;
  }
  .layout {
    height: 100dvh;
    min-height: 100dvh;
  }
  .mobile-header ~ .layout .main-content {
    margin-top: 60px;
    height: calc(100dvh - 60px);
    max-height: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .job-list-panel {
    height: auto;
  }
  .tab-content {
    min-height: auto;
  }
}
.layout:has(.sidebar) {
  flex-direction: row;
}
.layout:not(:has(.sidebar)) {
  flex-direction: column;
}
.sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f8fafc;
  border-right: 1px solid #e5e7eb;
  width: 248px;
  min-width: 248px;
  flex-shrink: 0;
  transition: width 0.2s;
  position: relative;
  z-index: 1045;
}
@media (max-width: 767.98px) {
  .sidebar {
    display: none !important;
  }
}
.sidebar-top {
  padding: 1.5rem 0 0 0;
}
.logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-bottom: 2rem;
  padding: 0 1.1rem;
}
.logo-icon {
  height: 40px;
  width: auto;
  display: none;
}
.logo-text {
  height: 32px;
  width: auto;
  display: inline;
  shape-rendering: geometricPrecision;
  transform: translateZ(0);
}
.nav {
  width: 100%;
}
.nav ul,
.sidebar-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.nav li,
.sidebar-bottom li {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  font-size: 1.1rem;
}
.nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-right: 1rem;
  min-width: 24px;
  line-height: 1;
}
.nav-icon svg {
  display: block;
}
.nav-label {
  display: flex;
  align-items: center;
  line-height: 1;
}
.nav-group-divider {
  border-top: 1px solid #e5e7eb;
  margin-top: 0.5rem;
  padding-top: 0;
  cursor: default;
}
.nav-group-label {
  font-size: 0.65rem;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.5rem 1rem 0.25rem;
}
.sidebar-bottom {
  margin-bottom: 0.5rem;
}
.subscription-banner {
  display: block;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  margin: 0 0.5rem 0.75rem 0.5rem;
  text-decoration: none;
  color: #78350f;
  transition: all 0.2s ease;
  border: 1px solid #fcd34d;
}
.subscription-banner:hover {
  background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%);
  box-shadow: 0 2px 8px rgba(252, 211, 77, 0.3);
  color: #78350f;
  text-decoration: none;
}
.subscription-banner .subscription-banner-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.subscription-banner .subscription-banner-label {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}
.subscription-banner .subscription-banner-arrow {
  opacity: 0.6;
}
.feature-request-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  margin: 0 0.5rem 0.5rem 0.5rem;
  color: #6b7280;
  text-decoration: none;
  font-size: 0.875rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.feature-request-link:hover {
  background: #f3f4f6;
  color: #374151;
  text-decoration: none;
}
.feature-request-link svg {
  color: #f59e0b;
}
.feature-request-link .feature-request-label {
  flex: 1;
}
@media (max-width: 1350px) {
  .sidebar .feature-request-link {
    width: 40px;
    height: 40px;
    margin: 0 auto 0.5rem;
    padding: 0;
    justify-content: center;
  }
  .sidebar .feature-request-link .feature-request-label {
    display: none;
  }
}
#featureRequestOffcanvas.offcanvas.offcanvas-bottom {
  height: 100dvh;
  max-height: 100dvh;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
#featureRequestOffcanvas.offcanvas.offcanvas-bottom .offcanvas-header {
  flex-shrink: 0;
}
#featureRequestOffcanvas.offcanvas.offcanvas-bottom .offcanvas-body {
  flex: 1;
  overflow-y: auto;
}
#featureRequestOffcanvas.offcanvas.offcanvas-bottom .offcanvas-footer {
  flex-shrink: 0;
  padding: 1rem;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}
.main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh;
  min-width: 0;
}
@media (max-width: 767.98px) {
  .main-content {
    min-width: 100%;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom);
  }
}
@media (min-width: 768px) {
  .main-content {
    min-width: 500px;
    contain: layout;
  }
}
.main-content {
  position: relative;
}
.copilot {
  min-width: 360px;
  max-width: 550px;
  width: 30vw;
  background: #f3f4f6;
  border-left: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  height: 100vh;
}
.copilot.copilot-chat {
  align-items: stretch;
  justify-content: stretch;
}
.copilot.copilot-chat .chat-sidebar {
  width: 100%;
  height: 100%;
}
.placeholder {
  color: #888;
  font-size: 1.2rem;
  text-align: center;
  padding: 2rem;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  background: #fff;
}
.nav-link {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75rem 1.1rem;
  color: #374151;
  text-decoration: none;
  border-left: 3px solid transparent;
  font-size: 1rem;
  font-weight: 500;
  background: none;
  transition: all 0.2s;
}
.nav-link:hover {
  background: rgba(99, 102, 241, 0.05);
  color: #6366f1;
  border-left: 3px solid transparent;
}
.nav-link.active {
  background: rgba(99, 102, 241, 0.1);
  color: #6366f1;
  border-left: 3px solid #6366f1;
  font-weight: 600;
}
.nav li {
  padding: 0;
}
.ask-mo-floating-btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  height: 48px;
  padding: 0 1.25rem;
  gap: 0.5rem;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: none;
  border-radius: 24px;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
  cursor: pointer;
  z-index: 1045;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s, box-shadow 0.2s;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
}
.ask-mo-floating-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);
}
.ask-mo-floating-btn:active {
  transform: scale(0.98);
}
.ask-mo-floating-btn svg {
  color: white;
  flex-shrink: 0;
}
.ask-mo-btn-responsive {
  display: none;
}
@media (max-width: 1299px) {
  .copilot-responsive {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .ask-mo-btn-responsive {
    display: flex !important;
  }
}
@media (min-width: 1300px) {
  .copilot-responsive {
    display: flex !important;
  }
  .ask-mo-btn-responsive {
    display: none !important;
  }
}
.guest-ask-mo-sidebar {
  display: none;
  min-width: 340px;
  flex: 1 1 0;
  background: #f3f4f6;
  border-left: 1px solid #e5e7eb;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  position: sticky;
  top: 66px;
  height: calc(100vh - 66px);
  align-self: flex-start;
  z-index: 10;
}
.guest-ask-mo-sidebar .chat-sidebar {
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .guest-job-with-sidebar .guest-ask-mo-sidebar {
    display: flex;
  }
  .jobs-container .guest-ask-mo-sidebar {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .guest-article-with-sidebar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
  }
  .guest-article-with-sidebar .article-page {
    grid-column: 2;
    max-width: 800px;
    width: 800px;
  }
  .guest-article-with-sidebar .guest-ask-mo-sidebar {
    grid-column: 3;
    display: flex;
    justify-self: stretch;
    max-width: 420px;
    min-width: 0;
  }
}
.guest-job-with-sidebar {
  display: flex;
  justify-content: center;
  gap: 0;
  margin: 0 auto;
}
.guest-job-with-sidebar .job-detail-guest {
  flex: 0 1 800px;
  min-width: 0;
  max-width: 800px;
}
@media (max-width: 767.98px) {
  .ask-mo-btn-responsive {
    display: none !important;
  }
  .v2-jobs-page .ask-mo-btn-responsive,
  .v2-job-detail-page .ask-mo-btn-responsive,
  .v2-job-applications-page .ask-mo-btn-responsive {
    display: flex !important;
  }
}
@media (max-width: 1350px) {
  .sidebar {
    width: 60px;
    min-width: 60px;
  }
  .logo {
    justify-content: center;
    padding: 0;
    margin-bottom: 2rem;
  }
  .logo-text {
    display: none;
  }
  .logo-icon {
    display: inline;
  }
  .nav-label {
    display: none;
  }
  .sidebar .nav-group-label {
    display: none;
  }
  .sidebar .nav-group-divider {
    margin: 0.5rem 0.75rem;
  }
  .sidebar .nav-link {
    justify-content: center;
    padding: 0.7rem 0;
  }
  .sidebar .nav-icon {
    margin-right: 0;
  }
  .sidebar-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .user-profile {
    justify-content: center;
    padding: 0.75rem 0.5rem;
    cursor: pointer;
  }
  .user-avatar {
    margin: 0 !important;
  }
  .user-info {
    display: none !important;
  }
  .dropdown-arrow {
    display: none !important;
  }
}
.jobs-cards {
  margin: 0 0.5rem 0.5rem 0.5rem;
  gap: 0.1rem;
  background-color: #f8f9fa;
  padding: 1.5rem;
  border-radius: 12px;
}
.job-listing {
  margin-bottom: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (max-width: 575.98px) {
  .jobs-cards {
    margin: 0;
    padding: 0.75rem;
    border-radius: 8px;
  }
  .jobs-cards.row {
    --bs-gutter-x: 0.5rem;
  }
  .job-listing {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0.5rem;
  }
  .job-listing .card .card-body {
    padding: 0.75rem;
  }
}
.infinite-scroll-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #6b7280;
}
.infinite-scroll-loading .spinner-border {
  width: 1.25rem;
  height: 1.25rem;
}
.min-w-0 {
  min-width: 0 !important;
}
.job-detail-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.job-detail-item:last-child {
  margin-bottom: 0;
}
.job-card-clickable {
  transition: all 0.2s ease;
  cursor: pointer;
}
.job-card-clickable:hover {
  background-color: #f0f1f3;
  border-color: #d1d5db;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
.job-card-clickable.job-card-active {
  background-color: #eef2ff;
}
.guest-upsell-banner {
  background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
  border-bottom: 1px solid rgba(99, 102, 241, 0.2);
  padding: 1rem 1.5rem;
}
@media (max-width: 768px) {
  .guest-upsell-banner {
    padding: 0.625rem 1rem;
  }
}
.guest-upsell-content {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .guest-upsell-content {
    gap: 0.625rem;
  }
}
.guest-upsell-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guest-upsell-icon i {
  font-size: 1.25rem;
  color: white;
}
@media (max-width: 768px) {
  .guest-upsell-icon {
    display: none;
  }
}
.guest-upsell-text {
  flex: 1;
  color: white;
  font-size: 0.9375rem;
  line-height: 1.4;
}
.guest-upsell-text strong {
  font-weight: 600;
}
.guest-upsell-text .subtext {
  font-size: 0.875rem;
  opacity: 0.9;
  font-weight: 400;
}
@media (max-width: 768px) {
  .guest-upsell-text {
    font-size: 0.8125rem;
    line-height: 1.3;
  }
  .guest-upsell-text strong {
    display: block;
    margin-bottom: 0.125rem;
  }
  .guest-upsell-text .subtext {
    font-size: 0.75rem;
  }
}
.guest-upsell-actions {
  flex-shrink: 0;
}
.guest-upsell-actions .btn {
  background: white;
  color: #6366f1;
  border: none;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  white-space: nowrap;
}
.guest-upsell-actions .btn:hover {
  background: #f8f9fa;
  color: #4f46e5;
}
@media (max-width: 768px) {
  .guest-upsell-actions .btn {
    padding: 0.4rem 1rem;
    font-size: 0.875rem;
  }
}
.jobs-tabs-container {
  position: sticky;
  top: 0;
  z-index: 100;
  background: white;
  min-height: 56px;
  width: 100%;
}
.jobs-tabs-container > div {
  min-height: 56px;
  width: 100%;
}
.jobs-tabs-container .jobs-tabs-scroll {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  max-width: 100%;
}
.jobs-tabs-container .jobs-tabs-scroll::-webkit-scrollbar {
  display: none;
}
.jobs-tabs-container .jobs-tabs-scroll .nav-item {
  flex: 0 0 auto;
}
.jobs-tabs-container .nav-link {
  border: none;
  border-radius: 8px;
  color: #6c757d;
  font-weight: 500;
  transition: all 0.2s;
  padding: 0.5rem 0.75rem;
  margin: 0 0.125rem;
}
.jobs-tabs-container .nav-link svg {
  color: #6c757d !important;
  stroke: #6c757d !important;
}
.jobs-tabs-container .nav-link:hover {
  color: #495057;
  background-color: #f8f9fa;
}
.jobs-tabs-container .nav-link:hover svg {
  color: #495057 !important;
  stroke: #495057 !important;
}
.jobs-tabs-container .nav-link.active {
  color: #6366f1;
  background-color: transparent;
  font-weight: 600;
}
.jobs-tabs-container .nav-link.active svg {
  color: #6366f1 !important;
  stroke: #6366f1 !important;
}
.jobs-tabs-container .badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
}
.jobs-tabs-container .badge.badge-indigo {
  background-color: #6366f1;
  color: white;
}
@media (max-width: 767.98px) {
  .jobs-tabs-container .nav-link {
    padding: 0.5rem 0.75rem;
    margin: 0 0.125rem;
  }
  .jobs-tabs-container .badge {
    font-size: 0.65rem;
    padding: 0.125rem 0.375rem;
  }
}
.job-filters-bar {
  position: sticky;
  top: 56px;
  z-index: 99;
  background: white;
}
.job-filters-bar--no-tabs {
  top: 0;
}
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }
}
.btn-soft-primary {
  --btn-bg: #eef2ff;
  --btn-border: #c7d2fe;
  --btn-color: #6366f1;
  --btn-bg-hover: #e0e7ff;
  --btn-border-hover: #a5b4fc;
  --btn-color-hover: #4f46e5;
  color: var(--btn-color);
  background-color: var(--btn-bg);
  border: 1px solid var(--btn-border);
}
.btn-soft-primary:hover,
.btn-soft-primary:focus {
  color: var(--btn-color-hover);
  background-color: var(--btn-bg-hover);
  border-color: var(--btn-border-hover);
}
.btn-soft-primary:active {
  color: var(--btn-color-hover);
  background-color: var(--btn-bg-hover);
  border-color: var(--btn-border-hover);
}
.btn-link.link-share-btn {
  color: #6366f1;
  text-decoration: none;
  transition: color 0.15s ease, background-color 0.15s ease;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.btn-link.link-share-btn:hover,
.btn-link.link-share-btn:focus {
  color: #4f46e5;
  background-color: #eef2ff;
  border-radius: 6px;
  text-decoration: none;
}
#jobDetailTabs .nav-tabs {
  border-bottom: 1px solid #e5e7eb;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#jobDetailTabs .nav-tabs::-webkit-scrollbar {
  display: none;
}
#jobDetailTabs .nav-item {
  flex-shrink: 0;
}
#jobDetailTabs .nav-link {
  border: none;
  color: #6b7280;
  padding: 0.75rem 1rem;
  font-weight: 500;
  font-size: 0.9rem;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
#jobDetailTabs .nav-link:hover {
  color: #4b5563;
  border-bottom-color: #d1d5db;
}
#jobDetailTabs .nav-link.active {
  color: #6366f1;
  border-bottom-color: #6366f1;
  font-weight: 600;
}
#jobDetailTabs .nav-link svg {
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
  #jobDetailTabs .nav-link {
    padding: 0.65rem 0.75rem;
    font-size: 0.85rem;
  }
  #jobDetailTabs .nav-link svg {
    width: 12px;
    height: 12px;
  }
}
#jobDetailTabContent .tab-pane > .p-4 {
  padding: 1.5rem !important;
}
@media (max-width: 575.98px) {
  #jobDetailTabContent .tab-pane > .p-4 {
    padding: 1rem !important;
  }
}
.saved-jobs-cards .job-listing {
  margin-bottom: 0.75rem;
}
/* For jobs page specifically */
.job-list-panel {
  width: 100%;
  height: auto;
  /* Let content define height, avoid nested scroll */
  position: relative;
  display: flex;
  flex-direction: column;
}
/* Job Tracking Upsell Banner (Plus feature) */
.job-tracking-upsell-banner {
  background: #fffef5;
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  margin: 1rem 1rem 0.5rem;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.15);
}
@media (max-width: 576px) {
  .job-tracking-upsell-banner {
    padding: 1rem;
    margin: 0.75rem 0.5rem 0.5rem;
    border-radius: 8px;
  }
  .job-tracking-upsell-banner .d-flex {
    gap: 0.75rem !important;
  }
}
.upsell-banner-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
}
@media (max-width: 576px) {
  .upsell-banner-title {
    font-size: 0.9375rem;
  }
}
.upsell-banner-text {
  font-size: 0.875rem;
  color: #6b7280;
  line-height: 1.4;
}
@media (max-width: 576px) {
  .upsell-banner-text {
    font-size: 0.8125rem;
    line-height: 1.3;
  }
}
/* Locked Job Tracking Content */
.locked-job-tracking-content {
  filter: blur(1px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.7;
}
/* Make the tab content fill available space */
.tab-content {
  flex: 1;
  /* Remove fixed height constraint to allow content to flow naturally */
  min-height: auto;
  /* Let container handle scrolling */
}
/* Adjust height for layouts with top header (non-signed-in users) */
.layout:has(.top-header) .tab-content {
  min-height: calc(100vh - 140px);
  /* Account for top header + filters header */
}
/* Ensure offcanvas footer stays visible with top header */
.layout:has(.top-header) #jobFiltersOffcanvas .offcanvas-body {
  max-height: calc(100vh - 200px);
  /* Account for header + offcanvas header + offcanvas footer */
}
/* Ensure v2-jobs-container fills available space properly and is scrollable */
.jobs-container {
  width: 100%;
  max-width: 1200px;
  height: auto;
  /* Let content define height */
  overflow: visible;
  /* No scroll here - main-content handles it */
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .jobs-container {
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  .job-list-panel {
    height: auto !important;
    overflow: visible !important;
  }
  .tab-content {
    min-height: auto !important;
    overflow: visible !important;
  }
}
/* Make job detail content scrollable - but not in job-detail-panel context */
.job-detail-show .job-detail-content {
  flex: 1;
  overflow-y: auto;
  /* Remove fixed height constraint to allow content to flow naturally */
  min-height: calc(100vh - 80px);
  /* Account for header height */
}
/* Consistent styling for job metadata (location, remote, experience, etc.) */
.job-metadata {
  font-size: 12px;
  /* text-muted equivalent */
}
.job-metadata.salary {
  /* fw-medium equivalent */
}
.askmo-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 2rem 1rem;
}
.askmo-icon {
  font-size: 3.5rem;
  margin-bottom: 1rem;
  animation: askmo-bounce 1.2s infinite alternate;
}
@keyframes askmo-bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.askmo-title {
  font-size: 2rem;
  font-weight: 700;
  color: #4f46e5;
  margin-bottom: 0.5rem;
  letter-spacing: 1px;
}
.askmo-desc {
  font-size: 1.1rem;
  color: #555;
  max-width: 220px;
}
.chat-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (max-width: 768px) {
  .chat-container {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100dvh;
  }
}
.v2-guest-page.assistant .v2-guest-main {
  padding: 0;
  min-height: calc(100dvh - 72px);
}
.v2-guest-page.assistant .chat-container {
  height: calc(100dvh - 72px);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.v2-guest-page.assistant .chat-input-container {
  flex-shrink: 0;
  background: white;
}
@media (max-width: 768px) {
  .v2-guest-page.assistant .chat-input-container {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
@media (max-width: 767.98px) {
  .v2-guest-page.assistant {
    overflow: hidden;
  }
  .v2-guest-page.assistant .v2-guest-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
  }
  .v2-guest-page.assistant .v2-guest-main {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    min-height: 0;
  }
  .v2-guest-page.assistant .chat-container {
    height: 100%;
    border-radius: 0;
    box-shadow: none;
  }
  .v2-guest-page.assistant .v2-guest-footer {
    display: none;
  }
}
.resume-upload-prompt-chat {
  background: #f0f9ff;
  border-bottom: 1px solid #bae6fd;
  padding: 0.625rem 1rem;
  margin: 0;
}
.resume-upload-prompt-chat.resume-processing-prompt {
  background: #fffbeb;
  border-bottom-color: #fde68a;
}
.resume-upload-prompt-chat.resume-ready-prompt {
  background: #f0fdf4;
  border-bottom-color: #bbf7d0;
}
.resume-upload-prompt-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: #f0f9ff;
  border-bottom: 1px solid #bae6fd;
  color: #475569;
  text-decoration: none;
  font-size: 0.75rem;
}
.resume-upload-prompt-mobile:hover, .resume-upload-prompt-mobile:active {
  background: #e0f2fe;
  color: #475569;
}
.resume-upload-prompt-mobile .prompt-text {
  flex: 1;
  min-width: 0;
}
.resume-upload-prompt-mobile .prompt-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  padding: 0.2rem 0.5rem;
  background: #0284c7;
  color: #fff;
  border-radius: 1rem;
  font-size: 0.6875rem;
  font-weight: 500;
  white-space: nowrap;
}
.suggested-questions {
  padding: 0;
  margin-top: 0.75rem;
  border-top: none;
}
.suggestion-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.625rem 1rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  font-size: 0.875rem;
  color: #4b5563;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.suggestion-chip svg {
  width: 14px;
  height: 14px;
  opacity: 0.8;
}
.suggestion-chip:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #4338ca;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(99, 102, 241, 0.15);
}
.suggestion-chip:hover svg {
  opacity: 1;
  color: #6366f1;
}
.suggestion-chip:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(99, 102, 241, 0.2);
}
.suggestion-chip:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
@media (max-width: 575.98px) {
  .suggestion-chip {
    white-space: normal;
    text-align: left;
    align-items: flex-start;
    max-width: 100%;
  }
  .suggested-questions .d-flex.flex-wrap {
    gap: 0.5rem !important;
  }
}
.follow-up-questions {
  margin-bottom: 0.5rem;
}
.follow-up-questions .suggestion-chip-followup {
  background: white;
  border-color: #e5e7eb;
  color: #4b5563;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.follow-up-questions .suggestion-chip-followup svg {
  opacity: 0.8;
}
.follow-up-questions .suggestion-chip-followup:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #4338ca;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(99, 102, 241, 0.15);
}
.follow-up-questions .suggestion-chip-followup:hover svg {
  opacity: 1;
  color: #6366f1;
}
.follow-up-questions .suggestion-chip-followup:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(99, 102, 241, 0.2);
}
.more-questions-toggle {
  color: #6b7280;
  font-size: 0.8125rem;
  padding: 0.25rem 0.5rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s ease;
}
.more-questions-toggle:hover {
  color: #4338ca;
  text-decoration: none;
}
.more-questions-toggle:focus {
  outline: none;
  box-shadow: none;
}
.more-questions-toggle svg {
  transition: transform 0.2s ease;
}
.more-questions-toggle[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.suggested-questions .dropdown-menu {
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 0.5rem;
  min-width: 280px;
}
.suggested-questions .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
  color: #4b5563;
  border-radius: 8px;
  cursor: pointer;
}
.suggested-questions .dropdown-menu .dropdown-item:hover {
  background: #eef2ff;
  color: #4338ca;
}
.suggested-questions .dropdown-menu .dropdown-item:active {
  background: #e0e7ff;
}
.suggestion-chip-more {
  background: #f3f4f6 !important;
  border-color: #d1d5db !important;
  color: #6b7280 !important;
}
.suggestion-chip-more:hover {
  background: #e5e7eb !important;
  border-color: #9ca3af !important;
  color: #4b5563 !important;
}
.suggestion-chip-more[aria-expanded=true] {
  background: #e5e7eb !important;
}
.suggestion-chip-more[aria-expanded=true] .lucide-chevron-down {
  transform: rotate(180deg);
}
.suggestion-chip-more .lucide-chevron-down {
  transition: transform 0.2s ease;
}
.more-questions-dropdown {
  max-height: 300px;
  max-width: calc(100vw - 2rem);
  overflow-y: auto;
}
.more-questions-dropdown .more-question-item {
  white-space: normal;
  line-height: 1.4;
}
.more-questions-dropdown .more-question-item svg {
  flex-shrink: 0;
  color: #6366f1;
}
.chat-header {
  padding: 1rem 1.5rem;
  background: white;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
  position: relative;
  overflow: visible;
}
.chat-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3) 50%, transparent);
}
.chat-header-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.chat-logo {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}
.chat-logo svg {
  color: white;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
.chat-header h1, .chat-header .h1 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.01em;
}
.chat-divider {
  color: #c4b5fd;
  font-size: 0.875rem;
}
.chat-subtitle {
  font-size: 0.875rem;
  color: #6d28d9;
  font-weight: 500;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.explore-topics-toggle {
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: none;
  font-size: 0.875rem;
  color: #6b7280;
  font-weight: 500;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.explore-topics-toggle:hover {
  color: #4338ca;
  background: rgba(99, 102, 241, 0.08);
}
.explore-topics-toggle svg {
  transition: transform 0.2s ease;
}
.explore-topics-toggle[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.explore-topics-dropdown {
  width: 600px;
  max-width: calc(100vw - 2rem);
  max-height: 70vh;
  overflow-y: auto;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  z-index: 1050;
}
.explore-topics-dropdown .explore-topics-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.explore-topics-dropdown .explore-topic-category .explore-topic-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.explore-topics-dropdown .explore-topic-category .explore-topic-header .explore-topic-icon {
  color: #6366f1;
  flex-shrink: 0;
}
.explore-topics-dropdown .explore-topic-category .explore-topic-header .explore-topic-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
}
.explore-topics-dropdown .explore-topic-category .explore-topic-questions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.explore-topics-dropdown .explore-topic-question {
  display: inline-block;
  padding: 0.4375rem 0.75rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  font-size: 0.75rem;
  color: #4b5563;
  text-align: left;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1.4;
}
.explore-topics-dropdown .explore-topic-question:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #4338ca;
}
.chat-messages {
  flex: 1;
  padding: 1.5rem;
  padding-bottom: 40vh;
  overflow-y: auto;
  background: #f8fafc;
}
@media (max-width: 767.98px) {
  .chat-messages {
    padding: 0.75rem;
    padding-bottom: 40vh;
  }
}
.message {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  gap: 0.75rem;
}
@media (max-width: 767.98px) {
  .message {
    gap: 0;
  }
}
.message-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .message-avatar {
    display: none;
  }
}
.user-message {
  flex-direction: row-reverse;
}
.user-message .message-avatar {
  background: #f8fafc;
  color: #374151;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  font-weight: 700;
  font-size: 1.5rem;
}
.assistant-message .message-avatar {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.ask-mo-upsell-card {
  background: #fffef5;
  border-radius: 12px;
  padding: 1.25rem;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.15);
  max-width: 500px;
}
.limit-upsell-message {
  margin: 1rem 0;
}
.message-content {
  flex: 1;
  min-width: 0;
}
.user-message .message-content {
  flex: none;
  max-width: 70%;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 80px;
}
@media (max-width: 767.98px) {
  .user-message .message-content {
    max-width: 90%;
  }
}
.message-content p {
  margin: 0;
  padding: 1rem 1.25rem;
  border-radius: 18px;
  line-height: 1.5;
  word-wrap: break-word;
}
.user-message .message-content p {
  background: #e0e7ff;
  color: #374151;
  border-radius: 18px;
}
.assistant-message .message-content p {
  background: #ffffff;
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
}
.assistant-message .assistant-response-wrapper {
  background: #ffffff;
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 1rem 1.25rem;
  line-height: 1.5;
  word-wrap: break-word;
}
.assistant-message .assistant-response-wrapper.with-jobs {
  padding: 0;
}
.assistant-message .assistant-response-wrapper.with-jobs .assistant-text-content {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f3f4f6;
}
.assistant-message .assistant-response-wrapper.with-jobs .chat-jobs-banner,
.assistant-message .assistant-response-wrapper.with-jobs .chat-signup-banner {
  margin: 0;
  padding: 0.75rem 1.25rem;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #f3f4f6;
}
.assistant-message .assistant-response-wrapper.with-jobs .chat-job-cards-container {
  padding: 1rem 1.25rem;
}
.assistant-message .formatted-content,
.assistant-message .assistant-text-content {
  background: transparent;
  color: #374151;
  border: none;
  padding: 0;
  line-height: 1.5;
  word-wrap: break-word;
}
.assistant-message .formatted-content p,
.assistant-message .assistant-text-content p {
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
.assistant-message .formatted-content p + p,
.assistant-message .assistant-text-content p + p {
  margin-top: 0.75rem;
}
.assistant-message .formatted-content p:first-child,
.assistant-message .assistant-text-content p:first-child {
  margin-top: 0;
}
.assistant-message .formatted-content p:last-child,
.assistant-message .assistant-text-content p:last-child {
  margin-bottom: 0;
}
.assistant-message .formatted-content strong,
.assistant-message .assistant-text-content strong {
  font-weight: 600;
  color: #1f2937;
}
.assistant-message .formatted-content em,
.assistant-message .assistant-text-content em {
  font-style: italic;
  color: #6b7280;
}
.assistant-message .formatted-content code,
.assistant-message .assistant-text-content code {
  background: #f3f4f6;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 0.875rem;
  color: #dc2626;
}
.assistant-message .formatted-content pre,
.assistant-message .assistant-text-content pre {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 0.5rem 0;
  overflow-x: auto;
}
.assistant-message .formatted-content pre code,
.assistant-message .assistant-text-content pre code {
  background: transparent;
  padding: 0;
  color: #374151;
  font-size: 0.875rem;
}
.assistant-message .formatted-content a,
.assistant-message .assistant-text-content a {
  color: #3b82f6;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.assistant-message .formatted-content a:hover,
.assistant-message .assistant-text-content a:hover {
  border-bottom-color: #3b82f6;
}
.assistant-message .formatted-content br,
.assistant-message .assistant-text-content br {
  display: block;
  content: "";
  margin-bottom: 0.25rem;
}
.assistant-message .formatted-content h1, .assistant-message .formatted-content .h1,
.assistant-message .formatted-content h2,
.assistant-message .formatted-content .h2,
.assistant-message .formatted-content h3,
.assistant-message .formatted-content .h3,
.assistant-message .formatted-content h4,
.assistant-message .formatted-content .h4,
.assistant-message .formatted-content h5,
.assistant-message .formatted-content .h5,
.assistant-message .formatted-content h6,
.assistant-message .formatted-content .h6,
.assistant-message .assistant-text-content h1,
.assistant-message .assistant-text-content .h1,
.assistant-message .assistant-text-content h2,
.assistant-message .assistant-text-content .h2,
.assistant-message .assistant-text-content h3,
.assistant-message .assistant-text-content .h3,
.assistant-message .assistant-text-content h4,
.assistant-message .assistant-text-content .h4,
.assistant-message .assistant-text-content h5,
.assistant-message .assistant-text-content .h5,
.assistant-message .assistant-text-content h6,
.assistant-message .assistant-text-content .h6 {
  font-weight: 600;
  color: #1f2937;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.assistant-message .formatted-content h1:first-child, .assistant-message .formatted-content .h1:first-child,
.assistant-message .formatted-content h2:first-child,
.assistant-message .formatted-content .h2:first-child,
.assistant-message .formatted-content h3:first-child,
.assistant-message .formatted-content .h3:first-child,
.assistant-message .formatted-content h4:first-child,
.assistant-message .formatted-content .h4:first-child,
.assistant-message .formatted-content h5:first-child,
.assistant-message .formatted-content .h5:first-child,
.assistant-message .formatted-content h6:first-child,
.assistant-message .formatted-content .h6:first-child,
.assistant-message .assistant-text-content h1:first-child,
.assistant-message .assistant-text-content .h1:first-child,
.assistant-message .assistant-text-content h2:first-child,
.assistant-message .assistant-text-content .h2:first-child,
.assistant-message .assistant-text-content h3:first-child,
.assistant-message .assistant-text-content .h3:first-child,
.assistant-message .assistant-text-content h4:first-child,
.assistant-message .assistant-text-content .h4:first-child,
.assistant-message .assistant-text-content h5:first-child,
.assistant-message .assistant-text-content .h5:first-child,
.assistant-message .assistant-text-content h6:first-child,
.assistant-message .assistant-text-content .h6:first-child {
  margin-top: 0;
}
.assistant-message .formatted-content h1, .assistant-message .formatted-content .h1,
.assistant-message .assistant-text-content h1,
.assistant-message .assistant-text-content .h1 {
  font-size: 1.25rem;
}
.assistant-message .formatted-content h2, .assistant-message .formatted-content .h2,
.assistant-message .assistant-text-content h2,
.assistant-message .assistant-text-content .h2 {
  font-size: 1.125rem;
}
.assistant-message .formatted-content h3, .assistant-message .formatted-content .h3,
.assistant-message .assistant-text-content h3,
.assistant-message .assistant-text-content .h3 {
  font-size: 1rem;
}
.assistant-message .formatted-content h4, .assistant-message .formatted-content .h4,
.assistant-message .formatted-content h5,
.assistant-message .formatted-content .h5,
.assistant-message .formatted-content h6,
.assistant-message .formatted-content .h6,
.assistant-message .assistant-text-content h4,
.assistant-message .assistant-text-content .h4,
.assistant-message .assistant-text-content h5,
.assistant-message .assistant-text-content .h5,
.assistant-message .assistant-text-content h6,
.assistant-message .assistant-text-content .h6 {
  font-size: 0.9375rem;
}
.assistant-message .formatted-content ul,
.assistant-message .formatted-content ol,
.assistant-message .assistant-text-content ul,
.assistant-message .assistant-text-content ol {
  margin: 0.75rem 0;
  padding-left: 1.5rem;
  list-style-position: outside;
}
.assistant-message .formatted-content ul,
.assistant-message .assistant-text-content ul {
  list-style-type: disc;
}
.assistant-message .formatted-content ol,
.assistant-message .assistant-text-content ol {
  list-style-type: decimal;
}
.assistant-message .formatted-content li,
.assistant-message .assistant-text-content li {
  margin: 0.25rem 0;
  padding-left: 0.25rem;
}
.assistant-message .formatted-content ul ul,
.assistant-message .formatted-content ol ol,
.assistant-message .formatted-content ul ol,
.assistant-message .formatted-content ol ul,
.assistant-message .assistant-text-content ul ul,
.assistant-message .assistant-text-content ol ol,
.assistant-message .assistant-text-content ul ol,
.assistant-message .assistant-text-content ol ul {
  margin: 0.25rem 0;
}
.assistant-message .formatted-content blockquote,
.assistant-message .assistant-text-content blockquote {
  margin: 0.75rem 0;
  padding: 0.5rem 0 0.5rem 1rem;
  border-left: 3px solid #6366f1;
  color: #6b7280;
  font-style: italic;
}
.assistant-message .formatted-content hr,
.assistant-message .assistant-text-content hr {
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid #e5e7eb;
}
.assistant-message .formatted-content table,
.assistant-message .assistant-text-content table {
  width: 100%;
  margin: 0.75rem 0;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.assistant-message .formatted-content th,
.assistant-message .formatted-content td,
.assistant-message .assistant-text-content th,
.assistant-message .assistant-text-content td {
  padding: 0.5rem;
  border: 1px solid #e5e7eb;
  text-align: left;
}
.assistant-message .formatted-content th,
.assistant-message .assistant-text-content th {
  background: #f8f9fa;
  font-weight: 600;
}
.chat-input-container {
  background: white;
  border-top: 1px solid #e5e7eb;
  padding: 1rem;
}
@media (max-width: 768px) {
  .chat-input-container {
    padding: 0.75rem 0.5rem;
  }
}
@media (max-width: 576px) {
  .chat-input-container {
    padding: 0.5rem 0.25rem;
  }
}
@media (max-width: 576px) {
  .offcanvas.chat-offcanvas .offcanvas-body {
    padding: 0 !important;
  }
  .offcanvas.chat-offcanvas .chat-container,
  .offcanvas.chat-offcanvas .chat-sidebar {
    padding: 0;
    margin: 0;
  }
  .offcanvas.chat-offcanvas .chat-input-container {
    margin: 0 !important;
    border-radius: 0;
    box-shadow: none;
  }
  .chat-container .chat-input-container,
  .chat-sidebar .chat-input-container {
    border-radius: 0;
    padding: 0.5rem 0.5rem;
  }
}
.chat-input-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px;
  background: #ffffff;
  transition: border-color 0.2s, box-shadow 0.2s;
  overflow: visible;
}
@media (max-width: 768px) {
  .chat-input-group {
    padding: 8px 10px;
    gap: 0.5rem;
    border-radius: 10px;
  }
}
@media (max-width: 576px) {
  .chat-input-group {
    flex-direction: row;
    align-items: center;
    padding: 6px 8px;
    gap: 0.5rem;
    border-radius: 8px;
  }
}
.chat-input-group:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
@media (max-width: 576px) {
  .chat-input-group:focus-within {
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
  }
}
.chat-input-group .form-control {
  width: 100%;
  border: none !important;
  background: transparent;
  outline: none !important;
  box-shadow: none !important;
  padding: 2px 0;
  font-size: 14px;
  line-height: 1.4;
  min-height: 24px;
  max-height: 102px;
}
@media (max-width: 768px) {
  .chat-input-group .form-control {
    font-size: 16px;
    min-height: 27px;
    max-height: 119px;
  }
}
@media (max-width: 576px) {
  .chat-input-group .form-control {
    flex: 1;
    min-width: 0;
  }
}
.chat-input-group .form-control {
  resize: none;
  overflow-y: auto;
}
.chat-input-group .form-control:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.chat-input-group .form-control::-moz-placeholder {
  color: #9ca3af;
  font-size: 14px;
}
.chat-input-group .form-control::placeholder {
  color: #9ca3af;
  font-size: 14px;
}
.chat-input-group button.btn-send {
  align-self: flex-end;
  background: #f3f4f6;
  background-color: #f3f4f6;
  border: none;
  border-radius: 50% !important;
  color: #6b7280;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  margin: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
  .chat-input-group button.btn-send {
    align-self: center;
    margin: 0;
  }
}
.chat-input-group button.btn-send:hover, .chat-input-group button.btn-send.btn-primary {
  background: #6366f1;
  background-color: #6366f1;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}
.chat-input-group button.btn-send:focus {
  outline: none;
  background: #4f46e5;
  background-color: #4f46e5;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(99, 102, 241, 0.4);
}
.chat-input-group button.btn-send:disabled {
  background: #f9fafb;
  background-color: #f9fafb;
  color: #d1d5db;
  cursor: not-allowed;
}
.chat-input-group button.btn-send .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-input-group button.btn-send .btn-icon svg {
  width: 16px;
  height: 16px;
}
.chat-input-group button.btn-send .btn-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-input-group button.btn-send .btn-loading svg {
  width: 16px;
  height: 16px;
}
.chat-input-group button.btn-send.streaming-active {
  background: #6b7280;
  background-color: #6b7280;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(107, 114, 128, 0.3);
}
.chat-input-group button.btn-send.streaming-active:hover {
  background: #4b5563;
  background-color: #4b5563;
  box-shadow: 0 2px 6px rgba(75, 85, 99, 0.4);
}
.chat-input-group button.btn-send.streaming-active:focus {
  background: #374151;
  background-color: #374151;
  box-shadow: 0 2px 6px rgba(55, 65, 81, 0.4);
}
.chat-input-group button.btn-send .btn-icon-stop svg {
  width: 14px;
  height: 14px;
}
.input-hint {
  margin-top: 8px;
  text-align: left;
}
.input-hint small, .input-hint .small {
  color: #6b7280;
  font-size: 12px;
}
.btn-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.assistant-page .copilot {
  display: none;
}
.notification {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
}
.notification-success {
  background-color: #f0fdf4;
  border-left-color: #22c55e;
  color: #166534;
}
.notification-error {
  background-color: #fef2f2;
  border-left-color: #ef4444;
  color: #991b1b;
}
.notification-info {
  background-color: #f0f9ff;
  border-left-color: #3b82f6;
  color: #1e40af;
}
.notification-warning {
  background-color: #fffbeb;
  border-left-color: #f59e0b;
  color: #92400e;
}
.waiting-indicator {
  opacity: 0.8;
}
.waiting-content {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.first-time-help-section {
  margin: 1.5rem 0 1.25rem;
  padding: 1.5rem 1.75rem;
  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  border-radius: 16px;
  border: 1px solid #c7d2fe;
  box-shadow: 0 2px 4px rgba(99, 102, 241, 0.08);
}
@media (max-width: 767.98px) {
  .first-time-help-section {
    margin: 1rem 0 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: 14px;
  }
}
.help-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.help-header svg {
  flex-shrink: 0;
  color: #6366f1;
  margin-top: 0.125rem;
}
@media (max-width: 767.98px) {
  .help-header {
    gap: 0.625rem;
  }
}
.help-text {
  flex: 1;
}
.help-title {
  font-size: 1rem;
  font-weight: 600;
  color: #4338ca;
  letter-spacing: -0.01em;
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
@media (max-width: 767.98px) {
  .help-title {
    font-size: 0.9375rem;
    margin-bottom: 0.375rem;
  }
}
.help-subtitle {
  font-size: 0.875rem;
  color: #6366f1;
  line-height: 1.5;
  margin-bottom: 0;
  opacity: 0.9;
}
@media (max-width: 767.98px) {
  .help-subtitle {
    font-size: 0.8125rem;
    line-height: 1.4;
  }
}
.chat-job-card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin: 0.75rem 0;
  transition: all 0.2s ease;
  overflow: hidden;
}
.chat-job-card:hover {
  border-color: #c7d2fe;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.12);
  transform: translateY(-2px);
}
.assistant-response-wrapper .chat-job-card {
  margin: 0 0 0.75rem 0;
}
.assistant-response-wrapper .chat-job-card:last-child {
  margin-bottom: 0;
}
.chat-job-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 1rem;
}
.chat-job-card-link:hover {
  text-decoration: none;
  color: inherit;
}
.chat-job-card-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}
.chat-job-card-company-logo {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 1.125rem;
  flex-shrink: 0;
}
.chat-job-card-company-logo-img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  background: white;
  border: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.chat-job-card-info {
  flex: 1;
  min-width: 0;
}
.chat-job-card-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.25rem;
  line-height: 1.3;
}
.chat-job-card-company {
  font-size: 0.8125rem;
  color: #6b7280;
}
.chat-job-card-details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 0.875rem;
}
.chat-job-card-detail-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: #4b5563;
}
.chat-job-card-icon {
  color: #6366f1;
  flex-shrink: 0;
}
.chat-job-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid #f3f4f6;
}
.chat-job-card-posted {
  font-size: 0.75rem;
  color: #9ca3af;
}
.chat-job-card-view-link {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6366f1;
}
.chat-jobs-banner,
.chat-signup-banner {
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-left: 4px solid #f59e0b;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.chat-jobs-banner .cta-text,
.chat-signup-banner .cta-text {
  font-size: 0.8125rem;
  color: #92400e;
  line-height: 1.5;
}
.chat-jobs-banner .btn,
.chat-signup-banner .btn {
  align-self: flex-start;
  font-size: 0.8125rem;
  padding: 0.375rem 0.75rem;
}
@media (max-width: 576px) {
  .chat-jobs-banner .btn,
  .chat-signup-banner .btn {
    align-self: stretch;
    text-align: center;
  }
}
.chat-company-card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.25rem;
  margin: 1rem 0;
  overflow: hidden;
}
.assistant-response-wrapper .chat-company-card {
  margin: 1rem 0 0 0;
}
.chat-company-card-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}
.chat-company-card-logo {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.chat-company-card-logo-img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  background: white;
  border: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.chat-company-card-title-section {
  flex: 1;
  min-width: 0;
}
.chat-company-card-name {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.3;
}
.chat-company-card-industry {
  font-size: 0.8125rem;
  color: #6b7280;
  margin-top: 0.125rem;
}
.chat-company-card-description {
  font-size: 0.8125rem;
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 0.875rem;
}
.chat-company-card-details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}
.chat-company-card-detail-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: #4b5563;
}
.chat-company-card-icon {
  color: #6366f1;
  flex-shrink: 0;
}
.chat-company-card-specialties {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.875rem;
}
.chat-company-card-tag {
  font-size: 0.6875rem;
  padding: 0.25rem 0.5rem;
  background: #f3f4f6;
  color: #4b5563;
  border-radius: 100px;
}
.chat-company-card-tag-more {
  font-size: 0.6875rem;
  padding: 0.25rem 0.5rem;
  color: #9ca3af;
}
.chat-company-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid #f3f4f6;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.chat-company-card-links {
  display: flex;
  gap: 1rem;
}
.chat-company-card-link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: #6b7280;
  text-decoration: none;
}
.chat-company-card-link:hover {
  color: #6366f1;
}
.chat-company-card-jobs-link {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6366f1;
  text-decoration: none;
}
.chat-company-card-jobs-link:hover {
  text-decoration: underline;
}
.guest-signup-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  margin-bottom: 0.5rem;
  background: #fef9e7;
  border-radius: 8px;
  font-size: 0.875rem;
}
.guest-signup-prompt-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  flex: 1;
  min-width: 0;
}
.guest-signup-prompt-text {
  color: #5c4813;
  line-height: 1.4;
}
.guest-signup-prompt-link {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.guest-signup-prompt-link:hover {
  text-decoration: underline;
}
.guest-signup-prompt-dismiss {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5c4813;
  opacity: 0.6;
  flex-shrink: 0;
  border-radius: 4px;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}
.guest-signup-prompt-dismiss:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.05);
}
.guest-signup-prompt-dismiss svg {
  display: block;
}
@media (max-width: 576px) {
  .guest-signup-prompt {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
  }
}
.typing-indicator {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
}
.typing-indicator .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9ca3af;
  animation: typing-bounce 1.4s infinite ease-in-out;
}
.typing-indicator .dot:nth-child(1) {
  animation-delay: -0.32s;
}
.typing-indicator .dot:nth-child(2) {
  animation-delay: -0.16s;
}
.typing-indicator .dot:nth-child(3) {
  animation-delay: 0s;
}
@keyframes typing-bounce {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.waiting-text {
  margin: 0;
  font-size: 0.9rem;
  color: #6b7280;
  font-style: italic;
}
.streaming-cursor {
  display: inline-block;
  width: 2px;
  height: 1em;
  background-color: #3b82f6;
  margin-left: 2px;
  animation: cursor-blink 1s step-end infinite;
  vertical-align: text-bottom;
}
@keyframes cursor-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.message.streaming .assistant-text-content {
  min-height: 1.5em;
}
.tool-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
  background: #f0f9ff;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: #0369a1;
}
.tool-status.executing .tool-status-icon {
  display: inline-flex;
}
.tool-status.completed {
  background: #f0fdf4;
  color: #166534;
}
.tool-status.completed .tool-status-icon {
  display: none;
}
.tool-status-icon {
  display: inline-flex;
  align-items: center;
}
.tool-status-icon .spinner-border-sm {
  width: 14px;
  height: 14px;
  border-width: 2px;
}
.tool-status-text {
  flex: 1;
}
.ask-mo-job-context {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  overflow-y: auto;
}
.ask-mo-suggestions {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ask-mo-suggestion-btn {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  background: white;
  border-radius: 8px;
  text-align: left;
  font-size: 0.875rem;
  color: #374151;
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ask-mo-suggestion-btn:hover {
  background: #f3f4f6;
  border-color: #6366f1;
  color: #6366f1;
  transform: translateX(2px);
}
.ask-mo-suggestion-btn:active {
  transform: scale(0.98);
}
.ask-mo-suggestion-btn svg {
  flex-shrink: 0;
}
.ask-mo-custom {
  width: 100%;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}
.ask-mo-custom .form-label {
  color: #374151;
  margin-bottom: 0.5rem;
}
.ask-mo-custom .input-group .form-control {
  font-size: 0.875rem;
  border-color: #e5e7eb;
}
@media (max-width: 768px) {
  .ask-mo-custom .input-group .form-control {
    font-size: 16px;
  }
}
.ask-mo-custom .input-group .form-control:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.1);
}
.ask-mo-custom .input-group .btn-primary {
  background-color: #6366f1;
  border-color: #6366f1;
  font-size: 0.875rem;
  padding: 0.375rem 1rem;
}
.ask-mo-custom .input-group .btn-primary:hover {
  background-color: #4f46e5;
  border-color: #4f46e5;
}
.chat-sidebar {
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 768px) {
  .chat-sidebar {
    height: 100%;
  }
}
.chat-sidebar .chat-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  overflow: visible;
}
.chat-sidebar .chat-header {
  flex-shrink: 0;
  padding: 1rem 1rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  background: white;
  overflow: visible;
}
.chat-sidebar .chat-header h1, .chat-sidebar .chat-header .h1,
.chat-sidebar .chat-header .h5 {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}
.chat-sidebar .chat-header h6, .chat-sidebar .chat-header .h6 {
  font-size: 0.875rem;
  color: #1f2937;
  font-weight: 600;
  line-height: 1.2;
}
.chat-sidebar .chat-header .chat-subtitle {
  margin-bottom: 0;
  color: #6b7280;
  font-size: 0.7rem;
  line-height: 1.2;
}
.chat-sidebar .chat-header .ask-mo-mini-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(99, 102, 241, 0.1);
  border-radius: 6px;
}
.chat-sidebar .chat-header .ask-mo-mini-icon svg {
  width: 16px;
  height: 16px;
}
.chat-sidebar .chat-header .explore-topics-dropdown {
  position: fixed;
  top: auto;
  right: 1rem;
  left: auto;
  width: min(400px, calc(100vw - 2rem));
  max-height: 60vh;
  transform: none;
}
.chat-sidebar .suggested-questions {
  padding: 0;
  margin-top: 0.75rem;
  border-top: none;
}
.chat-sidebar .suggestion-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.625rem 1rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  font-size: 0.875rem;
  color: #4b5563;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.chat-sidebar .suggestion-chip svg {
  width: 14px;
  height: 14px;
  opacity: 0.8;
}
.chat-sidebar .suggestion-chip:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #4338ca;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(99, 102, 241, 0.15);
}
.chat-sidebar .suggestion-chip:hover svg {
  opacity: 1;
  color: #6366f1;
}
.chat-sidebar .suggestion-chip:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(99, 102, 241, 0.2);
}
.chat-sidebar .suggestion-chip:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.chat-sidebar .chat-messages {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  min-height: 0;
  background: white;
}
.chat-sidebar .chat-messages .message {
  margin-bottom: 1rem;
}
.chat-sidebar .chat-messages .message:last-child {
  margin-bottom: 1rem;
}
.chat-sidebar .chat-messages .message-avatar {
  display: none;
}
.chat-sidebar .chat-messages .message-content {
  flex: 1;
  font-size: 0.875rem;
  line-height: 1.5;
  min-width: 0;
}
.chat-sidebar .chat-messages .message-content p {
  margin-bottom: 0.5rem;
}
.chat-sidebar .chat-messages .message-content p:last-child {
  margin-bottom: 0;
}
.chat-sidebar .chat-input-container {
  position: sticky;
  bottom: 0;
  z-index: 10;
  flex-shrink: 0;
}
.spin {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.job-description-container {
  position: relative;
}
.job-description-content {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: #374151;
}
.job-description-content h1, .job-description-content .h1,
.job-description-content h2,
.job-description-content .h2,
.job-description-content h3,
.job-description-content .h3,
.job-description-content h4,
.job-description-content .h4,
.job-description-content h5,
.job-description-content .h5,
.job-description-content h6,
.job-description-content .h6 {
  font-weight: 600;
  color: #111827;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.job-description-content h1:first-child, .job-description-content .h1:first-child,
.job-description-content h2:first-child,
.job-description-content .h2:first-child,
.job-description-content h3:first-child,
.job-description-content .h3:first-child,
.job-description-content h4:first-child,
.job-description-content .h4:first-child,
.job-description-content h5:first-child,
.job-description-content .h5:first-child,
.job-description-content h6:first-child,
.job-description-content .h6:first-child {
  margin-top: 0;
}
.job-description-content h1, .job-description-content .h1 {
  font-size: 1.5rem;
}
.job-description-content h2, .job-description-content .h2 {
  font-size: 1.25rem;
}
.job-description-content h3, .job-description-content .h3 {
  font-size: 1.125rem;
}
.job-description-content h4, .job-description-content .h4 {
  font-size: 1rem;
}
.job-description-content h5, .job-description-content .h5 {
  font-size: 0.9375rem;
}
.job-description-content h6, .job-description-content .h6 {
  font-size: 0.875rem;
}
.job-description-content p {
  margin-bottom: 1rem;
}
.job-description-content p:last-child {
  margin-bottom: 0;
}
.job-description-content ul,
.job-description-content ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
.job-description-content ul li,
.job-description-content ol li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
.job-description-content ul li:last-child,
.job-description-content ol li:last-child {
  margin-bottom: 0;
}
.job-description-content ul {
  list-style-type: disc;
}
.job-description-content ol {
  list-style-type: decimal;
}
.job-description-content a {
  color: var(--bs-primary);
  text-decoration: none;
}
.job-description-content a:hover {
  text-decoration: underline;
}
.job-description-content strong,
.job-description-content b {
  font-weight: 600;
  color: #111827;
}
.job-description-content em,
.job-description-content i {
  font-style: italic;
}
.job-description-content br + br {
  display: none;
}
.job-description-content div:empty,
.job-description-content span:empty {
  display: none;
}
.job-description-content > div {
  margin-bottom: 1rem;
}
.job-description-content > div:last-child {
  margin-bottom: 0;
}
.job-description-content .show-more-less-html,
.job-description-content .description__text,
.job-description-content .core-section-container__content {
  all: unset;
  display: block;
}
.ai-summary-container {
  position: relative;
}
.structured-ai-summary .section-title {
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.structured-ai-summary .subsection-title {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.structured-ai-summary .responsibility-item,
.structured-ai-summary .qualification-item,
.structured-ai-summary .benefit-item {
  line-height: 1.6;
  margin-bottom: 0.75rem;
}
.structured-ai-summary .responsibility-item:last-child,
.structured-ai-summary .qualification-item:last-child,
.structured-ai-summary .benefit-item:last-child {
  margin-bottom: 0;
}
.structured-ai-summary .responsibility-bullet,
.structured-ai-summary .qualification-bullet,
.structured-ai-summary .benefit-bullet {
  display: flex;
  align-items: flex-start;
  margin-right: 0.75rem;
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.structured-ai-summary .responsibility-text,
.structured-ai-summary .qualification-text,
.structured-ai-summary .benefit-text {
  font-size: 0.9rem;
  color: #495057;
  line-height: 1.6;
  flex: 1;
}
.structured-ai-summary .summary-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #495057;
  margin-bottom: 0;
}
.structured-ai-summary .required-qualifications,
.structured-ai-summary .preferred-qualifications {
  margin-left: 0.5rem;
}
.structured-ai-summary .required-qualifications .qualification-item,
.structured-ai-summary .preferred-qualifications .qualification-item {
  margin-bottom: 0.5rem;
}
.structured-ai-summary svg {
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .structured-ai-summary .section-title {
    font-size: 0.9rem;
  }
  .structured-ai-summary .responsibility-bullet,
  .structured-ai-summary .qualification-bullet,
  .structured-ai-summary .benefit-bullet {
    margin-right: 0.5rem;
  }
  .structured-ai-summary .responsibility-text,
  .structured-ai-summary .qualification-text,
  .structured-ai-summary .benefit-text {
    font-size: 0.85rem;
  }
  .structured-ai-summary .summary-text {
    font-size: 0.9rem;
  }
  .structured-ai-summary .required-qualifications,
  .structured-ai-summary .preferred-qualifications {
    margin-left: 0.25rem;
  }
}
#jobFiltersOffcanvas {
  width: 520px;
  max-width: 90vw;
  z-index: 1055;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #jobFiltersOffcanvas {
    width: 540px;
  }
}
@media (max-width: 767.98px) {
  #jobFiltersOffcanvas {
    width: 100%;
    max-width: 100%;
  }
}
#jobFiltersOffcanvas .offcanvas-header {
  padding: 1.5rem;
  border-bottom: 1px solid #e9ecef;
  flex-shrink: 0;
}
#jobFiltersOffcanvas .offcanvas-header .offcanvas-title {
  color: #1f2937;
  display: flex;
  align-items: center;
}
#jobFiltersOffcanvas .offcanvas-body {
  flex: 1;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
}
#jobFiltersOffcanvas .offcanvas-body .filter-content-wrapper {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
  -webkit-overflow-scrolling: touch;
}
#jobFiltersOffcanvas .offcanvas-body .filter-sections {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#jobFiltersOffcanvas .offcanvas-body [data-controller~=remote-only] {
  display: contents;
}
#jobFiltersOffcanvas .offcanvas-body [data-controller~=specialty-scope] {
  display: contents;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .filter-section-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.75rem;
  letter-spacing: 0.025em;
}
@media (max-width: 768px) {
  #jobFiltersOffcanvas .offcanvas-body .filter-section .filter-section-title {
    font-size: 1rem;
  }
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .filter-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .filter-content.filter-checkbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem 1rem;
}
@media (max-width: 480px) {
  #jobFiltersOffcanvas .offcanvas-body .filter-section .filter-content.filter-checkbox-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 0.5rem;
  }
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .filter-content.filter-content-grouped {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.875rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .filter-content.filter-checkbox-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.75rem 0.5rem;
}
@media (max-width: 480px) {
  #jobFiltersOffcanvas .offcanvas-body .filter-section .filter-content.filter-checkbox-grid-3 {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 0.5rem;
  }
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .filter-content.role-type-groups {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: border-color 0.15s ease;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.75rem;
  margin: 0;
  font-weight: 500;
  color: #374151;
  background-color: transparent;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-header .role-type-toggle {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-header .role-type-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
}
@media (max-width: 768px) {
  #jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-header .role-type-label {
    font-size: 1rem;
  }
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-options {
  padding: 0 0.75rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: opacity 0.15s ease;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-options.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-options .role-type-option {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-group .role-type-options .role-type-option .option-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .role-type-error {
  display: none;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 0.375rem;
  color: #dc2626;
  font-size: 0.8125rem;
  font-weight: 500;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .location-mode-selector {
  display: flex;
  background-color: #f3f4f6;
  border-radius: 8px;
  padding: 4px;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .location-mode-selector .location-mode-option {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
  color: #6b7280;
  transition: all 0.15s ease;
  margin: 0;
}
@media (max-width: 768px) {
  #jobFiltersOffcanvas .offcanvas-body .filter-section .location-mode-selector .location-mode-option {
    font-size: 1rem;
  }
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .location-mode-selector .location-mode-option input[type=radio] {
  margin: 0;
  accent-color: #6366f1;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .location-mode-selector .location-mode-option:has(input:checked) {
  background-color: #fff;
  color: #1f2937;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-location-item {
  font-size: 0.875rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-location-item .city-name {
  color: #374151;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-location-item .radius-select {
  font-size: 0.75rem;
  padding: 0.25rem 2rem 0.25rem 0.5rem;
  border-color: #e5e7eb;
  width: 80px;
  background-position: right 0.4rem center;
  background-size: 12px;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-remove-btn {
  color: #9ca3af;
  transition: color 0.15s ease;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-remove-btn:hover {
  color: #6b7280;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-summary {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-summary .summary-text {
  font-size: 0.875rem;
  color: #212529;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-summary .summary-text.text-muted {
  color: #6c757d;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-summary .summary-chevron {
  transition: transform 0.2s;
  flex-shrink: 0;
  color: #6c757d;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-summary.expanded .summary-chevron {
  transform: rotate(180deg);
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-options {
  display: block;
  max-height: 300px;
  overflow-y: auto;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-options.collapsed {
  display: none;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-options .filter-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-options .filter-actions .btn-link {
  font-size: 0.75rem;
  text-decoration: none;
  padding: 0;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-options .form-check {
  margin-bottom: 0.5rem;
  padding-left: 0.25rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .expandable-filter-options .form-check .form-check-label {
  font-size: 0.875rem;
  cursor: pointer;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section.filter-section-disabled .form-select:disabled {
  opacity: 0.5;
  background-color: #f3f4f6;
  cursor: not-allowed;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section.filter-section--suppressed {
  opacity: 0.55;
  border-left: 2px dashed #d1d5db;
  padding-left: 0.75rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section.filter-section--suppressed .filter-section-title {
  color: #6b7280;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .filter-section-caption {
  background-color: #f3f4f6;
  border-radius: 0.375rem;
  color: #4b5563;
  font-size: 0.8125rem;
  line-height: 1.35;
  margin: 0 0 0.75rem;
  padding: 0.5rem 0.625rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section.filter-section-locked .form-select:disabled,
#jobFiltersOffcanvas .offcanvas-body .filter-section.filter-section-locked .form-check-input:disabled {
  opacity: 0.5;
  background-color: #f9fafb;
  cursor: not-allowed;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section.filter-section-locked .form-check-label {
  color: #9ca3af;
  cursor: not-allowed;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-location-item {
  font-size: 0.875rem;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-location-item .city-name {
  color: #374151;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-location-item .radius-select {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  min-width: 70px;
}
#jobFiltersOffcanvas .offcanvas-body .filter-section .city-locations-list .city-location-item:last-child {
  border-bottom: none !important;
}
#jobFiltersOffcanvas .offcanvas-body .advanced-filters-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border: 1px solid #fcd34d;
  border-radius: 0.5rem;
  padding: 1rem;
}
#jobFiltersOffcanvas .offcanvas-body .advanced-filters-wrapper .advanced-filters-upsell {
  background: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%);
  border: 1px solid #fcd34d;
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: -0.5rem;
}
#jobFiltersOffcanvas .offcanvas-body .advanced-filters-wrapper .advanced-filters-upsell .upsell-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #78350f;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
#jobFiltersOffcanvas .offcanvas-body .advanced-filters-wrapper .advanced-filters-upsell .upsell-badge {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  color: #78350f;
  font-size: 0.625rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
}
#jobFiltersOffcanvas .offcanvas-body .advanced-filters-wrapper .advanced-filters-upsell .upsell-subtext {
  font-size: 0.75rem;
  color: #92400e;
  line-height: 1.4;
}
#jobFiltersOffcanvas .offcanvas-body .advanced-filters-wrapper .advanced-filters-upsell .btn-warning {
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
  font-weight: 600;
}
#jobFiltersOffcanvas .offcanvas-body .form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#jobFiltersOffcanvas .offcanvas-body .form-check .form-check-input {
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  cursor: pointer;
}
#jobFiltersOffcanvas .offcanvas-body .form-check .form-check-input:checked {
  background-color: #6366f1;
  border-color: #6366f1;
}
#jobFiltersOffcanvas .offcanvas-body .form-check .form-check-input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
}
#jobFiltersOffcanvas .offcanvas-body .form-check .form-check-label {
  font-size: 0.875rem;
  color: #374151;
  cursor: pointer;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#jobFiltersOffcanvas .offcanvas-body .form-select {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #374151;
  background-color: white;
}
#jobFiltersOffcanvas .offcanvas-body .form-select:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
  outline: none;
}
#jobFiltersOffcanvas .offcanvas-footer {
  position: sticky;
  bottom: 0;
  padding: 1.5rem;
  border-top: 1px solid #e9ecef;
  background-color: white;
  flex-shrink: 0;
  z-index: 10;
}
#jobFiltersOffcanvas .offcanvas-footer .btn {
  font-size: 0.875rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
}
#jobFiltersOffcanvas .offcanvas-footer .btn.btn-outline-secondary {
  color: #6b7280;
  border-color: #d1d5db;
}
#jobFiltersOffcanvas .offcanvas-footer .btn.btn-outline-secondary:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
  color: #374151;
}
#jobFiltersOffcanvas .offcanvas-footer .btn.btn-primary {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
}
#jobFiltersOffcanvas .offcanvas-footer .btn.btn-primary:hover {
  background-color: var(--theme-primary-hover);
  border-color: var(--theme-primary-hover);
}
@media (max-width: 768px) {
  #jobFiltersOffcanvas {
    width: 100%;
    max-width: 100vw;
    will-change: transform;
  }
}
.multiline-tooltip .tooltip-inner {
  white-space: pre-line;
  text-align: left;
  max-width: 300px;
  background-color: #6366f1;
  color: #fff;
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.5;
}
.multiline-tooltip .tooltip-arrow::before {
  border-bottom-color: #6366f1;
}
.job-filters-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
[data-controller=job-filters] {
  width: 100%;
}
@media (max-width: 768px) {
  .jobs-container,
  .job-list-panel,
  .main-content {
    transform: none !important;
    will-change: auto !important;
  }
}
.scroll-locked {
  overflow: hidden !important;
}
body.v2-jobs-page:not(.v2-mobile-layout) {
  overflow: hidden;
  height: 100vh;
}
@media (max-width: 767.98px) {
  .mobile-header {
    z-index: 100 !important;
  }
  #sidebarOffcanvas {
    z-index: 1050 !important;
  }
}
#jobFiltersOffcanvas .ts-wrapper .ts-control {
  padding: 0.375rem 0.75rem;
  min-height: calc(1.5em + 0.75rem + 2px);
  font-size: 0.875rem;
  color: #212529;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  background-color: #fff;
}
@media (max-width: 768px) {
  #jobFiltersOffcanvas .ts-wrapper .ts-control {
    font-size: 16px;
  }
}
#jobFiltersOffcanvas .ts-wrapper .ts-control > .item {
  color: #212529;
}
#jobFiltersOffcanvas .ts-wrapper .ts-control input {
  font-size: inherit;
}
#jobFiltersOffcanvas .ts-wrapper .ts-control input::-moz-placeholder {
  color: #6c757d;
}
#jobFiltersOffcanvas .ts-wrapper .ts-control input::placeholder {
  color: #6c757d;
}
#jobFiltersOffcanvas .ts-wrapper.multi .ts-control .item {
  background-color: #e9ecef;
  color: #212529;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  padding: 0.25rem 0.5rem;
  margin: 0.125rem;
  font-size: 0.875rem;
  font-weight: normal;
}
#jobFiltersOffcanvas .ts-wrapper.multi .ts-control .item .remove {
  color: #6c757d;
  margin-left: 0.25rem;
  opacity: 0.75;
}
#jobFiltersOffcanvas .ts-wrapper.multi .ts-control .item .remove:hover {
  color: #dc3545;
  opacity: 1;
}
#jobFiltersOffcanvas .ts-wrapper.focus .ts-control, #jobFiltersOffcanvas .ts-wrapper.multi .ts-control:focus-within {
  border-color: #6366f1;
  box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}
#jobFiltersOffcanvas .ts-dropdown {
  z-index: 1050 !important;
  max-height: 300px;
}
#jobFiltersOffcanvas .ts-dropdown .option.selected {
  background-color: rgba(99, 102, 241, 0.1);
  color: #6366f1;
}
#jobFiltersOffcanvas .ts-dropdown .option.active {
  background-color: #6366f1;
  color: #ffffff;
}
body > .ts-dropdown {
  z-index: 1060 !important;
  max-height: 300px;
}
body > .ts-dropdown.dropup {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
/* Authenticated User Menu */
.authenticated-user-menu {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1045;
}
.authenticated-user-menu .dropdown-toggle {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.authenticated-user-menu .dropdown-toggle:hover {
  background: #f8fafc;
  border-color: #d1d5db;
}
.authenticated-user-menu .dropdown-toggle:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.authenticated-user-menu .dropdown-toggle i {
  color: #6b7280;
}
.authenticated-user-menu .dropdown-menu {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  margin-top: 0.5rem;
}
.authenticated-user-menu .dropdown-item {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  transition: background-color 0.2s ease;
}
.authenticated-user-menu .dropdown-item:hover {
  background: #f8fafc;
}
.authenticated-user-menu .dropdown-item i {
  width: 16px;
}
.authenticated-user-menu .dropdown-item[type=submit] {
  width: 100%;
  border: none;
  background: none;
  cursor: pointer;
  font: inherit;
  display: flex;
  align-items: center;
}
.authenticated-user-menu .dropdown-item[type=submit]:hover {
  background: #f8fafc;
}
/* User Profile Styles */
.user-profile {
  /* Inherit the same base styling as other nav links */
  background: transparent !important;
}
.user-profile:hover {
  background: #f0f4ff !important;
  color: #1a56db !important;
  border-left: 3px solid #a5b4fc !important;
  text-decoration: none !important;
}
.user-profile:hover .user-name {
  color: #1a56db !important;
}
.user-profile:hover .user-avatar {
  background: #1a56db !important;
  color: white !important;
}
.user-profile.active {
  background: #e0e7ff !important;
  color: #1a56db !important;
  border-left: 3px solid #6366f1 !important;
}
.user-profile.active .user-name {
  color: #1a56db !important;
}
.user-profile.active .user-avatar {
  background: #1a56db !important;
  color: white !important;
}
.user-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  background: #6366f1;
  color: white;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  flex-shrink: 0;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.user-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.user-name {
  font-weight: 600;
  font-size: 14px;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}
.user-subtitle {
  font-size: 12px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* User Profile Dropdown Styles */
.user-profile {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.user-profile .dropdown-arrow {
  margin-left: auto;
  transition: transform 0.2s ease;
  color: #6b7280;
}
.user-profile[aria-expanded=true] .dropdown-arrow {
  transform: rotate(180deg);
}
/* Bootstrap dropdown customization for sidebar */
.sidebar-bottom .dropup {
  position: relative;
  width: 100%;
}
.sidebar-bottom .dropup .dropdown-menu {
  position: absolute !important;
  bottom: 100% !important;
  left: 0.5rem !important;
  right: 0.5rem !important;
  top: auto !important;
  transform: none !important;
  width: calc(100% - 1rem) !important;
  min-width: unset !important;
  margin-bottom: 0.5rem !important;
  border-radius: 8px;
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e7eb;
  padding: 0;
}
.sidebar-bottom .dropup .dropdown-item {
  display: flex !important;
  align-items: center;
  padding: 0.75rem 1rem;
  font-size: 14px;
  font-weight: 500;
  border: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
.sidebar-bottom .dropup .dropdown-item:first-child {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.sidebar-bottom .dropup .dropdown-item:last-child {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.sidebar-bottom .dropup .dropdown-item:hover {
  background-color: #f9fafb !important;
}
.sidebar-bottom .dropup .dropdown-item.text-danger {
  color: #dc2626 !important;
}
.sidebar-bottom .dropup .dropdown-item.text-danger:hover {
  background-color: #fef2f2 !important;
  color: #b91c1c !important;
}
/* Responsive adjustments for user profile */
@media (max-width: 992px) {
  .sidebar {
    width: 64px;
    min-width: 64px;
  }
  .sidebar-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .user-profile {
    justify-content: center;
    padding: 0.75rem 0.5rem;
    cursor: pointer;
  }
  .user-avatar {
    margin: 0 !important;
  }
  .user-info {
    display: none !important;
  }
  .dropdown-arrow {
    display: none !important;
  }
}
/* Fix dropdown background for collapsed sidebar states */
@media (max-width: 1350px) {
  .sidebar-bottom .dropup .dropdown-menu {
    position: fixed !important;
    bottom: 60px !important;
    left: 10px !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    z-index: 1060 !important;
    transform: none !important;
  }
  .sidebar .subscription-banner {
    width: 40px;
    height: 40px;
    margin: 0 auto 0.75rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: none;
  }
  .sidebar .subscription-banner .subscription-banner-content {
    justify-content: center;
    align-items: center;
  }
  .sidebar .subscription-banner .subscription-banner-label,
  .sidebar .subscription-banner .subscription-banner-arrow {
    display: none;
  }
}
/* V2 Settings Styles */
.settings-container {
  padding: 2rem;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 1;
}
.settings-header {
  margin-bottom: 2rem;
}
.settings-header .settings-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 0.5rem 0;
}
.settings-header .settings-subtitle {
  color: #6b7280;
  margin: 0;
  font-size: 1rem;
}
.settings-nav {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #e5e7eb;
}
.settings-nav .settings-nav-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  color: #6b7280;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  font-weight: 500;
  transition: all 0.2s ease;
}
.settings-nav .settings-nav-item:hover {
  color: #1a56db;
  background: #f0f4ff;
}
.settings-nav .settings-nav-item.active {
  color: #1a56db;
  border-bottom-color: #1a56db;
}
.settings-nav .settings-nav-item svg {
  flex-shrink: 0;
}
.settings-nav .settings-nav-item span {
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .settings-nav {
    margin-bottom: 1.5rem;
  }
  .settings-nav .settings-nav-item {
    gap: 0.25rem;
    padding: 0.5rem 0.375rem;
    flex-direction: column;
  }
  .settings-nav .settings-nav-item svg {
    width: 20px;
    height: 20px;
  }
  .settings-nav .settings-nav-item span {
    font-size: 0.75rem;
    line-height: 1.2;
  }
}
.settings-form {
  width: 100%;
}
.settings-section {
  margin-bottom: 2rem;
}
.settings-section turbo-frame {
  display: block;
  width: 100%;
}
.settings-section.hidden {
  display: none !important;
}
.alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
}
.alert.alert-error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}
.alert .alert-content {
  flex: 1;
}
.alert .alert-content h4, .alert .alert-content .h4 {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}
.alert .alert-content ul {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.875rem;
}
.alert svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.settings-actions {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn.btn-primary {
  background: var(--theme-primary);
  color: white;
}
.btn.btn-primary:hover {
  background: var(--theme-primary-hover);
}
/* Settings Cards */
.settings-card {
  background: white;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.settings-card-primary {
  border-color: #6366f1;
  border-width: 2px;
  box-shadow: 0 4px 6px -1px rgba(99, 102, 241, 0.1);
}
.settings-card-secondary {
  background: #f9fafb;
  border-color: #e5e7eb;
  margin-top: 2rem;
}
.settings-card-secondary .settings-card-title {
  color: #6b7280;
  font-size: 1.125rem;
}
.settings-card-secondary .settings-card-description {
  color: #9ca3af;
}
.settings-card-header {
  padding: 1.5rem 1.5rem 0;
}
.settings-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 0.5rem 0;
}
.settings-card-description {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
}
.settings-card-body {
  padding: 1.5rem;
}
.settings-card-actions {
  padding: 1rem 1.5rem 1.5rem;
  border-top: 1px solid #f3f4f6;
  display: flex;
  justify-content: flex-end;
}
/* Form Elements */
.settings-form-group {
  margin-bottom: 1.25rem;
}
.settings-form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.375rem;
}
.settings-form-input,
.settings-form-select {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.875rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background: white;
}
.settings-form-input:focus,
.settings-form-select:focus {
  outline: none;
  border-color: #1a56db;
  box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);
}
.settings-form-input:disabled,
.settings-form-select:disabled {
  background-color: #f9fafb;
  color: #6b7280;
  cursor: not-allowed;
}
.settings-form-input::-moz-placeholder, .settings-form-select::-moz-placeholder {
  color: #9ca3af;
}
.settings-form-input::placeholder,
.settings-form-select::placeholder {
  color: #9ca3af;
}
.settings-form-select {
  background: white;
}
.settings-form-help {
  font-size: 0.75rem;
  color: #6b7280;
  margin-top: 0.25rem;
}
/* Guest User Upsell Overlay Styles */
.guest-limited {
  position: relative;
}
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(3),
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(4),
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(5),
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(6) {
  position: relative;
  pointer-events: none;
}
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(3)::after,
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(4)::after,
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(5)::after,
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(6)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(6)::after {
  backdrop-filter: blur(0.5px);
  background: rgba(255, 255, 255, 0.1);
}
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(5)::after {
  backdrop-filter: blur(1px);
  background: rgba(255, 255, 255, 0.2);
}
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(4)::after {
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.4);
}
.guest-limited #jobs-container:has(.guest-signup-upsell) > .col-12.job-listing:nth-last-of-type(3)::after {
  backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, 0.6);
}
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(1),
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(2),
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(3),
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(4) {
  position: relative;
  pointer-events: none;
}
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(1)::after,
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(2)::after,
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(3)::after,
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(4)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(4)::after {
  backdrop-filter: blur(0.5px);
  background: rgba(255, 255, 255, 0.1);
}
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(3)::after {
  backdrop-filter: blur(1px);
  background: rgba(255, 255, 255, 0.2);
}
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(2)::after {
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.4);
}
.guest-limited #jobs-container:not(:has(.guest-signup-upsell)) > .col-12.job-listing:nth-last-of-type(1)::after {
  backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, 0.6);
}
.v2-guest-page .jobs-container {
  height: auto !important;
  overflow: visible !important;
  max-height: none !important;
}
.v2-guest-page .jobs-container .job-list-panel {
  height: auto !important;
  overflow: visible !important;
  max-height: none !important;
}
.v2-guest-page .jobs-container .tab-content {
  height: auto !important;
  overflow: visible !important;
}
.v2-guest-page .jobs-container .jobs-cards {
  height: auto !important;
  overflow: visible !important;
}
.guest-upsell-overlay {
  position: relative;
  margin-top: 2rem;
  padding-bottom: 2rem;
}
.guest-upsell-overlay .upsell-gradient {
  display: none;
}
.guest-upsell-overlay .upsell-content {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #f8f9fa 0%, white 10%);
  padding: 3rem 1rem 2rem;
  border-top: 3px solid #e9ecef;
}
.guest-upsell-overlay .upsell-content .upsell-card {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-icon {
  margin-bottom: 1.5rem;
  color: #6366f1;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1rem;
  line-height: 1.3;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-description {
  font-size: 1.125rem;
  color: #6b7280;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-benefits {
  text-align: left;
  margin-bottom: 2rem;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-benefits .benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-benefits .benefit-item svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-benefits .benefit-item span {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.5;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-benefits .benefit-item span strong {
  color: #111827;
  font-weight: 600;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-actions {
  margin-top: 2rem;
}
.guest-upsell-overlay .upsell-content .upsell-card .upsell-actions .btn-lg, .guest-upsell-overlay .upsell-content .upsell-card .upsell-actions .btn-group-lg > .btn {
  padding: 0.875rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .guest-upsell-overlay {
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .guest-upsell-overlay .upsell-content {
    padding: 2rem 1rem 1.5rem;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .upsell-title {
    font-size: 1.5rem;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .upsell-description {
    font-size: 1rem;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .benefit-item span {
    font-size: 0.9rem;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .mobile-upsell-compact {
    padding: 1.5rem 1rem;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .mobile-upsell-compact .mobile-upsell-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .mobile-upsell-compact .mobile-upsell-description {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1rem;
    line-height: 1.4;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .mobile-upsell-compact .mobile-upsell-actions .btn {
    font-size: 0.9375rem;
    padding: 0.625rem 1rem;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .mobile-upsell-compact .mobile-upsell-actions .btn-block {
    width: 100%;
  }
  .guest-upsell-overlay .upsell-content .upsell-card .mobile-upsell-compact .mobile-upsell-actions .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mobile-early-upsell {
    margin: 1.5rem 0;
    padding: 1.25rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    border: 1px solid #dee2e6;
  }
  .mobile-early-upsell .mobile-upsell-compact {
    padding: 0;
    text-align: center;
  }
  .mobile-early-upsell .mobile-upsell-compact .mobile-upsell-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
  }
  .mobile-early-upsell .mobile-upsell-compact .mobile-upsell-description {
    font-size: 0.8125rem;
    color: #6b7280;
    margin-bottom: 1rem;
    line-height: 1.4;
  }
  .mobile-early-upsell .mobile-upsell-compact .mobile-upsell-actions .btn {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
  }
  .mobile-early-upsell .mobile-upsell-compact .mobile-upsell-actions .btn-block {
    width: 100%;
  }
  .mobile-early-upsell .mobile-upsell-compact .mobile-upsell-actions .mb-2 {
    margin-bottom: 0.5rem;
  }
}
/* Toggle Switch */
.settings-toggle {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.settings-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.settings-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d1d5db;
  transition: 0.2s;
  border-radius: 24px;
}
.settings-toggle-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.2s;
  border-radius: 50%;
}
.settings-toggle input:checked + .settings-toggle-slider {
  background-color: #1a56db;
}
.settings-toggle input:checked + .settings-toggle-slider:before {
  transform: translateX(24px);
}
/* Newsletter Toggle Row - Mobile Responsive */
.newsletter-toggle-row {
  gap: 1rem;
  align-items: flex-start;
}
@media (max-width: 575.98px) {
  .newsletter-toggle-row {
    gap: 0.75rem;
  }
}
.newsletter-text-content {
  flex: 1;
  min-width: 0;
  max-width: calc(100% - 64px);
}
@media (max-width: 575.98px) {
  .newsletter-text-content {
    max-width: calc(100% - 60px);
  }
}
/* Settings Utility Classes */
.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.space-y-4 > * + * {
  margin-top: 1rem;
}
/* Job Preferences Summary - Legacy */
.job-preferences-summary {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.job-preferences-summary .preferences-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.job-preferences-summary .preferences-summary-row:last-child {
  margin-bottom: 0;
}
.job-preferences-summary .summary-label {
  font-weight: 600;
  color: #374151;
  min-width: 100px;
  flex-shrink: 0;
}
.job-preferences-summary .summary-value {
  color: #6b7280;
  text-align: right;
  flex: 1;
  margin-left: 1rem;
}
/* Hidden fields for form structure */
.hidden-field {
  display: none !important;
}
/* New Job Preferences Layout (scoped to settings pages) */
.settings-container .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.settings-container h3.section-title,
.settings-container .section-title {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
  flex: 1;
  line-height: 1.4;
}
.preferences-summary-compact {
  margin-bottom: 1.5rem;
}
.preference-group {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.preference-group:last-child {
  margin-bottom: 0;
}
.preference-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  min-width: 80px;
  padding-top: 0.25rem;
}
.preference-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex: 1;
}
.preference-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  background: #f3f4f6;
  color: #374151;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #e5e7eb;
}
.preference-tag-all {
  background: #eff6ff;
  color: #1d4ed8;
  border-color: #dbeafe;
}
.preference-tag-special {
  background: #f0fdf4;
  color: #166534;
  border-color: #bbf7d0;
}
.preference-tag-enabled {
  background: #dcfce7;
  color: #166534;
  border-color: #bbf7d0;
}
.preference-tag-disabled {
  background: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
}
.preference-tag-excluded {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fecaca;
}
.preference-tag-more {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  background: transparent;
  color: #2563eb;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.preference-tag-more:hover {
  background: #eff6ff;
}
.preference-values-hidden {
  width: 100%;
  margin-top: 0.5rem;
}
.badge-plus {
  background-color: #fbbf24;
  color: #78350f;
  font-size: 0.625rem;
  padding: 0.125rem 0.375rem;
  vertical-align: middle;
}
.job-matching-section {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  margin-bottom: 1.5rem;
}
.context-edit-status {
  font-size: 0.8rem;
  font-weight: 500;
  transition: opacity 0.3s ease;
}
/* .job-alerts-section - Last section in the card, no additional spacing needed */
/* Alert Time Setting - Mobile Responsive */
.alert-time-setting select {
  color: #6b7280;
}
@media (max-width: 767.98px) {
  .alert-time-setting > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.5rem;
  }
  .alert-time-setting > .d-flex > div:last-child {
    width: 100%;
    flex-direction: column;
    gap: 0.5rem;
  }
  .alert-time-setting > .d-flex > div:last-child select {
    width: 100% !important;
  }
}
/* Settings Alert */
.settings-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  color: #92400e;
}
.settings-alert-icon {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.settings-alert-content {
  flex: 1;
}
.settings-alert-content strong {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: block;
}
.settings-alert-content a {
  color: inherit;
  text-decoration: underline;
}
.settings-alert-content a:hover {
  text-decoration: none;
}
/* Settings Actions */
.settings-actions {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
/* Warning text styling */
.text-warning {
  color: #f59e0b !important;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
/* Responsive Design */
@media (max-width: 768px) {
  .settings-container {
    padding: 1rem;
  }
  .settings-nav {
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .settings-nav::-webkit-scrollbar {
    display: none;
  }
  .settings-nav .settings-nav-item {
    flex: 1;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0.625rem 0.5rem;
    font-size: 0.8125rem;
    gap: 0.375rem;
    justify-content: center;
    text-align: center;
  }
  .settings-nav .settings-nav-item svg {
    width: 18px;
    height: 18px;
  }
  .settings-nav .settings-nav-item span {
    font-size: 0.8125rem;
  }
  .settings-card-header,
  .settings-card-body {
    padding: 1rem;
  }
  .settings-card-actions {
    padding: 1rem;
    justify-content: stretch;
  }
  .settings-card-actions .btn {
    width: 100%;
  }
  .preference-group {
    flex-direction: column;
    gap: 0.5rem;
  }
  .preference-label {
    min-width: auto;
    padding-top: 0;
  }
  .settings-container .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .settings-container .section-header.job-preferences-header, .job-matching-section .settings-container .section-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .settings-container .section-header.job-preferences-header h3.section-title,
  .settings-container .section-header.job-preferences-header .section-title, .job-matching-section .settings-container .section-header h3.section-title,
  .job-matching-section .settings-container .section-header .section-title {
    font-size: 0.9375rem;
    margin: 0;
    flex: 1;
    min-width: 0;
  }
  .settings-container .section-header.job-preferences-header .btn, .job-matching-section .settings-container .section-header .btn {
    white-space: nowrap;
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
    flex-shrink: 0;
  }
  .settings-actions {
    justify-content: stretch;
  }
  .settings-actions .btn {
    width: 100%;
  }
  .job-preferences-summary .preferences-summary-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .job-preferences-summary .summary-value {
    text-align: left;
    margin-left: 0;
    margin-top: 0.25rem;
  }
}
/* Extra small screens (phones in portrait) */
@media (max-width: 375px) {
  .job-matching-section .section-header h3.section-title,
  .job-matching-section .section-header .section-title {
    font-size: 0.875rem;
  }
  .job-matching-section .section-header .btn {
    padding: 0.25rem 0.375rem;
    font-size: 0.75rem;
  }
  .job-matching-section .section-header .btn svg {
    display: none;
  }
}
/* Subscription Styles */
.current-plan-badge {
  margin-bottom: 1rem;
}
.subscription-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.subscription-plan {
  position: relative;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
}
.subscription-plan:hover {
  border-color: #3b82f6;
  box-shadow: 0 4px 20px rgba(59, 130, 246, 0.1);
}
.subscription-plan-plus {
  border-color: #bae6fd;
  position: relative;
}
.subscription-plan-lite {
  border-color: #3b82f6;
  position: relative;
}
.subscription-plan-badge {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.subscription-plan-header {
  text-align: center;
  margin-bottom: 1.5rem;
}
.subscription-plan-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.subscription-plan-description {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 1rem;
  min-height: 3rem;
}
.subscription-plan-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
}
.subscription-plan-price .price {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2937;
}
.subscription-plan-price .period {
  font-size: 0.875rem;
  color: #6b7280;
}
.subscription-plan-features {
  margin-bottom: 1.5rem;
  flex: 1;
}
.subscription-plan-features .feature {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  color: #374151;
}
.subscription-plan-features .feature svg {
  flex-shrink: 0;
  stroke-width: 2.5;
  margin-top: 0.125rem;
}
.subscription-plan-action {
  text-align: center;
}
.subscription-plan-action .btn {
  width: 100%;
  padding: 0.75rem 1rem;
  font-weight: 500;
}
.subscription-info {
  background: #f9fafb;
  border-radius: 8px;
  padding: 1.5rem;
}
.subscription-info h6, .subscription-info .h6 {
  color: #374151;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
/* Subscription Details */
.subscription-details .subscription-detail-item {
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8fafc;
}
.subscription-details .subscription-detail-item small, .subscription-details .subscription-detail-item .small {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
}
.subscription-details .subscription-detail-item .subscription-status .badge {
  font-size: 0.75rem;
  font-weight: 500;
}
.subscription-details .subscription-actions {
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}
/* Empty states */
.empty-state .lucide-icon {
  opacity: 0.6;
}
/* Billing table improvements */
.table-hover tbody tr:hover {
  background-color: #f8fafc;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .subscription-plans {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .subscription-plan {
    padding: 1rem;
  }
  .subscription-plan-price .price {
    font-size: 1.75rem;
  }
  .subscription-details .row {
    flex-direction: column;
  }
  .subscription-details .col-md-4 {
    margin-bottom: 0.75rem;
  }
  .subscription-actions {
    flex-direction: column;
  }
  .subscription-actions .btn {
    width: 100%;
  }
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas {
  height: auto;
  max-height: 85vh;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .offcanvas-header {
  padding: 1rem 1.5rem;
  flex-shrink: 0;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .offcanvas-header .offcanvas-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .offcanvas-body {
  padding: 0;
  overflow-y: auto;
  flex-shrink: 1;
  -webkit-overflow-scrolling: touch;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .list-group-item {
  border: none;
  border-bottom: 1px solid #f3f4f6;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: normal;
  color: #374151;
  transition: background-color 0.2s ease;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .list-group-item:hover {
  background-color: #f9fafb;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .list-group-item:active {
  background-color: #f3f4f6;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .list-group-item:last-child {
  border-bottom: none;
}
.offcanvas.offcanvas-bottom.job-actions-offcanvas .list-group-item svg {
  color: #6b7280;
}
@media (max-width: 575.98px) {
  #reportJobModal.offcanvas.offcanvas-bottom {
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header {
    padding: 1rem 1.5rem;
    flex-shrink: 0;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header .btn-close {
    font-size: 1rem;
    order: -1;
    margin-right: 0;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header .offcanvas-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    flex: 1;
    text-align: center;
    margin: 0;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header .header-spacer {
    width: 32px;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body {
    padding: 1.5rem;
    overflow-y: auto;
    flex-grow: 1;
    -webkit-overflow-scrolling: touch;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body .form-label {
    font-size: 0.95rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.75rem;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body .form-check {
    padding: 0.75rem 0;
    padding-left: 0.25rem;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body .form-check .form-check-input {
    margin-top: 0.15rem;
    margin-left: 0;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body .form-check .form-check-label {
    font-size: 0.95rem;
    color: #374151;
    padding-left: 0.5rem;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body .form-control {
    font-size: 0.95rem;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body textarea.form-control {
    min-height: 120px;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    flex-shrink: 0;
    background-color: #fff;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-footer .btn {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  #reportJobModal.offcanvas.offcanvas-bottom {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    height: auto;
    max-height: 85vh;
    max-width: 500px;
    width: 90%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    transition: opacity 0.15s linear !important;
  }
  #reportJobModal.offcanvas.offcanvas-bottom.show {
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  #reportJobModal.offcanvas.offcanvas-bottom.hiding, #reportJobModal.offcanvas.offcanvas-bottom:not(.show) {
    transform: translate(-50%, -50%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header,
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body,
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-footer {
    transition: none !important;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header .btn-close {
    order: 1;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header .offcanvas-title {
    flex: 1;
    text-align: center;
    order: 0;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-header .header-spacer {
    width: 32px;
    order: -1;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-body {
    padding: 1.5rem;
    flex-grow: 1;
    overflow-y: auto;
  }
  #reportJobModal.offcanvas.offcanvas-bottom .offcanvas-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    flex-shrink: 0;
  }
}
body.offcanvas-scroll-lock {
  overflow: hidden;
}
.main-content.offcanvas-scroll-lock {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}
@media (max-width: 767.98px) {
  #reportJobModal .modal-dialog {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
  }
  #reportJobModal .modal-dialog-centered {
    align-items: stretch !important;
  }
  #reportJobModal .modal-dialog-centered::before {
    display: none !important;
  }
  #reportJobModal .modal-content {
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-rows: 56px 1fr auto !important;
    overflow: hidden !important;
  }
  #reportJobModal .modal-header {
    grid-row: 1;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 16px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #reportJobModal .modal-header .btn-close {
    margin: 0;
    padding: 8px;
    opacity: 0.7;
    background-image: none;
  }
  #reportJobModal .modal-header .btn-close::before {
    content: "×";
    font-size: 28px;
    line-height: 1;
    display: block;
  }
  #reportJobModal .modal-header .modal-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    flex: 1;
    text-align: center;
    padding-right: 40px;
  }
  #reportJobModal .modal-body {
    grid-row: 2;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
  }
  #reportJobModal .modal-body p.text-muted,
  #reportJobModal .modal-body .form-label {
    display: none;
  }
  #reportJobModal .modal-body .form-check {
    padding: 16px;
    margin-bottom: 8px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.2s, border 0.2s;
    position: relative;
  }
  #reportJobModal .modal-body .form-check:active {
    background: #f3f4f6;
  }
  #reportJobModal .modal-body .form-check .form-check-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  #reportJobModal .modal-body .form-check .form-check-input:checked ~ .form-check-label::before {
    content: "✓";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #2563eb;
    font-size: 20px;
    font-weight: 600;
  }
  #reportJobModal .modal-body .form-check .form-check-label {
    padding: 0 40px 0 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #374151;
    cursor: pointer;
    display: block;
  }
  #reportJobModal .modal-body .form-check:has(.form-check-input:checked) {
    background: #eff6ff;
    border-color: #2563eb;
  }
  #reportJobModal .modal-body .form-check:has(.form-check-input:checked) .form-check-label {
    color: #1e40af;
    font-weight: 500;
  }
  #reportJobModal .modal-footer {
    grid-row: 3;
    border-top: 1px solid #e5e7eb;
    padding: 12px 20px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0));
  }
  #reportJobModal .modal-footer .btn-outline-secondary {
    display: none;
  }
  #reportJobModal .modal-footer .btn-danger {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    margin: 0;
  }
}
@media (min-width: 769px) {
  .jobs-guest-header {
    padding: 2rem 1rem 0;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 768px) {
  .jobs-guest-header .guest-header-title {
    font-size: 1.25rem !important;
    margin-bottom: 0 !important;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  .jobs-guest-header .guest-header-subtitle {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  .jobs-guest-header {
    padding: 1.25rem 1rem 0 !important;
    margin-bottom: 0.25rem !important;
  }
}
@media (max-width: 768px) {
  .guest-filter-cta {
    padding: 0 1rem;
  }
}
.guest-filters {
  max-width: 900px;
  margin: 0 auto 0.5rem;
  padding: 1.5rem 1.25rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
@media (min-width: 769px) {
  .guest-filters {
    padding: 1.5rem 2.5rem;
    margin-bottom: 0.75rem;
  }
}
.guest-filters .specialty-filter-wrapper {
  margin-bottom: 1.5rem;
}
@media (min-width: 769px) {
  .guest-filters .specialty-filter-wrapper {
    margin-bottom: 2rem;
  }
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 769px) {
  .guest-filters .specialty-filter-wrapper .specialty-filter-form {
    gap: 1.25rem;
  }
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
  justify-content: center;
  flex-shrink: 0;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .specialty-filter-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
  white-space: nowrap;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .ts-wrapper {
  width: 280px;
  flex-shrink: 0;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .ts-wrapper .ts-control {
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .ts-wrapper .ts-control .item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .ts-wrapper .ts-dropdown {
  width: 280px !important;
  font-size: 0.875rem;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check {
  margin-bottom: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check .form-check-input {
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check .form-check-input:checked {
  background-color: #6366f1;
  border-color: #6366f1;
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check .form-check-input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
}
.guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check .form-check-label {
  font-size: 0.875rem;
  color: #374151;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0;
  line-height: 1.4;
}
.guest-filters .guest-category-filter {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  .guest-filters .guest-category-filter {
    margin-top: 1.25rem;
  }
}
.guest-filters .guest-category-filter .category-pills {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.375rem;
  background: #f3f4f6;
  border-radius: 100px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 769px) {
  .guest-filters .guest-category-filter .category-pills {
    gap: 0.625rem;
    padding: 0.5rem;
  }
}
.guest-filters .guest-category-filter .category-pills .category-pill {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: none;
  border-radius: 100px;
  background: transparent;
  color: #6b7280;
  white-space: nowrap;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media (min-width: 769px) {
  .guest-filters .guest-category-filter .category-pills .category-pill {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
  }
}
.guest-filters .guest-category-filter .category-pills .category-pill:hover:not(.active) {
  color: #374151;
  background: rgba(255, 255, 255, 0.5);
}
.guest-filters .guest-category-filter .category-pills .category-pill.active {
  background: #6366f1 !important;
  color: white !important;
  box-shadow: 0 2px 4px rgba(99, 102, 241, 0.3);
}
.guest-filters .guest-category-filter .category-pills .category-pill.active:hover {
  background: #4f46e5 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(99, 102, 241, 0.4);
}
@media (max-width: 768px) {
  .guest-filters {
    padding: 1.25rem 1rem;
    margin-top: 1rem !important;
  }
  .guest-filters .specialty-filter-wrapper {
    margin-bottom: 1rem !important;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form {
    flex-direction: column;
    gap: 0.625rem;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content {
    width: 100%;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .specialty-filter-label {
    font-size: 0.875rem;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .specialty-select {
    width: 100%;
    max-width: 100%;
    min-width: unset;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters {
    width: 100%;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check {
    width: 100%;
    gap: 0.5rem;
    align-items: flex-start;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check .form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
  }
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .guest-checkbox-filters .form-check .form-check-label {
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .guest-filters .guest-category-filter {
    margin-top: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
  }
  .guest-filters .guest-category-filter::-webkit-scrollbar {
    height: 3px;
  }
  .guest-filters .guest-category-filter::-webkit-scrollbar-track {
    background: #f3f4f6;
  }
  .guest-filters .guest-category-filter::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
  }
  .guest-filters .guest-category-filter .category-pills {
    flex-wrap: nowrap;
    padding: 0.3rem;
    gap: 0.375rem;
  }
  .guest-filters .guest-category-filter .category-pills .category-pill {
    padding: 0.375rem 0.875rem;
    font-size: 0.75rem;
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
@media (min-width: 769px) and (max-width: 767px) {
  .guest-filters .specialty-filter-wrapper .specialty-filter-form .specialty-filter-content .specialty-select {
    min-width: 280px;
  }
}
.functional-category-tooltip .tooltip-inner {
  text-align: left;
  max-width: 300px;
}
body:has(.coaches-container) .main-content {
  background: radial-gradient(circle at 50% 0%, rgba(139, 92, 246, 0.15) 0%, transparent 60%), #fafaff;
}
.coaches-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}
@media (max-width: 767.98px) {
  .coaches-container {
    padding: 1rem;
  }
}
.coaches-search-bar {
  max-width: 800px;
  margin: 0 auto;
}
.coaches-search-input-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 2px solid #6366f1;
  border-radius: 1rem;
  background: #fff;
  padding: 0.75rem 1rem;
  box-shadow: 0 2px 12px rgba(99, 102, 241, 0.15);
}
.coaches-search-icon {
  position: absolute;
  top: 0.95rem;
  left: 0.75rem;
  pointer-events: none;
  line-height: 1;
}
.coaches-search-textarea {
  border: none;
  outline: none;
  resize: none;
  background: transparent;
  padding: 0.1875rem 2rem 0.1875rem 2rem;
  font-size: 1rem;
  line-height: 1.5;
  min-height: 1.5em;
  max-height: 6em;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .coaches-search-textarea {
    min-height: 3em;
  }
}
.coaches-search-textarea::-moz-placeholder {
  color: #adb5bd;
}
.coaches-search-textarea::placeholder {
  color: #adb5bd;
}
.coaches-search-clear {
  position: absolute;
  top: 0.65rem;
  right: 0.75rem;
  background: none;
  border: none;
  padding: 0.125rem;
  color: #adb5bd;
  cursor: pointer;
  line-height: 1;
  border-radius: 50%;
}
.coaches-search-clear:hover {
  color: #495057;
  background: #f0f0f0;
}
.coaches-search-spinner {
  position: absolute;
  top: 0.65rem;
  right: 0.75rem;
}
.coaches-search-submit {
  align-self: flex-end;
  margin-top: 0.375rem;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  line-height: 1;
}
.coaches-search-examples {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.5rem;
}
.coaches-search-example-pill {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.8125rem;
  color: #555;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
}
.coaches-search-example-pill:hover {
  background: #e0e7ff;
  border-color: #c7d2fe;
  color: #4338ca;
}
.coaches-hero {
  padding: 2rem 0 1.5rem;
}
@media (max-width: 767.98px) {
  .coaches-hero {
    padding: 1.5rem 0 1rem;
  }
}
.coaches-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
@media (max-width: 575.98px) {
  .coaches-hero-actions {
    flex-direction: column;
    align-items: stretch;
    max-width: 20rem;
    margin-inline: auto;
  }
}
.coaches-hero-badge {
  display: inline-flex;
  align-items: center;
  background-color: #e0e7ff;
  color: #4338ca;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.375rem 1rem;
  border-radius: 2rem;
  margin-bottom: 1.25rem;
}
.coaches-hero-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #1f2937;
  line-height: 1.2;
  max-width: 700px;
  margin: 0 auto 1rem;
}
@media (max-width: 767.98px) {
  .coaches-hero-title {
    font-size: 1.75rem;
  }
}
.coaches-hero-subtitle {
  font-size: 1.125rem;
  color: #6b7280;
  max-width: 600px;
  margin: 0 auto 1.25rem;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .coaches-hero-subtitle {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.coaches-hero-topics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  max-width: 700px;
  margin: 0 auto;
}
.coaches-hero-pill {
  display: inline-flex;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #4f46e5;
  background: white;
  border: 1px solid #e0e7ff;
  padding: 0.3rem 0.75rem;
  border-radius: 2rem;
  white-space: nowrap;
}
.coaches-container .btn-outline-primary {
  border: 1px solid var(--theme-primary);
}
.coaches-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 1.5rem 1rem;
  margin: 1rem 0 1.5rem;
  background: white;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 1.25rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
@media (max-width: 575.98px) {
  .coaches-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 0;
    padding: 1.5rem 0.5rem;
  }
}
.coaches-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 1rem;
  border-left: 1px solid #e5e7eb;
}
.coaches-stat-item:first-child {
  border-left: 0;
}
@media (max-width: 575.98px) {
  .coaches-stat-item {
    padding: 0 0.5rem;
  }
  .coaches-stat-item:nth-child(odd) {
    border-left: 0;
  }
}
.coaches-stat-number {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--theme-primary);
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (max-width: 767.98px) {
  .coaches-stat-number {
    font-size: 1.5rem;
  }
}
.coaches-stat-label {
  font-size: 0.8125rem;
  color: #6b7280;
  margin-top: 0.375rem;
  font-weight: 500;
}
.coaches-browse-section {
  padding-top: 2rem;
}
.coaches-browse-header {
  text-align: center;
  margin-bottom: 1.5rem;
}
.coaches-browse-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0.25rem;
}
@media (max-width: 767.98px) {
  .coaches-browse-title {
    font-size: 1.375rem;
  }
}
.coaches-browse-subtitle {
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .coaches-browse-subtitle {
    font-size: 0.9375rem;
  }
}
#coaches-browse {
  scroll-margin-top: 80px;
}
.coaches-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 1.25rem;
}
@media (max-width: 575.98px) {
  .coaches-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.coach-card-wrapper {
  display: flex;
  min-width: 0;
}
.coach-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding: 1.5rem;
  background: white;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 1.25rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.coach-card:hover {
  transform: translateY(-3px);
  border-color: var(--theme-soft-border-hover);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}
.coach-card:has(.coach-card-trigger:focus-visible) {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 3px var(--theme-focus-ring);
}
@media (max-width: 575.98px) {
  .coach-card {
    padding: 1.25rem;
  }
}
.coach-card-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.coach-avatar {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: var(--theme-soft-bg);
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
}
@media (max-width: 575.98px) {
  .coach-avatar {
    width: 76px;
    height: 76px;
  }
}
.coach-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-primary);
  color: white;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media (max-width: 575.98px) {
  .coach-avatar-fallback {
    font-size: 1.5rem;
  }
}
.coach-avatar-fallback.d-none {
  display: none !important;
}
.coach-avatar-lg {
  width: 148px;
  height: 148px;
  font-size: 3rem;
}
img.coach-avatar-lg {
  display: block;
}
.coach-card-identity {
  min-width: 0;
}
.coach-card-name {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0 0 0.25rem;
}
.coach-card-trigger {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
  color: #111827;
  font: inherit;
}
.coach-card-trigger:focus-visible {
  outline: none;
}
.coach-card-subtitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #6b7280;
}
.coach-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin: 0 0 0.875rem;
  padding: 0;
  list-style: none;
}
.coach-card-meta li {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
  font-size: 0.8125rem;
  color: #4b5563;
}
.coach-card-meta svg {
  flex-shrink: 0;
  color: #9ca3af;
}
.coach-card-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.coach-card-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  margin: 0 0 0.875rem;
  padding: 0;
  list-style: none;
}
.coach-tag {
  padding: 0.1875rem 0.625rem;
  border-radius: 2rem;
  background: var(--theme-soft-bg);
  color: var(--theme-primary-hover, var(--theme-primary));
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}
.coach-tag-more {
  font-size: 0.75rem;
  color: #6b7280;
}
.coach-card-bio {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 1rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: #6b7280;
}
.coach-card-consult {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.375rem;
  margin: 0 0 1rem;
  padding: 0.25rem 0.625rem;
  border-radius: 2rem;
  background: #ecfdf5;
  color: #047857;
  font-size: 0.75rem;
  font-weight: 600;
}
.coach-card-consult svg {
  flex-shrink: 0;
}
.coach-card-foot {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 0.875rem;
  border-top: 1px solid rgba(15, 23, 42, 0.07);
}
.coach-card-price {
  margin: 0;
  min-width: 0;
}
.coach-card-price-amount {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.01em;
}
.coach-card-price-tbd {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4b5563;
}
.coach-card-price-unit {
  font-size: 0.8125rem;
  color: #6b7280;
}
.coach-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--theme-primary-hover, var(--theme-primary));
  transition: gap 0.2s ease;
}
.coach-card:hover .coach-card-cta {
  gap: 0.5rem;
}
@media (prefers-reduced-motion: reduce) {
  .coach-card,
  .coach-card-cta {
    transition: none;
  }
  .coach-card:hover {
    transform: none;
  }
}
.coach-cta-card {
  position: relative;
  margin-top: 3rem;
  overflow: hidden;
  background: linear-gradient(135deg, #f8f9ff 0%, #fff 50%, #f0f4ff 100%);
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 1.25rem;
}
.coach-cta-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6366f1, #8b5cf6);
}
.coach-cta-body {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2.5rem;
}
@media (max-width: 991.98px) {
  .coach-cta-body {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.75rem;
  }
}
.coach-cta-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.coach-cta-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
}
.coach-cta-action {
  flex-shrink: 0;
}
.coaches-faq {
  background: white;
  padding: 4rem 2rem;
  margin-top: 3rem;
  border-radius: 1rem;
}
@media (max-width: 767.98px) {
  .coaches-faq {
    padding: 2.5rem 1rem;
    margin-top: 2rem;
  }
}
.coaches-faq-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2937;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (max-width: 767.98px) {
  .coaches-faq-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.coaches-faq .ed-faq-list {
  max-width: 800px;
  margin: 0 auto;
}
.offcanvas.coach-profile-offcanvas {
  width: 750px;
  max-width: 90vw;
  z-index: 1055;
}
.offcanvas.coach-profile-offcanvas .offcanvas-body {
  flex: 1;
  overflow-y: auto;
}
.offcanvas.coach-profile-offcanvas .offcanvas-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid #e9ecef;
  background-color: white;
  flex-shrink: 0;
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}
@media (max-width: 767.98px) {
  .offcanvas.coach-profile-offcanvas {
    width: 100%;
    max-width: 100%;
  }
}
.onboarding-hint {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 1050;
  animation: onboarding-hint-fade-in 0.3s ease-out;
}
.onboarding-hint .onboarding-hint-arrow {
  position: absolute;
  top: -6px;
  right: 16px;
  width: 12px;
  height: 12px;
  background: #1e293b;
  transform: rotate(45deg);
  border-radius: 2px;
}
.onboarding-hint .onboarding-hint-content {
  position: relative;
  background: #1e293b;
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 220px;
  max-width: 280px;
}
.onboarding-hint .onboarding-hint-close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  padding: 2px;
  line-height: 1;
  transition: color 0.2s ease;
}
.onboarding-hint .onboarding-hint-close:hover {
  color: white;
}
.onboarding-hint .onboarding-hint-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  padding-right: 20px;
}
@keyframes onboarding-hint-fade-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.article-tags a.badge {
  text-decoration: none !important;
}
.article-tags a.badge:hover, .article-tags a.badge:focus, .article-tags a.badge:active {
  text-decoration: none !important;
}
.articles-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem 2rem 2rem;
}
.articles-hero {
  background: white;
  padding: 1.5rem 2rem;
  margin: 0 -2rem 2rem -2rem;
  border-bottom: 1px solid #f0f0f5;
  position: relative;
}
.articles-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3) 50%, transparent);
}
.articles-hero .hero-content {
  text-align: center;
}
.articles-hero .hero-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.articles-hero .hero-logo {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}
.articles-hero .hero-logo svg {
  color: white;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
.articles-hero .hero-title {
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
  color: var(--text-primary, #0f172a);
  letter-spacing: -0.015em;
}
.articles-hero .hero-subtitle {
  font-size: 0.9375rem;
  color: #6b7280;
  font-weight: 400;
  margin: 0;
  line-height: 1.5;
  max-width: 600px;
  margin: 0 auto;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
.articles-filter-container {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .articles-filter-container .articles-filter-pills {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .articles-filter-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .articles-filter-container::-webkit-scrollbar {
    height: 3px;
  }
  .articles-filter-container::-webkit-scrollbar-track {
    background: #f3f4f6;
  }
  .articles-filter-container::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
  }
  .articles-filter-container .articles-filter-pills {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.nav-pills .nav-link {
  padding: 0.4rem 1rem;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #6b7280;
  background: white;
  border: 1.5px solid #e5e7eb;
  transition: all 0.3s ease;
  min-height: 36px;
  display: flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
}
.nav-pills .nav-link:hover {
  border-color: #6366f1;
  color: #6366f1;
  background: white;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}
.nav-pills .nav-link.active {
  background: #6366f1 !important;
  border-color: #6366f1 !important;
  color: white !important;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
}
.articles-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-bottom: 3rem;
}
.article-card-modern {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #f3f4f6;
}
.article-card-modern:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  text-decoration: none;
  color: inherit;
  border-color: #e5e7eb;
}
.article-card-modern:hover .article-title {
  color: #6366f1;
}
.article-card-modern:hover .author-avatar-large {
  transform: scale(1.05);
}
.article-card-modern .article-card-content {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.article-card-modern .article-meta-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.article-card-modern .article-meta-top .article-category {
  background: #eff6ff;
  color: #3b82f6;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.article-card-modern .article-meta-top .article-date {
  color: #9ca3af;
  font-size: 0.85rem;
}
.article-card-modern .article-title {
  font-family: "Newsreader", "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.012em;
  margin-bottom: 1rem;
  color: rgba(15, 23, 42, 0.9);
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card-modern .article-summary {
  color: #6b7280;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card-modern .article-author-featured {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 0;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  margin-bottom: 1rem;
}
.article-card-modern .article-author-featured .author-avatar-large {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.article-card-modern .article-author-featured .author-avatar-large .author-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-card-modern .article-author-featured .author-avatar-large .author-avatar-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
}
.article-card-modern .article-author-featured .author-info {
  flex: 1;
  min-width: 0;
}
.article-card-modern .article-author-featured .author-info .author-name {
  font-weight: 600;
  color: #1f2937;
  font-size: 1rem;
  margin-bottom: 0.2rem;
}
.article-card-modern .article-author-featured .author-info .author-role {
  color: #6b7280;
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
}
.article-card-modern .article-author-featured .author-info .reading-time-text {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: #9ca3af;
  font-size: 0.8rem;
}
.article-card-modern .article-author-featured .author-info .reading-time-text svg {
  color: #d1d5db;
}
.article-card-modern .article-stats {
  display: flex;
  gap: 1.5rem;
  color: #9ca3af;
  font-size: 0.85rem;
}
.article-card-modern .article-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.article-card-modern .article-stats .stat-item svg {
  color: #d1d5db;
  transition: color 0.3s ease;
}
.article-card-modern .article-stats .stat-item:hover svg {
  color: #6366f1;
}
.load-more-container {
  text-align: center;
  margin-top: 3rem;
}
.load-more-container .load-more-btn {
  padding: 0.75rem 2rem;
  border-radius: 30px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}
.load-more-container .load-more-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
}
@media (max-width: 1024px) {
  .articles-grid {
    gap: 1.5rem;
  }
  .article-card-modern .article-title {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .articles-container {
    padding: 0 1rem 1rem 1rem;
  }
  .articles-hero {
    padding: 1.25rem 1rem;
    margin: 0 -1rem 1.5rem -1rem;
  }
  .articles-hero .hero-header {
    gap: 0.5rem;
  }
  .articles-hero .hero-logo {
    width: 28px;
    height: 28px;
  }
  .articles-hero .hero-title {
    font-size: 1.25rem;
  }
  .articles-hero .hero-subtitle {
    font-size: 0.875rem;
  }
  .articles-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
@media (max-width: 480px) {
  .articles-hero .hero-logo {
    width: 24px;
    height: 24px;
  }
  .articles-hero .hero-logo svg {
    width: 14px;
    height: 14px;
  }
  .articles-hero .hero-title {
    font-size: 1.125rem;
  }
  .articles-hero .hero-subtitle {
    font-size: 0.8125rem;
  }
  .article-card-modern .article-image-container {
    height: 200px;
  }
  .article-card-modern .article-card-content {
    padding: 1.25rem;
  }
  .article-card-modern .article-title {
    font-size: 1.1rem;
  }
  .article-card-modern .article-summary {
    font-size: 0.9rem;
  }
}
.custom-cta-card {
  overflow: visible !important;
}
.custom-cta-card .ts-wrapper {
  position: relative;
}
.custom-cta-card .ts-wrapper .ts-dropdown {
  z-index: 10000 !important;
  position: absolute !important;
  width: 100%;
}
.cta-orange-gradient {
  overflow: visible !important;
}
.article-page {
  padding: 2rem;
  min-height: calc(100vh - 140px);
  width: 100%;
}
.max-width-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.article-author-avatar {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.article-author-details {
  flex: 1;
}
.article-detail .article-header h1, .article-detail .article-header .h1 {
  font-family: "Newsreader", "Source Serif 4", Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.13;
  color: rgba(15, 23, 42, 0.92);
}
.article-content {
  font-family: "Newsreader", "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: 1.18rem;
  line-height: 1.72;
  color: rgba(15, 23, 42, 0.86);
}
.article-content h1, .article-content .h1,
.article-content h2,
.article-content .h2,
.article-content h3,
.article-content .h3,
.article-content h4,
.article-content .h4,
.article-content h5,
.article-content .h5,
.article-content h6,
.article-content .h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.article-content p {
  margin-bottom: 1.2em;
}
.article-content ul,
.article-content ol {
  margin-bottom: 1.2em;
  padding-left: 2em;
}
.article-content li {
  margin-bottom: 0.5em;
}
.article-content blockquote {
  border-left: 4px solid #e5e7eb;
  padding-left: 1em;
  margin-left: 0;
  margin-right: 0;
  color: #4b5563;
  font-style: italic;
}
.article-content a {
  color: #2563eb;
  text-decoration: none;
}
.article-content a:hover {
  text-decoration: underline;
}
.article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 1em 0;
}
.article-detail .cta-section {
  background: none;
  min-height: auto;
}
.cta-horizontal-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
.cta-text-content {
  flex: 1;
}
.cta-action-content {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .cta-horizontal-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
  }
  .cta-action-content {
    justify-content: center;
  }
  .cta-action-content .btn {
    width: 100%;
    max-width: 400px;
  }
}
.bio-text {
  color: #6c757d;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .article-page {
    padding: 1rem;
  }
  .author-bio-section .d-flex {
    flex-direction: column;
    text-align: center;
  }
  .author-bio-section .author-photo {
    margin-right: 0;
    margin-bottom: 1rem;
    align-self: center;
  }
}
.author-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.author-links.compact {
  gap: 8px;
  margin-top: 8px;
}
.author-links.compact .author-link {
  width: 36px;
  height: 36px;
  padding: 0;
  justify-content: center;
}
.author-links.compact .author-link-text {
  display: none;
}
.author-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e7e8ee;
  color: #1f2430;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.14s ease, background-color 0.14s ease, color 0.14s ease;
}
.author-link:hover {
  border-color: var(--bs-primary, #3b5bdb);
  background: rgba(59, 91, 219, 0.06);
  color: var(--bs-primary, #3b5bdb);
}
.author-link .author-link-icon {
  color: #3a4152;
}
.author-link:hover .author-link-icon {
  color: var(--bs-primary, #3b5bdb);
}
.author-link .author-link-logo {
  height: 17px;
  width: auto;
  display: block;
  transition: opacity 0.14s ease;
}
.author-link:hover .author-link-logo {
  opacity: 0.72;
}
.blogs-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 1.5rem 4rem;
}
.blogs-container .blogs-hero {
  margin-bottom: 2rem;
}
.blogs-container .blogs-hero .hero-content {
  max-width: 100%;
  margin: 0;
  text-align: left;
}
.blogs-container .blogs-hero .hero-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.blogs-container .blogs-hero .hero-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--bs-primary, #0d6efd);
  color: #fff;
}
.blogs-container .blogs-hero .hero-title {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
}
.blogs-container .blogs-hero .hero-subtitle {
  margin: 0.5rem 0 0;
  max-width: 100%;
  color: var(--bs-secondary-color, #6c757d);
  text-wrap: pretty;
}
.blogs-container .blogs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
}
.blogs-container .blog-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background: #fff;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.blogs-container .blog-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.blogs-container .blog-card .blog-card-image img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.blogs-container .blog-card .blog-card-content {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.blogs-container .blog-card .blog-title {
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0;
}
.blogs-container .blog-card .blog-summary {
  margin: 0;
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.95rem;
}
.blogs-container .blog-detail {
  max-width: 760px;
  margin: 0 auto;
}
.blogs-container .blog-detail .blog-page-title {
  font-size: 2rem;
  font-weight: 700;
}
.blogs-container .blog-detail .blog-body {
  font-size: 1.05rem;
  line-height: 1.7;
}
.blogs-container .blog-detail .blog-body .lexxy-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.blogs-container .blog-detail .blog-body .lexxy-content table {
  inline-size: 100%;
  margin: 0;
}
.blogs-container .blog-detail .blog-body .lexxy-content th,
.blogs-container .blog-detail .blog-body .lexxy-content td {
  line-height: 1.45;
  padding: 0.6rem 0.75rem;
}
@media (max-width: 576px) {
  .blogs-container .blog-detail .blog-body .lexxy-content th,
  .blogs-container .blog-detail .blog-body .lexxy-content td {
    font-size: 0.9rem;
    padding: 0.5rem 0.6rem;
  }
}
.resources-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem 2rem 2rem;
}
.resources-hero {
  background: white;
  padding: 1.5rem 2rem;
  margin: 0 -2rem 2rem -2rem;
  border-bottom: 1px solid #f0f0f5;
  position: relative;
}
.resources-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.3) 50%, transparent);
}
.resources-hero .hero-content {
  text-align: center;
}
.resources-hero .hero-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.resources-hero .hero-logo {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.15);
}
.resources-hero .hero-logo svg {
  color: white;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
.resources-hero .hero-title {
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.01em;
}
.resources-hero .hero-subtitle {
  font-size: 0.9375rem;
  color: #6b7280;
  font-weight: 400;
  margin: 0;
  line-height: 1.5;
  max-width: 600px;
  margin: 0 auto;
}
.resources-filter-container {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .resources-filter-container .resources-filter-pills {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .resources-filter-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .resources-filter-container::-webkit-scrollbar {
    height: 3px;
  }
  .resources-filter-container::-webkit-scrollbar-track {
    background: #f3f4f6;
  }
  .resources-filter-container::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
  }
  .resources-filter-container .resources-filter-pills {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.resources-container .section-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f2937;
  display: flex;
  align-items: center;
}
.resources-container .section-title svg {
  color: #6b7280;
}
.featured-resources-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.resources-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.resource-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  border: 1px solid #f3f4f6;
  height: 100%;
}
.resource-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: inherit;
  border-color: #e5e7eb;
}
.resource-card:hover .resource-title {
  color: #22c55e;
}
.resource-card .resource-card-content {
  padding: 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.resource-card .resource-type-badge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.resource-card .resource-type-badge .badge {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.35rem 0.65rem;
  display: inline-flex;
  align-items: center;
}
.resource-card .resource-title {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.75rem;
  color: #1f2937;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.resource-card .resource-description {
  color: #6b7280;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.resource-card .resource-category {
  display: flex;
  align-items: center;
  color: #9ca3af;
  font-size: 0.85rem;
  margin-top: auto;
}
.resource-card .resource-category svg {
  color: #d1d5db;
}
.resource-card-featured .resource-card-content {
  padding: 1.5rem;
}
.resource-card-featured .resource-title {
  font-size: 1.2rem;
}
.resource-page {
  padding: 2rem;
  min-height: calc(100vh - 140px);
  width: 100%;
}
.resource-detail {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.resource-header .badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.8rem;
  padding: 0.4rem 0.75rem;
}
.resource-actions .btn {
  display: inline-flex;
  align-items: center;
}
.resource-video {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.resource-video iframe {
  border: none;
}
.resource-content {
  font-size: 1.05rem;
  line-height: 1.7;
}
.resource-content h1, .resource-content .h1,
.resource-content h2,
.resource-content .h2,
.resource-content h3,
.resource-content .h3,
.resource-content h4,
.resource-content .h4,
.resource-content h5,
.resource-content .h5,
.resource-content h6,
.resource-content .h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
  color: #1f2937;
}
.resource-content h2, .resource-content .h2 {
  font-size: 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 0.5rem;
}
.resource-content h3, .resource-content .h3 {
  font-size: 1.25rem;
}
.resource-content h4, .resource-content .h4 {
  font-size: 1.1rem;
}
.resource-content p {
  margin-bottom: 1.2em;
  color: #374151;
}
.resource-content ul,
.resource-content ol {
  margin-bottom: 1.2em;
  padding-left: 1.5em;
}
.resource-content li {
  margin-bottom: 0.5em;
}
.resource-content li input[type=checkbox] {
  margin-right: 0.5em;
}
.resource-content blockquote {
  border-left: 4px solid #22c55e;
  padding-left: 1em;
  margin-left: 0;
  margin-right: 0;
  color: #4b5563;
  background: #f5f3ff;
  padding: 1rem 1rem 1rem 1.5rem;
  border-radius: 0 8px 8px 0;
}
.resource-content a {
  color: #22c55e;
  text-decoration: none;
}
.resource-content a:hover {
  text-decoration: underline;
  color: #16a34a;
}
.resource-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1em 0;
}
.resource-content code {
  background: #f3f4f6;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-size: 0.9em;
}
.resource-content pre {
  background: #1f2937;
  color: #f9fafb;
  padding: 1rem;
  border-radius: 8px;
  overflow-x: auto;
}
.resource-content pre code {
  background: transparent;
  padding: 0;
}
.resource-content ul.task-list {
  list-style: none;
  padding-left: 0;
}
.resource-content ul.task-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.resource-content ul.task-list li input[type=checkbox] {
  margin-top: 0.3em;
}
.resources-cta-section .cta-horizontal-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.resources-cta-section .cta-text-content {
  flex: 1;
}
.resources-cta-section .cta-action-content {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .resources-cta-section .cta-horizontal-wrapper {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  .resources-cta-section .cta-action-content .btn {
    width: 100%;
  }
}
.empty-state svg {
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .featured-resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .resources-container {
    padding: 0 1rem 1rem 1rem;
  }
  .resources-hero {
    padding: 1.25rem 1rem;
    margin: 0 -1rem 1.5rem -1rem;
  }
  .resources-hero .hero-header {
    gap: 0.5rem;
  }
  .resources-hero .hero-logo {
    width: 28px;
    height: 28px;
  }
  .resources-hero .hero-title {
    font-size: 1.25rem;
  }
  .resources-hero .hero-subtitle {
    font-size: 0.875rem;
  }
  .featured-resources-grid,
  .resources-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .resource-page {
    padding: 1rem;
  }
  .related-resources-section .row {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .resources-hero .hero-logo {
    width: 24px;
    height: 24px;
  }
  .resources-hero .hero-logo svg {
    width: 14px;
    height: 14px;
  }
  .resources-hero .hero-title {
    font-size: 1.125rem;
  }
  .resources-hero .hero-subtitle {
    font-size: 0.8125rem;
  }
  .resource-card .resource-card-content {
    padding: 1rem;
  }
  .resource-card .resource-title {
    font-size: 1rem;
  }
}
.employer-resources-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem 2rem 2rem;
}
.employer-resources-hero {
  background: white;
  padding: 1.5rem 2rem;
  margin: 0 -2rem 2rem -2rem;
  border-bottom: 1px solid #f0f0f5;
  position: relative;
}
.employer-resources-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(77, 124, 15, 0.3) 50%, transparent);
}
.employer-resources-hero .hero-content {
  text-align: center;
}
.employer-resources-hero .hero-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.employer-resources-hero .hero-logo {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #4d7c0f 0%, #3f6212 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(77, 124, 15, 0.15);
}
.employer-resources-hero .hero-logo svg {
  color: white;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
.employer-resources-hero .hero-title {
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
  background: linear-gradient(135deg, #4d7c0f 0%, #3f6212 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.01em;
}
.employer-resources-hero .hero-subtitle {
  font-size: 0.9375rem;
  color: #6b7280;
  font-weight: 400;
  margin: 0;
  line-height: 1.5;
  max-width: 600px;
  margin: 0 auto;
}
.employer-resources-container .section-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f2937;
  display: flex;
  align-items: center;
}
.employer-resources-container .section-title svg {
  color: #6b7280;
}
.employer-resource-card:hover .resource-title {
  color: #4d7c0f;
}
.employer-resources-cta-section .cta-horizontal-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.employer-resources-cta-section .cta-text-content {
  flex: 1;
}
.employer-resources-cta-section .cta-action-content {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .employer-resources-cta-section .cta-horizontal-wrapper {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  .employer-resources-cta-section .cta-action-content .btn {
    width: 100%;
  }
}
.employer-resource-page {
  padding: 2rem;
  min-height: calc(100vh - 140px);
  width: 100%;
}
.employer-resource-page .resource-detail {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.employer-resource-page .cta-section .cta-horizontal-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.employer-resource-page .cta-section .cta-text-content {
  flex: 1;
}
.employer-resource-page .cta-section .cta-action-content {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .employer-resource-page .cta-section .cta-horizontal-wrapper {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  .employer-resource-page .cta-section .cta-action-content .btn {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .employer-resources-container {
    padding: 0 1rem 1rem 1rem;
  }
  .employer-resources-hero {
    padding: 1.25rem 1rem;
    margin: 0 -1rem 1.5rem -1rem;
  }
  .employer-resources-hero .hero-header {
    gap: 0.5rem;
  }
  .employer-resources-hero .hero-logo {
    width: 28px;
    height: 28px;
  }
  .employer-resources-hero .hero-title {
    font-size: 1.25rem;
  }
  .employer-resources-hero .hero-subtitle {
    font-size: 0.875rem;
  }
  .employer-resource-page {
    padding: 1rem;
  }
}
@media (max-width: 480px) {
  .employer-resources-hero .hero-logo {
    width: 24px;
    height: 24px;
  }
  .employer-resources-hero .hero-logo svg {
    width: 14px;
    height: 14px;
  }
  .employer-resources-hero .hero-title {
    font-size: 1.125rem;
  }
  .employer-resources-hero .hero-subtitle {
    font-size: 0.8125rem;
  }
}
body.employers,
body.expert_calls {
  --paper: #f6f3ec;
  --paper-warm: #efebe0;
  --ink: #0e1014;
  --ink-soft: #2b2f36;
  --mute: #6b7280;
  --rule: #e6e4de;
  --gold: #b8893a;
  --accent: #4d7c0f;
  --accent-soft: #bef264;
  --accent-deep: #3f6212;
  background: var(--paper);
  background-image: radial-gradient(circle at 20% 0%, rgba(77, 124, 15, 0.05) 0%, transparent 40%), radial-gradient(circle at 80% 100%, rgba(184, 137, 58, 0.04) 0%, transparent 40%);
  background-attachment: fixed;
  color: var(--ink);
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.expert_calls {
  --paper: #eef2ec;
  --paper-warm: #e4eae1;
  --rule: #d9ddd5;
  --accent: #1f5f4d;
  --accent-soft: #d7e5df;
  --accent-deep: #16463a;
  background-image: radial-gradient(circle at 20% 0%, rgba(31, 95, 77, 0.06) 0%, transparent 40%), radial-gradient(circle at 80% 100%, rgba(184, 137, 58, 0.04) 0%, transparent 40%);
}
body.employers .v2-guest-main,
body.expert_calls .v2-guest-main {
  background: transparent;
}
.employers .editorial,
.expert_calls .editorial {
  font-family: "Inter", system-ui, sans-serif;
  color: var(--ink);
  line-height: 1.55;
}
.employers .editorial-h1,
.expert_calls .editorial-h1 {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 400;
  font-size: clamp(44px, 6.2vw, 80px);
  line-height: 0.98;
  letter-spacing: -0.035em;
  color: var(--ink);
  margin: 0;
}
.employers .editorial-h1 em,
.expert_calls .editorial-h1 em {
  font-style: italic;
  font-weight: 300;
  color: var(--accent);
}
.employers .editorial-h2,
.expert_calls .editorial-h2 {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 400;
  font-size: clamp(34px, 4.5vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--ink);
  margin: 0;
}
.employers .editorial-h2 em,
.expert_calls .editorial-h2 em {
  font-style: italic;
  color: var(--accent);
}
.employers .editorial-label,
.expert_calls .editorial-label {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mute);
  white-space: nowrap;
}
.employers .ed-btn,
.expert_calls .ed-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  font-family: "Inter", system-ui, sans-serif;
  line-height: 1;
  border: 1px solid transparent;
  transition: all 0.2s ease;
  cursor: pointer;
}
.employers .ed-btn--primary,
.expert_calls .ed-btn--primary {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}
.employers .ed-btn--primary:hover, .employers .ed-btn--primary:focus,
.expert_calls .ed-btn--primary:hover,
.expert_calls .ed-btn--primary:focus {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
  color: #fff;
  transform: translateY(-1px);
}
.employers .ed-btn--secondary,
.expert_calls .ed-btn--secondary {
  background: transparent;
  color: var(--ink);
  border-color: var(--ink);
}
.employers .ed-btn--secondary:hover, .employers .ed-btn--secondary:focus,
.expert_calls .ed-btn--secondary:hover,
.expert_calls .ed-btn--secondary:focus {
  background: var(--ink);
  color: var(--paper);
}
.employers .ed-btn--ghost,
.expert_calls .ed-btn--ghost {
  background: transparent;
  color: var(--ink-soft);
  border-color: var(--rule);
}
.employers .ed-btn--ghost:hover, .employers .ed-btn--ghost:focus,
.expert_calls .ed-btn--ghost:hover,
.expert_calls .ed-btn--ghost:focus {
  color: var(--ink);
  border-color: var(--ink);
}
.employers .ed-btn--lg,
.expert_calls .ed-btn--lg {
  padding: 14px 28px;
  font-size: 15px;
}
.employers .ed-container,
.expert_calls .ed-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 48px;
  padding-right: 48px;
}
.employers .employer-expert-toggle,
.expert_calls .employer-expert-toggle {
  display: inline-flex;
  gap: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  backdrop-filter: none;
}
.employers .employer-expert-toggle__option,
.expert_calls .employer-expert-toggle__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 2px;
  border-bottom: 2px solid transparent;
  color: var(--ink-soft);
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}
.employers .employer-expert-toggle__option:hover,
.expert_calls .employer-expert-toggle__option:hover {
  color: var(--ink);
}
.employers .employer-expert-toggle__option.is-active,
.expert_calls .employer-expert-toggle__option.is-active {
  color: var(--ink);
  font-weight: 600;
  border-bottom-color: var(--accent);
}
.employers .employer-expert-toggle__option.is-active:hover,
.expert_calls .employer-expert-toggle__option.is-active:hover {
  color: var(--ink);
}
@media (max-width: 480px) {
  .employers .employer-expert-toggle,
  .expert_calls .employer-expert-toggle {
    display: flex;
    width: 100%;
    gap: 16px;
  }
  .employers .employer-expert-toggle__option,
  .expert_calls .employer-expert-toggle__option {
    flex: 1;
  }
}
.employers .ed-masthead,
.expert_calls .ed-masthead {
  padding: 48px 48px 56px;
  border-bottom: 1px solid var(--rule);
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
}
.employers .ed-masthead__toggle,
.expert_calls .ed-masthead__toggle {
  margin-bottom: 32px;
}
.employers .ed-masthead__grid,
.expert_calls .ed-masthead__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 64px;
  align-items: center;
}
.employers .ed-masthead__lead,
.expert_calls .ed-masthead__lead {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-style: italic;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.45;
  color: var(--ink-soft);
  max-width: 38ch;
}
.employers .ed-masthead__lead strong,
.expert_calls .ed-masthead__lead strong {
  font-style: normal;
  font-weight: 500;
  color: var(--ink);
  background: linear-gradient(180deg, transparent 60%, var(--accent-soft) 60%);
  padding: 0 2px;
}
.employers .ed-masthead__side,
.expert_calls .ed-masthead__side {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 32px;
  border-left: 1px solid var(--rule);
}
.employers .ed-cta-row,
.expert_calls .ed-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.employers .ed-masthead__meta,
.expert_calls .ed-masthead__meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--rule);
}
.employers .ed-masthead__meta-lead,
.expert_calls .ed-masthead__meta-lead {
  max-width: 44ch;
  text-align: right;
  font-style: italic;
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-size: 17px;
  color: var(--ink-soft);
  line-height: 1.5;
}
.employers .ed-stats,
.expert_calls .ed-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid var(--rule);
}
.employers .ed-stat,
.expert_calls .ed-stat {
  padding: 0 32px;
  border-left: 1px solid var(--rule);
}
.employers .ed-stat:first-child,
.expert_calls .ed-stat:first-child {
  border-left: none;
  padding-left: 0;
}
.employers .ed-stat__num,
.expert_calls .ed-stat__num {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--ink);
  margin-bottom: 10px;
}
.employers .ed-stat__num em,
.employers .ed-stat__num .ed-accent,
.expert_calls .ed-stat__num em,
.expert_calls .ed-stat__num .ed-accent {
  font-style: italic;
  color: var(--accent);
  font-weight: 300;
}
.employers .ed-stat__label,
.expert_calls .ed-stat__label {
  font-size: 13px;
  color: var(--mute);
}
.employers .ed-section,
.expert_calls .ed-section {
  max-width: 1240px;
  margin: 0 auto;
  padding: 88px 48px;
  border-bottom: 1px solid var(--rule);
}
.employers .ed-section--no-rule,
.expert_calls .ed-section--no-rule {
  border-bottom: none;
}
.employers .ed-split,
.expert_calls .ed-split {
  display: grid;
  grid-template-columns: 0.85fr 1.4fr;
  gap: 80px;
  align-items: start;
}
.employers .ed-split__header,
.expert_calls .ed-split__header {
  position: sticky;
  top: 100px;
}
.employers .ed-how-steps,
.expert_calls .ed-how-steps {
  display: flex;
  flex-direction: column;
}
.employers .ed-how-step,
.expert_calls .ed-how-step {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 32px;
  padding: 36px 0;
  border-bottom: 1px solid var(--rule);
}
.employers .ed-how-step:first-child,
.expert_calls .ed-how-step:first-child {
  padding-top: 0;
}
.employers .ed-how-step:last-child,
.expert_calls .ed-how-step:last-child {
  border-bottom: none;
}
.employers .ed-how-step__num,
.expert_calls .ed-how-step__num {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 300;
  font-style: italic;
  font-size: 56px;
  line-height: 0.9;
  color: var(--accent);
  letter-spacing: -0.03em;
}
.employers .ed-how-step__body h3, .employers .ed-how-step__body .h3,
.expert_calls .ed-how-step__body h3,
.expert_calls .ed-how-step__body .h3 {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0 0 10px;
}
.employers .ed-how-step__body p,
.expert_calls .ed-how-step__body p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-soft);
  max-width: 60ch;
  margin: 0;
}
.employers .ed-how-circles,
.expert_calls .ed-how-circles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  margin-top: 16px;
}
.employers .ed-how-circle__mark,
.expert_calls .ed-how-circle__mark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--paper);
  border: 1px solid var(--rule);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 22px;
  color: var(--accent);
  margin-bottom: 24px;
}
.employers .ed-how-circle h3, .employers .ed-how-circle .h3,
.expert_calls .ed-how-circle h3,
.expert_calls .ed-how-circle .h3 {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0 0 10px;
}
.employers .ed-how-circle p,
.expert_calls .ed-how-circle p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
  max-width: 32ch;
  margin: 0;
}
.employers .ed-index-header,
.expert_calls .ed-index-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: end;
  margin-bottom: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--rule);
}
.employers .ed-index-list,
.expert_calls .ed-index-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 80px;
       column-gap: 80px;
}
.employers .ed-index-item,
.expert_calls .ed-index-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 24px;
  padding: 28px 0;
  border-bottom: 1px solid var(--rule);
  align-items: start;
}
.employers .ed-index-item:nth-last-child(-n+2),
.expert_calls .ed-index-item:nth-last-child(-n+2) {
  border-bottom: none;
}
@media (max-width: 900px) {
  .employers .ed-index-item:nth-last-child(-n+2),
  .expert_calls .ed-index-item:nth-last-child(-n+2) {
    border-bottom: 1px solid var(--rule);
  }
  .employers .ed-index-item:last-child,
  .expert_calls .ed-index-item:last-child {
    border-bottom: none;
  }
}
.employers .ed-index-num,
.expert_calls .ed-index-num {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 12px;
  color: var(--accent);
  letter-spacing: 0.05em;
  padding-top: 6px;
}
.employers .ed-index-item h3, .employers .ed-index-item .h3,
.expert_calls .ed-index-item h3,
.expert_calls .ed-index-item .h3 {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0 0 8px;
}
.employers .ed-index-item p,
.expert_calls .ed-index-item p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink-soft);
  max-width: 38ch;
  margin: 0;
}
.employers .ed-stories-intro,
.expert_calls .ed-stories-intro {
  max-width: 1240px;
  margin: 0 auto;
  padding: 88px 48px 0;
}
.employers .ed-stories-intro__inner,
.expert_calls .ed-stories-intro__inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.employers .ed-case-studies,
.expert_calls .ed-case-studies {
  max-width: 1240px;
  margin: 0 auto;
  padding: 40px 48px 56px;
  border-bottom: 1px solid var(--rule);
}
.employers .ed-case-studies__grid,
.expert_calls .ed-case-studies__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.employers .ed-case-study-card,
.expert_calls .ed-case-study-card {
  min-width: 0;
  padding: 32px;
  color: var(--ink);
  text-decoration: none;
}
.employers .ed-case-study-card:first-child,
.expert_calls .ed-case-study-card:first-child {
  padding-left: 0;
}
.employers .ed-case-study-card:not(:first-child),
.expert_calls .ed-case-study-card:not(:first-child) {
  border-left: 1px solid var(--rule);
}
.employers .ed-case-study-card:last-child,
.expert_calls .ed-case-study-card:last-child {
  padding-right: 0;
}
.employers .ed-case-study-card:hover, .employers .ed-case-study-card:focus,
.expert_calls .ed-case-study-card:hover,
.expert_calls .ed-case-study-card:focus {
  color: var(--ink);
  text-decoration: none;
}
.employers .ed-case-study-card:hover .ed-case-study-card__title, .employers .ed-case-study-card:focus-visible .ed-case-study-card__title, .employers .ed-case-study-card:hover .ed-case-study-card__action, .employers .ed-case-study-card:focus-visible .ed-case-study-card__action,
.expert_calls .ed-case-study-card:hover .ed-case-study-card__title,
.expert_calls .ed-case-study-card:focus-visible .ed-case-study-card__title,
.expert_calls .ed-case-study-card:hover .ed-case-study-card__action,
.expert_calls .ed-case-study-card:focus-visible .ed-case-study-card__action {
  color: var(--accent);
}
.employers .ed-case-study-card:hover .ed-case-study-card__action svg, .employers .ed-case-study-card:focus-visible .ed-case-study-card__action svg,
.expert_calls .ed-case-study-card:hover .ed-case-study-card__action svg,
.expert_calls .ed-case-study-card:focus-visible .ed-case-study-card__action svg {
  transform: translateX(4px);
}
.employers .ed-case-study-card:focus-visible,
.expert_calls .ed-case-study-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 6px;
}
.employers .ed-case-study-card__content,
.expert_calls .ed-case-study-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.employers .ed-case-study-card__logo,
.expert_calls .ed-case-study-card__logo {
  display: flex;
  align-items: center;
  height: 76px;
  margin-bottom: 28px;
}
.employers .ed-case-study-card__logo-image,
.expert_calls .ed-case-study-card__logo-image {
  display: block;
  width: auto;
  max-width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.employers .ed-case-study-card__logo-image--polaris,
.expert_calls .ed-case-study-card__logo-image--polaris {
  height: 32px;
}
.employers .ed-case-study-card__logo-image--rephana,
.expert_calls .ed-case-study-card__logo-image--rephana {
  height: 76px;
}
.employers .ed-case-study-card__logo-image--daiser,
.expert_calls .ed-case-study-card__logo-image--daiser {
  height: 38px;
}
.employers .ed-case-study-card__title,
.expert_calls .ed-case-study-card__title {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 18px;
  transition: color 0.18s ease;
}
.employers .ed-case-study-card__summary,
.expert_calls .ed-case-study-card__summary {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-soft);
  margin: 0 0 26px;
}
.employers .ed-case-study-card__action,
.expert_calls .ed-case-study-card__action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  transition: color 0.18s ease;
}
.employers .ed-case-study-card__action svg,
.expert_calls .ed-case-study-card__action svg {
  transition: transform 0.18s ease;
}
.employers .ed-voices,
.expert_calls .ed-voices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}
.employers .ed-voices--editorial-header,
.expert_calls .ed-voices--editorial-header {
  margin-bottom: 56px;
  max-width: 800px;
}
.employers .ed-voice,
.expert_calls .ed-voice {
  position: relative;
}
.employers .ed-voice--featured,
.expert_calls .ed-voice--featured {
  grid-column: 1/-1;
  margin-top: 24px;
  margin-inline: auto;
  max-width: 880px;
}
.employers .ed-voice--featured blockquote,
.expert_calls .ed-voice--featured blockquote {
  font-size: 26px;
}
.employers .ed-voice__num,
.expert_calls .ed-voice__num {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--mute);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.employers .ed-voice__num::after,
.expert_calls .ed-voice__num::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--rule);
}
.employers .ed-voice blockquote,
.expert_calls .ed-voice blockquote {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0 0 28px;
}
.employers .ed-voice blockquote .highlight,
.expert_calls .ed-voice blockquote .highlight {
  background: linear-gradient(180deg, transparent 60%, var(--accent-soft) 60%);
  padding: 0 2px;
}
.employers .ed-voice__body,
.expert_calls .ed-voice__body {
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink-soft);
  margin: 0 0 28px;
  max-width: 52ch;
}
.employers .ed-attribution,
.expert_calls .ed-attribution {
  padding-top: 18px;
}
.employers .ed-attribution__name,
.expert_calls .ed-attribution__name {
  font-weight: 600;
  font-size: 14px;
  color: var(--ink);
  margin-bottom: 2px;
}
.employers .ed-attribution__title,
.expert_calls .ed-attribution__title {
  font-size: 12px;
  color: var(--mute);
  line-height: 1.5;
}
.employers .ed-marquee,
.expert_calls .ed-marquee {
  max-width: 1240px;
  margin: 0 auto;
  padding: 56px 48px;
  text-align: center;
  border-bottom: 1px solid var(--rule);
}
.employers .ed-marquee__label,
.expert_calls .ed-marquee__label {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mute);
  margin-bottom: 28px;
}
.employers .ed-marquee__row,
.expert_calls .ed-marquee__row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  justify-items: stretch;
  align-items: stretch;
}
@media (max-width: 900px) {
  .employers .ed-marquee__row,
  .expert_calls .ed-marquee__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .employers .ed-marquee__row,
  .expert_calls .ed-marquee__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.employers .ed-client-logo,
.expert_calls .ed-client-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 16px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 13, 0.05);
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 20px;
  color: var(--ink);
  opacity: 0.78;
  letter-spacing: -0.02em;
  text-align: center;
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.employers .ed-client-logo:hover,
.expert_calls .ed-client-logo:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(15, 23, 13, 0.06);
}
.employers .ed-client-logo--italic,
.expert_calls .ed-client-logo--italic {
  font-style: italic;
}
.employers .ed-client-logo--mono,
.expert_calls .ed-client-logo--mono {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
}
.employers .ed-faq-item summary,
.expert_calls .ed-faq-item summary {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.015em;
}
.employers .ed-faq-item summary::after,
.expert_calls .ed-faq-item summary::after {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-size: 28px;
}
.employers .ed-cta,
.expert_calls .ed-cta {
  max-width: 1240px;
  margin: 0 auto;
  padding: 104px 48px;
  text-align: center;
}
.employers .ed-cta h2, .employers .ed-cta .h2,
.expert_calls .ed-cta h2,
.expert_calls .ed-cta .h2 {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 400;
  font-size: clamp(36px, 5.5vw, 72px);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--ink);
  margin: 0 0 24px;
}
.employers .ed-cta h2 em, .employers .ed-cta .h2 em,
.expert_calls .ed-cta h2 em,
.expert_calls .ed-cta .h2 em {
  font-style: italic;
  color: var(--accent);
}
.employers .ed-cta p,
.expert_calls .ed-cta p {
  font-size: 17px;
  color: var(--ink-soft);
  max-width: 52ch;
  margin: 0 auto 32px;
}
.employers .ed-cta__buttons,
.expert_calls .ed-cta__buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.employers .ed-resources-grid,
.expert_calls .ed-resources-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 8px;
}
.employers .ed-resource-card,
.expert_calls .ed-resource-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 24px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 8px rgba(15, 23, 13, 0.04);
  transition: all 0.2s ease;
}
.employers .ed-resource-card:hover,
.expert_calls .ed-resource-card:hover {
  border-color: var(--ink);
  box-shadow: 0 10px 24px rgba(15, 23, 13, 0.08);
  transform: translateY(-3px);
}
.employers .ed-resource-card .ed-resource-card__type,
.expert_calls .ed-resource-card .ed-resource-card__type {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.employers .ed-resource-card .ed-resource-card__title,
.expert_calls .ed-resource-card .ed-resource-card__title {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0 0 10px;
}
.employers .ed-resource-card .ed-resource-card__desc,
.expert_calls .ed-resource-card .ed-resource-card__desc {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink-soft);
  margin: 0 0 18px;
}
.employers .ed-resource-card .ed-resource-card__more,
.expert_calls .ed-resource-card .ed-resource-card__more {
  margin-top: auto;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.employers .ed-resource-card:hover .ed-resource-card__more,
.expert_calls .ed-resource-card:hover .ed-resource-card__more {
  color: var(--accent);
}
@media (max-width: 991.98px) {
  .employers .ed-split,
  .expert_calls .ed-split {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .employers .ed-split__header,
  .expert_calls .ed-split__header {
    position: static;
  }
  .employers .ed-masthead__grid,
  .expert_calls .ed-masthead__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .employers .ed-masthead__side,
  .expert_calls .ed-masthead__side {
    padding-left: 0;
    border-left: none;
  }
  .employers .ed-case-studies__grid,
  .expert_calls .ed-case-studies__grid {
    grid-template-columns: 1fr;
  }
  .employers .ed-case-study-card,
  .expert_calls .ed-case-study-card {
    padding: 30px 0;
  }
  .employers .ed-case-study-card:first-child,
  .expert_calls .ed-case-study-card:first-child {
    padding-left: 0;
  }
  .employers .ed-case-study-card:not(:first-child),
  .expert_calls .ed-case-study-card:not(:first-child) {
    border-left: none;
  }
  .employers .ed-case-study-card:not(:last-child),
  .expert_calls .ed-case-study-card:not(:last-child) {
    border-bottom: 1px solid var(--rule);
  }
  .employers .ed-case-study-card:last-child,
  .expert_calls .ed-case-study-card:last-child {
    padding-right: 0;
  }
  .employers .ed-voices,
  .expert_calls .ed-voices {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .employers .ed-index-list,
  .expert_calls .ed-index-list {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .employers .ed-how-circles,
  .expert_calls .ed-how-circles {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .employers .ed-how-circle,
  .expert_calls .ed-how-circle {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "mark title" "mark body";
    -moz-column-gap: 20px;
         column-gap: 20px;
    align-items: start;
  }
  .employers .ed-how-circle__mark,
  .expert_calls .ed-how-circle__mark {
    grid-area: mark;
    margin-bottom: 0;
  }
  .employers .ed-how-circle h3, .employers .ed-how-circle .h3,
  .expert_calls .ed-how-circle h3,
  .expert_calls .ed-how-circle .h3 {
    grid-area: title;
  }
  .employers .ed-how-circle p,
  .expert_calls .ed-how-circle p {
    grid-area: body;
    max-width: none;
  }
  .employers .ed-resources-grid,
  .expert_calls .ed-resources-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .employers .ed-masthead,
  .employers .ed-section,
  .employers .ed-stories-intro,
  .employers .ed-case-studies,
  .employers .ed-marquee,
  .employers .ed-cta,
  .expert_calls .ed-masthead,
  .expert_calls .ed-section,
  .expert_calls .ed-stories-intro,
  .expert_calls .ed-case-studies,
  .expert_calls .ed-marquee,
  .expert_calls .ed-cta {
    padding-left: 24px;
    padding-right: 24px;
  }
  .employers .ed-masthead,
  .expert_calls .ed-masthead {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .employers .ed-section,
  .expert_calls .ed-section {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .employers .ed-cta,
  .expert_calls .ed-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .employers .ed-container,
  .expert_calls .ed-container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .employers .ed-stats,
  .expert_calls .ed-stats {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
  .employers .ed-stat,
  .expert_calls .ed-stat {
    padding: 0 10px;
    border-left: 1px solid var(--rule);
  }
  .employers .ed-stat:first-child,
  .expert_calls .ed-stat:first-child {
    border-left: none;
    padding-left: 0;
  }
  .employers .ed-stat:last-child,
  .expert_calls .ed-stat:last-child {
    padding-right: 0;
  }
  .employers .ed-stat__num,
  .expert_calls .ed-stat__num {
    font-size: 28px;
    margin-bottom: 6px;
  }
  .employers .ed-stat__label,
  .expert_calls .ed-stat__label {
    font-size: 11px;
    line-height: 1.35;
  }
  .employers .ed-masthead__lead,
  .expert_calls .ed-masthead__lead {
    font-size: 18px;
    line-height: 1.5;
    max-width: none;
  }
  .employers .ed-cta-row,
  .expert_calls .ed-cta-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .employers .ed-cta-row .ed-btn,
  .expert_calls .ed-cta-row .ed-btn {
    width: 100%;
  }
  .employers .ed-masthead__meta,
  .expert_calls .ed-masthead__meta {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
  .employers .ed-masthead__meta-lead,
  .expert_calls .ed-masthead__meta-lead {
    text-align: left;
  }
  .employers .ed-how-step,
  .expert_calls .ed-how-step {
    grid-template-columns: 56px 1fr;
    gap: 18px;
  }
  .employers .ed-how-step__num,
  .expert_calls .ed-how-step__num {
    font-size: 40px;
  }
  .employers .ed-index-header,
  .expert_calls .ed-index-header {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .employers .ed-voice blockquote,
  .expert_calls .ed-voice blockquote {
    font-size: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .employers .ed-case-study-card__title,
  .employers .ed-case-study-card__action,
  .employers .ed-case-study-card__action svg,
  .expert_calls .ed-case-study-card__title,
  .expert_calls .ed-case-study-card__action,
  .expert_calls .ed-case-study-card__action svg {
    transition: none;
  }
}
.ed-faq-list {
  display: flex;
  flex-direction: column;
}
.ed-faq-item {
  border-bottom: 1px solid var(--rule, #e5e7eb);
  padding: 24px 0;
}
.ed-faq-item:first-child {
  padding-top: 0;
}
.ed-faq-item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ink, #0e1014);
}
.ed-faq-item summary::-webkit-details-marker {
  display: none;
}
.ed-faq-item summary::after {
  content: "+";
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: var(--accent, #6366f1);
  transition: transform 0.2s;
  line-height: 1;
}
.ed-faq-item[open] summary::after {
  content: "−";
}
.ed-faq-item p,
.ed-faq-item ul,
.ed-faq-item ol,
.ed-faq-item .ed-faq-body {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ink-soft, #4b5563);
  max-width: 60ch;
}
.ed-faq-item ul,
.ed-faq-item ol {
  padding-left: 1.25rem;
}
.ed-faq-item li + li {
  margin-top: 4px;
}
.ed-faq-item .ed-faq-body p,
.ed-faq-item .ed-faq-body ul,
.ed-faq-item .ed-faq-body ol {
  margin-top: 0;
  margin-bottom: 12px;
}
.ed-faq-item .ed-faq-body p:last-child,
.ed-faq-item .ed-faq-body ul:last-child,
.ed-faq-item .ed-faq-body ol:last-child {
  margin-bottom: 0;
}
.ed-faq-item a {
  color: var(--accent, #6366f1);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.ed-faq-item a:hover {
  color: var(--accent-deep, #4f46e5);
}
body.employers .v2-guest-header,
body.employers .mobile-layout-header,
body.expert_calls .v2-guest-header,
body.expert_calls .mobile-layout-header {
  background-color: var(--paper);
  background-image: inherit;
  background-attachment: fixed;
  border-bottom: 1px solid transparent;
  box-shadow: none;
}
body.employers .v2-guest-header.is-scrolled,
body.employers .mobile-layout-header.is-scrolled,
body.expert_calls .v2-guest-header.is-scrolled,
body.expert_calls .mobile-layout-header.is-scrolled {
  border-bottom-color: var(--rule);
}
body.employers.v2-mobile-layout,
body.expert_calls.v2-mobile-layout {
  background: var(--paper);
}
body.employers .v2-guest-footer,
body.expert_calls .v2-guest-footer {
  background: var(--paper-warm);
  border-top: 1px solid var(--rule);
}
body.employers .v2-guest-footer .footer-title,
body.expert_calls .v2-guest-footer .footer-title {
  color: var(--ink);
}
body.employers .v2-guest-footer .footer-links li a,
body.employers .v2-guest-footer .footer-section.footer-brand .footer-tagline,
body.employers .v2-guest-footer .footer-section.footer-brand .footer-social .social-link,
body.employers .v2-guest-footer .footer-bottom .footer-copyright,
body.employers .v2-guest-footer .footer-bottom .footer-made,
body.expert_calls .v2-guest-footer .footer-links li a,
body.expert_calls .v2-guest-footer .footer-section.footer-brand .footer-tagline,
body.expert_calls .v2-guest-footer .footer-section.footer-brand .footer-social .social-link,
body.expert_calls .v2-guest-footer .footer-bottom .footer-copyright,
body.expert_calls .v2-guest-footer .footer-bottom .footer-made {
  color: var(--ink-soft);
}
body.employers .v2-guest-footer .footer-links li a:hover,
body.employers .v2-guest-footer .footer-section.footer-brand .footer-social .social-link:hover,
body.expert_calls .v2-guest-footer .footer-links li a:hover,
body.expert_calls .v2-guest-footer .footer-section.footer-brand .footer-social .social-link:hover {
  color: var(--accent);
  border-color: var(--accent);
}
body.employers .v2-guest-footer .footer-bottom,
body.expert_calls .v2-guest-footer .footer-bottom {
  border-top: 1px solid var(--rule);
}
.employer-resource-preview-card {
  transition: all 0.3s ease;
}
.employer-resource-preview-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}
.employer-resource-preview-card:hover .card-title {
  color: #2563eb;
}
.consulting-intake-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 2.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.consulting-intake-section-title {
  color: #1f5f4d;
}
@media (max-width: 768px) {
  .consulting-intake-card {
    padding: 1.5rem;
  }
}
.select-user-type-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 2.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.user-type-option {
  display: block;
  width: 100%;
  padding: 1rem 1.25rem;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.user-type-option:hover {
  border-color: #4d7c0f;
  box-shadow: 0 4px 12px rgba(77, 124, 15, 0.12);
}
.user-type-option:hover .user-type-icon-wrapper {
  background: #4d7c0f;
  color: #fff;
}
.user-type-option--secondary:hover {
  border-color: #64748b;
  box-shadow: 0 4px 12px rgba(100, 116, 139, 0.1);
}
.user-type-option--secondary:hover .user-type-icon-wrapper--secondary {
  background: #64748b;
  color: #fff;
}
.user-type-icon-wrapper {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f0f1e6 0%, #e2e6d0 100%);
  color: #4d7c0f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.user-type-icon-wrapper--secondary {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  color: #64748b;
}
@media (max-width: 768px) {
  .select-user-type-card {
    padding: 1.5rem;
  }
}
.job-posting-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 2.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.job-posting-section-title {
  color: #3f6212;
}
.job-posting-shortcut-banner {
  background-color: #f0f1e6;
  border-left: 4px solid #4d7c0f;
  padding: 1.25rem;
  border-radius: 0.375rem;
}
.job-posting-card .text-primary,
.job-posting-shortcut-banner .text-primary {
  color: #4d7c0f !important;
}
.job-posting-card .form-section {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e9ecef;
}
.job-posting-card .form-section:last-of-type {
  border-bottom: none;
}
.form-floating > .form-select:not(.has-value):not(:focus) ~ label {
  opacity: 0.65;
  transform: scale(1) translateY(0);
}
.form-floating > .form-select.has-value ~ label,
.form-floating > .form-select:focus ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
@media (max-width: 768px) {
  .job-posting-card {
    padding: 1.5rem;
  }
}
.text-expert-purple {
  color: #1f5f4d !important;
}
.btn-expert-purple {
  background-color: #1f5f4d;
  border-color: #1f5f4d;
  color: #fff;
}
.btn-expert-purple:hover, .btn-expert-purple:focus {
  background-color: #16463a;
  border-color: #16463a;
  color: #fff;
}
.btn-expert-purple:active {
  background-color: #103730;
  border-color: #103730;
  color: #fff;
}
.btn-expert-purple:focus {
  box-shadow: 0 0 0 0.25rem rgba(31, 95, 77, 0.45);
}
.employers .editorial .ed-masthead--split .ed-masthead__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 64px;
  align-items: center;
}
.employers .editorial .ed-masthead--split .ed-masthead__pitch {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.employers .editorial .ed-masthead--split .ed-masthead__pitch .editorial-h1 {
  margin-bottom: 0;
  font-size: clamp(48px, 6.5vw, 80px);
}
.employers .editorial .ed-masthead--split .ed-masthead__pitch .ed-masthead__meta-lead {
  max-width: 44ch;
  text-align: left;
  font-style: normal;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
}
.employers .editorial .ed-masthead--split .ed-masthead__pitch .ed-cta-row {
  margin-top: 4px;
}
@media (max-width: 900px) {
  .employers .editorial .ed-masthead--split .ed-masthead__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.bo-preview {
  background: #fff;
  border: 1px solid #e2e6d0;
  border-radius: 16px;
  padding: 22px 22px 18px;
  box-shadow: 0 8px 28px rgba(15, 23, 13, 0.06);
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-family: "Inter", system-ui, sans-serif;
  color: var(--ink, #0e1014);
}
.bo-preview__greeting {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bo-preview__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ecfccb;
  color: #3f6212;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bo-preview__hello {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #1c1917;
}
.bo-preview__tagline {
  font-size: 13px;
  color: #57534e;
  margin-top: 2px;
}
.bo-preview__stage {
  min-height: 168px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.bo-preview__chips {
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: opacity 0.25s ease;
}
.bo-preview__chips.is-fading {
  opacity: 0;
  pointer-events: none;
}
.bo-preview__chip {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  background: #fafaf5;
  border: 1px solid #e2e6d0;
  border-radius: 10px;
  text-align: left;
  font-size: 13px;
  color: #1c1917;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.bo-preview__chip:hover, .bo-preview__chip.is-highlighted {
  background: #f0f1e6;
  border-color: #bef264;
}
.bo-preview__chip-icon {
  color: #4d7c0f;
  display: inline-flex;
  flex-shrink: 0;
}
.bo-preview__chip-label {
  flex: 1;
}
.bo-preview__chip-arrow {
  color: #6b7280;
  display: inline-flex;
  flex-shrink: 0;
}
.bo-preview__transcript {
  display: flex;
  flex-direction: column;
  gap: 8px;
  animation: bo-preview-fade-in 0.3s ease both;
}
.bo-preview__transcript[hidden] {
  display: none;
}
.bo-preview__bubble {
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
  max-width: 92%;
}
.bo-preview__bubble--user {
  align-self: flex-end;
  background: #ecfccb;
  color: #1c1917;
  border: 1px solid #d9f99d;
}
.bo-preview__bubble--bo {
  align-self: flex-start;
  background: #fafaf5;
  color: #1c1917;
  border: 1px solid #e2e6d0;
}
.bo-preview__bo-text {
  white-space: pre-wrap;
}
.bo-preview__bo-text::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1em;
  background: #4d7c0f;
  margin-left: 2px;
  vertical-align: text-bottom;
  animation: bo-preview-caret 0.9s steps(1) infinite;
}
.bo-preview__bo-text.is-done::after {
  display: none;
}
.bo-preview__composer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 8px 14px;
  background: #fafaf5;
  border: 1px solid #e2e6d0;
  border-radius: 999px;
  cursor: text;
  transition: border-color 0.15s ease;
}
.bo-preview__composer:hover, .bo-preview__composer:focus-within {
  border-color: #4d7c0f;
}
.bo-preview__input {
  flex: 1;
  background: transparent;
  border: 0;
  outline: none;
  font-size: 13px;
  color: #1c1917;
  caret-color: transparent;
  pointer-events: none;
}
.bo-preview__input::-moz-placeholder {
  color: #6b7280;
}
.bo-preview__input::placeholder {
  color: #6b7280;
}
.bo-preview__send {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 0;
  background: #4d7c0f;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease;
}
.bo-preview__send:hover, .bo-preview__send.is-pulsing {
  background: #3f6212;
}
.bo-preview__send.is-pulsing {
  box-shadow: 0 0 0 6px rgba(77, 124, 15, 0.18);
}
@keyframes bo-preview-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bo-preview-caret {
  50% {
    opacity: 0;
  }
}
body:has(.resume-landing-page) .main-content {
  background: linear-gradient(135deg, #fafbff 0%, #f5f7ff 100%);
}
.resume-landing-page {
  background: transparent;
  min-height: 100%;
}
.resume-page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}
.progress-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  padding: 1.25rem;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  max-width: 200px;
}
.step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20px;
  right: -50%;
  width: 100%;
  height: 2px;
  background: #e5e7eb;
  z-index: 1;
}
.step.completed:not(:last-child)::after {
  background: #10b981;
}
.step.current:not(:last-child)::after {
  background: linear-gradient(to right, #3b82f6 50%, #e5e7eb 50%);
}
.step-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #e5e7eb;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  z-index: 2;
  position: relative;
  margin-bottom: 0.5rem;
}
.step.completed .step-circle {
  background: #10b981;
  color: #ffffff;
}
.step.current .step-circle {
  background: #3b82f6;
  color: #ffffff;
}
.step.failed .step-circle {
  background: #fecaca;
  color: #dc2626;
}
.processing-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #ffffff;
  animation: resume-spin 1s ease-in-out infinite;
}
@keyframes resume-spin {
  to {
    transform: rotate(360deg);
  }
}
.resume-actions-dropdown {
  position: relative;
  display: inline-block;
}
.resume-actions-btn {
  background: none;
  border: none;
  color: #6b7280;
  padding: 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resume-actions-btn:hover {
  background-color: #f3f4f6;
  color: #374151;
}
.resume-actions-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 180px;
  z-index: 1000;
  display: none;
  padding: 0.5rem 0;
}
.resume-actions-menu.show {
  display: block;
}
.resume-actions-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  color: #374151;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.2s ease;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
}
.resume-actions-item:hover {
  background-color: #f9fafb;
  color: #374151;
  text-decoration: none;
}
.resume-actions-item.danger:hover {
  background-color: #fef2f2;
  color: #dc2626;
}
.resume-actions-item svg {
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.step-label {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #6b7280;
}
.step.completed .step-label,
.step.current .step-label {
  color: #374151;
}
.two-column-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 2rem;
}
.info-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.card-header-custom {
  background: #f8fafc;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.card-title {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.card-subtitle {
  font-size: 14px;
  color: #6b7280;
  margin: 0.25rem 0 0 0;
}
.card-body-custom {
  padding: 1.25rem 1.5rem;
}
.info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f3f4f6;
}
.info-row:last-child {
  border-bottom: none;
}
.info-label {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}
.info-value {
  font-size: 14px;
  color: #1f2937;
  font-weight: 600;
}
.specialty-badge {
  display: inline-block;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  margin: 0.25rem 0.25rem 0.25rem 0;
}
.suggestions-section {
  margin-top: 2rem;
}
.suggestion-category {
  margin-bottom: 1.5rem;
}
.category-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
}
.category-header.critical {
  background: #fef2f2;
  border: 1px solid #fecaca;
}
.category-header.improvement {
  background: #fef3c7;
  border: 1px solid #fed7aa;
}
.category-header.strengths {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
.category-header.enhancement {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}
.category-icon {
  width: 20px;
  height: 20px;
  margin-right: 0.75rem;
}
.category-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.category-header.critical .category-title {
  color: #dc2626;
}
.category-header.improvement .category-title {
  color: #d97706;
}
.category-header.strengths .category-title {
  color: #059669;
}
.category-header.enhancement .category-title {
  color: #2563eb;
}
.suggestion-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.suggestion-text {
  font-size: 14px;
  color: #374151;
  margin: 0;
  line-height: 1.5;
}
@media (max-width: 991.98px) {
  .resume-page-container {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
    padding: 1.5rem 1rem;
  }
  .two-column-layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .progress-steps {
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1.25rem;
    overflow-x: visible;
    justify-content: center;
  }
  .step {
    flex: 1;
    max-width: 140px;
    min-width: 0;
  }
  .step:not(:last-child)::after {
    right: -40%;
    width: 80%;
    top: 16px;
  }
  .step-circle {
    width: 32px;
    height: 32px;
    font-size: 12px;
    margin-bottom: 0.25rem;
  }
  .step-label {
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
  }
  .processing-spinner {
    width: 16px;
    height: 16px;
  }
  .info-card {
    margin-bottom: 1rem;
    border-radius: 8px;
  }
  .card-header-custom {
    padding: 1rem;
  }
  .card-header-custom > div {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .card-body-custom {
    padding: 1rem;
  }
  .info-row {
    display: block;
    padding: 0.625rem 0;
    border-bottom: 1px solid #f3f4f6;
  }
  .info-row:last-child {
    border-bottom: none;
  }
  .info-label {
    font-size: 12px;
    color: #9ca3af;
    margin-bottom: 0.25rem;
    display: block;
  }
  .info-value {
    font-size: 13px;
    word-break: break-word;
    display: block;
  }
  .specialty-badge {
    margin-bottom: 0.25rem;
  }
  .resume-actions-dropdown {
    position: relative;
  }
  .resume-actions-menu {
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 160px;
  }
}
@media (max-width: 575.98px) {
  .resume-page-container {
    padding: 1rem 0.75rem;
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }
  .info-card {
    border-radius: 6px;
    margin-bottom: 1rem;
  }
  .card-header-custom {
    padding: 0.875rem;
  }
  .card-title {
    font-size: 16px;
    word-wrap: break-word;
    line-height: 1.3;
  }
  .card-subtitle {
    font-size: 12px;
    line-height: 1.4;
  }
  .card-body-custom {
    padding: 0.875rem;
  }
  .category-title {
    font-size: 14px;
  }
  .progress-steps {
    padding: 0.5rem 0.75rem;
    gap: 0.25rem;
  }
  .step {
    flex: 1;
    min-width: 0;
    max-width: none;
  }
  .resume-actions-btn {
    min-width: 36px;
    min-height: 36px;
  }
  .suggestion-item {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .suggestion-text {
    font-size: 13px;
    line-height: 1.4;
  }
}
.resume-editor-wrapper {
  width: 100%;
  align-self: stretch;
  position: relative;
}
.locked-content {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: not-allowed;
  position: relative;
}
.locked-content input, .locked-content textarea, .locked-content select, .locked-content button, .locked-content a {
  pointer-events: none;
}
.locked-content [data-locked-resume-allow] {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  cursor: auto;
}
.locked-content [data-locked-resume-allow] input, .locked-content [data-locked-resume-allow] textarea, .locked-content [data-locked-resume-allow] select, .locked-content [data-locked-resume-allow] button, .locked-content [data-locked-resume-allow] a {
  pointer-events: auto;
  cursor: pointer;
}
.section-locked input, .section-locked textarea, .section-locked select, .section-locked button, .section-locked a {
  pointer-events: none;
  opacity: 0.6;
}
.section-locked button {
  cursor: not-allowed;
}
.resume-upsell-card-wrapper {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 1rem 0;
  width: 100%;
}
.resume-upsell-card {
  background: #fefce8;
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.upsell-card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
}
.upsell-card-text {
  font-size: 0.875rem;
  color: #6b7280;
  line-height: 1.4;
}
.resume-editor-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 1rem;
  width: 100%;
  overflow: visible;
  box-sizing: border-box;
}
.resume-editor-layout {
  display: block;
}
.resume-editor-left {
  min-width: 0;
}
.resume-editor-right {
  width: 100%;
}
@media (min-width: 1200px) {
  .resume-editor-container {
    max-width: 1200px;
  }
  .resume-editor-layout {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
  }
  .resume-editor-left {
    flex: 1;
    min-width: 0;
    order: 1;
  }
  .resume-editor-right {
    width: 340px;
    flex-shrink: 0;
    order: 2;
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
  }
}
@media (min-width: 1440px) {
  .resume-editor-container {
    max-width: 1360px;
  }
  .resume-editor-right {
    width: 400px;
  }
}
turbo-frame#resume_editor_frame {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}
.resume-editor-header {
  background: white;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.resume-sections-list {
  width: 100%;
  min-width: 0;
}
body:has(.resume-editor-wrapper) .copilot,
body:has(.resumes-index-wrapper) .copilot,
body:has(.resume-landing-page) .copilot {
  display: none !important;
}
body:has(.resume-editor-wrapper) .ask-mo-floating-btn,
body:has(.resumes-index-wrapper) .ask-mo-floating-btn,
body:has(.resume-landing-page) .ask-mo-floating-btn {
  display: flex !important;
}
@media (max-width: 767.98px) {
  body:has(.resume-editor-wrapper) .ask-mo-floating-btn,
  body:has(.resumes-index-wrapper) .ask-mo-floating-btn,
  body:has(.resume-landing-page) .ask-mo-floating-btn {
    display: none !important;
  }
}
.resume-sections-nav {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}
.resume-sections-nav .sections-header {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.resume-sections-nav .sections-header h6, .resume-sections-nav .sections-header .h6 {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #6c757d;
  margin: 0;
}
.resume-sections-nav .sections-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section-nav-item {
  padding: 12px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.section-nav-item:hover {
  background-color: #f8f9fa;
  border-color: #e9ecef;
}
.section-nav-item.active {
  background-color: #eef2ff;
  border-color: #6366f1;
}
.section-nav-item.active i {
  color: #6366f1;
}
.section-nav-item.has-data {
  border-left: 3px solid #28a745;
}
.section-nav-item i {
  color: #6c757d;
  font-size: 16px;
}
.section-nav-item span {
  font-size: 14px;
  font-weight: 500;
}
.section-nav-item .section-actions {
  opacity: 0;
  transition: opacity 0.2s;
}
.section-nav-item .section-actions .btn-link {
  text-decoration: none;
}
.section-nav-item:hover .section-actions {
  opacity: 1;
}
.resume-editor-main {
  background: white;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  min-height: 600px;
}
.strategy-card {
  background: linear-gradient(to bottom, #f8f9ff 0%, #ffffff 100%);
  border: 2px solid #d4d8f7 !important;
  box-shadow: 0 1px 3px rgba(99, 102, 241, 0.08) !important;
}
.strategy-card:hover {
  border-color: #b8bef1 !important;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.12) !important;
}
.strategy-card .card-title {
  color: #4f46e5;
}
.strategy-card .lucide-icon {
  color: #6366f1;
}
.career-goal-section .card {
  border: 2px solid #e9ecef;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.career-goal-section .card:hover {
  border-color: #cbd3da;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.career-goal-section .form-label {
  font-weight: 600;
  color: #212529;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.career-goal-section .form-control {
  background-color: #ffffff;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  padding: 0.625rem 0.875rem;
  font-size: 0.9375rem;
  transition: all 0.2s ease;
}
.career-goal-section .form-control:focus {
  background-color: #ffffff;
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.15);
  outline: 0;
}
.career-goal-section .form-control:hover:not(:focus) {
  border-color: #adb5bd;
}
.career-goal-section .form-control::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.career-goal-section .form-control::placeholder {
  color: #adb5bd;
  font-style: italic;
}
.resume-section-item {
  margin-bottom: 16px;
}
.resume-section-item .section-header-bar {
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid #e9ecef;
}
.resume-section-item .section-header-bar:hover {
  border-color: #6366f1;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1);
}
.resume-section-item .section-header-bar .section-toggle-icon {
  transition: transform 0.2s;
  font-size: 1.2rem;
}
.resume-section-item .section-header-bar.expanded .section-toggle-icon {
  transform: rotate(180deg);
}
.resume-section-item .section-header-bar.section-header-draggable {
  cursor: grab;
}
.resume-section-item .section-header-bar.section-header-draggable:active {
  cursor: grabbing;
}
.resume-section-item .section-header-bar.is-reorder-disabled {
  cursor: progress;
}
.resume-section-item .section-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: 0.75rem;
  color: #6c757d;
  transition: all 0.2s ease;
  flex-shrink: 0;
  line-height: 1;
}
.section-header-bar:hover .resume-section-item .section-drag-handle {
  color: #4f46e5;
}
.resume-section-item .section-drag-handle svg {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
}
.resume-section-item .section-title-edit-btn {
  display: none;
}
.resume-section-item.is-expanded .section-title-edit-btn {
  display: inline-flex;
}
.resume-section-item.is-dragging {
  opacity: 0.55;
}
.resume-section-item.is-dragging .section-header-bar {
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
  border-color: #818cf8;
}
.resume-section-item.is-drop-target .section-header-bar {
  border-color: #818cf8;
  box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.16);
}
.resume-section-item .section-editor-area {
  padding: 20px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.resume-section-item .section-editor-area .form-label {
  font-weight: 600;
  color: #212529;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.resume-section-item .section-editor-area .form-control,
.resume-section-item .section-editor-area .form-select {
  background-color: #ffffff;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  padding: 0.625rem 0.875rem;
  font-size: 0.9375rem;
  transition: all 0.2s ease;
}
.resume-section-item .section-editor-area .form-control:focus,
.resume-section-item .section-editor-area .form-select:focus {
  background-color: #ffffff;
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.15);
  outline: 0;
}
.resume-section-item .section-editor-area .form-control:hover:not(:focus),
.resume-section-item .section-editor-area .form-select:hover:not(:focus) {
  border-color: #adb5bd;
}
.resume-section-item .section-editor-area .form-control::-moz-placeholder, .resume-section-item .section-editor-area .form-select::-moz-placeholder {
  color: #adb5bd;
  font-style: italic;
}
.resume-section-item .section-editor-area .form-control::placeholder,
.resume-section-item .section-editor-area .form-select::placeholder {
  color: #adb5bd;
  font-style: italic;
}
.resume-section-item .section-editor-area textarea.form-control {
  resize: none;
  min-height: 100px;
  overflow-y: hidden;
  transition: height 0.1s ease-out;
}
.resume-section-item .section-editor-area .form-text {
  font-size: 0.8125rem;
  color: #6c757d;
  margin-top: 0.375rem;
  font-style: italic;
}
.resume-section-item .section-editor-area .card {
  background-color: #ffffff;
  border: 2px solid #e9ecef;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  margin-bottom: 1rem;
}
.resume-section-item .section-editor-area .card:hover {
  border-color: #cbd3da;
}
.resume-section-item .section-editor-area .card .card-body {
  padding: 1.25rem;
}
.resume-section-item .section-editor-area .btn-primary {
  font-weight: 500;
  padding: 0.625rem 1.25rem;
}
.resume-section-item .section-editor-area .btn-outline-primary {
  font-weight: 500;
  border-width: 2px;
}
.resume-section-item .section-editor-area .btn-outline-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
}
#section_editor_container .section-editor .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e9ecef;
}
#section_editor_container .section-editor .section-header h3, #section_editor_container .section-editor .section-header .h3 {
  font-size: 24px;
  font-weight: 600;
  color: #6366f1;
  margin: 0;
}
#section_editor_container .section-editor .section-header h3 i, #section_editor_container .section-editor .section-header .h3 i {
  margin-right: 10px;
}
#section_editor_container .section-editor .section-header .section-actions {
  display: flex;
  gap: 8px;
}
#section_editor_container .section-editor .section-content {
  margin-top: 20px;
}
#section_editor_container .section-editor .section-content .content-item {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid #e9ecef;
}
#section_editor_container .section-editor .section-content .content-item:hover {
  border-color: #6366f1;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1);
}
#section_editor_container .section-editor .section-content .content-item h5, #section_editor_container .section-editor .section-content .content-item .h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
#section_editor_container .section-editor .section-content .content-item .meta {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 10px;
}
#section_editor_container .section-editor .section-content .content-item .description {
  font-size: 14px;
  line-height: 1.6;
}
#section_editor_container .section-editor .section-content .content-item ul {
  margin: 10px 0 0 0;
  padding-left: 20px;
}
#section_editor_container .section-editor .section-content .content-item ul li {
  margin-bottom: 6px;
  font-size: 14px;
}
.ai-suggestions-panel {
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  display: none;
}
.ai-suggestions-panel .card-body {
  padding: 20px;
}
.ai-suggestions-panel.has-suggestions {
  display: block;
}
.resume-suggestions-panel {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}
.resume-suggestions-panel .suggestions-header {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.resume-suggestions-panel .suggestions-header h6, .resume-suggestions-panel .suggestions-header .h6 {
  font-weight: 600;
  font-size: 14px;
}
.resume-suggestions-panel .suggestion-card {
  background: #fffbf0;
  border: 1px solid #ffc107;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 12px;
}
.resume-suggestions-panel .suggestion-card.priority-high {
  border-color: #dc3545;
  background: #fff5f5;
}
.resume-suggestions-panel .suggestion-card.priority-high .priority-badge {
  background-color: #dc3545;
}
.resume-suggestions-panel .suggestion-card.priority-medium {
  border-color: #ffc107;
  background: #fffbf0;
}
.resume-suggestions-panel .suggestion-card.priority-medium .priority-badge {
  background-color: #ffc107;
}
.resume-suggestions-panel .suggestion-card.priority-low {
  border-color: #17a2b8;
  background: #f0f9ff;
}
.resume-suggestions-panel .suggestion-card.priority-low .priority-badge {
  background-color: #17a2b8;
}
.resume-suggestions-panel .suggestion-card .suggestion-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 10px;
}
.resume-suggestions-panel .suggestion-card .suggestion-header h6, .resume-suggestions-panel .suggestion-card .suggestion-header .h6 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  flex: 1;
}
.resume-suggestions-panel .suggestion-card .suggestion-header .priority-badge {
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 12px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
}
.resume-suggestions-panel .suggestion-card .suggestion-body {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #495057;
}
.resume-suggestions-panel .suggestion-card .suggestion-example {
  background: white;
  border-left: 3px solid #6366f1;
  padding: 10px;
  margin-top: 10px;
  font-size: 12px;
  font-family: monospace;
  border-radius: 4px;
}
.resume-suggestions-panel .suggestion-card .category-badge {
  display: inline-block;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  background: #e9ecef;
  color: #495057;
  margin-top: 8px;
}
.resume-suggestions-panel .loading-suggestions {
  text-align: center;
  padding: 20px;
}
.resume-suggestions-panel .loading-suggestions .spinner-border {
  width: 2rem;
  height: 2rem;
}
.autosave-indicator {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  z-index: 1000;
  transition: all 0.3s;
}
.autosave-indicator.saving {
  background-color: #ffc107;
  color: #000;
}
.autosave-indicator.saved {
  background-color: #28a745;
  color: white;
}
.autosave-indicator.error {
  background-color: #dc3545;
  color: white;
}
.skills-section .card {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.skills-section .card > .card-body > .card {
  background-color: #ffffff;
  border: 2px solid #e9ecef;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.skills-section .card > .card-body > .card:hover {
  border-color: #cbd3da;
}
.section-editor-area h6.card-subtitle, .section-editor-area .card-subtitle.h6,
.section-editor-area h6.mb-0,
.section-editor-area .mb-0.h6 {
  font-weight: 600;
  color: #495057;
  font-size: 0.9375rem;
}
.empty-state {
  text-align: center;
  padding: 60px 20px;
  color: #6c757d;
}
.empty-state i {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}
.empty-state p {
  font-size: 16px;
  margin: 0;
}
.generic-list-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2.25rem 1.25rem;
  background-color: #fafbff;
  border: 2px dashed #d6d8e5;
  border-radius: 12px;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-bottom: 1rem;
}
.generic-list-empty-state:hover, .generic-list-empty-state:focus-visible {
  background-color: #f4f5ff;
  border-color: #6366f1;
  color: #4f46e5;
  outline: none;
  transform: translateY(-1px);
}
.generic-list-empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #eef0ff;
  color: #6366f1;
  margin-bottom: 0.75rem;
  transition: all 0.15s ease;
}
.generic-list-empty-state:hover .generic-list-empty-state__icon, .generic-list-empty-state:focus-visible .generic-list-empty-state__icon {
  background-color: #6366f1;
  color: #ffffff;
}
.generic-list-empty-state__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1f2a44;
  margin-bottom: 0.125rem;
}
.generic-list-empty-state__subtitle {
  font-size: 0.8125rem;
  color: #8a8fa3;
}
.bulleted-editor {
  background-color: #ffffff;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  padding: 0.625rem 0.875rem;
  font-size: 0.9375rem;
  min-height: 120px;
  max-height: 300px;
  overflow-y: auto;
  transition: all 0.2s ease;
  cursor: text;
  font-family: inherit;
  line-height: 1.5;
}
.bulleted-editor:focus, .bulleted-editor:focus-within {
  background-color: #ffffff;
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.15);
  outline: 0;
}
.bulleted-editor:hover:not(:focus):not(:focus-within) {
  border-color: #adb5bd;
}
.bulleted-editor > div {
  position: relative;
  padding-left: 1.5rem;
  min-height: 1.5em;
}
.bulleted-editor > div::before {
  content: "•";
  position: absolute;
  left: 0.5rem;
  color: #6c757d;
  font-weight: bold;
}
.bulleted-editor.empty::before {
  content: attr(data-placeholder);
  color: #adb5bd;
  font-style: italic;
  position: absolute;
  pointer-events: none;
  padding-left: 1.5rem;
}
.bulleted-editor.empty > div:first-child::before {
  content: "•";
}
@media (max-width: 768px) {
  turbo-frame#resume_editor_frame {
    max-width: 100vw;
    overflow-x: hidden;
  }
  .resume-editor-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .resume-upsell-card-wrapper {
    padding: 1rem 0.75rem 0;
  }
  .resume-upsell-card {
    padding: 1rem;
    border-radius: 8px;
  }
  .resume-upsell-card .d-flex {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
  .resume-upsell-card .btn {
    width: 100%;
    text-align: center;
    padding: 0.625rem 1rem;
    font-size: 0.9375rem;
  }
  .upsell-card-title {
    font-size: 0.9375rem;
    margin-bottom: 0.375rem !important;
  }
  .upsell-card-text {
    font-size: 0.8125rem;
    line-height: 1.5;
  }
  .resume-editor-container {
    padding: 1rem 0.75rem;
    max-width: 100%;
    overflow-x: hidden;
  }
  .resume-editor-header {
    padding: 12px;
    border-radius: 6px;
    max-width: 100%;
    box-sizing: border-box;
  }
  .resume-editor-header > div {
    flex-direction: row !important;
    gap: 0.75rem !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
  }
  .resume-editor-header > div > .flex-shrink-0:first-child {
    flex-shrink: 0;
    padding-top: 2px;
  }
  .resume-editor-header > div > .flex-grow-1 {
    flex: 1;
    min-width: 0;
    max-width: 100%;
  }
  .resume-editor-header > div > .flex-shrink-0:last-child {
    flex-shrink: 0;
    margin-left: auto;
  }
  #resume_title_display .d-flex.align-items-center.gap-2 {
    gap: 0.5rem !important;
    margin-bottom: 0.25rem !important;
  }
  #resume_title_display h1, #resume_title_display .h1 {
    font-size: 1rem !important;
    line-height: 1.3;
    font-weight: 600;
  }
  #resume_title_display .lucide-icon {
    width: 14px !important;
    height: 14px !important;
  }
  #resume_title_display .text-muted.small {
    font-size: 0.7rem;
    line-height: 1.3;
    margin-bottom: 0 !important;
  }
  #resume_title_display a {
    display: inline;
    word-break: break-word;
  }
  #resume_title_form .form-control {
    font-size: 0.9375rem;
  }
  .resume-editor-main-content {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .ai-suggestions-panel {
    display: none;
  }
  .resume-sections-nav,
  .resume-editor-main,
  .resume-suggestions-panel {
    padding: 15px;
  }
  .section-nav-item {
    padding: 10px 12px;
  }
  .resume-sections-list {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .resume-section-item {
    max-width: 100%;
    overflow-x: hidden;
  }
  .resume-section-item .section-header-bar {
    max-width: 100%;
    box-sizing: border-box;
  }
  .resume-section-item .section-header-bar .card-body {
    padding: 15px;
    max-width: 100%;
    overflow-x: hidden;
    word-wrap: break-word;
  }
  .resume-section-item .section-editor-area {
    padding: 15px;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .career-goal-section {
    max-width: 100%;
    overflow-x: hidden;
  }
  .career-goal-section .card {
    max-width: 100%;
    box-sizing: border-box;
  }
  .career-goal-section .card-body {
    padding: 1rem;
    max-width: 100%;
    overflow-x: hidden;
  }
  .career-goal-section .form-control {
    font-size: 0.875rem;
    max-width: 100%;
    box-sizing: border-box;
  }
  .strategy-card {
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .strategy-card .card-body {
    max-width: 100%;
    overflow-x: hidden;
    word-wrap: break-word;
  }
  .card {
    max-width: 100%;
    box-sizing: border-box;
  }
}
.btn-save-entry {
  width: 90px !important;
}
.resume-bottom-upsell {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1rem;
}
.bottom-upsell-card {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 12px;
  padding: 1rem 1.25rem;
}
.upsell-icon-circle {
  width: 40px;
  height: 40px;
  background: #e0f2fe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0284c7;
  flex-shrink: 0;
}
.bottom-upsell-text {
  font-size: 0.9375rem;
  color: #0c4a6e;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .resume-bottom-upsell {
    padding: 0 0.75rem;
  }
  .bottom-upsell-card {
    padding: 0.875rem 1rem;
  }
  .bottom-upsell-card .d-flex {
    flex-direction: column !important;
    gap: 0.75rem !important;
    text-align: center;
  }
  .bottom-upsell-card .upsell-icon-circle {
    display: none;
  }
  .bottom-upsell-card .btn {
    width: 100%;
  }
  .bottom-upsell-text {
    font-size: 0.875rem;
  }
}
.locked-contenteditable {
  cursor: not-allowed !important;
  opacity: 0.7;
  background-color: #f9fafb;
}
.locked-section-upsell-anchor {
  position: relative;
}
.locked-section-upsell {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  z-index: 1000;
  padding-bottom: 8px;
}
.locked-section-upsell-content {
  background: #fffef5;
  border: 1px solid #fcd34d;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.25);
  min-width: 260px;
  max-width: 300px;
  position: relative;
}
.locked-section-upsell-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  font-size: 1.25rem;
  line-height: 1;
  color: #9ca3af;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.locked-section-upsell-close:hover {
  color: #6b7280;
  background: rgba(0, 0, 0, 0.05);
}
.locked-section-upsell-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #f59e0b;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.locked-section-upsell-arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fcd34d;
}
.locked-section-upsell-arrow::before {
  content: "";
  position: absolute;
  top: -9px;
  left: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fffef5;
}
.resume-editor-container .job-tracking-upsell-banner {
  margin: 0 0 1rem;
}
.resume-export-menu {
  min-width: 15rem;
  padding: 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}
.resume-export-menu-heading {
  margin: 0.25rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
}
.resume-export-template-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 8px;
  padding: 0.4375rem 0.5rem;
  font-size: 0.875rem;
  color: #0f172a;
}
.resume-export-template-option:hover, .resume-export-template-option:focus {
  background: #f1f5f9;
}
.resume-export-template-option.active {
  background: rgba(99, 102, 241, 0.08);
  color: var(--bs-primary);
  font-weight: 500;
}
.resume-export-template-check {
  display: inline-flex;
  width: 16px;
  flex-shrink: 0;
  color: var(--bs-primary);
  visibility: hidden;
}
.resume-export-template-option.active .resume-export-template-check {
  visibility: visible;
}
.resume-export-menu .dropdown-divider {
  margin: 0.5rem 0.25rem;
}
.resume-export-menu-actions {
  display: flex;
  gap: 0.5rem;
  padding: 0 0.25rem 0.125rem;
}
.resume-export-menu-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.salary-filter-card .card-body {
  padding: 1rem 1rem;
}
.salary-filter-form {
  width: 100%;
}
.salary-filter-form .ts-wrapper, .salary-filter-form .ts-control {
  width: 100%;
}
.salary-table-logo {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}
.salary-table-logo-fallback {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: var(--bs-secondary-bg);
  color: var(--bs-secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.platform-review-card {
  transition: box-shadow 0.2s ease;
}
.platform-review-card:hover {
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08) !important;
}
.platform-review-logo {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.platform-review-logo-fallback {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: var(--bs-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
}
.platform-review-stars {
  letter-spacing: 2px;
  font-size: 1.1rem;
}
.platform-review-insight {
  border-left: 3px solid var(--bs-primary);
  line-height: 1.5;
}
@media (max-width: 991.98px) {
  .salary-filter-card .card-body {
    padding: 0.75rem 0.75rem;
  }
  .salary-filter-card h6, .salary-filter-card .h6 {
    font-size: 1rem;
  }
}
.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #e9d5ff;
  border-radius: 8px;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
  min-width: -moz-min-content;
  min-width: min-content;
  margin-bottom: 0;
}
.gsi-material-button .gsi-material-button-icon {
  height: 16px;
  min-width: 16px;
  width: 16px;
}
.gsi-material-button .gsi-material-button-content-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.gsi-material-button .gsi-material-button-contents {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.gsi-material-button .gsi-material-button-state {
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.gsi-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}
.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.gsi-material-button:not(:disabled):active .gsi-material-button-state,
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #6366f1;
  opacity: 8%;
}
.gsi-material-button:not(:disabled):hover {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #6366f1;
  opacity: 5%;
}
.gsi-material-button:not(:disabled):focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
body.hirer-context .gsi-material-button {
  border-color: #e2e6d0;
}
body.hirer-context .gsi-material-button:not(:disabled):active .gsi-material-button-state,
body.hirer-context .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #4d7c0f;
}
body.hirer-context .gsi-material-button:not(:disabled):hover {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.12);
}
body.hirer-context .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #4d7c0f;
}
body.hirer-context .gsi-material-button:not(:disabled):focus {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.12);
}
.auth-container {
  min-height: calc(100vh - 72px);
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 80px 20px 40px;
}
.auth-wrapper {
  max-width: 480px;
  width: 100%;
}
.auth-header {
  text-align: center;
  margin-bottom: 32px;
}
.auth-title {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 8px 0;
  letter-spacing: -0.02em;
}
.auth-subtitle {
  font-size: 15px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
}
.auth-form {
  background: #fff;
  border: 1px solid #f3e8ff;
  border-radius: 12px;
  padding: 32px;
  margin-bottom: 24px;
  box-shadow: 0 1px 3px rgba(139, 92, 246, 0.08);
}
.auth-form-group {
  margin-bottom: 20px;
}
.auth-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .auth-form-row {
    grid-template-columns: 1fr;
  }
}
.auth-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.auth-label-hint {
  font-size: 13px;
  font-weight: 400;
  color: #6b7280;
  margin-left: 4px;
}
.auth-input,
.auth-select {
  width: 100%;
  padding: 11px 14px;
  font-size: 15px;
  border: 1px solid #e9d5ff;
  border-radius: 8px;
  transition: all 0.2s ease;
  font-family: inherit;
  color: #111827;
  background: #fff;
}
.auth-input::-moz-placeholder, .auth-select::-moz-placeholder {
  color: #9ca3af;
}
.auth-input::placeholder,
.auth-select::placeholder {
  color: #9ca3af;
}
.auth-input:focus,
.auth-select:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.auth-select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2.5rem;
}
.auth-help-text {
  font-size: 13px;
  color: #6b7280;
  margin-top: 4px;
}
.auth-checkbox-group {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.auth-checkbox {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #e9d5ff;
}
.auth-checkbox:checked {
  background-color: #6366f1;
  border-color: #6366f1;
}
.auth-checkbox:focus {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.auth-checkbox-label {
  font-size: 14px;
  color: #374151;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.auth-form-actions {
  margin-top: 24px;
}
.auth-submit-btn {
  width: 100%;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
}
.auth-links {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.auth-link {
  color: #6366f1;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.auth-link:hover {
  color: #4f46e5;
  text-decoration: underline;
}
.auth-link-separator {
  color: #d1d5db;
  font-size: 14px;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.auth-alternative {
  text-align: center;
  padding: 4px 0 0;
}
.auth-alternative-text {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
}
.auth-alternative-link {
  color: #6366f1;
  text-decoration: none;
  font-weight: 600;
  margin-left: 4px;
}
.auth-alternative-link:hover {
  color: #4f46e5;
  text-decoration: underline;
}
.auth-form .text-center {
  margin-bottom: 0;
}
.auth-form .text-center .gsi-material-button {
  margin-bottom: 0;
}
.auth-form .d-flex.align-items-center.justify-content-center.gap-2.my-3 {
  margin-top: 20px !important;
  margin-bottom: 24px !important;
}
.auth-form .d-flex.align-items-center.justify-content-center.gap-2.my-3 hr {
  border-color: #e5e7eb;
}
.auth-form .d-flex.align-items-center.justify-content-center.gap-2.my-3 .text-muted {
  color: #9ca3af !important;
  font-size: 13px;
  font-weight: 500;
}
.auth-error-container {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 20px;
}
.auth-error-container:has(.auth-error-list) {
  align-items: flex-start;
}
.auth-error-container:has(.auth-error-list) .auth-error-icon {
  margin-top: 2px;
}
.auth-error-icon {
  flex-shrink: 0;
  color: #dc2626;
  display: flex;
  align-items: center;
}
.auth-error-content {
  flex: 1;
  min-width: 0;
}
.auth-error-message {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #991b1b;
  line-height: 1.5;
}
.auth-error-list {
  margin: 0;
  padding-left: 18px;
}
.auth-error-list li {
  font-size: 14px;
  font-weight: 500;
  color: #991b1b;
  line-height: 1.5;
  margin: 2px 0;
}
.auth-form #error_explanation {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
}
.auth-form #error_explanation h2, .auth-form #error_explanation .h2 {
  font-size: 14px;
  font-weight: 600;
  color: #991b1b;
  margin: 0 0 8px 0;
}
.auth-form #error_explanation ul {
  margin: 0;
  padding-left: 20px;
}
.auth-form #error_explanation ul li {
  color: #991b1b;
  font-size: 13px;
  margin: 4px 0;
}
@media (max-width: 576px) {
  .auth-container {
    min-height: calc(100vh - 60px);
    padding: 24px 16px;
  }
  .auth-title {
    font-size: 24px;
  }
  .auth-header {
    margin-bottom: 20px;
  }
  .auth-form {
    padding: 20px 16px;
  }
  .auth-form-group {
    margin-bottom: 14px;
  }
  .auth-form-row {
    gap: 14px;
    margin-bottom: 14px;
  }
  .auth-input,
  .auth-select {
    padding: 10px 12px;
    font-size: 14px;
  }
  .auth-label {
    margin-bottom: 4px;
    font-size: 13px;
  }
  .auth-form-actions {
    margin-top: 18px;
  }
  .auth-submit-btn {
    font-size: 15px;
    padding: 11px 20px;
  }
  .ts-wrapper .ts-control {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }
}
.mysweetpot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.magic-link-success {
  text-align: center;
  padding: 40px 0;
}
.success-icon {
  margin: 0 auto 32px;
  width: 64px;
  height: 64px;
}
.success-title {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 16px 0;
}
.success-message {
  font-size: 16px;
  color: #6b7280;
  margin: 0 0 32px 0;
  line-height: 1.6;
}
.success-button {
  width: 100%;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
}
.success-hint {
  font-size: 14px;
  color: #9ca3af;
  margin: 24px 0 0 0;
}
.auth-form .ts-wrapper .ts-control {
  padding: 11px 14px;
  min-height: auto;
  font-size: 15px;
  border: 1px solid #e9d5ff;
  border-radius: 8px;
  background-color: #fff;
}
.auth-form .ts-wrapper .ts-control > .item {
  color: #4338ca;
  background-color: #ede9fe;
  border-radius: 6px;
  padding: 2px 8px;
}
.auth-form .ts-wrapper .ts-control input::-moz-placeholder {
  color: #9ca3af;
}
.auth-form .ts-wrapper .ts-control input::placeholder {
  color: #9ca3af;
}
.auth-form .ts-wrapper.focus .ts-control {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.auth-form .ts-dropdown {
  border: 1px solid #e9d5ff;
  border-radius: 8px;
  margin-top: 4px;
}
.auth-form .ts-dropdown .option {
  padding: 10px 14px;
}
.auth-form .ts-dropdown .option.active {
  background-color: #6366f1;
  color: #fff;
}
.auth-form .ts-dropdown .create {
  padding: 10px 14px;
  color: #6366f1;
}
.pricing-page {
  background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
  min-height: 100vh;
}
.pricing-hero {
  padding: 4rem 2rem 3rem;
  text-align: center;
}
@media (max-width: 768px) {
  .pricing-hero {
    padding: 2.5rem 1rem 2rem;
  }
}
.pricing-hero-content {
  max-width: 800px;
  margin: 0 auto;
}
.pricing-hero-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .pricing-hero-title {
    font-size: 1.75rem;
  }
}
.pricing-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 2rem 4rem;
}
@media (max-width: 768px) {
  .pricing-container {
    padding: 0 1rem 3rem;
  }
}
.pricing-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 3rem;
}
@media (max-width: 992px) {
  .pricing-cards {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.pricing-card {
  background: white;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  position: relative;
  transition: all 0.2s ease;
}
.pricing-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .pricing-card {
    padding: 1.5rem;
  }
}
.pricing-card-lite {
  border: 2px solid #6366f1;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}
.pricing-card-lite:hover {
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.2);
}
.pricing-card-plus {
  border: 1px solid #c7d2fe;
}
.pricing-card-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.pricing-card-badge .badge {
  font-size: 0.75rem;
  padding: 0.35rem 0.75rem;
  font-weight: 600;
}
.pricing-card-header {
  text-align: center;
  margin-bottom: 1.5rem;
  padding-top: 0.5rem;
}
.pricing-card-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.pricing-card-description {
  font-size: 0.9rem;
  line-height: 1.4;
  color: #6b7280;
  margin-bottom: 1rem;
  min-height: 2.5rem;
}
.pricing-card-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}
.pricing-card-price .price {
  font-size: 3rem;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}
.pricing-card-price .period {
  font-size: 1rem;
  color: #6b7280;
  font-weight: 500;
}
.pricing-card-action {
  margin-bottom: 1.5rem;
}
.pricing-card-action .btn {
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}
.pricing-card-features .feature {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
  font-size: 0.9rem;
  color: #374151;
}
.pricing-card-features .feature svg {
  flex-shrink: 0;
  margin-top: 0.15rem;
}
.pricing-card-features .feature strong {
  font-weight: 600;
  color: #1f2937;
}
.pricing-card-features .text-muted {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
}
.pricing-trust {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 2rem 1rem;
  border-top: 1px solid #e5e7eb;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .pricing-trust {
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 1rem;
  }
}
.pricing-trust-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #6b7280;
}
.pricing-trust-item svg {
  flex-shrink: 0;
}
.pricing-resident-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  font-size: 0.875rem;
  color: #6b7280;
}
.pricing-resident-note a {
  color: #6366f1;
  text-decoration: none;
  font-weight: 500;
}
.pricing-resident-note a:hover {
  text-decoration: underline;
}
.pricing-resident-note svg {
  flex-shrink: 0;
}
.pricing-faq {
  background: white;
  padding: 4rem 2rem;
  border-top: 1px solid #e5e7eb;
}
@media (max-width: 768px) {
  .pricing-faq {
    padding: 3rem 1rem;
  }
}
.pricing-faq-container {
  max-width: 800px;
  margin: 0 auto;
}
.pricing-faq-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2937;
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .pricing-faq-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
#pricingFaqAccordion .accordion-item {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
}
#pricingFaqAccordion .accordion-item:last-child {
  margin-bottom: 0;
}
#pricingFaqAccordion .accordion-header {
  margin-bottom: 0;
}
#pricingFaqAccordion .accordion-button {
  font-weight: 600;
  color: #1f2937;
  font-size: 1rem;
  padding: 1.25rem 1.5rem;
  background: white;
}
#pricingFaqAccordion .accordion-button:not(.collapsed) {
  background: #f9fafb;
  color: #6366f1;
  box-shadow: none;
}
#pricingFaqAccordion .accordion-button:focus {
  box-shadow: none;
  border-color: #e5e7eb;
}
#pricingFaqAccordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236b7280'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#pricingFaqAccordion .accordion-body {
  padding: 1rem 1.5rem 1.5rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #6b7280;
}
#pricingFaqAccordion .accordion-collapse {
  border-top: 1px solid #e5e7eb;
}
.resident-banner {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
  border: 1px solid rgba(99, 102, 241, 0.2);
  border-radius: 8px;
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  color: #4b5563;
}
.resident-banner svg {
  color: #6366f1;
}
.resident-banner a {
  color: #6366f1;
  text-decoration: none;
  font-weight: 500;
}
.resident-banner a:hover {
  text-decoration: underline;
}
.resident-banner--active {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(5, 150, 105, 0.08) 100%);
  border-color: rgba(16, 185, 129, 0.25);
}
.resident-banner--active svg {
  color: #10b981;
}
.resident-banner--active a {
  color: #059669;
}
.pricing-table .pricing-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background: white;
  transition: all 0.3s ease;
}
.pricing-table .pricing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.pricing-table .pricing-card.featured {
  border-color: #6366f1;
  border-width: 2px;
  transform: scale(1.05);
  box-shadow: 0 20px 25px -5px rgba(99, 102, 241, 0.15), 0 8px 10px -6px rgba(99, 102, 241, 0.1);
}
.pricing-table .pricing-card.featured:hover {
  transform: scale(1.05) translateY(-4px);
}
.pricing-table .pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pricing-table .pricing-header {
  text-align: center;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f3f4f6;
}
.pricing-table .pricing-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1rem;
}
.pricing-table .pricing-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.pricing-table .pricing-price .price-currency {
  font-size: 1.25rem;
  color: #6b7280;
  margin-right: 4px;
}
.pricing-table .pricing-price .price-amount {
  font-size: 3rem;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}
.pricing-table .pricing-price .price-period {
  font-size: 1rem;
  color: #6b7280;
  margin-left: 4px;
}
.pricing-table .pricing-description {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0;
}
.pricing-table .pricing-features {
  flex: 1;
  margin-bottom: 2rem;
}
.pricing-table .feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-table .feature-list li {
  padding: 0.75rem 0;
  display: flex;
  align-items: flex-start;
  font-size: 0.95rem;
  color: #4b5563;
  border-bottom: 1px solid #f9fafb;
}
.pricing-table .feature-list li:last-child {
  border-bottom: none;
}
.pricing-table .feature-list li.text-muted {
  color: #9ca3af;
}
.pricing-table .pricing-action .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.pricing-table .pricing-action .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.billing-toggle-section {
  border-top: 1px solid #e5e7eb;
  padding-top: 2rem;
  background: #f9fafb;
  margin: 0 -1.5rem -1.5rem;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.billing-toggle-section .billing-label {
  font-weight: 500;
  color: #4b5563;
}
.billing-toggle-section .form-switch .form-check-input {
  width: 3rem;
  height: 1.5rem;
  cursor: pointer;
}
.billing-toggle-section .form-switch .form-check-input:checked {
  background-color: #6366f1;
  border-color: #6366f1;
}
@media (max-width: 768px) {
  .pricing-table .pricing-card {
    margin-bottom: 2rem;
  }
  .pricing-table .pricing-card.featured {
    transform: none;
  }
}
.pricing-faq {
  background: white;
  padding: 2rem 0;
  margin-top: 2rem;
  border-top: 1px solid #e5e7eb;
}
@media (max-width: 768px) {
  .pricing-faq {
    padding: 1.5rem 0;
  }
}
.pricing-faq-container {
  max-width: 800px;
  margin: 0 auto;
}
.pricing-faq-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
  text-align: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .pricing-faq-title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
}
#pricingFaqAccordion .accordion-item {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
#pricingFaqAccordion .accordion-item:last-child {
  margin-bottom: 0;
}
#pricingFaqAccordion .accordion-header {
  margin-bottom: 0;
}
#pricingFaqAccordion .accordion-button {
  font-weight: 600;
  color: #1f2937;
  font-size: 0.95rem;
  padding: 1rem 1.25rem;
  background: white;
}
#pricingFaqAccordion .accordion-button:not(.collapsed) {
  background: #f9fafb;
  color: #6366f1;
  box-shadow: none;
}
#pricingFaqAccordion .accordion-button:focus {
  box-shadow: none;
  border-color: #e5e7eb;
}
#pricingFaqAccordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236b7280'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#pricingFaqAccordion .accordion-body {
  color: #4b5563;
  font-size: 0.9rem;
  line-height: 1.6;
  padding: 1rem 1.25rem;
}
/* 2025 Minimalist Landing Page Styles */
:root {
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #818cf8;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-tertiary: #94a3b8;
  --bg-light: #f8fafc;
  --border-light: #e2e8f0;
}
/* SEO Landing Page Intro Content */
.seo-intro-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 1rem;
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-secondary);
  text-align: left;
}
.seo-intro-content p {
  margin-bottom: 1rem;
}
.seo-intro-content p:last-child {
  margin-bottom: 0;
}
.seo-intro-content strong, .seo-intro-content b {
  color: var(--text-primary);
  font-weight: 600;
}
.seo-intro-content a {
  color: var(--primary);
  text-decoration: none;
}
.seo-intro-content a:hover {
  text-decoration: underline;
}
/* Hero Section with Radiant Background */
.landing-hero {
  padding: 6rem 0.75rem 4rem;
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  overflow: hidden;
}
.landing-hero::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 700px;
  height: 500px;
  background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(99, 102, 241, 0.05), transparent 70%), radial-gradient(circle 300px at 40% 50%, rgba(129, 140, 248, 0.03), transparent), radial-gradient(circle 250px at 60% 50%, rgba(165, 180, 252, 0.02), transparent);
  pointer-events: none;
  animation: radiantGlow 25s ease-in-out infinite;
  z-index: 0;
}
.landing-hero::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 600px;
  height: 400px;
  background: radial-gradient(circle 200px at 45% 50%, rgba(99, 102, 241, 0.015), transparent), radial-gradient(circle 180px at 55% 50%, rgba(129, 140, 248, 0.01), transparent);
  pointer-events: none;
  animation: radiantGlow 30s ease-in-out infinite reverse;
  z-index: 0;
}
@keyframes radiantGlow {
  0%, 100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(1.05);
  }
}
/* Hero content needs to be above radiant background */
.landing-hero > .container {
  position: relative;
  z-index: 1;
}
.hero-testimonials-section {
  padding: 0 0.75rem 2.5rem;
  background: white;
  position: relative;
}
.hero-testimonials-header {
  text-align: center;
  margin: 0 auto 2rem;
  max-width: 640px;
  padding-top: 2.5rem;
}
.hero-testimonials-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: rgba(99, 102, 241, 0.08);
  color: var(--primary-dark);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.9rem;
}
.hero-testimonials-title {
  font-size: clamp(1.75rem, 3vw, 2.4rem);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-primary);
  margin: 0;
}
.hero-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  max-width: 1200px;
  margin: 0 auto;
}
.testimonial-card-compact {
  height: 100%;
  padding: 1.5rem;
}
.testimonial-text-compact {
  font-size: 0.96rem;
  line-height: 1.55;
  margin-bottom: 1.25rem;
}
/* Subtle dividers between sections */
.society-partners-section::before,
.hero-testimonials-section::before,
.voices-section::before,
.testimonials-section::before,
.story-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1200px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1) 20%, rgba(99, 102, 241, 0.15) 50%, rgba(99, 102, 241, 0.1) 80%, transparent);
}
.hero-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.hero-badge {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  color: white;
  border-radius: 24px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  letter-spacing: 0.02em;
}
.hero-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: clamp(2.2rem, 4.5vw, 3.5rem);
  font-weight: 500;
  line-height: 1.1;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
  letter-spacing: -0.03em;
}
.gradient-text {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-subtitle {
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--text-secondary);
  margin-bottom: 2.5rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.btn-primary-landing {
  display: inline-flex;
  align-items: center;
  padding: 1rem 2rem;
  background: var(--primary);
  color: white;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
}
.btn-primary-landing:hover {
  background: var(--primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.3);
  color: white;
  text-decoration: none;
}
.btn-secondary-landing {
  display: inline-flex;
  align-items: center;
  padding: 1rem 2rem;
  background: transparent;
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}
.btn-secondary-landing:hover {
  background: var(--primary);
  color: white;
  text-decoration: none;
}
/* Category Pills Row */
.category-pills-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.category-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 1rem;
  background: var(--bg-light);
  border: 1px solid var(--border-light);
  border-radius: 24px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.category-pill:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
  text-decoration: none;
  transform: translateY(-1px);
}
.category-pill svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.category-pill-all {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
}
.category-pill-all:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
}
/* Section Styles (shared across sections) */
.landing-hero .section-header,
.voices-section .section-header,
.society-partners-section .section-header,
.testimonials-section .section-header,
.story-section .section-header,
.landing-faq-section .section-header {
  display: block;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 2rem;
}
.voices-section .section-header,
.society-partners-section .section-header,
.testimonials-section .section-header,
.story-section .section-header,
.landing-faq-section .section-header {
  margin-bottom: 4rem;
}
.section-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.title-secondary {
  display: block;
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 400;
  color: var(--text-secondary);
  margin-top: 0.75rem;
  letter-spacing: 0;
}
.section-subtitle {
  font-size: 1.125rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin-top: 0.75rem;
}
/* Society Partners Section */
.society-partners-section {
  padding: 6rem 0.75rem;
  background: var(--bg-light);
  position: relative;
}
.landing-partner-cloud {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  grid-template-rows: repeat(2, minmax(92px, auto));
  gap: 0.75rem;
  max-width: 1080px;
  margin: 0 auto;
}
.landing-partner-logo {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  color: rgba(15, 23, 42, 0.62);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5));
  border: 1px solid rgba(226, 232, 240, 0.72);
  border-radius: 8px;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.035);
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: 1.32rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.landing-partner-logo--serif {
  font-style: italic;
  font-weight: 500;
}
.landing-partner-logo--mono {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
}
.landing-partner-logo--muted {
  color: rgba(71, 85, 105, 0.6);
  font-style: italic;
  font-size: 1.05rem;
  font-weight: 400;
  letter-spacing: 0;
  background: transparent;
  border: 1px dashed rgba(148, 163, 184, 0.5);
  box-shadow: none;
}
@media (max-width: 767px) {
  .society-partners-section {
    padding: 4rem 0.75rem;
  }
  .landing-partner-cloud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 0.625rem;
  }
  .landing-partner-logo {
    min-height: 76px;
    padding: 1rem;
    font-size: 1.08rem;
  }
}
/* Society Partners Banner */
.society-partners-banner {
  padding: 0.875rem 2.5rem 0.875rem 0.75rem;
  margin: 0;
  border-radius: 0;
  background: rgba(228, 100, 61, 0.2);
  border: none;
  box-shadow: 0 2px 4px rgba(33, 33, 33, 0.06);
}
.society-partners-banner .btn-close {
  padding: 1rem;
  opacity: 0.4;
}
.society-partners-banner .btn-close:hover {
  opacity: 0.8;
}
.society-partners-banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
.society-partners-banner-icon {
  color: var(--primary);
  flex-shrink: 0;
}
.society-partners-banner-text {
  margin: 0;
  font-size: 0.925rem;
  color: var(--text-primary);
  line-height: 1.4;
}
.society-partners-banner-text a {
  color: var(--primary);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.society-partners-banner-text a:hover {
  text-decoration-thickness: 2px;
}
@media (max-width: 767px) {
  .society-partners-banner-text {
    font-size: 0.85rem;
  }
}
.cta-center {
  text-align: center;
  margin-top: 3rem;
}
/* Physicians at the Center Infographic */
.physicians-center-graphic {
  position: relative;
  max-width: 860px;
  height: 460px;
  margin: 3rem auto 2rem;
}
.radial-arc {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  transform: translate(-50%, -50%);
  border: 2px dashed rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  pointer-events: none;
}
.radial-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: white;
  padding: 1.25rem 1.5rem;
  border-radius: 16px;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
  box-shadow: 0 4px 20px rgba(37, 99, 235, 0.3);
  text-decoration: none;
  transition: all 0.2s ease;
  z-index: 2;
}
.radial-center:hover {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 6px 28px rgba(37, 99, 235, 0.45);
  color: white;
}
.radial-spokes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.radial-spokes line {
  stroke: rgba(59, 130, 246, 0.25);
  stroke-width: 1.5;
  stroke-dasharray: 6 4;
}
.radial-label {
  position: absolute;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.625rem 1.25rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #334155;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease;
  z-index: 3;
}
.radial-label:hover {
  background: #2563eb;
  color: white;
  border-color: #2563eb;
  transform: scale(1.05);
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.25);
}
/* Label colors (clockwise from top) */
.radial-label-1 {
  border-color: #7c3aed;
  color: #7c3aed;
}
.radial-label-1:hover {
  background: #7c3aed;
  color: white;
  border-color: #7c3aed;
}
.radial-label-2 {
  border-color: #2563eb;
  color: #2563eb;
}
.radial-label-2:hover {
  background: #2563eb;
  color: white;
  border-color: #2563eb;
}
.radial-label-3 {
  border-color: #0891b2;
  color: #0891b2;
}
.radial-label-3:hover {
  background: #0891b2;
  color: white;
  border-color: #0891b2;
}
.radial-label-4 {
  border-color: #059669;
  color: #059669;
}
.radial-label-4:hover {
  background: #059669;
  color: white;
  border-color: #059669;
}
.radial-label-5 {
  border-color: #d97706;
  color: #d97706;
}
.radial-label-5:hover {
  background: #d97706;
  color: white;
  border-color: #d97706;
}
.radial-label-6 {
  border-color: #9333ea;
  color: #9333ea;
}
.radial-label-6:hover {
  background: #9333ea;
  color: white;
  border-color: #9333ea;
}
.radial-label-7 {
  border-color: #c026d3;
  color: #c026d3;
}
.radial-label-7:hover {
  background: #c026d3;
  color: white;
  border-color: #c026d3;
}
/* Label positions scoped to parent for easy mobile override */
.physicians-center-graphic .radial-label-1 {
  top: 8.7%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.physicians-center-graphic .radial-label-2 {
  top: 23.5%;
  left: 67.2%;
  transform: translate(-50%, -50%);
}
.physicians-center-graphic .radial-label-3 {
  top: 59.3%;
  left: 71.9%;
  transform: translate(-50%, -50%);
}
.physicians-center-graphic .radial-label-4 {
  top: 89.8%;
  left: 59.3%;
  transform: translate(-50%, -50%);
}
.physicians-center-graphic .radial-label-5 {
  top: 89.8%;
  left: 40.7%;
  transform: translate(-50%, -50%);
}
.physicians-center-graphic .radial-label-6 {
  top: 59.3%;
  left: 28.1%;
  transform: translate(-50%, -50%);
}
.physicians-center-graphic .radial-label-7 {
  top: 23.5%;
  left: 32.8%;
  transform: translate(-50%, -50%);
}
.radial-label:hover {
  transform: translate(-50%, -50%) scale(1.05);
}
/* Feature Cards Row */
.feature-cards-row {
  display: flex;
  gap: 1rem;
  max-width: 960px;
  margin: 0 auto 2.5rem;
  justify-content: center;
}
.feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1.25rem 1rem;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  text-decoration: none;
  color: #334155;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
  flex: 1;
  min-width: 0;
  transition: all 0.2s ease;
}
.feature-card svg {
  color: #2563eb;
  flex-shrink: 0;
}
.feature-card:hover {
  border-color: #2563eb;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.12);
  color: #2563eb;
}
/* Voices Section */
.voices-section {
  padding: 6rem 0.75rem;
  background: white;
  position: relative;
}
.voices-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap: 0;
  max-width: 1120px;
  margin: 0 auto 3rem;
  align-items: stretch;
}
.voices-secondary-list {
  display: grid;
  gap: 0;
  border-left: 1px solid rgba(15, 23, 42, 0.08);
  padding-left: 2.25rem;
}
.voice-card {
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  text-decoration: none;
  transition: color 0.2s ease;
  display: block;
  height: 100%;
}
.voice-card--featured {
  padding: 0 2.25rem 0 0;
  min-height: 420px;
}
.voice-card--secondary {
  padding: 1.5rem 0;
}
.voice-card--secondary + .voice-card--secondary {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.voice-card--featured:last-child {
  grid-column: 1/-1;
}
.voice-card:hover {
  text-decoration: none;
}
.voice-card:hover .voice-title {
  color: var(--primary);
}
.voice-card:hover .voice-category {
  color: var(--primary);
}
.voice-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.voice-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.voice-category {
  color: rgba(71, 85, 105, 0.78);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: color 0.2s ease;
}
.voice-title {
  font-family: "Newsreader", "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(15, 23, 42, 0.9);
  letter-spacing: -0.012em;
  margin-bottom: 0.875rem;
  line-height: 1.25;
  transition: color 0.2s ease;
}
.voice-card--featured .voice-title {
  max-width: 680px;
  font-size: clamp(1.75rem, 3vw, 2.45rem);
  line-height: 1.08;
  letter-spacing: 0;
  margin-bottom: 1.125rem;
}
.voice-card--secondary .voice-title {
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.018em;
  margin-bottom: 0.625rem;
}
.voice-excerpt {
  font-size: 0.96rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.voice-card--featured .voice-excerpt {
  max-width: 620px;
  font-size: 1.02rem;
  display: block;
  overflow: visible;
  text-overflow: clip;
}
.voice-card--secondary .voice-excerpt {
  display: none;
  font-size: 0.91rem;
  line-height: 1.55;
  margin-bottom: 1rem;
  -webkit-line-clamp: 2;
}
.voice-author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  padding-top: 1.125rem;
  margin-top: auto;
}
.voice-card--secondary .voice-author {
  padding-top: 0.875rem;
}
.author-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(226, 232, 240, 0.9);
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.author-avatar-placeholder {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f1f5f9;
  border: 1px solid rgba(226, 232, 240, 0.9);
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  flex-shrink: 0;
}
.author-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.author-name {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-primary);
}
.author-specialty {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-tertiary);
}
.voice-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.view-count {
  font-size: 0.75rem;
  color: rgba(100, 116, 139, 0.78);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.published-time {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid rgba(203, 213, 225, 0.7);
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.78);
  color: rgba(71, 85, 105, 0.82);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.view-count svg {
  color: rgba(148, 163, 184, 0.9);
}
/* Testimonials Section */
.testimonials-section {
  padding: 6rem 0.75rem;
  background: white;
  position: relative;
}
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
  max-width: 1120px;
  margin: 0 auto;
}
.testimonial-card-new {
  position: relative;
  padding: 0.25rem 1.75rem;
  background: transparent;
}
.testimonial-text {
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: 1.16rem;
  font-weight: 300;
  line-height: 1.58;
  letter-spacing: -0.01em;
  color: rgba(15, 23, 42, 0.88);
  margin: 0 0 1.75rem;
}
.testimonial-author-new {
  margin-top: 0;
}
.author-title-new {
  font-size: 0.9rem;
  color: rgba(51, 65, 85, 0.88);
  font-weight: 600;
  line-height: 1.45;
}
.testimonial-slide + .testimonial-slide .testimonial-card-new::before,
.testimonials-grid .testimonial-card-new + .testimonial-card-new::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  bottom: 0.25rem;
  left: -0.5rem;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(203, 213, 225, 0.84) 18%, rgba(203, 213, 225, 0.84) 82%, transparent);
}
/* Testimonials Carousel (Desktop) */
.testimonials-carousel-wrapper {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 3rem;
}
.testimonials-carousel-container {
  overflow: hidden;
  width: 100%;
}
.testimonials-carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  gap: 1rem;
}
.testimonial-slide {
  flex: 0 0 calc(33.333% - 0.667rem);
  min-width: 320px;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.testimonial-slide.active {
  opacity: 1;
}
.testimonial-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(203, 213, 225, 0.84);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(51, 65, 85, 0.86);
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  z-index: 10;
}
.testimonial-carousel-btn:hover {
  background: white;
  color: var(--text-primary);
  border-color: rgba(148, 163, 184, 0.92);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}
.testimonial-carousel-btn svg {
  width: 18px;
  height: 18px;
}
.testimonial-carousel-prev {
  left: 0;
}
.testimonial-carousel-next {
  right: 0;
}
.testimonial-carousel-dots {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 1.5rem;
}
.carousel-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(203, 213, 225, 0.9);
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease, width 0.2s ease;
  padding: 0;
}
.carousel-dot:hover {
  background: rgba(148, 163, 184, 0.95);
}
.carousel-dot.active {
  width: 18px;
  border-radius: 999px;
  background: rgba(71, 85, 105, 0.86);
}
.mobile-testimonials-toggle {
  display: flex;
  justify-content: center;
  margin-top: 1.75rem;
}
.mobile-testimonials-toggle:has([aria-expanded=true]) {
  display: none;
}
.btn-secondary-landing--compact {
  min-height: auto;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
/* About Us Page */
.about-page {
  padding: 4rem 1rem 6rem;
  background: white;
}
.about-content {
  max-width: 720px;
  margin: 0 auto;
  font-size: 1.1rem;
  line-height: 1.8;
  color: var(--text-secondary);
}
.about-content p {
  margin-bottom: 1.25rem;
}
.about-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 2rem;
}
.about-subtitle {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.about-list {
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}
.about-list li {
  margin-bottom: 0.5rem;
}
.highlight-question {
  font-size: 1.15rem;
  color: var(--text-primary);
}
.tagline {
  font-size: 1.2rem;
  color: #6366f1;
  margin-top: 2rem;
}
.founders-section {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #e5e7eb;
}
.founders-photo {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  margin-bottom: 1.5rem;
}
.founders-info p {
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
/* Ask Mo Landing Component */
.ask-mo-landing-container {
  max-width: 700px;
  margin: 0 auto 2.5rem;
}
.ask-mo-landing-form {
  width: 100%;
}
.ask-mo-input-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  background: white;
  border: 1px solid var(--border-light);
  border-radius: 16px;
  padding: 0.75rem 1.25rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  margin-bottom: 1rem;
}
.ask-mo-input-wrapper:focus-within {
  border-color: var(--primary);
  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15);
}
.ask-mo-typing-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.5;
  color: var(--text-tertiary);
  pointer-events: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}
.ask-mo-typing-overlay.typing::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1.2em;
  background-color: var(--text-tertiary);
  margin-left: 1px;
  vertical-align: text-bottom;
  animation: landing-cursor-blink 1s step-end infinite;
}
@keyframes landing-cursor-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.ask-mo-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 1rem;
  color: var(--text-primary);
  background: transparent;
  padding: 0;
  resize: none;
  overflow: hidden;
  font-family: inherit;
  line-height: 1.5;
  min-height: 1.5rem;
  max-height: 120px;
  align-self: center;
  position: relative;
  z-index: 1;
}
.ask-mo-input::-moz-placeholder {
  color: var(--text-tertiary);
}
.ask-mo-input::placeholder {
  color: var(--text-tertiary);
}
.ask-mo-submit-btn {
  background: transparent;
  color: var(--primary);
  border: none;
  border-radius: 10px;
  padding: 0.5rem 1.25rem;
  font-weight: 600;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 0.5rem;
}
.ask-mo-submit-btn:hover {
  background: rgba(99, 102, 241, 0.1);
  transform: translateY(-1px);
}
.ask-mo-btn-icon {
  display: none;
}
.ask-mo-btn-text {
  display: inline-flex;
  align-items: center;
}
.ask-mo-hint-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  margin-top: 0.75rem;
}
.hint-label {
  font-size: 0.8125rem;
  color: var(--text-tertiary);
  margin-right: 0.5rem;
  flex-shrink: 0;
  white-space: nowrap;
}
.hint-pill {
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 500;
  max-width: 100%;
}
.hint-pill:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: #d1d5db;
}
/* Desktop: show only 4 hint pills to fit in one row */
@media (min-width: 769px) {
  .hint-pill:nth-child(n+6) {
    display: none;
  }
}
/* Explore Capabilities Section */
.explore-capabilities-landing {
  margin-top: 1.5rem;
  width: 100%;
  max-width: 800px;
}
.explore-capabilities-landing .explore-toggle-landing {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: transparent;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s ease;
}
.explore-capabilities-landing .explore-toggle-landing:hover {
  color: #4b5563;
}
.explore-capabilities-landing .explore-toggle-landing svg {
  transition: transform 0.3s ease;
}
.explore-capabilities-landing .explore-toggle-landing.expanded svg {
  transform: rotate(180deg);
}
.explore-capabilities-landing .explore-content-landing {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, opacity 0.3s ease;
  opacity: 0;
}
.explore-capabilities-landing .explore-content-landing.expanded {
  max-height: 3000px;
  opacity: 1;
  transition: max-height 0.5s ease-in, opacity 0.3s ease 0.1s;
}
.explore-capabilities-landing .explore-categories-landing {
  padding-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  text-align: left;
}
.explore-capabilities-landing .explore-category-landing .explore-category-header-landing {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
}
.explore-capabilities-landing .explore-category-landing .explore-category-header-landing .explore-category-icon {
  color: #6366f1;
  flex-shrink: 0;
}
.explore-capabilities-landing .explore-category-landing .explore-category-header-landing .explore-category-title-landing {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
}
.explore-capabilities-landing .explore-category-landing .explore-category-questions-landing {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.explore-capabilities-landing .explore-question-landing {
  display: inline-block;
  padding: 0.5rem 0.875rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  font-size: 0.8125rem;
  color: #4b5563;
  text-align: left;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1.4;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.explore-capabilities-landing .explore-question-landing:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #4338ca;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(99, 102, 241, 0.1);
}
.explore-capabilities-landing .explore-question-landing:active {
  transform: translateY(0);
}
/* Landing FAQ Section */
.landing-faq-section {
  padding: 6rem 0.75rem;
  background: var(--bg-subtle, #f8f9fa);
}
/* Responsive Design */
@media (max-width: 1200px) and (min-width: 769px) {
  /* Tablets/small desktop - show 2 testimonials */
  .testimonials-carousel-wrapper {
    max-width: 900px;
    padding: 0 3rem;
  }
  .testimonial-slide {
    flex: 0 0 calc(50% - 1rem);
  }
}
@media (max-width: 768px) {
  .landing-hero {
    padding: 2.5rem 0.75rem 2rem;
  }
  .hero-badge {
    margin-bottom: 1rem;
    font-size: 0.8rem;
  }
  .hero-title {
    font-size: 2.25rem;
    margin-bottom: 0.75rem;
  }
  .hero-title .gradient-text {
    font-size: 1.6rem;
  }
  .hero-subtitle {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
  }
  .ask-mo-container {
    margin-bottom: 1.5rem;
  }
  .hero-stats {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }
  .stat-item {
    min-width: 0;
  }
  .stat-number {
    font-size: 1.25rem;
  }
  .stat-label {
    font-size: 0.75rem;
  }
  .stat-divider {
    height: 30px;
  }
  .stat-item-cta .btn-primary-landing {
    padding: 0.625rem 1.5rem;
    font-size: 0.875rem;
  }
  /* Mobile: horizontal scroll for hint pills */
  .ask-mo-hint-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .ask-mo-hint-pills::-webkit-scrollbar {
    display: none;
  }
  .hint-pill {
    white-space: nowrap;
    flex-shrink: 0;
  }
  /* Mobile explore capabilities */
  .explore-capabilities-landing {
    margin-top: 1rem;
  }
  .explore-capabilities-landing .explore-question-landing {
    font-size: 0.75rem;
    padding: 0.4375rem 0.75rem;
  }
  .explore-capabilities-landing .explore-category-header-landing .explore-category-title-landing {
    font-size: 0.75rem;
  }
  .hero-testimonials-section,
  .voices-section,
  .testimonials-section,
  .story-section,
  .landing-faq-section {
    padding: 4rem 0.75rem;
  }
  .hero-testimonials-header {
    padding-top: 0;
  }
  .hero-testimonials-grid {
    grid-template-columns: 1fr;
  }
  .physicians-center-graphic {
    height: 340px;
    margin: 2rem auto 1.5rem;
    max-width: 360px;
  }
  .radial-arc {
    width: 300px;
    height: 300px;
  }
  .radial-center {
    width: 72px;
    height: 72px;
    padding: 0;
    font-size: 0.5625rem;
    gap: 0.125rem;
    border-radius: 50%;
    justify-content: center;
  }
  .radial-center svg {
    width: 22px;
    height: 22px;
  }
  .radial-label {
    font-size: 0.6875rem;
    padding: 0.3125rem 0.5rem;
    white-space: nowrap;
  }
  .physicians-center-graphic .radial-label-1 {
    top: 6%;
    left: 50%;
  }
  .physicians-center-graphic .radial-label-2 {
    top: 18%;
    left: 76%;
  }
  .physicians-center-graphic .radial-label-3 {
    top: 56%;
    left: 86%;
  }
  .physicians-center-graphic .radial-label-4 {
    top: 88%;
    left: 66%;
  }
  .physicians-center-graphic .radial-label-5 {
    top: 88%;
    left: 34%;
  }
  .physicians-center-graphic .radial-label-6 {
    top: 56%;
    left: 14%;
  }
  .physicians-center-graphic .radial-label-7 {
    top: 18%;
    left: 24%;
  }
  .feature-cards-row {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start;
    padding-bottom: 0.5rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .feature-cards-row::-webkit-scrollbar {
    display: none;
  }
  .feature-card {
    min-width: 140px;
    flex-shrink: 0;
  }
  .category-pills-row {
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 0.5rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .category-pills-row::-webkit-scrollbar {
    display: none;
  }
  .category-pill {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    flex-shrink: 0;
  }
  /* Stack the editorial voices module on mobile */
  .voices-grid {
    display: grid;
    grid-template-columns: 1fr;
    overflow: visible;
    gap: 0;
    padding-bottom: 0;
  }
  .voices-secondary-list {
    gap: 0;
    border-left: none;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-left: 0;
    padding-top: 0;
    margin-top: 1.5rem;
  }
  .voice-card {
    flex: none;
    min-width: 280px;
    max-width: none;
    padding: 1.5rem 0;
  }
  .voice-card--featured {
    padding: 0 0 1.5rem 0;
    min-height: auto;
  }
  .voice-card--secondary {
    min-height: auto;
  }
  .voice-card--featured .voice-title {
    font-size: 1.45rem;
    line-height: 1.16;
  }
  .voice-card--secondary .voice-excerpt {
    display: -webkit-box;
  }
  .voice-header {
    flex-direction: column;
    gap: 0.5rem;
  }
  .voice-meta {
    justify-content: flex-start;
  }
  .mobile-testimonials-list {
    display: flex;
    flex-direction: column;
  }
  .testimonial-card-new {
    flex: none;
    min-width: 0;
    max-width: none;
    padding: 0.25rem 0;
  }
  .mobile-testimonial-divider {
    width: 9rem;
    max-width: 42%;
    height: 1px;
    margin: 1.75rem auto;
    background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.62), transparent);
  }
  .mobile-testimonials-list--expanded {
    margin-top: 0;
  }
  .testimonial-text {
    font-size: 1.08rem;
    line-height: 1.56;
    margin: 0 0 1.25rem;
  }
  .ask-mo-input-wrapper {
    padding: 0.625rem 1rem;
    flex-wrap: wrap;
    align-items: center;
  }
  .ask-mo-typing-overlay {
    padding: 0.625rem 1rem;
    display: block;
    white-space: normal;
    bottom: auto;
    min-height: 3rem;
    padding-top: 0.875rem;
    text-align: left;
  }
  .ask-mo-input {
    min-height: 3rem;
    width: 100%;
    flex: 1 1 100%;
  }
  .ask-mo-submit-btn {
    padding: 0.375rem 1rem;
    margin-left: auto;
    font-size: 0.875rem;
  }
  .ask-mo-btn-text {
    display: inline-flex;
    align-items: center;
  }
  .ask-mo-btn-icon {
    display: none;
  }
}
/* Browse by Category Section */
.browse-section {
  padding: 5rem 0;
  background: #ffffff;
}
.browse-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.browse-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  align-items: start;
}
.browse-side-inner {
  position: sticky;
  top: 6rem;
}
.browse-headline {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "liga" 1, "calt" 1;
  font-weight: 500;
  font-size: clamp(2.25rem, 4.4vw, 3.5rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--text-primary);
  margin: 0 0 1.5rem;
}
.browse-sub {
  font-size: 1.1875rem;
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0 0 2rem;
}
.browse-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--primary-dark);
  text-decoration: none;
  transition: gap 0.15s, color 0.15s;
}
.browse-link:hover {
  gap: 0.625rem;
  color: var(--primary);
  text-decoration: none;
}
.browse-link-arrow {
  transition: transform 0.15s;
}
.browse-grid-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.browse-eyebrow {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin-bottom: 0.25rem;
}
.browse-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
}
.browse-tile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 0.625rem;
  background: white;
  color: var(--text-primary);
  text-decoration: none;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s, transform 0.15s;
}
.browse-tile:hover {
  border-color: var(--primary);
  background: rgba(99, 102, 241, 0.03);
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.08);
  transform: translateY(-1px);
  color: var(--text-primary);
  text-decoration: none;
}
.browse-tile--featured {
  background: rgba(99, 102, 241, 0.06);
  border-color: rgba(99, 102, 241, 0.35);
}
.browse-tile--featured:hover {
  background: rgba(99, 102, 241, 0.09);
  border-color: var(--primary);
}
.browse-tile--featured .browse-tile-label {
  font-weight: 600;
}
.browse-tile-main {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  flex: 1;
}
.browse-tile-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: rgba(99, 102, 241, 0.1);
  color: var(--primary-dark);
  flex-shrink: 0;
}
.browse-tile-icon--featured {
  background: rgba(99, 102, 241, 0.18);
  color: var(--primary-dark);
}
.browse-tile-label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--text-primary);
}
.browse-tile-count {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-tertiary);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.browse-tile--featured .browse-tile-count {
  color: var(--primary-dark);
}
@media (max-width: 900px) {
  .browse-section .container {
    padding: 0 1rem;
  }
  .browse-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .browse-side-inner {
    position: static;
  }
}
@media (max-width: 600px) {
  .browse-section {
    padding: 3rem 0;
  }
  .browse-headline {
    font-size: 2.5rem;
  }
  .browse-sub {
    font-size: 1.0625rem;
  }
  .browse-link {
    font-size: 1rem;
  }
  .browse-grid {
    grid-template-columns: 1fr;
  }
  .browse-tile {
    padding: 0.75rem 0.875rem;
  }
}
.v2-mobile-layout {
  height: auto;
  min-height: 100dvh;
  background: #fff;
}
.v2-mobile-layout .mobile-layout-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  background: #fff;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  transition: height 150ms ease-out, border-color 150ms ease-out;
}
.v2-mobile-layout .mobile-layout-header.is-scrolled {
  height: 56px;
  border-bottom-color: #f1f3f5;
}
.v2-mobile-layout .mobile-layout-header-btn {
  background: none;
  border: none;
  padding: 0.5rem;
  color: #374151;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2-mobile-layout .mobile-layout-header-btn:focus {
  outline: none;
}
.v2-mobile-layout .mobile-layout-logo {
  display: flex;
  align-items: center;
}
.v2-mobile-layout .mobile-layout-content {
  padding-bottom: env(safe-area-inset-bottom);
}
.v2-mobile-layout .ask-mo-floating-btn {
  display: flex;
  position: fixed;
  bottom: calc(1.5rem + env(safe-area-inset-bottom));
  right: 1.5rem;
  z-index: 1045;
}
.v2-mobile-layout .mobile-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #6366f1;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
.v2-mobile-layout .mobile-filter-btn:active {
  background: #4f46e5;
}
.v2-mobile-layout .mobile-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 1rem;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  z-index: 100;
}
.v2-mobile-layout .mobile-job-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}
.v2-mobile-layout .chat-bottom-sheet {
  height: 80dvh !important;
  max-height: 80dvh !important;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-header {
  border-bottom: 1px solid #e5e7eb;
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-header .ask-mo-offcanvas-header-content {
  padding: 0.75rem 1rem !important;
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-header .ask-mo-header-icon {
  width: 22px;
  height: 22px;
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-header .ask-mo-header-title {
  font-size: 1.1rem;
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-header .ask-mo-header-subtitle {
  font-size: 0.8rem;
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-header .ask-mo-header-close {
  font-size: 0.85rem;
  padding: 0.5rem;
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-handle {
  display: flex;
  justify-content: center;
  padding: 8px 0 0;
  cursor: grab;
}
.v2-mobile-layout .chat-bottom-sheet .bottom-sheet-handle-bar {
  width: 36px;
  height: 4px;
  background: #d1d5db;
  border-radius: 2px;
}
.v2-mobile-layout .chat-bottom-sheet .offcanvas-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.v2-mobile-layout .chat-bottom-sheet .suggested-questions .d-flex .suggestion-chip,
.v2-mobile-layout .chat-bottom-sheet .suggested-questions .d-flex .suggestion-chip-followup {
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
}
.v2-mobile-layout.mobile-askmo-page {
  height: 100dvh;
  overflow: hidden;
}
.v2-mobile-layout.mobile-askmo-page .mobile-layout-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.v2-mobile-layout.mobile-askmo-page .mobile-layout-content {
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.v2-mobile-layout.mobile-askmo-page .chat-container {
  flex: 1;
  min-height: 0;
  height: auto;
  max-width: none;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.v2-mobile-layout.mobile-askmo-page .chat-messages {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.v2-mobile-layout.mobile-askmo-page .chat-input-container {
  flex-shrink: 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.v2-mobile-layout .mobile-chips-bar {
  position: sticky;
  top: 56px;
  z-index: 99;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.375rem 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.v2-mobile-layout .mobile-chips-bar::-webkit-scrollbar {
  display: none;
}
.v2-mobile-layout .mobile-jobs-chips {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
}
.v2-mobile-layout .mobile-jobs-chips .jobs-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #374151;
  background: #f3f4f6;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.4;
}
.v2-mobile-layout .mobile-jobs-chips .jobs-chip.active {
  color: #fff;
  background: #6366f1;
}
.v2-mobile-layout .mobile-jobs-chips .jobs-chip-count {
  font-size: 0.6875rem;
  font-weight: 600;
  opacity: 0.8;
}
.interview-page {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 2rem 1rem;
}
.mic-test-link {
  transition: color 0.15s ease;
}
.mic-test-link:hover {
  color: var(--bs-primary) !important;
}
.interview-header h1, .interview-header .h1 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.job-context-card {
  padding: 1rem;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  background: #f8f9fa;
}
.job-context-card h3, .job-context-card .h3 {
  font-size: 1rem;
  font-weight: 600;
}
.job-context-card .company-logo-sm {
  width: 40px;
  height: 40px;
  border-radius: 0.375rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.interview-active {
  display: flex;
  flex-direction: column;
  min-height: 60vh;
}
.session-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e9ecef;
}
.session-timer {
  font-size: 1.5rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #212529;
}
.session-timer.timer-warning {
  color: #dc3545;
}
.session-status {
  flex: 1;
  font-size: 0.85rem;
}
.session-end-btn {
  margin-left: auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #dc3545;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}
.session-end-btn:hover {
  background: #bb2d3b;
}
.session-end-btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.session-body {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}
.session-orb-wrapper {
  position: relative;
  width: 220px;
  height: 220px;
}
.session-orb {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.session-orb-glow {
  position: absolute;
  inset: -16px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.12) 0%, transparent 70%);
  transition: opacity 0.4s;
  opacity: 0;
}
.session-orb-core {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 24px rgba(99, 102, 241, 0.25);
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
}
.session-wave-bars {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 60px;
}
.session-wave-bar {
  width: 5px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.85);
  transition: height 0.07s ease-out;
  height: 8px;
}
.session-orb.idle .session-orb-core {
  animation: orb-breathe 3s ease-in-out infinite;
}
.session-orb.idle .session-wave-bar {
  height: 8px;
  opacity: 0.45;
}
.session-orb.ai-speaking .session-orb-glow {
  opacity: 1;
}
.session-orb.ai-speaking .session-orb-core {
  box-shadow: 0 0 40px rgba(99, 102, 241, 0.4), 0 0 80px rgba(99, 102, 241, 0.15);
  animation: orb-speaking-pulse 1.5s ease-in-out infinite;
}
.session-orb.ai-speaking .session-wave-bar {
  opacity: 1;
  animation: wave-bar-bounce 0.8s ease-in-out infinite alternate;
}
.session-orb.ai-speaking .session-wave-bar:nth-child(1) {
  animation-delay: 0s;
}
.session-orb.ai-speaking .session-wave-bar:nth-child(2) {
  animation-delay: 0.1s;
}
.session-orb.ai-speaking .session-wave-bar:nth-child(3) {
  animation-delay: 0.2s;
}
.session-orb.ai-speaking .session-wave-bar:nth-child(4) {
  animation-delay: 0.3s;
}
.session-orb.ai-speaking .session-wave-bar:nth-child(5) {
  animation-delay: 0.4s;
}
@keyframes orb-speaking-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}
@keyframes wave-bar-bounce {
  0% {
    height: 8px;
  }
  100% {
    height: 40px;
  }
}
.session-orb.user-speaking .session-orb-glow {
  opacity: 1;
  background: radial-gradient(circle, rgba(25, 135, 84, 0.12) 0%, transparent 70%);
}
.session-orb.user-speaking .session-orb-core {
  background: linear-gradient(135deg, #198754 0%, #20c997 100%);
  box-shadow: 0 4px 24px rgba(25, 135, 84, 0.3);
  animation: orb-breathe-green 2.5s ease-in-out infinite;
}
.session-orb.user-speaking .session-wave-bar {
  height: 8px;
  opacity: 0.45;
}
@keyframes orb-breathe {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}
@keyframes orb-breathe-green {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.session-pip {
  position: absolute;
  bottom: -4px;
  left: -4px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.session-pip video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scaleX(-1);
}
@media (min-width: 768px) {
  .session-orb-wrapper {
    width: 260px;
    height: 260px;
  }
  .session-orb-core {
    width: 180px;
    height: 180px;
  }
  .session-pip {
    width: 80px;
    height: 80px;
  }
  .session-wave-bars {
    gap: 6px;
    height: 70px;
  }
  .session-wave-bar {
    width: 6px;
  }
}
.interview-transcript {
  max-height: 300px;
  overflow-y: auto;
}
.interview-transcript:empty {
  display: none;
}
.interview-transcript:not(:empty) {
  padding: 1rem;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  background: #fff;
}
.transcript-entry {
  margin-bottom: 0.75rem;
  line-height: 1.5;
  font-size: 0.9rem;
}
.transcript-entry:last-child {
  margin-bottom: 0;
}
.transcript-speaker {
  font-weight: 600;
  margin-right: 0.25rem;
}
.transcript-interviewer .transcript-speaker {
  color: #0d6efd;
}
.transcript-user .transcript-speaker {
  color: #198754;
}
.typing-indicator {
  color: #6c757d;
  animation: blink 1s infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.interview-transcript-review h3, .interview-transcript-review .h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.feedback-card {
  padding: 1.5rem;
  border: 1px solid #e9ecef;
  border-radius: 0.75rem;
  background: #fff;
}
.rating-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #0d6efd;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}
.feedback-scores {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.score-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.score-label {
  flex: 0 0 120px;
  font-size: 0.875rem;
  color: #495057;
}
.score-bar-container {
  flex: 1;
  height: 8px;
  background: #e9ecef;
  border-radius: 4px;
  overflow: hidden;
}
.score-bar {
  height: 100%;
  background: #0d6efd;
  border-radius: 4px;
  transition: width 0.5s ease;
}
.score-value {
  flex: 0 0 2rem;
  text-align: right;
  font-size: 0.875rem;
  font-weight: 600;
  color: #212529;
}
.feedback-section h3, .feedback-section .h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #212529;
}
.feedback-section p {
  font-size: 0.9rem;
  color: #495057;
  line-height: 1.6;
}
.recent-sessions h3, .recent-sessions .h3 {
  font-size: 1.1rem;
  font-weight: 600;
}
.recent-session-card {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  transition: background-color 0.15s;
}
.recent-session-card:hover {
  background-color: #f3f4f6;
}
.mic-test-orb-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
}
.mic-test-orb {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mic-test-orb .orb-core {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  position: relative;
  z-index: 2;
  transition: background 0.3s, color 0.3s;
}
.mic-test-orb .orb-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.1s, height 0.1s, border-color 0.3s, opacity 0.3s;
  opacity: 0;
}
.mic-test-orb .orb-ring-1 {
  width: 72px;
  height: 72px;
}
.mic-test-orb .orb-ring-2 {
  width: 72px;
  height: 72px;
}
.mic-test-orb .orb-ring-3 {
  width: 72px;
  height: 72px;
}
.mic-test-orb.listening .orb-core {
  background: linear-gradient(135deg, #6366f1, #818cf8);
  color: #fff;
}
.mic-test-orb.listening .orb-ring {
  border-color: rgba(99, 102, 241, 0.3);
  opacity: 1;
  animation: ring-idle 2s ease-in-out infinite;
}
.mic-test-orb.listening .orb-ring-2 {
  animation-delay: 0.4s;
}
.mic-test-orb.listening .orb-ring-3 {
  animation-delay: 0.8s;
}
.mic-test-orb.speaking .orb-core {
  background: linear-gradient(135deg, #6366f1, #818cf8);
  color: #fff;
}
.mic-test-orb.speaking .orb-ring {
  opacity: 1;
  border-color: rgba(99, 102, 241, 0.4);
  animation: none;
}
.mic-test-orb.speaking .orb-mic-icon {
  display: none;
}
.mic-test-orb.speaking .orb-waveform {
  display: flex !important;
}
.mic-test-orb.success .orb-mic-icon {
  display: none;
}
.mic-test-orb.success .orb-waveform {
  display: none !important;
}
.mic-test-orb.success .orb-check {
  display: flex !important;
}
.mic-test-orb.success .orb-core {
  background: #198754;
  color: #fff;
  animation: orb-pop 0.3s ease-out;
}
.mic-test-orb .orb-check {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mic-test-orb.error .orb-mic-icon {
  display: none;
}
.mic-test-orb.error .orb-waveform {
  display: none !important;
}
.mic-test-orb.error .orb-error {
  display: flex !important;
}
.mic-test-orb.error .orb-core {
  background: #dc3545;
  color: #fff;
  animation: orb-pop 0.3s ease-out;
}
.mic-test-orb .orb-error {
  display: flex;
  align-items: center;
  justify-content: center;
}
.orb-waveform {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 32px;
}
.orb-wave-bar {
  width: 4px;
  height: 6px;
  background: #fff;
  border-radius: 2px;
  transition: height 0.08s ease-out;
}
.orb-wave-bar:nth-child(1) {
  height: 8px;
}
.orb-wave-bar:nth-child(2) {
  height: 14px;
}
.orb-wave-bar:nth-child(3) {
  height: 20px;
}
.orb-wave-bar:nth-child(4) {
  height: 14px;
}
.orb-wave-bar:nth-child(5) {
  height: 8px;
}
@keyframes orb-pop {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ring-idle {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.4;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0.12;
  }
}
.interview-upsell-card {
  padding: 0.75rem 1rem;
  border: 1px solid #fef3c7;
  border-radius: 0.75rem;
  background: #fffbeb;
}
.interview-guest-upsell-card {
  background: white;
  border-radius: 12px;
  padding: 2.5rem 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 2px solid #e0e7ff;
}
.interview-guest-orb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #eef2ff, #e0e7ff);
}
.interview-guest-orb .interview-guest-orb-core {
  color: #6366f1;
}
.interview-faq {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.interview-faq .accordion-item {
  border-left: 0;
  border-right: 0;
}
.interview-faq .accordion-item:first-child {
  border-top: 0;
}
.interview-faq .accordion-button {
  font-weight: 500;
  font-size: 0.95rem;
  padding: 1rem 0;
  background: transparent;
  box-shadow: none;
}
.interview-faq .accordion-button:not(.collapsed) {
  color: #4f46e5;
  background: transparent;
}
.interview-faq .accordion-button:focus {
  box-shadow: none;
}
.interview-faq .accordion-body {
  padding: 0 0 1rem;
  font-size: 0.9rem;
  line-height: 1.6;
}
.interview-offcanvas {
  --bs-offcanvas-width: 520px;
  max-width: 90vw;
}
.interview-offcanvas .offcanvas-body {
  padding: 1rem 1.25rem;
}
.interview-offcanvas .job-context-card h3, .interview-offcanvas .job-context-card .h3 {
  font-size: 0.95rem;
}
.interview-offcanvas .interview-active-offcanvas {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.interview-offcanvas .interview-transcript {
  max-height: 180px;
  font-size: 0.85rem;
}
.interview-offcanvas .feedback-card {
  padding: 1rem;
}
.interview-offcanvas .feedback-card .feedback-section h3, .interview-offcanvas .feedback-card .feedback-section .h3 {
  font-size: 0.9rem;
}
.interview-offcanvas .feedback-card .feedback-section p {
  font-size: 0.85rem;
}
.interview-offcanvas .score-label {
  flex: 0 0 100px;
  font-size: 0.8rem;
}
.interview-offcanvas .rating-circle {
  width: 52px;
  height: 52px;
  font-size: 1.25rem;
}
.interview-offcanvas .interview-upload-card {
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background: #f8fafc;
  cursor: default;
  transition: border-color 0.15s, background 0.15s;
  margin-bottom: 1rem;
}
.interview-offcanvas .interview-upload-card:hover, .interview-offcanvas .interview-upload-card.drag-over {
  border-color: var(--bs-primary);
  background: #eff6ff;
}
.interview-offcanvas .interview-upload-icon {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  background: #e0e7ff;
  color: #4f46e5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.interview-offcanvas .mic-test-inline .mic-test-orb-container {
  height: 80px;
}
.interview-offcanvas .session-history-item {
  border-bottom: 1px solid #f1f5f9;
  color: inherit;
  transition: background 0.15s;
}
.interview-offcanvas .session-history-item:hover {
  background: #f8fafc;
}
.interview-offcanvas .session-history-item:last-child {
  border-bottom: none;
}
.interview-offcanvas .session-history-score {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bs-primary);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.interview-offcanvas .session-history-score--pending {
  background: #e2e8f0;
  color: #94a3b8;
}
.resume-dot-progress {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
.resume-dot-track {
  position: absolute;
  top: 5px;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  background: #e2e8f0;
  z-index: 0;
}
.resume-dot-fill {
  position: absolute;
  top: 5px;
  left: 12.5%;
  height: 2px;
  width: 0;
  background: var(--bs-primary);
  z-index: 1;
  transition: width 0.5s ease;
}
.resume-dot-progress .processing-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  flex: 1;
}
.resume-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e2e8f0;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #e2e8f0;
  display: block;
  transition: background 0.3s, box-shadow 0.3s;
  overflow: hidden;
}
.resume-dot svg {
  display: none;
}
.resume-dot-label {
  font-size: 0.65rem;
  color: #94a3b8;
  margin-top: 4px;
  transition: color 0.3s;
}
.resume-dot-progress .processing-step.active .resume-dot {
  background: var(--bs-primary);
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(99, 102, 241, 0.3);
  animation: dot-pulse 1.2s ease-in-out infinite;
}
.resume-dot-progress .processing-step.active .resume-dot-label {
  color: var(--bs-primary);
  font-weight: 600;
}
.resume-dot-progress .processing-step.completed .resume-dot {
  background: var(--bs-primary);
  box-shadow: 0 0 0 1px var(--bs-primary);
}
.resume-dot-progress .processing-step.completed .resume-dot-label {
  color: #475569;
}
@keyframes dot-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
@media (max-width: 767.98px) {
  .interview-offcanvas {
    --bs-offcanvas-width: 100%;
    max-width: none;
  }
}
.bo-progress {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  gap: 7px;
  color: #667085;
  font-size: 0.875rem;
  line-height: 1.4;
  white-space: normal;
}
.bo-progress__icon {
  flex: 0 0 auto;
  color: #7c8a45;
  animation: bo-progress-pulse 1.8s ease-in-out infinite;
}
.bo-progress__label {
  transition: opacity 120ms ease;
}
.bo-progress__dots {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  width: 21px;
}
.bo-progress__dots span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  animation: bo-progress-dot 1.2s ease-in-out infinite;
}
.bo-progress__dots span:nth-child(2) {
  animation-delay: 160ms;
}
.bo-progress__dots span:nth-child(3) {
  animation-delay: 320ms;
}
@keyframes bo-progress-pulse {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
@keyframes bo-progress-dot {
  0%, 60%, 100% {
    opacity: 0.35;
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .bo-progress__icon,
  .bo-progress__dots span {
    animation: none;
  }
}
.hiring-app {
  display: flex;
  height: 100vh;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.hiring-main {
  flex: 1;
  overflow-y: auto;
  min-width: 0;
  background: #ffffff;
}
.hiring-sidebar {
  width: 260px;
  min-width: 260px;
  background: #fafaf5;
  border-right: 1px solid #e2e6d0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  transition: width 200ms ease, min-width 200ms ease;
  flex-shrink: 0;
  height: 100vh;
  position: relative;
  z-index: 10;
}
.hiring-sidebar.is-collapsed {
  width: 48px;
  min-width: 48px;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-label,
.hiring-sidebar.is-collapsed .hiring-sidebar-user-info,
.hiring-sidebar.is-collapsed .hiring-sidebar-recents {
  display: none;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-new-chat {
  padding: 8px 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-new-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0 auto;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-new-btn .hiring-sidebar-icon {
  margin: 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-brand {
  justify-content: center;
  padding: 14px 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-toggle {
  display: flex;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-brand-full {
  display: none;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-brand-mark {
  display: none;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-nav-item {
  justify-content: center;
  padding: 9px 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-icon-wrap {
  margin-right: 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-user-btn {
  justify-content: center;
  padding: 9px 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-guest-btn {
  justify-content: center;
  padding: 9px 0;
  gap: 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-avatar {
  margin-right: 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-user,
.hiring-sidebar.is-collapsed .hiring-sidebar-guest {
  border-top: none;
}
.hiring-sidebar-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 14px 10px;
  flex-shrink: 0;
}
.hiring-sidebar-brand-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  min-width: 0;
}
.hiring-sidebar-brand-link:hover {
  text-decoration: none;
  opacity: 0.85;
}
.hiring-sidebar-brand-full {
  display: inline-block;
  flex-shrink: 0;
}
.hiring-sidebar-brand-mark {
  display: none;
  flex-shrink: 0;
}
.hiring-sidebar-toggle {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #6b7280;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.hiring-sidebar-toggle:hover {
  background: rgb(241.5, 241.5, 228);
  color: #1c1917;
}
.hiring-sidebar-toggle-icon-expanded,
.hiring-sidebar-toggle-icon-collapsed {
  display: block;
  flex-shrink: 0;
}
.hiring-sidebar .hiring-sidebar-toggle-icon-collapsed {
  display: none;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-toggle-icon-expanded {
  display: none;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-toggle-icon-collapsed {
  display: block;
}
.hiring-sidebar-new-chat {
  padding: 8px 10px 4px;
  flex-shrink: 0;
}
.hiring-sidebar-new-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 14px;
  background: #4d7c0f;
  color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.hiring-sidebar-new-btn:hover, .hiring-sidebar-new-btn:focus {
  background: #3f6212;
  color: #fff;
  box-shadow: 0 2px 8px rgba(77, 124, 15, 0.25);
  text-decoration: none;
}
.hiring-sidebar-nav {
  display: flex;
  flex-direction: column;
  padding: 4px 8px;
  flex-shrink: 0;
}
.hiring-sidebar-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: #57534e;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.hiring-sidebar-nav-item:hover {
  background: rgb(241.5, 241.5, 228);
  color: #1c1917;
  text-decoration: none;
}
.hiring-sidebar-nav-item.active {
  background: #ecfccb;
  color: #4d7c0f;
  font-weight: 600;
}
.hiring-sidebar-icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  flex-shrink: 0;
  margin-right: 2px;
}
.hiring-sidebar-icon {
  font-size: 14px;
}
.hiring-sidebar-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #dc2626;
  color: #fff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.hiring-sidebar-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.hiring-sidebar-recents {
  flex: 1;
  overflow-y: auto;
  padding: 4px 8px 0;
  min-height: 0;
}
.hiring-sidebar-recents-header {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  padding: 12px 10px 4px;
}
.hiring-sidebar-recents-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hiring-sidebar-date-header {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  padding: 8px 10px 2px;
}
.hiring-sidebar-convo-item {
  border-radius: 8px;
  margin-bottom: 1px;
}
.hiring-sidebar-convo-item:hover, .hiring-sidebar-convo-item.active {
  background: rgb(243.2, 243.2, 231.4);
}
.hiring-sidebar-convo-item.active .hiring-sidebar-convo-link {
  color: #4d7c0f;
  font-weight: 600;
}
.hiring-sidebar-convo-inner {
  display: flex;
  align-items: center;
  position: relative;
}
.hiring-sidebar-convo-inner:hover .hiring-sidebar-convo-kebab {
  opacity: 1;
}
.hiring-sidebar-convo-link {
  display: block;
  flex: 1;
  min-width: 0;
  padding: 6px 10px;
  font-size: 13px;
  color: #1c1917;
  text-decoration: none;
  border-radius: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.1s ease;
}
.hiring-sidebar-convo-link:hover {
  text-decoration: none;
  color: #4d7c0f;
}
.hiring-sidebar-convo-input {
  flex: 1;
  min-width: 0;
  margin: 3px 6px 3px 10px;
  padding: 2px 6px;
  font-size: 13px;
  font-family: inherit;
  color: #1c1917;
  background: #fff;
  border: 1.5px solid #4d7c0f;
  border-radius: 5px;
  outline: none;
}
.hiring-sidebar-convo-input:focus {
  box-shadow: 0 0 0 2px rgba(77, 124, 15, 0.15);
}
.hiring-sidebar-convo-kebab-wrap {
  flex-shrink: 0;
}
.hiring-sidebar-convo-kebab {
  width: 26px;
  height: 26px;
  border: none;
  background: transparent;
  border-radius: 5px;
  color: #6b7280;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
  padding: 0;
  margin-right: 4px;
}
.hiring-sidebar-convo-kebab:hover, .hiring-sidebar-convo-kebab.show {
  background: #ecfccb;
  color: #1c1917;
  opacity: 1;
}
.hiring-sidebar-convo-dropdown {
  min-width: 140px;
  padding: 4px 0;
  font-size: 13px;
}
.hiring-sidebar-convo-dropdown .dropdown-item {
  padding: 6px 14px;
  font-size: 13px;
  color: #1c1917;
}
.hiring-sidebar-convo-dropdown .dropdown-item:hover, .hiring-sidebar-convo-dropdown .dropdown-item:focus {
  background: #fafaf5;
  color: #1c1917;
}
.hiring-sidebar-convo-dropdown .dropdown-item.text-danger {
  color: #dc2626;
}
.hiring-sidebar-convo-dropdown .dropdown-item.text-danger:hover, .hiring-sidebar-convo-dropdown .dropdown-item.text-danger:focus {
  background: #fff5f5;
  color: #b91c1c;
}
.hiring-sidebar-spacer {
  flex: 1;
  min-height: 8px;
}
.hiring-sidebar-recents ~ .hiring-sidebar-spacer {
  flex: 0;
}
.hiring-sidebar.is-collapsed .hiring-sidebar-spacer {
  flex: 1;
}
.hiring-sidebar-footer-nav {
  display: flex;
  flex-direction: column;
  padding: 4px 8px;
  flex-shrink: 0;
}
.hiring-sidebar-user {
  flex-shrink: 0;
  padding: 8px 8px 12px;
  border-top: 1px solid #e2e6d0;
}
.hiring-sidebar-user-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease;
  text-align: left;
  overflow: hidden;
}
.hiring-sidebar-user-btn:hover {
  background: rgb(241.5, 241.5, 228);
}
.hiring-sidebar-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #4d7c0f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 2px;
}
.hiring-sidebar-user-info {
  overflow: hidden;
  min-width: 0;
}
.hiring-sidebar-user-name {
  font-size: 13px;
  font-weight: 600;
  color: #1c1917;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hiring-sidebar-user-company {
  font-size: 11px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hiring-sidebar-dropdown {
  min-width: 200px;
  padding: 4px 0;
  margin-bottom: 6px;
  z-index: 1080;
}
.hiring-sidebar-guest {
  flex-shrink: 0;
  padding: 8px 10px 12px;
  border-top: 1px solid #e2e6d0;
}
.hiring-sidebar-guest-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 14px;
  background: #4d7c0f;
  color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.hiring-sidebar-guest-btn:hover, .hiring-sidebar-guest-btn:focus {
  background: #3f6212;
  color: #fff;
  box-shadow: 0 2px 8px rgba(77, 124, 15, 0.25);
  text-decoration: none;
}
.hiring-sidebar-guest-btn .hiring-sidebar-icon {
  flex-shrink: 0;
}
.hiring-sidebar-dropdown-header {
  padding: 10px 16px 6px;
}
.hiring-sidebar-dropdown-name {
  font-size: 13px;
  font-weight: 600;
  color: #1c1917;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hiring-sidebar-dropdown-company {
  font-size: 12px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hiring-portal-content {
  background: #fafaf5;
  min-height: 100%;
}
.bo-shell {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(520px, 720px);
  grid-template-rows: minmax(0, 1fr) auto;
  grid-template-areas: "chat artifact" "composer artifact";
  height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #ffffff;
}
.bo-shell.bo-shell--no-artifact {
  grid-template-columns: 1fr;
  grid-template-areas: "chat" "composer";
}
.bo-shell.bo-shell--no-artifact .bo-artifact {
  display: none;
}
.bo-chat {
  grid-area: chat;
}
.bo-artifact {
  grid-area: artifact;
}
.bo-composer {
  grid-area: composer;
}
.bo-mobile-tabbar {
  display: none;
}
.bo-chat {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fafaf5;
  position: relative;
}
.bo-chat-body {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.bo-empty {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 32px 10px;
}
.bo-empty-inner {
  text-align: center;
  width: 100%;
  max-width: 740px;
}
.bo-empty-heading {
  font-size: 34px;
  font-weight: 760;
  color: #1c1917;
  margin: 10px 0 8px;
  letter-spacing: 0;
}
.bo-empty-tagline {
  font-size: 20px;
  font-weight: 700;
  color: #1c1917;
  margin: 0 0 20px;
}
.bo-empty-subline {
  font-size: 13.5px;
  color: #57534e;
  margin: 0 auto 20px;
  line-height: 1.5;
}
.bo-empty-sub {
  font-size: 15px;
  color: #6b7280;
  line-height: 1.55;
  margin: 0 0 28px;
}
.bo-empty-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 8px;
  color: #4d7c0f;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.bo-empty-icon::before {
  content: "";
  position: absolute;
  inset: 5px;
  background: #ffffff;
  border: 1px solid rgba(226, 230, 208, 0.8);
  border-radius: 18px;
  transform: rotate(30deg);
  box-shadow: 0 8px 24px rgba(77, 124, 15, 0.08);
}
.bo-empty-icon svg {
  position: relative;
  z-index: 1;
  stroke-width: 2;
}
.bo-starter-groups {
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-align: left;
}
.bo-starter-group {
  border: 1px solid rgba(226, 230, 208, 0.9);
  border-radius: 14px;
  padding: 18px 20px 14px 24px;
  background: #fbfcf7;
  box-shadow: 0 12px 34px rgba(28, 25, 23, 0.05);
  position: relative;
  overflow: hidden;
}
.bo-starter-group::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  border-radius: 0 999px 999px 0;
  background: var(--bo-starter-accent);
}
.bo-starter-group.bo-starter-group--ready {
  --bo-starter-accent: #4d7c0f;
  --bo-starter-icon-bg: #ecfccb;
  --bo-starter-row-bg: rgba(255, 255, 255, 0.78);
  color: #4d7c0f;
}
.bo-starter-group.bo-starter-group--exploring {
  --bo-starter-accent: #6b7280;
  --bo-starter-icon-bg: #f3f4f6;
  --bo-starter-row-bg: rgba(255, 255, 255, 0.78);
  background: #fafafa;
  border-color: #e5e7eb;
  color: #4b5563;
  box-shadow: 0 6px 18px rgba(28, 25, 23, 0.03);
}
.bo-starter-group-header {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 14px;
  align-items: start;
  margin-bottom: 12px;
}
.bo-starter-group-header h3, .bo-starter-group-header .h3 {
  color: currentColor;
  font-size: 18px;
  font-weight: 760;
  line-height: 1.25;
  margin: 0 0 3px;
  letter-spacing: 0;
}
.bo-starter-group-header p {
  color: #57534e;
  font-size: 13.5px;
  line-height: 1.4;
  margin: 0;
}
.bo-starter-group--exploring .bo-starter-group-header h3, .bo-starter-group--exploring .bo-starter-group-header .h3 {
  color: #374151;
}
.bo-starter-group--exploring .bo-starter-group-header p {
  color: #6b7280;
}
.bo-starter-group-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--bo-starter-icon-bg);
  color: var(--bo-starter-accent);
}
.bo-starter-group-icon svg {
  stroke-width: 2;
}
.bo-starter-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bo-starter-row {
  width: 100%;
  min-height: 44px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: var(--bo-starter-row-bg);
  color: #1c1917;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 520;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.bo-starter-row:hover {
  background: #ffffff;
  box-shadow: 0 3px 12px rgba(28, 25, 23, 0.08);
  transform: translateY(-1px);
}
.bo-starter-row:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.bo-starter-row:active {
  transform: translateY(0);
}
.bo-starter-row-icon,
.bo-starter-row-arrow {
  color: currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bo-starter-row-icon svg,
.bo-starter-row-arrow svg {
  stroke-width: 2;
}
.bo-starter-row-arrow {
  color: #57534e;
}
.bo-starter-row-label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.bo-messages-list {
  flex: 1;
  padding: 24px 32px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bo-messages-list--empty {
  padding: 0 32px;
}
.bo-message {
  max-width: 72%;
  padding: 12px 16px;
  border-radius: 14px;
  font-size: 14.5px;
  line-height: 1.6;
}
.bo-message.bo-message--user {
  background: #ecfccb;
  color: #1c1917;
  margin-left: auto;
  border-bottom-right-radius: 4px;
}
.bo-message.bo-message--assistant {
  background: #ffffff;
  border: 1px solid #e2e6d0;
  color: #1c1917;
  margin-right: auto;
  border-bottom-left-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.bo-message-text p:last-child {
  margin-bottom: 0;
}
.bo-message--assistant .bo-message-text h1, .bo-message--assistant .bo-message-text .h1, .bo-message--assistant .bo-message-text h2, .bo-message--assistant .bo-message-text .h2, .bo-message--assistant .bo-message-text h3, .bo-message--assistant .bo-message-text .h3, .bo-message--assistant .bo-message-text h4, .bo-message--assistant .bo-message-text .h4, .bo-message--assistant .bo-message-text h5, .bo-message--assistant .bo-message-text .h5, .bo-message--assistant .bo-message-text h6, .bo-message--assistant .bo-message-text .h6 {
  font-weight: 600;
  color: #1c1917;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.bo-message--assistant .bo-message-text h1:first-child, .bo-message--assistant .bo-message-text .h1:first-child, .bo-message--assistant .bo-message-text h2:first-child, .bo-message--assistant .bo-message-text .h2:first-child, .bo-message--assistant .bo-message-text h3:first-child, .bo-message--assistant .bo-message-text .h3:first-child, .bo-message--assistant .bo-message-text h4:first-child, .bo-message--assistant .bo-message-text .h4:first-child, .bo-message--assistant .bo-message-text h5:first-child, .bo-message--assistant .bo-message-text .h5:first-child, .bo-message--assistant .bo-message-text h6:first-child, .bo-message--assistant .bo-message-text .h6:first-child {
  margin-top: 0;
}
.bo-message--assistant .bo-message-text h1, .bo-message--assistant .bo-message-text .h1 {
  font-size: 1.25rem;
}
.bo-message--assistant .bo-message-text h2, .bo-message--assistant .bo-message-text .h2 {
  font-size: 1.125rem;
}
.bo-message--assistant .bo-message-text h3, .bo-message--assistant .bo-message-text .h3 {
  font-size: 1rem;
}
.bo-message--assistant .bo-message-text h4, .bo-message--assistant .bo-message-text .h4, .bo-message--assistant .bo-message-text h5, .bo-message--assistant .bo-message-text .h5, .bo-message--assistant .bo-message-text h6, .bo-message--assistant .bo-message-text .h6 {
  font-size: 0.9375rem;
}
.bo-message--assistant .bo-message-text ul, .bo-message--assistant .bo-message-text ol {
  margin: 0.5rem 0;
  padding-left: 1.4rem;
}
.bo-message--assistant .bo-message-text li {
  margin: 0.2rem 0;
}
.bo-message--assistant .bo-message-text ul ul, .bo-message--assistant .bo-message-text ol ol, .bo-message--assistant .bo-message-text ul ol, .bo-message--assistant .bo-message-text ol ul {
  margin: 0.2rem 0;
}
.bo-message--assistant .bo-message-text blockquote {
  margin: 0.75rem 0;
  padding: 0.4rem 0 0.4rem 0.85rem;
  border-left: 3px solid #e2e6d0;
  color: #6b7280;
}
.bo-message--assistant .bo-message-text hr {
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid #e2e6d0;
}
.bo-streaming-text {
  white-space: pre-wrap;
}
.bo-message-interrupted {
  color: #6b7280;
  font-size: 13.5px;
  font-style: italic;
}
.bo-composer {
  flex-shrink: 0;
  padding: 10px 24px 14px;
  background: rgba(255, 255, 255, 0.96);
}
.bo-composer-form {
  margin: 0;
  max-width: 920px;
  margin-inline: auto;
}
.bo-composer-disclaimer {
  color: #667085;
  font-size: 11.5px;
  line-height: 1.3;
  margin: 10px 0 0;
  text-align: center;
}
.bo-composer-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1.5px solid #e2e6d0;
  border-radius: 20px;
  padding: 10px 10px 10px 18px;
  box-shadow: 0 8px 24px rgba(28, 25, 23, 0.08);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.bo-composer-inner:focus-within {
  border-color: #4d7c0f;
  box-shadow: 0 2px 16px rgba(77, 124, 15, 0.12);
}
.bo-composer-textarea {
  flex: 1;
  border: none;
  outline: none;
  resize: none;
  font-size: 14.5px;
  line-height: 1.5;
  color: #1c1917;
  background: transparent;
  padding: 7px 0;
  min-height: 36px;
  max-height: 160px;
  overflow-y: auto;
  font-family: inherit;
}
.bo-composer-textarea::-moz-placeholder {
  color: #667085;
}
.bo-composer-textarea::placeholder {
  color: #667085;
}
.bo-composer-textarea:focus {
  outline: none;
  box-shadow: none;
}
.bo-composer-send {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  background: #ecfccb;
  color: #4d7c0f;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}
.bo-composer-send:hover {
  background: #d9f99d;
  color: #3f6212;
}
.bo-composer-send.btn-primary {
  background: #4d7c0f;
  color: #fff;
  box-shadow: 0 2px 8px rgba(77, 124, 15, 0.3);
}
.bo-composer-send.btn-primary:hover {
  background: #3f6212;
  box-shadow: 0 2px 10px rgba(77, 124, 15, 0.4);
  transform: translateY(-1px);
}
.bo-composer-send:active {
  transform: translateY(0);
}
.bo-composer-send:disabled {
  background: #f9fafb;
  color: #d1d5db;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.bo-composer-send svg {
  display: block;
}
.bo-composer-send-icon,
.bo-composer-stop-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bo-composer-stop-icon {
  display: none;
}
.bo-shell--streaming .bo-composer-send-icon {
  display: none;
}
.bo-shell--streaming .bo-composer-stop-icon {
  display: flex;
}
.bo-shell--streaming .bo-composer-send {
  background: #4d7c0f;
  color: #fff;
}
.bo-artifact {
  background: #f0f1e6;
  border-left: 1px solid #e2e6d0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.bo-artifact-placeholder {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  text-align: center;
  color: #6b7280;
}
.bo-artifact-placeholder-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(77, 124, 15, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  color: #6b7280;
}
.bo-artifact-placeholder-text {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.bo-artifact-card {
  padding: 20px;
  transition: background-color 400ms ease, box-shadow 400ms ease;
}
.bo-artifact-card.is-updated {
  background-color: #ecfccb;
  box-shadow: 0 0 0 2px rgba(77, 124, 15, 0.25);
}
.bo-artifact-header {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bo-artifact-body {
  font-size: 14px;
  line-height: 1.6;
  color: #1c1917;
}
.bo-draft-section + .bo-draft-section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e2e6d0;
}
.bo-draft-section-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 11.5px;
  font-weight: 700;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.bo-draft-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ecfccb;
  border: 1px solid #bef264;
  color: #4d7c0f;
  font-size: 11px;
  letter-spacing: 0;
}
.bo-draft-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  color: #1c1917;
  margin: 0 0 6px;
}
.bo-draft-meta {
  color: #6b7280;
  font-size: 13px;
  margin: 0 0 10px;
}
.bo-draft-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 16px;
}
.bo-draft-tag {
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 999px;
  background: #ecfccb;
  border: 1px solid #bef264;
  color: #4d7c0f;
  font-size: 12px;
  font-weight: 600;
}
.bo-draft-description {
  font-size: 13.5px;
  line-height: 1.6;
  color: #1c1917;
}
.bo-draft-description > :first-child {
  margin-top: 0;
}
.bo-draft-description p {
  margin: 0 0 12px;
}
.bo-draft-description p:has(> strong:only-child) {
  margin: 20px 0 8px;
  font-size: 14px;
}
.bo-draft-description ul,
.bo-draft-description ol {
  margin: 0 0 12px;
  padding-left: 20px;
}
.bo-draft-description li {
  margin: 5px 0;
}
.bo-draft-description li::marker {
  color: #6b7280;
}
.bo-draft-description hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #e2e6d0;
}
.bo-draft-description a {
  color: #4d7c0f;
  text-decoration: underline;
}
.bo-draft-questions {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: bo-q;
}
.bo-draft-question {
  counter-increment: bo-q;
  position: relative;
  padding: 12px 14px 12px 40px;
  border: 1px solid #e2e6d0;
  border-radius: 10px;
  background: #fff;
}
.bo-draft-question + .bo-draft-question {
  margin-top: 8px;
}
.bo-draft-question::before {
  content: counter(bo-q);
  position: absolute;
  left: 12px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #ecfccb;
  color: #4d7c0f;
  font-size: 11px;
  font-weight: 700;
}
.bo-draft-question-text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: #1c1917;
}
.bo-draft-question-options {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bo-draft-question-options li {
  position: relative;
  padding-left: 16px;
  font-size: 12.5px;
  line-height: 1.4;
  color: #6b7280;
}
.bo-draft-question-options li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #bef264;
}
.bo-draft-question-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.bo-draft-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #f2f1ed;
  color: #6b7280;
}
.bo-draft-chip--qualifying {
  background: #ecfccb;
  border: 1px solid #bef264;
  color: #4d7c0f;
}
.bo-publish {
  margin-top: 16px;
  border-top: 1px solid #e2e6d0;
  padding-top: 16px;
}
.bo-published {
  margin-top: 16px;
  border-top: 1px solid #e2e6d0;
  padding-top: 16px;
}
.bo-published-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 4px 10px;
  border-radius: 999px;
  background: #ecfccb;
  border: 1px solid #bef264;
  color: #4d7c0f;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
}
.bo-published-link:hover {
  background: #d9f99d;
  color: #3f6212;
}
.bo-published-note {
  margin: 0;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.5;
}
.bo-publish-change {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #6b7280;
  margin-top: 8px;
  text-decoration: none;
}
.bo-publish-change:hover {
  text-decoration: underline;
  color: #4d7c0f;
}
.bo-validity-picker {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.bo-study-list {
  margin: 16px 20px 0;
  padding-top: 16px;
  border-top: 1px solid #e2e6d0;
}
.bo-study-list-title {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
}
.bo-study-list-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bo-study-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 13px;
  color: #1c1917;
}
.bo-study-list-item + .bo-study-list-item {
  margin-top: 2px;
}
.bo-study-list-item.is-current {
  background: #ecfccb;
}
.bo-study-list-objective {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bo-error-banner {
  padding: 10px 14px;
  background: #fff5f5;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin: 8px 24px;
  font-size: 13px;
  color: #b91c1c;
}
.bo-artifact-update-pulse {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4d7c0f;
  margin-left: 4px;
  opacity: 0;
  flex-shrink: 0;
}
.bo-artifact-update-pulse.is-active {
  animation: bo-pulse 1200ms ease-out forwards;
}
@keyframes bo-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1.6);
    opacity: 0.4;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.btn-hirer-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  background: var(--theme-primary);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.btn-hirer-primary:hover, .btn-hirer-primary:focus {
  background: var(--theme-primary-hover);
  color: #fff;
  box-shadow: 0 2px 8px var(--theme-focus-ring);
  text-decoration: none;
}
.btn-hirer-primary.w-100 {
  justify-content: center;
}
.hiring-jobs-page,
.hiring-applicants-page,
.hiring-help-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 24px 48px;
}
.hiring-jobs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  gap: 12px;
}
.hiring-jobs-heading {
  font-size: 22px;
  font-weight: 700;
  color: #1c1917;
  letter-spacing: -0.02em;
  margin: 0;
}
.hiring-jobs-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hiring-help-intro {
  color: #6b7280;
  font-size: 14.5px;
  line-height: 1.6;
  margin: -12px 0 32px;
  max-width: 620px;
}
.hiring-help-intro a {
  color: #4d7c0f;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hiring-help-intro a:hover, .hiring-help-intro a:focus {
  color: #3f6212;
}
.hiring-help-section {
  margin-bottom: 36px;
}
.hiring-help-section-heading {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 10px;
}
.hiring-help-item {
  border-bottom: 1px solid #e2e6d0;
}
.hiring-help-item:first-of-type {
  border-top: 1px solid #e2e6d0;
}
.hiring-help-item > summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 2px;
  cursor: pointer;
  list-style: none;
  font-size: 14.5px;
  font-weight: 600;
  color: #1c1917;
  line-height: 1.45;
  transition: color 0.15s ease;
}
.hiring-help-item > summary::-webkit-details-marker {
  display: none;
}
.hiring-help-item > summary::after {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: rotate(45deg);
  transition: transform 0.18s ease, border-color 0.15s ease;
}
.hiring-help-item > summary:hover {
  color: #4d7c0f;
}
.hiring-help-item > summary:hover::after {
  border-color: #4d7c0f;
}
.hiring-help-item > summary:focus-visible {
  outline: 2px solid #4d7c0f;
  outline-offset: 2px;
  border-radius: 4px;
}
.hiring-help-item[open] > summary::after {
  transform: rotate(-135deg);
  margin-top: 8px;
}
.hiring-help-item p,
.hiring-help-item ul {
  color: #57534e;
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 14px;
}
.hiring-help-item ul {
  padding-left: 18px;
}
.hiring-help-item ul li + li {
  margin-top: 4px;
}
.hiring-help-item a {
  color: #4d7c0f;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hiring-help-item a:hover, .hiring-help-item a:focus {
  color: #3f6212;
}
.hiring-help-contact {
  background: #f7fee7;
  border: 1px solid #bef264;
  border-radius: 14px;
  padding: 24px;
}
.hiring-help-contact-heading {
  font-size: 17px;
  font-weight: 700;
  color: #1c1917;
  letter-spacing: -0.01em;
  margin: 0 0 6px;
}
.hiring-help-contact-copy {
  color: #57534e;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 18px;
  max-width: 460px;
}
.hiring-help-contact-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.hiring-help-contact-secondary {
  color: #4d7c0f;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.hiring-help-contact-secondary:hover, .hiring-help-contact-secondary:focus {
  color: #3f6212;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hiring-job-form-page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 32px 24px 56px;
}
.hiring-job-form-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.hiring-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #57534e;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 14px;
}
.hiring-back-link:hover, .hiring-back-link:focus {
  color: #4d7c0f;
  text-decoration: none;
}
.hiring-job-form-heading {
  font-size: 28px;
  font-weight: 750;
  color: #1c1917;
  letter-spacing: -0.02em;
  margin: 0;
}
.hiring-job-form-subtitle {
  color: #6b7280;
  font-size: 14.5px;
  line-height: 1.55;
  margin: 8px 0 0;
  max-width: 560px;
}
.hiring-bo-entry {
  background: linear-gradient(180deg, #ffffff 0%, #fafaf5 100%);
  border: 1px solid #e2e6d0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(28, 25, 23, 0.06);
  padding: 24px;
  margin-bottom: 24px;
}
.hiring-bo-entry-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.hiring-bo-entry-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #ecfccb;
  border: 1px solid #bef264;
  color: #4d7c0f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.hiring-bo-entry-title {
  color: #1c1917;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}
.hiring-bo-entry-subtitle {
  color: #6b7280;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 4px 0 0;
  max-width: 560px;
}
.hiring-bo-entry-form {
  margin: 0;
}
.hiring-bo-entry-textarea {
  width: 100%;
  border: 1.5px solid #e2e6d0;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 14.5px;
  line-height: 1.5;
  color: #1c1917;
  background: #fff;
  resize: vertical;
  min-height: 84px;
  font-family: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.hiring-bo-entry-textarea::-moz-placeholder {
  color: #667085;
}
.hiring-bo-entry-textarea::placeholder {
  color: #667085;
}
.hiring-bo-entry-textarea:focus {
  outline: none;
  border-color: #4d7c0f;
  box-shadow: 0 2px 16px rgba(77, 124, 15, 0.12);
}
.hiring-bo-entry-actions {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.hiring-bo-entry-submit {
  background: #4d7c0f;
  color: #fff;
  font-size: 14px;
  font-weight: 650;
  padding: 9px 20px;
  border: none;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(77, 124, 15, 0.3);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}
.hiring-bo-entry-submit:hover, .hiring-bo-entry-submit:focus {
  background: #3f6212;
  color: #fff;
  box-shadow: 0 2px 10px rgba(77, 124, 15, 0.4);
  transform: translateY(-1px);
}
.hiring-form-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  color: #6b7280;
  font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.hiring-form-divider::before, .hiring-form-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e6d0;
}
.hiring-job-form-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  gap: 20px;
}
.hiring-job-form {
  min-width: 0;
}
.hiring-job-form-card,
.hiring-job-form-aside {
  background: #ffffff;
  border: 1px solid #e2e6d0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(28, 25, 23, 0.06);
}
.hiring-job-form-card {
  overflow: hidden;
}
.hiring-job-form-aside {
  position: sticky;
  top: 24px;
  padding: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fafaf5 100%);
  order: 2;
}
.hiring-job-form-aside h2, .hiring-job-form-aside .h2 {
  color: #1c1917;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 12px;
}
.hiring-job-form-aside ul {
  color: #57534e;
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
  padding-left: 18px;
}
.hiring-job-form-aside li + li {
  margin-top: 8px;
}
.hiring-job-form-aside-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #ecfccb;
  border: 1px solid #bef264;
  color: #4d7c0f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.hiring-job-form-section {
  padding: 24px;
}
.hiring-job-form-section + .hiring-job-form-section {
  border-top: 1px solid #e2e6d0;
}
.hiring-job-form-section-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
}
.hiring-job-form-section-header h2, .hiring-job-form-section-header .h2 {
  color: #1c1917;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}
.hiring-job-form-section-header p {
  color: #6b7280;
  font-size: 13px;
  line-height: 1.45;
  margin: 3px 0 0;
}
.hiring-job-form-section-icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #f0f1e6;
  color: #4d7c0f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}
.hiring-job-form .form-label {
  color: #1c1917;
  font-size: 13px;
  font-weight: 650;
  margin-bottom: 6px;
}
.hiring-job-form .form-text {
  color: #6b7280;
  font-size: 12.5px;
  margin-top: 6px;
}
.hiring-job-form .form-check-input {
  border-color: #e2e6d0;
  cursor: pointer;
}
.hiring-job-form .form-check-input:checked {
  background-color: #4d7c0f;
  border-color: #4d7c0f;
}
.hiring-job-form .form-check-input:focus {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.18);
}
.hiring-job-form .form-check-label {
  color: #1c1917;
  font-size: 14px;
  cursor: pointer;
}
.hiring-job-form .form-control,
.hiring-job-form .form-select {
  caret-color: #4d7c0f;
}
.hiring-job-form .form-control:focus, .hiring-job-form .form-control:focus-visible,
.hiring-job-form .form-select:focus,
.hiring-job-form .form-select:focus-visible {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.18);
  outline: none;
}
.hiring-job-form-control {
  border-color: #e2e6d0;
  border-radius: 8px;
  color: #1c1917;
  font-size: 14px;
}
.hiring-job-form-control:focus {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.14);
}
.hiring-job-form-control::-moz-placeholder {
  color: #9ca3af;
}
.hiring-job-form-control::placeholder {
  color: #9ca3af;
}
textarea.hiring-job-form-control {
  resize: vertical;
}
.screening-q-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
.screening-q-row {
  border: 1px solid #e2e6d0;
  border-radius: 12px;
  padding: 14px 16px;
  background: #fafaf5;
}
.screening-q-row-main {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.screening-q-row-question {
  flex: 1 1 auto;
  min-width: 0;
}
.screening-q-row-remove {
  flex: 0 0 auto;
  padding: 6px 8px;
  line-height: 1;
  text-decoration: none;
}
.screening-q-row-criteria {
  border-top: 1px dashed #e2e6d0;
  padding-top: 12px;
}
.screening-q-add {
  border-radius: 8px;
  font-weight: 600;
}
.hiring-job-form-alert {
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 16px;
}
.hiring-job-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 18px 24px;
  background: #fafaf5;
  border-top: 1px solid #e2e6d0;
}
.hiring-list-card, .hiring-job-card {
  background: #ffffff;
  border: 1px solid #e2e6d0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.18s ease, transform 0.18s ease;
  cursor: pointer;
  position: relative;
  overflow: visible;
}
.hiring-list-card:hover, .hiring-job-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
  z-index: 3;
}
.hiring-list-card:has(.dropdown-menu.show), .hiring-job-card:has(.dropdown-menu.show) {
  z-index: 3;
}
.hiring-list-card-body, .hiring-job-card-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
}
.hiring-job-card-info {
  flex: 1;
  min-width: 0;
}
.hiring-job-card-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1c1917;
  text-decoration: none;
  line-height: 1.3;
  display: inline;
}
.hiring-job-card-title:hover {
  color: #4d7c0f;
  text-decoration: none;
}
.hiring-job-card-title::after {
  content: "";
  position: absolute;
  inset: 0;
}
.hiring-job-card-meta {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.hiring-job-card-meta-sep {
  margin: 0 6px;
  opacity: 0.5;
}
.hiring-job-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.hiring-job-status-badge--active {
  background: #dcfce7;
  color: #15803d;
}
.hiring-job-status-badge--draft {
  background: #ecfccb;
  color: #6b7280;
}
.hiring-job-status-badge--pending_review {
  background: #fef3c7;
  color: #b45309;
}
.hiring-job-status-badge--archived {
  background: #f1f5f9;
  color: #64748b;
}
.hiring-job-status-badge--closed {
  background: #fee2e2;
  color: #b91c1c;
}
.hiring-job-status-badge--fielding {
  background: #dbeafe;
  color: #1d4ed8;
}
.hiring-job-status-badge--synthesizing {
  background: #fef3c7;
  color: #b45309;
}
.hiring-job-status-badge--delivered {
  background: #dcfce7;
  color: #15803d;
}
.hiring-job-card-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.hiring-job-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  background: #ecfccb;
  border: 1px solid #bef264;
  border-radius: 999px;
  font-size: 11.5px;
  color: #57534e;
  font-weight: 500;
}
.hiring-job-chip--more {
  color: #6b7280;
  background: transparent;
  border-color: #e2e6d0;
}
.hiring-job-card-right {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.hiring-job-card-posted {
  font-size: 12px;
  color: #6b7280;
  white-space: nowrap;
}
.hiring-job-kebab {
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #6b7280;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.hiring-job-kebab:hover {
  background: #ecfccb;
  color: #1c1917;
}
.hiring-jobs-empty {
  text-align: center;
  padding: 64px 32px;
}
.hiring-jobs-empty-icon {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: linear-gradient(135deg, #f0f7e6 0%, #dff0c3 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #4d7c0f;
  font-size: 26px;
}
.hiring-jobs-empty-heading {
  font-size: 20px;
  font-weight: 700;
  color: #1c1917;
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
.hiring-jobs-empty-sub {
  font-size: 14.5px;
  color: #6b7280;
  line-height: 1.55;
  margin: 0 0 24px;
}
.hiring-applicants-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: #4d7c0f;
  color: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
  margin-left: 6px;
}
.hiring-review-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: #ecfccb;
  border: 1px solid #bef264;
  border-radius: 999px;
  color: #3f6212;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease;
}
.hiring-review-chip:hover, .hiring-review-chip:focus {
  background: #d9f99d;
  color: #3f6212;
  text-decoration: none;
}
.hiring-inline-link {
  color: #4d7c0f;
  font-weight: 600;
  text-decoration: none;
}
.hiring-inline-link:hover, .hiring-inline-link:focus {
  color: #3f6212;
  text-decoration: underline;
}
.hiring-applicant-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.hiring-applicant-status-badge--pending {
  background: #ecfccb;
  color: #6b7280;
}
.hiring-applicant-status-badge--forwarded {
  background: #dbeafe;
  color: #1d4ed8;
}
.hiring-applicant-status-badge--intro-pending {
  background: #f3e8ff;
  color: #7e22ce;
}
.hiring-applicant-status-badge--interested {
  background: #dcfce7;
  color: #15803d;
}
.hiring-applicant-status-badge--introduced {
  background: #dcfce7;
  color: #15803d;
}
.hiring-applicant-status-badge--passed {
  background: #f1f5f9;
  color: #64748b;
}
.hiring-applicant-linkedin-link {
  color: #6b7280;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.15s ease;
}
.hiring-applicant-linkedin-link:hover {
  color: #0a66c2;
  text-decoration: none;
}
.hiring-applicant-job-link {
  color: #6b7280;
  text-decoration: none;
  font-size: 13px;
}
.hiring-applicant-job-link:hover {
  color: #4d7c0f;
  text-decoration: none;
}
.bo-chats-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 24px;
}
.bo-chats-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.bo-chats-header h1, .bo-chats-header .h1 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  color: #1c1917;
  letter-spacing: -0.02em;
}
.bo-chats-new-btn {
  background: #4d7c0f;
  color: #fff;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.bo-chats-new-btn:hover {
  background: #3f6212;
  color: #fff;
  text-decoration: none;
}
.bo-chats-search {
  position: relative;
  margin-bottom: 24px;
}
.bo-chats-search i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
}
.bo-chats-search input {
  width: 100%;
  padding: 12px 14px 12px 40px;
  border: 1px solid #e2e6d0;
  border-radius: 12px;
  font-size: 15px;
  font-family: inherit;
  color: #1c1917;
  background: #fff;
}
.bo-chats-search input:focus {
  outline: 2px solid rgba(77, 124, 15, 0.2);
  border-color: #4d7c0f;
}
.bo-chats-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bo-chats-list li {
  border-top: 1px solid #e2e6d0;
}
.bo-chats-list li:last-child {
  border-bottom: 1px solid #e2e6d0;
}
.bo-chats-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 8px;
  text-decoration: none;
  color: inherit;
  transition: background 150ms ease;
}
.bo-chats-row:hover {
  background: #fafaf5;
  color: inherit;
  text-decoration: none;
}
.bo-chats-title {
  font-size: 15px;
  font-weight: 500;
  color: #1c1917;
}
.bo-chats-date {
  font-size: 13px;
  color: #6b7280;
  flex-shrink: 0;
  margin-left: 16px;
}
.bo-chats-empty {
  padding: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.hiring-mobile-header {
  display: none;
}
.hiring-mobile-drawer {
  display: none;
}
@media (max-width: 900px) {
  .hiring-sidebar {
    display: none;
  }
  body.hiring-bo {
    height: 100dvh;
    overflow: hidden;
  }
  .hiring-app {
    height: 100dvh;
  }
  .hiring-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .hiring-mobile-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff;
    border-bottom: 1px solid #e2e6d0;
    flex-shrink: 0;
    min-height: 52px;
  }
  .hiring-mobile-header-toggle {
    background: transparent;
    border: 0;
    padding: 6px 8px;
    color: #1c1917;
    font-size: 18px;
    line-height: 1;
    border-radius: 6px;
    cursor: pointer;
  }
  .hiring-mobile-header-toggle:hover, .hiring-mobile-header-toggle:focus {
    background: #f0f1e6;
    outline: none;
  }
  .hiring-mobile-header-title {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 500;
    color: #1c1917;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .hiring-mobile-header-title .bo-chat-titlebar {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
  }
  .hiring-mobile-header-badge {
    background: #dc2626;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 10px;
    line-height: 1.4;
  }
  .hiring-mobile-header-action {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .hiring-mobile-header-action:empty {
    display: none;
  }
  .hiring-mobile-header-action-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    background: #4d7c0f;
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: 0;
  }
  .hiring-mobile-header-action-link:hover, .hiring-mobile-header-action-link:focus {
    background: #3f6212;
    color: #fff;
    text-decoration: none;
  }
  .hiring-mobile-header-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1c1917;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
  }
  .hiring-mobile-header-back:hover, .hiring-mobile-header-back:focus {
    color: #1c1917;
    text-decoration: none;
  }
  .hiring-mobile-header-back i {
    font-size: 14px;
    color: #6b7280;
  }
  .bo-chat > .bo-chat-titlebar,
  .bo-chats-header,
  .hiring-jobs-header {
    display: none;
  }
  .hiring-mobile-drawer {
    display: block;
    width: 84vw;
    max-width: 320px;
  }
  .hiring-mobile-drawer .hiring-sidebar {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100%;
    border-right: 0;
  }
  .hiring-mobile-drawer .hiring-sidebar-toggle {
    display: none;
  }
  .bo-shell {
    display: flex;
    flex-direction: column;
    height: auto;
    flex: 1;
    min-height: 0;
  }
  .bo-mobile-tabbar {
    display: flex;
    order: 0;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
    margin: 8px 12px;
  }
  .bo-mobile-tabs {
    display: flex;
    flex: 1;
    min-width: 0;
    gap: 4px;
    padding: 4px;
    background: #f0f1e6;
    border-radius: 10px;
  }
  .bo-mobile-tab {
    flex: 1;
    padding: 8px 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #6b7280;
    font-size: 14px;
    font-weight: 600;
  }
  .bo-mobile-tab.is-active {
    background: #fff;
    color: #1c1917;
    font-weight: 700;
    box-shadow: 0 1px 3px rgba(28, 25, 23, 0.12);
  }
  .bo-mobile-live-link {
    display: none;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ecfccb;
    border: 1px solid #bef264;
    color: #4d7c0f;
    font-size: 13px;
    font-weight: 650;
    white-space: nowrap;
    text-decoration: none;
  }
  .bo-mobile-live-link:hover, .bo-mobile-live-link:focus {
    background: #d9f99d;
    color: #3f6212;
    text-decoration: none;
  }
  .bo-mobile-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16a34a;
    flex-shrink: 0;
  }
  .bo-shell--preview-tab .bo-mobile-live-link {
    display: inline-flex;
  }
  .bo-chat {
    order: 1;
    flex: 1;
    min-height: 0;
  }
  .bo-artifact {
    order: 1;
    flex: 1;
    min-height: 0;
    display: none;
    border-left: 0;
  }
  .bo-artifact-header {
    display: none;
  }
  .bo-composer {
    order: 2;
    flex-shrink: 0;
  }
  .bo-shell--preview-tab .bo-chat {
    display: none;
  }
  .bo-shell--preview-tab .bo-artifact {
    display: flex;
  }
  .bo-shell--no-artifact .bo-mobile-tabbar {
    display: none;
  }
  .bo-empty {
    padding: 20px 14px 8px;
  }
  .bo-empty-inner {
    max-width: 100%;
  }
  .bo-empty-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 6px;
  }
  .bo-empty-icon::before {
    border-radius: 15px;
  }
  .bo-empty-heading {
    font-size: 28px;
    margin-top: 8px;
  }
  .bo-empty-tagline {
    font-size: 17px;
    margin-bottom: 14px;
  }
  .bo-empty-subline {
    font-size: 13px;
    margin-bottom: 14px;
  }
  .bo-starter-group {
    padding: 14px 12px 12px;
    border-radius: 12px;
  }
  .bo-starter-group-header {
    grid-template-columns: 28px 1fr;
    gap: 10px;
  }
  .bo-starter-group-header h3, .bo-starter-group-header .h3 {
    font-size: 16px;
  }
  .bo-starter-group-header p {
    font-size: 12.5px;
  }
  .bo-starter-row {
    min-height: 42px;
    grid-template-columns: 28px minmax(0, 1fr) 18px;
    gap: 8px;
    padding: 8px 10px;
    font-size: 13px;
  }
  .bo-messages-list {
    padding: 16px 16px 12px;
  }
  .bo-messages-list--empty {
    padding: 0 12px;
  }
  .bo-message--assistant {
    max-width: 100%;
    margin-right: 0;
  }
  .bo-composer {
    padding: 8px 12px calc(12px + env(safe-area-inset-bottom));
  }
  .hiring-jobs-page,
  .hiring-applicants-page,
  .hiring-help-page,
  .hiring-job-form-page {
    padding: 20px 16px 40px;
  }
  .hiring-help-intro {
    margin-top: 0;
  }
  .hiring-jobs-header {
    margin-bottom: 20px;
  }
  .hiring-jobs-heading {
    font-size: 18px;
  }
  .hiring-list-card-body,
  .hiring-job-card-body {
    padding: 14px 16px;
    flex-wrap: wrap;
  }
  .hiring-job-card-right {
    width: 100%;
    justify-content: space-between;
    margin-top: 8px;
  }
  .hiring-job-card-posted {
    order: 1;
  }
  .hiring-job-card-actions {
    order: 2;
  }
  .hiring-job-form-header {
    margin-bottom: 18px;
  }
  .hiring-job-form-heading {
    font-size: 22px;
  }
  .hiring-job-form-heading--mobile-hidden {
    display: none;
  }
  .hiring-job-form-header--mobile-hidden {
    display: none;
  }
  .hiring-job-form-shell {
    grid-template-columns: 1fr;
  }
  .hiring-job-form-aside {
    position: static;
    order: -1;
  }
  .hiring-job-form-section {
    padding: 20px 16px;
  }
  .hiring-job-form-actions {
    padding: 16px;
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .hiring-job-form-actions .btn,
  .hiring-job-form-actions .btn-hirer-primary {
    justify-content: center;
    width: 100%;
  }
}
.hiring-modal-input:focus {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.15);
}
.bo-chat-titlebar {
  padding: 12px 16px 0;
}
.bo-chat-titlebar-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #1c1917;
  cursor: pointer;
  transition: background 150ms ease;
}
.bo-chat-titlebar-trigger:hover {
  background: #ecfccb;
}
.bo-chat-titlebar-trigger:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(77, 124, 15, 0.2);
}
.bo-chat-titlebar-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 360px;
}
.bo-chat-titlebar-chevron {
  font-size: 11px;
  color: #57534e;
}
.hiring-opportunity-chooser {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .hiring-opportunity-chooser {
    grid-template-columns: 1fr;
  }
}
.hiring-opportunity-chooser-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e2e6d0;
  border-radius: 14px;
  text-decoration: none;
  color: #1c1917;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.hiring-opportunity-chooser-card:hover, .hiring-opportunity-chooser-card:focus {
  text-decoration: none;
  color: #1c1917;
  border-color: #4d7c0f;
  box-shadow: 0 4px 12px rgba(77, 124, 15, 0.12);
  transform: translateY(-1px);
}
.hiring-opportunity-chooser-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hiring-opportunity-chooser-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #ecfccb;
  color: #4d7c0f;
  font-size: 18px;
  flex-shrink: 0;
}
.hiring-opportunity-chooser-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1c1917;
}
.hiring-opportunity-chooser-copy {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #57534e;
}
.hiring-opportunity-chooser-cta {
  margin-top: auto;
  padding-top: 12px;
  font-weight: 600;
  color: #4d7c0f;
}
.hiring-form-review-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 20px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #6b7280;
}
.hiring-form-review-note svg {
  flex-shrink: 0;
  stroke-width: 1.75;
}
@media (max-width: 767px) {
  .hiring-form-review-note {
    align-items: flex-start;
    text-align: left;
  }
  .hiring-form-review-note svg {
    margin-top: 2px;
  }
}
.bo-pending-changes {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #f0e2bf;
  background: #fdf9ee;
  border-radius: 10px;
}
.bo-pending-changes .bo-pending-changes-header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #8a6d1f;
  margin-bottom: 8px;
}
.bo-pending-changes .bo-pending-changes-list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}
.bo-pending-changes .bo-pending-change {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  padding: 5px 0;
  font-size: 13px;
  border-top: 1px dashed #ece0c0;
}
.bo-pending-changes .bo-pending-change:first-child {
  border-top: none;
}
.bo-pending-changes .bo-pending-change-field {
  min-width: 96px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #918a6d;
}
.bo-pending-changes .bo-pending-change--remove .bo-pending-change-field {
  text-decoration: line-through;
  color: #9a5b5b;
}
.bo-pending-changes .bo-pending-change-values {
  min-width: 0;
  overflow-wrap: anywhere;
}
.bo-pending-changes .bo-pending-change-values--screening {
  flex: 1 1 100%;
  min-width: 0;
}
.bo-pending-changes .bo-pending-question {
  width: 100%;
  padding: 6px 8px;
  border-radius: 6px;
  margin-top: 4px;
}
.bo-pending-changes .bo-pending-question + .bo-pending-question {
  margin-top: 6px;
}
.bo-pending-changes .bo-pending-question .bo-draft-question-text {
  margin: 0 0 4px;
}
.bo-pending-changes .bo-pending-question--add {
  background: #eef6ec;
  border: 1px solid #d5e8cf;
}
.bo-pending-changes .bo-pending-question--remove {
  background: #fbeeee;
  border: 1px solid #f0d9d9;
}
.bo-pending-changes .bo-pending-question--remove .bo-draft-question-text {
  text-decoration: line-through;
  color: #9a5b5b;
}
.bo-pending-changes .bo-pending-change-old {
  color: #9a5b5b;
  text-decoration: line-through;
  background: #fbeeee;
  border-radius: 4px;
  padding: 0 4px;
}
.bo-pending-changes .bo-pending-change-new {
  color: #2f5f31;
  background: #e9f3e6;
  border-radius: 4px;
  padding: 0 4px;
}
.bo-pending-changes .bo-pending-change-arrow {
  color: #c3bba3;
  margin: 0 2px;
}
.bo-pending-changes .bo-pending-changes-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bo-inline-diff {
  display: block;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.5;
}
.bo-inline-diff .bo-diff-del {
  color: #9a5b5b;
  text-decoration: line-through;
  background: #fbeeee;
  border-radius: 3px;
  padding: 0 2px;
}
.bo-inline-diff .bo-diff-ins {
  color: #2f5f31;
  background: #e9f3e6;
  border-radius: 3px;
  padding: 0 2px;
  text-decoration: none;
}
.bo-inline-diff .bo-diff-gap {
  color: #b8b09a;
}
.listen-dashboard {
  max-width: 1040px;
  margin: 0 auto;
  padding: 2rem 1.5rem 4rem;
}
.listen-dashboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 900px) {
  .listen-dashboard__header {
    display: none;
  }
}
.listen-dashboard__title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1c1917;
  margin: 0;
}
.listen-dashboard__subtitle {
  color: #6b7280;
  margin: 0 0 1.75rem;
}
.listen-dashboard__empty {
  border: 1px dashed #e2e6d0;
  border-radius: 14px;
  padding: 3rem 2rem;
  text-align: center;
  color: #6b7280;
}
.listen-study-card {
  display: block;
  border: 1px solid #e2e6d0;
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.listen-study-card:hover {
  border-color: #bef264;
  box-shadow: 0 6px 18px rgba(77, 124, 15, 0.12);
}
.listen-study-card__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.listen-study-card__title {
  font-size: 1.1rem;
  font-weight: 650;
  color: #1c1917;
  margin: 0 0 0.25rem;
}
.listen-study-card__meta {
  color: #6b7280;
  font-size: 0.9rem;
  margin: 0;
}
.listen-badge {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
}
.listen-badge--draft {
  background: #f3f4f6;
  color: #4b5563;
}
.listen-badge--live {
  background: #dcfce7;
  color: #166534;
}
.listen-badge--closed {
  background: #e5e7eb;
  color: #374151;
}
.listen-badge--synthesizing {
  background: #fef3c7;
  color: #92400e;
}
.listen-badge--complete {
  background: #ecfccb;
  color: #3f6212;
}
.listen-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  height: 100%;
  min-height: 0;
}
@media (max-width: 900px) {
  .listen-builder {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: auto;
  }
}
.listen-mobile-tabbar {
  display: none;
}
@media (max-width: 900px) {
  .listen-mobile-tabbar {
    display: flex;
    order: 0;
    flex-shrink: 0;
    gap: 4px;
    margin: 8px 12px;
    padding: 4px;
    background: #f0f1e6;
    border-radius: 10px;
  }
}
.listen-mobile-tab {
  flex: 1;
  padding: 8px 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #6b7280;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.listen-mobile-tab.is-active {
  background: #fff;
  color: #1c1917;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(28, 25, 23, 0.12);
}
@media (max-width: 900px) {
  .listen-chat,
  .listen-artifact {
    order: 1;
    flex: 1;
    min-height: 0;
  }
  .listen-chat {
    border-right: 0;
  }
  .listen-artifact {
    display: none;
  }
  .listen-builder--preview-tab .listen-chat {
    display: none;
  }
  .listen-builder--preview-tab .listen-artifact {
    display: flex;
  }
}
.listen-chat {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-right: 1px solid #e2e6d0;
}
.listen-chat__header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e2e6d0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.listen-chat__title {
  font-size: 1.05rem;
  font-weight: 650;
  color: #1c1917;
  margin: 0;
}
.listen-chat__messages {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.listen-chat__composer {
  border-top: 1px solid #e2e6d0;
  padding: 0.85rem 1rem;
}
.listen-chat__form {
  display: flex;
  gap: 0.6rem;
  align-items: flex-end;
}
.listen-chat__input {
  flex: 1;
  resize: none;
  border: 1px solid #e2e6d0;
  border-radius: 12px;
  padding: 0.65rem 0.85rem;
  font-size: 0.95rem;
  line-height: 1.4;
  max-height: 140px;
}
.listen-chat__input:focus {
  outline: none;
  border-color: #4d7c0f;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.12);
}
.listen-message {
  max-width: 88%;
  padding: 0.7rem 0.95rem;
  border-radius: 14px;
  font-size: 0.95rem;
  line-height: 1.5;
}
.listen-message p:last-child {
  margin-bottom: 0;
}
.listen-message--user {
  align-self: flex-end;
  background: #ecfccb;
  color: #1c1917;
}
.listen-message--assistant {
  align-self: flex-start;
  background: #fff;
  border: 1px solid #e2e6d0;
  color: #1c1917;
}
.listen-message--empty {
  align-self: stretch;
  max-width: 100%;
  background: transparent;
  color: #6b7280;
  text-align: center;
  border: 1px dashed #e2e6d0;
}
.listen-artifact {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #f0f1e6;
}
.listen-artifact__scroll {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}
.listen-artifact__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.listen-artifact__header-actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.listen-artifact__header-actions .dropdown {
  line-height: 1;
}
.listen-artifact__header-actions .btn-link {
  color: #6b7280;
}
.listen-artifact__header-actions .btn-link:hover, .listen-artifact__header-actions .btn-link:focus-visible {
  color: #1c1917;
  background: rgba(77, 124, 15, 0.08);
}
.listen-artifact__menu-copy .dropdown-item {
  display: flex;
  align-items: center;
}
.listen-artifact__eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #4d7c0f;
  margin: 0;
}
.listen-artifact__breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0 0 0.15rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.listen-artifact__crumb {
  color: #4d7c0f;
  text-decoration: none;
}
.listen-artifact__crumb:hover, .listen-artifact__crumb:focus-visible {
  color: #3f6212;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}
.listen-artifact__crumb-separator {
  color: #bef264;
}
.listen-artifact__title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #1c1917;
  margin: 0.1rem 0 0;
}
.listen-artifact__progress {
  background: #fff;
  border: 1px solid #e2e6d0;
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}
.listen-artifact__progress--report {
  background: #ecfccb;
  border-color: #bef264;
}
.listen-artifact__progress--synth {
  background: #fffbeb;
  border-color: #fde68a;
}
.listen-artifact__progress--synth .listen-artifact__sample-progress-bar {
  background: #fef3c7;
}
.listen-artifact__progress--synth .listen-artifact__sample-progress-bar .progress-bar {
  background-color: #92400e !important;
}
.listen-artifact__progress-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.listen-artifact__progress-status {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.55rem;
  font-size: 0.92rem;
  font-weight: 700;
  color: #6b7280;
}
.listen-artifact__progress-status--collecting, .listen-artifact__progress-status--ready {
  color: #4d7c0f;
}
.listen-artifact__progress-status--report-ready {
  color: #3f6212;
}
.listen-artifact__progress-status--synthesizing {
  color: #92400e;
}
.listen-artifact__progress-icon {
  flex: 0 0 auto;
}
.listen-artifact__progress-spin {
  flex: 0 0 auto;
  animation: listen-sample-spin 0.8s linear infinite;
}
.listen-artifact__progress-meta {
  color: #1c1917;
  font-size: 0.9rem;
  margin: 0;
}
.listen-artifact__progress-divider {
  height: 1px;
  background: #bef264;
  margin: 0.8rem 0;
}
.listen-artifact__progress-report {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
}
.listen-artifact__progress-report:hover .listen-artifact__progress-report-cta {
  color: #3f6212;
}
.listen-artifact__progress-report-text {
  color: #57534e;
  font-size: 0.85rem;
}
.listen-artifact__progress-report-cta {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.9rem;
  color: #4d7c0f;
  transition: color 0.15s ease;
}
.listen-artifact__progress-nudge {
  background: #f0f1e6;
  border-radius: 8px;
  padding: 0.55rem 0.7rem;
  margin-top: 0.7rem;
  font-size: 0.83rem;
  color: #57534e;
  line-height: 1.4;
}
.listen-artifact__progress-nudge strong {
  color: #1c1917;
}
.listen-artifact__progress-hint {
  font-size: 0.8rem;
  color: #6b7280;
  margin: 0.55rem 0 0;
}
.listen-artifact__section {
  background: #fff;
  border: 1px solid #e2e6d0;
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}
.listen-artifact__section-title {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7280;
  margin: 0 0 0.6rem;
}
.listen-artifact__placeholder {
  color: #9ca3af;
  font-style: italic;
}
.listen-artifact__sample-progress {
  color: #1c1917;
  font-weight: 600;
  margin: 0;
}
.listen-artifact__sample-progress-bar {
  height: 8px;
  overflow: hidden;
  margin: 0.55rem 0 0.65rem;
  background: #ecfccb;
  border-radius: 999px;
}
.listen-artifact__sample-progress-bar .progress-bar {
  background-color: #4d7c0f !important;
  border-radius: inherit;
}
.listen-artifact__sample-target {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.8rem;
  color: #1c1917;
  font-size: 0.9rem;
}
.listen-artifact__sample-target label {
  font-weight: 600;
}
.listen-artifact__sample-input {
  width: 4.5rem;
  border-color: #e2e6d0;
}
.listen-artifact__sample-input:focus {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 0.2rem rgba(77, 124, 15, 0.15);
}
.listen-artifact__sample-input:disabled {
  background: #f0f1e6;
}
.listen-artifact__sample-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid #4d7c0f;
  border-radius: 7px;
  background: #4d7c0f;
  color: #fff;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.listen-artifact__sample-save:hover:not(:disabled) {
  border-color: #3f6212;
  background: #3f6212;
}
.listen-artifact__sample-save:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.24);
}
.listen-artifact__sample-save:disabled {
  border-color: #e2e6d0;
  background: #ecfccb;
  color: #6b7280;
  cursor: not-allowed;
}
.listen-artifact__sample-save[aria-busy=true] {
  cursor: wait;
}
.listen-artifact__sample-save[aria-busy=true] .listen-artifact__sample-save-icon {
  display: none;
}
.listen-artifact__sample-save[aria-busy=true] .listen-artifact__sample-saving-icon {
  display: block;
  animation: listen-sample-spin 0.8s linear infinite;
}
.listen-artifact__sample-saving-icon {
  display: none;
}
.listen-artifact__sample-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid #e2e6d0;
  border-radius: 7px;
  background: #fff;
  color: #6b7280;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.listen-artifact__sample-cancel:hover {
  border-color: #57534e;
  color: #1c1917;
}
.listen-artifact__sample-cancel:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.24);
}
.listen-artifact__sample-error {
  margin: 0.45rem 0 0;
  color: #b42318;
  font-size: 0.82rem;
  font-weight: 600;
}
.listen-artifact__sample-target-readonly {
  margin: 0.65rem 0 0;
  color: #1c1917;
}
.listen-artifact__budget-prefix {
  color: #6b7280;
}
.listen-artifact__sample-caption {
  margin: 0;
  color: #6b7280;
  font-size: 0.82rem;
  white-space: nowrap;
}
.listen-artifact__budget-disclaimer {
  margin: 0.35rem 0 0;
  color: #6b7280;
  font-size: 0.78rem;
  line-height: 1.35;
  font-style: italic;
}
.listen-artifact__funding-note {
  margin: 0.35rem 0 0;
  color: #6b7280;
  font-size: 0.8rem;
  line-height: 1.35;
}
.listen-artifact__metric {
  margin-top: 0.85rem;
}
.listen-artifact__metric:first-of-type {
  margin-top: 0.5rem;
}
.listen-artifact__metric .listen-artifact__sample-progress-bar {
  margin: 0.4rem 0 0;
}
.listen-artifact__metric .listen-artifact__sample-target {
  margin-top: 0;
}
.listen-artifact__metric .listen-artifact__sample-caption {
  display: block;
  margin-top: 0.4rem;
  white-space: normal;
}
.listen-artifact__metric-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.15rem 0.75rem;
  margin-bottom: 0.45rem;
}
.listen-artifact__metric-aside {
  display: inline-flex;
  align-items: baseline;
  gap: 0.65rem;
  min-width: 0;
}
.listen-artifact__metric-label {
  color: #6b7280;
  font-size: 0.82rem;
  font-weight: 600;
}
.listen-artifact__metric-value {
  color: #1c1917;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
}
.listen-artifact__metric-link {
  color: #4d7c0f;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.listen-artifact__metric-link:hover {
  text-decoration: underline;
}
.listen-artifact__budget-edit {
  margin-top: 0.4rem;
}
.listen-artifact__sample-link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  margin-top: 0.35rem;
  color: #4d7c0f;
  font-weight: 600;
  text-underline-offset: 0.15em;
}
.listen-artifact__sample-link:hover {
  color: #3f6212;
}
.listen-artifact__sample-link:focus-visible {
  border-radius: 4px;
  outline: 2px solid #4d7c0f;
  outline-offset: 2px;
}
.listen-artifact .form-check-input:checked {
  background-color: #4d7c0f;
  border-color: #4d7c0f;
}
.listen-artifact .form-check-input:focus {
  border-color: #4d7c0f;
  box-shadow: 0 0 0 0.2rem rgba(77, 124, 15, 0.25);
}
@media (max-width: 420px) {
  .listen-artifact__sample-target {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .listen-artifact__sample-target span {
    flex: 1 1 8rem;
    align-self: center;
  }
}
.listen-artifact__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.listen-artifact__pill {
  background: #ecfccb;
  border: 1px solid #bef264;
  color: #3f6212;
  border-radius: 999px;
  padding: 0.2rem 0.7rem;
  font-size: 0.82rem;
  font-weight: 600;
}
.listen-artifact__q {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e2e6d0;
}
.listen-artifact__q:last-child {
  border-bottom: 0;
}
.listen-artifact__q-text {
  font-weight: 600;
  margin: 0 0 0.25rem;
}
.listen-artifact__probes, .listen-artifact__q-meta {
  color: #6b7280;
  font-size: 0.85rem;
  margin: 0;
}
.listen-artifact__invite {
  background: #f0f1e6;
  border: 1px solid #e2e6d0;
  border-radius: 10px;
  padding: 0.9rem 1.1rem;
  margin-bottom: 0.6rem;
}
.listen-artifact__invite-tag {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #4d7c0f;
  margin: 0 0 0.35rem;
}
.listen-artifact__invite-title {
  font-weight: 700;
  color: #1c1917;
  margin: 0 0 0.25rem;
}
.listen-artifact__invite-text {
  font-size: 0.9rem;
  color: #1c1917;
  margin: 0;
}
.listen-artifact__invite-incentive {
  font-size: 0.85rem;
  font-weight: 600;
  color: #3f6212;
  margin: 0.25rem 0 0;
}
.listen-artifact__invite-button {
  display: inline-block;
  margin-top: 0.6rem;
  background: #4d7c0f;
  color: #fff;
  border-radius: 999px;
  padding: 0.3rem 0.9rem;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: default;
}
.listen-artifact__invite-status {
  color: #1c1917;
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0 0 0.2rem;
}
.listen-artifact__footer {
  border-top: 1px solid #e2e6d0;
  padding: 1rem 1.5rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.listen-artifact__action {
  flex: 0 0 auto;
}
.listen-artifact__action .btn {
  white-space: nowrap;
}
.listen-artifact__hint {
  color: #6b7280;
  font-size: 0.85rem;
  margin: 0;
}
@keyframes listen-sample-spin {
  to {
    transform: rotate(360deg);
  }
}
.research-interviews {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 2rem 1.5rem 4rem;
}
.research-interviews__breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 1.5rem;
  color: #6b7280;
  font-size: 0.85rem;
}
.research-interviews__crumb {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #4d7c0f;
  text-decoration: none;
}
.research-interviews__crumb:hover {
  color: #3f6212;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}
.research-interviews__crumb:focus-visible {
  border-radius: 3px;
  outline: 2px solid #4d7c0f;
  outline-offset: 3px;
}
.research-interviews__crumb--current {
  color: #6b7280;
}
.research-interviews__crumb-separator {
  color: #bef264;
}
.research-interviews__header {
  margin-bottom: 1.75rem;
}
.research-interviews__eyebrow {
  margin: 0 0 0.4rem;
  color: #4d7c0f;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.research-interviews__title {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: 0;
  color: #1c1917;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.research-interviews__progress {
  margin: 0.45rem 0 0;
  color: #6b7280;
  font-size: 0.95rem;
}
.research-interviews__list {
  display: grid;
  gap: 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.research-interviews__item {
  min-width: 0;
}
.research-interviews__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  min-width: 0;
  padding: 1.2rem 1.35rem;
  border: 1px solid #e2e6d0;
  border-radius: 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.research-interviews__card:hover {
  border-color: #bef264;
  box-shadow: 0 7px 20px rgba(77, 124, 15, 0.12);
  color: inherit;
  transform: translateY(-1px);
}
.research-interviews__card:hover .research-interviews__action {
  color: #3f6212;
}
.research-interviews__card:focus-visible {
  border-color: #4d7c0f;
  outline: 3px solid rgba(77, 124, 15, 0.24);
  outline-offset: 2px;
}
.research-interviews__details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.research-interviews__participant {
  overflow-wrap: anywhere;
  color: #1c1917;
  font-size: 1.05rem;
  font-weight: 650;
}
.research-interviews__metadata {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.3rem;
  color: #6b7280;
  font-size: 0.88rem;
}
.research-interviews__metadata-separator {
  color: #bef264;
}
.research-interviews__action {
  flex: 0 0 auto;
  color: #4d7c0f;
  font-size: 0.9rem;
  font-weight: 700;
}
.research-interviews__empty {
  padding: 3.5rem 2rem;
  border: 1px dashed #e2e6d0;
  border-radius: 14px;
  background: #f0f1e6;
  color: #6b7280;
  text-align: center;
}
.research-interviews__empty p {
  margin: 0;
}
.research-interviews--transcript {
  max-width: 800px;
}
.research-interviews__transcript {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.research-interviews__turn {
  padding: 1.15rem 1.25rem;
  border: 1px solid #e2e6d0;
  border-left-width: 5px;
  border-radius: 12px;
  background: #fff;
}
.research-interviews__turn--interviewer {
  border-left-color: #4d7c0f;
}
.research-interviews__turn--physician {
  border-left-color: #1c1917;
  background: #f0f1e6;
}
.research-interviews__turn-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.45rem;
}
.research-interviews__speaker {
  color: #1c1917;
  font-size: 0.9rem;
  font-weight: 750;
}
.research-interviews__timestamp {
  flex: 0 0 auto;
  color: #6b7280;
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
}
.research-interviews__turn-text {
  margin: 0;
  color: #1c1917;
  font-size: 1rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.research-interviews__back {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  margin-top: 1.5rem;
  color: #4d7c0f;
  font-weight: 650;
  text-underline-offset: 0.16em;
}
.research-interviews__back:hover {
  color: #3f6212;
}
.research-interviews__back:focus-visible {
  border-radius: 4px;
  outline: 2px solid #4d7c0f;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .research-interviews {
    padding: 1.5rem 1rem 3rem;
  }
  .research-interviews__card {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1.05rem;
  }
  .research-interviews__action {
    min-height: 2rem;
  }
  .research-interviews__turn {
    padding: 1rem;
  }
  .research-interviews__turn-header {
    align-items: flex-start;
  }
}
.research-report-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
  align-items: start;
  gap: 0 1rem;
  max-width: 1340px;
  margin: 0 auto;
}
.research-report-layout__side {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100vh;
  padding: 2rem 1.25rem 1.5rem 0;
}
.research-report-layout__side .research-qa__messages {
  max-height: none;
}
@media (max-width: 1100px) {
  .research-report-layout {
    grid-template-columns: 1fr;
  }
  .research-report-layout__side {
    position: static;
    max-height: none;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 0 1.25rem 3rem;
  }
  .research-report-layout__side .research-qa__messages {
    max-height: 28rem;
  }
  .research-report-layout .research-report {
    padding-bottom: 1rem;
  }
}
.research-qa {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.research-qa__heading {
  margin-top: 0;
  flex-shrink: 0;
}
.research-qa__chat {
  border: 1px solid #e2e6d0;
  border-radius: 14px;
  background: #fff;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.research-qa__messages {
  max-height: 28rem;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.research-qa__composer {
  border-top: 1px solid #e2e6d0;
  padding: 0.85rem 1rem;
  flex-shrink: 0;
}
.research-qa__empty {
  border: none;
  padding: 1.5rem 1rem;
}
.research-qa__empty-lead {
  margin: 0 0 0.85rem;
}
.research-qa__suggestions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.research-qa__suggestion {
  border: 1px solid #e2e6d0;
  border-radius: 999px;
  background: #ecfccb;
  color: #1c1917;
  font-size: 0.85rem;
  padding: 0.35rem 0.85rem;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.research-qa__suggestion:hover {
  border-color: #4d7c0f;
  background: #fff;
}
.research-qa__citations {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.85rem;
}
.research-qa__unavailable {
  color: #6b7280;
  border: 1px dashed #e2e6d0;
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  margin: 0;
}
body.hirer-context .v2-guest-header .header-container .header-navigation .nav-item:hover {
  color: var(--theme-primary);
}
body.hirer-context .v2-guest-header .header-container .header-navigation .nav-item.active {
  color: var(--theme-primary);
}
body.hirer-context .v2-guest-header .header-container .header-navigation .nav-dropdown .dropdown-menu .dropdown-item:hover {
  background: transparent;
  color: var(--theme-primary);
}
body.hirer-context .v2-guest-header .header-container .header-navigation .nav-dropdown .dropdown-menu .dropdown-item.active {
  background: transparent;
  color: var(--theme-primary);
}
body.hirer-context .auth-form {
  border-color: var(--theme-border);
  box-shadow: 0 1px 3px rgba(77, 124, 15, 0.08);
}
body.hirer-context .auth-input,
body.hirer-context .auth-select {
  border-color: var(--theme-border);
}
body.hirer-context .auth-input:focus,
body.hirer-context .auth-select:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.12);
}
body.hirer-context .auth-link,
body.hirer-context .auth-alternative-link {
  color: var(--theme-primary);
}
body.hirer-context .auth-link:hover,
body.hirer-context .auth-alternative-link:hover {
  color: var(--theme-primary-hover);
}
body.hirer-context .role-radio:checked + .role-card {
  border-color: var(--theme-primary);
  background: rgba(77, 124, 15, 0.04);
}
body.hirer-context .role-radio:focus + .role-card {
  box-shadow: 0 0 0 3px rgba(77, 124, 15, 0.2);
}
body.hirer-context .role-radio:checked + .role-card .role-icon {
  background: var(--theme-primary);
}
body.onboarding .auth-header {
  margin-bottom: 16px;
}
body.onboarding .auth-form {
  border-color: transparent;
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.hidden {
  display: none !important;
}
#flash_messages {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10000;
  max-width: 400px;
  min-width: 320px;
  pointer-events: none;
}
#flash_messages .alert {
  pointer-events: auto;
  padding-right: 3rem;
  margin-bottom: 0.75rem;
}
#flash_messages .alert:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=tel],
  input[type=url],
  input[type=search],
  input[type=date],
  input[type=time],
  input[type=datetime-local],
  select,
  textarea,
  .form-control,
  .form-select,
  .settings-form-input,
  .settings-form-select {
    font-size: 16px !important;
  }
  .status-update-form .form-select {
    font-size: 12px !important;
  }
}
.form-control:focus,
.form-select:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 0.25rem var(--theme-focus-ring);
}
body.hirer-context .consulting-payment-note-input {
  border-color: var(--theme-border);
  caret-color: var(--theme-primary);
}
body.hirer-context .consulting-payment-note-input:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 0.25rem rgba(77, 124, 15, 0.18);
}
body.hirer-context .consulting-payment-note-input::-moz-placeholder {
  color: #78716c;
}
body.hirer-context .consulting-payment-note-input::placeholder {
  color: #78716c;
}
.form-check-input:checked {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
}
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem var(--theme-focus-ring);
}
#salary-survey-form {
  margin-top: 2rem;
  padding-top: 1rem;
}
.main-content {
  position: relative;
}
.main-content:has(#salary-survey-form) {
  padding-top: 2rem;
}
.survey-question-label {
  font-weight: 600;
  font-size: 1.1rem;
  color: #374151;
  margin-bottom: 0.75rem;
  display: block;
}
.radio-group {
  display: flex;
  gap: 1rem;
}
.radio-option {
  position: relative;
  flex: 1;
}
.radio-label {
  display: block;
  padding: 0.5rem 1rem;
  background-color: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  color: #4a5568;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.875rem;
}
.radio-label:hover {
  background-color: #edf2f7;
  border-color: #cbd5e0;
}
input[type=radio]:checked + .radio-label,
.radio-option input[type=radio]:checked ~ .radio-label {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  color: white;
  font-weight: 600;
}
.radio-option input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.progress {
  height: 16px;
  background-color: #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
}
.progress-bar {
  background-color: var(--theme-primary) !important;
  transition: width 0.3s ease;
}
.autonumeric {
  font-family: monospace;
  font-size: 1rem;
}
.form-select option:hover,
.form-select option:focus {
  background-color: var(--theme-primary) !important;
  color: white !important;
}
.form-select:focus option:checked,
.form-select option:checked {
  background-color: var(--theme-primary) !important;
  color: white !important;
}
.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-select:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 0.25rem var(--theme-focus-ring);
}
.form-select:focus option:hover, .form-select:focus option:focus, .form-select:focus option:checked {
  background-color: var(--theme-primary) !important;
  color: white !important;
}
.settings-auth-methods {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.75rem;
}
.settings-auth-method-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f9fafb;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.settings-auth-method-card:hover {
  border-color: #cbd5f5;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.08);
}
.settings-auth-method-card--placeholder {
  justify-content: flex-start;
  border-style: dashed;
  background: #f3f4f6;
  color: #6b7280;
}
.settings-auth-method-card--placeholder:hover {
  border-color: #e5e7eb;
  box-shadow: none;
}
.settings-auth-method-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.settings-auth-method-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: inherit;
}
.settings-auth-method-icon svg,
.settings-auth-method-icon img {
  width: 20px;
  height: 20px;
}
.settings-auth-method-icon--google {
  color: #ea4335;
}
.settings-auth-method-icon--email, .settings-auth-method-icon--email-pending {
  color: #0f172a;
}
.settings-auth-method-icon--placeholder {
  color: #6b7280;
}
.settings-auth-method-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #1f2937;
}
.settings-auth-method-subtitle {
  font-size: 0.8125rem;
}
.settings-auth-status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
}
.settings-auth-status-dot {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.settings-auth-status-dot::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 999px;
  background: white;
  opacity: 0.35;
}
.settings-auth-status-dot.is-interactive {
  cursor: pointer;
}
.settings-auth-status-dot.is-interactive:hover {
  transform: scale(1.05);
}
.settings-auth-status-dot--active {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2), 0 4px 10px rgba(16, 185, 129, 0.25);
}
.settings-auth-status-dot--pending {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2), 0 4px 10px rgba(245, 158, 11, 0.25);
}
.settings-auth-methods--empty {
  margin-top: 0.5rem;
}
.faq-page {
  background: linear-gradient(180deg, #0f172a 0%, #111827 38%, #f9fafb 38%, #ffffff 100%);
  color: #111827;
}
.faq-page .container {
  max-width: 1080px;
}
.faq-hero {
  padding: 4rem 1.5rem 5rem;
}
.faq-hero .container {
  display: grid;
  gap: 2.5rem;
  align-items: start;
}
@media (min-width: 992px) {
  .faq-hero .container {
    grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
    gap: 3.5rem;
  }
}
.faq-hero-content {
  color: #f9fafb;
}
.faq-hero-content h1, .faq-hero-content .h1 {
  font-size: clamp(2rem, 3vw + 1rem, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
}
.faq-hero-content .faq-subtitle {
  color: rgba(249, 250, 251, 0.8);
  font-size: 1.0625rem;
  margin-bottom: 1.75rem;
}
.contact-container {
  min-height: 100vh;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}
.contact-wrapper {
  max-width: 600px;
  width: 100%;
}
.contact-header {
  text-align: center;
  margin-bottom: 40px;
}
.contact-title {
  font-size: 40px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 12px 0;
  letter-spacing: -0.02em;
}
.contact-subtitle {
  font-size: 16px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
}
.contact-form {
  background: #fff;
  border: 1px solid #f3e8ff;
  border-radius: 12px;
  padding: 32px;
  margin-bottom: 32px;
  box-shadow: 0 1px 3px rgba(139, 92, 246, 0.08);
}
.contact-form-group {
  margin-bottom: 24px;
}
.contact-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}
.contact-input,
.contact-textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  border: 1px solid #e9d5ff;
  border-radius: 8px;
  transition: all 0.2s ease;
  font-family: inherit;
  color: #111827;
  background: #fff;
}
.contact-input::-moz-placeholder, .contact-textarea::-moz-placeholder {
  color: #9ca3af;
}
.contact-input::placeholder,
.contact-textarea::placeholder {
  color: #9ca3af;
}
.contact-input:focus,
.contact-textarea:focus {
  outline: none;
  border-color: #a855f7;
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.1);
}
.contact-textarea {
  resize: vertical;
  min-height: 120px;
}
.contact-form-actions {
  margin-top: 32px;
}
.contact-submit-btn {
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
}
.contact-alert {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  font-size: 14px;
  line-height: 1.5;
}
.contact-alert.contact-alert-success {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.contact-alert.contact-alert-error {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
.contact-alert.contact-alert-info {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}
.contact-alert.contact-alert-warning {
  background: #fed7aa;
  color: #92400e;
  border: 1px solid #fdba74;
}
.contact-alert-close {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
}
.contact-alert-close:hover {
  opacity: 1;
}
.contact-error-list {
  margin: 8px 0 0 0;
  padding-left: 20px;
}
.contact-error-list li {
  margin: 4px 0;
}
.contact-alternative {
  text-align: center;
  padding: 24px;
  background: #faf5ff;
  border-radius: 12px;
  border: 1px solid #f3e8ff;
}
.contact-alternative-text {
  margin: 0 0 8px 0;
  color: #6b7280;
  font-size: 14px;
}
.contact-email-link {
  color: #8b5cf6;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}
.contact-email-link:hover {
  color: #7c3aed;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .contact-container {
    padding: 20px;
  }
  .contact-title {
    font-size: 32px;
  }
  .contact-form {
    padding: 24px;
  }
  .contact-submit-btn {
    font-size: 15px;
    padding: 12px 20px;
  }
}
.faq-eyebrow {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: rgba(249, 250, 251, 0.7);
}
.faq-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.faq-cta-group .btn-outline-light {
  border-color: rgba(249, 250, 251, 0.45);
  color: #f9fafb;
}
.faq-cta-group .btn-outline-light:hover {
  background: rgba(249, 250, 251, 0.12);
}
.faq-hero-card {
  background: rgba(15, 23, 42, 0.35);
  border-radius: 18px;
  padding: 1.75rem;
  border: 1px solid rgba(148, 163, 184, 0.25);
  backdrop-filter: blur(6px);
  display: grid;
  gap: 1.5rem;
  color: #e2e8f0;
}
.faq-hero-card .faq-hero-metric {
  display: grid;
  gap: 0.35rem;
}
.faq-hero-card .faq-metric-value {
  font-size: 2rem;
  font-weight: 700;
}
.faq-hero-card .faq-metric-label {
  font-size: 0.9rem;
  color: rgba(226, 232, 240, 0.75);
}
.faq-nav {
  margin-top: -2.5rem;
  padding: 0 1.5rem 3rem;
}
.faq-nav .faq-nav-card {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 20px 40px -24px rgba(15, 23, 42, 0.35);
  padding: 1.5rem;
  border: 1px solid #e5e7eb;
}
.faq-nav .faq-nav-label {
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
  margin-bottom: 1rem;
}
.faq-nav .faq-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.faq-nav .faq-nav-list li a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0.9rem;
  border-radius: 999px;
  background: #f3f4f6;
  color: #111827;
  font-weight: 500;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faq-nav .faq-nav-list li a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px -12px rgba(15, 23, 42, 0.4);
}
.faq-nav .faq-nav-list .faq-nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(99, 102, 241, 0.12);
  color: #4f46e5;
}
.faq-topics {
  padding: 2rem 1.5rem 4rem;
}
.faq-topic {
  background: #ffffff;
  border-radius: 24px;
  padding: 2.25rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0 28px 60px -40px rgba(15, 23, 42, 0.45);
  margin-bottom: 2rem;
}
@media (max-width: 575px) {
  .faq-topic {
    padding: 1.75rem;
  }
}
.faq-topic-header {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.75rem;
}
.faq-topic-header h2, .faq-topic-header .h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.faq-topic-header p {
  margin: 0;
  color: #4b5563;
}
.faq-topic-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(79, 70, 229, 0.12);
  color: #4338ca;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-question-grid {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .faq-question-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.faq-question-card {
  background: #f9fafb;
  border-radius: 18px;
  padding: 1.5rem;
  border: 1px solid #e5e7eb;
  display: grid;
  gap: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faq-question-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 45px -35px rgba(79, 70, 229, 0.5);
}
.faq-question-card h3, .faq-question-card .h3 {
  font-size: 1.125rem;
  margin: 0;
  color: #111827;
}
.faq-question-card p {
  margin-bottom: 0.75rem;
  color: #4b5563;
}
.faq-question-card p:last-child {
  margin-bottom: 0;
}
.faq-question-card strong {
  color: #4338ca;
}
.faq-contact-grid {
  display: grid;
  gap: 1rem;
}
@media (min-width: 480px) {
  .faq-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.faq-contact-tile {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  display: grid;
  gap: 0.75rem;
}
.faq-contact-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(99, 102, 241, 0.1);
  color: #4f46e5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-footnote {
  margin-top: 2rem;
  text-align: right;
}
.faq-back-to-top {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 600;
  color: #4338ca;
  text-decoration: none;
}
.faq-back-to-top:hover {
  text-decoration: underline;
}
.faq-cta {
  padding: 0 1.5rem 5rem;
}
.faq-cta-card {
  background: linear-gradient(180deg, rgba(79, 70, 229, 0.08) 0%, rgba(129, 140, 248, 0.16) 100%);
  border-radius: 24px;
  padding: 2.5rem;
  border: 1px solid rgba(129, 140, 248, 0.35);
  display: grid;
  gap: 2rem;
}
@media (min-width: 768px) {
  .faq-cta-card {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    align-items: center;
  }
}
.faq-cta-card h2, .faq-cta-card .h2 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.faq-cta-card p {
  color: #374151;
  margin: 0;
}
.faq-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 576px) {
  .faq-cta-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
}
@media (max-width: 767.98px) {
  #reportJobModal .modal-dialog {
    position: fixed;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    transform: none;
  }
  #reportJobModal .modal-content {
    border-radius: 16px 16px 0 0;
    border: none;
    max-height: 90vh;
  }
  #reportJobModal .modal-footer {
    flex-direction: column;
  }
  #reportJobModal .modal-footer button {
    width: 100%;
    margin: 0.25rem 0;
  }
  #reportJobModal.fade .modal-dialog {
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
  }
  #reportJobModal.show .modal-dialog {
    transform: translateY(0);
  }
}
@media (min-width: 768px) {
  #reportJobModal .modal-dialog {
    max-width: 500px;
  }
}
.offcanvas-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 90vh;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1057;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  display: flex;
  flex-direction: column;
}
.offcanvas-content.show {
  transform: translateY(0);
}
@media (min-width: 768px) {
  .offcanvas-content {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%) translateY(20px);
    opacity: 0;
    max-height: 85vh;
    width: 90%;
    max-width: 500px;
    border-radius: 16px;
  }
  .offcanvas-content.show {
    transform: translate(-50%, -50%) translateY(0);
    opacity: 1;
  }
}
.offcanvas-handle-container {
  padding: 12px 0 8px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .offcanvas-handle-container {
    display: none;
  }
}
.offcanvas-handle {
  width: 40px;
  height: 4px;
  background-color: #d1d5db;
  border-radius: 2px;
}
.offcanvas-header {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.offcanvas-header h5, .offcanvas-header .h5 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.offcanvas-body {
  padding: 20px;
  overflow-y: auto;
  flex-grow: 1;
  -webkit-overflow-scrolling: touch;
}
.offcanvas-footer {
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  flex-shrink: 0;
  background-color: #fff;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
}
#introduceModal.offcanvas.offcanvas-bottom {
  transition: none !important;
}
@media (max-width: 767.98px) {
  #introduceModal.offcanvas.offcanvas-bottom {
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  #introduceModal.offcanvas.offcanvas-bottom .offcanvas-header {
    padding: 1rem 1.5rem;
    flex-shrink: 0;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #introduceModal.offcanvas.offcanvas-bottom .offcanvas-body {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1.25rem 1.5rem;
  }
  #introduceModal.offcanvas.offcanvas-bottom .offcanvas-footer {
    flex-shrink: 0;
    padding: 1rem 1.5rem;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    background: white;
    border-top: 1px solid #e5e7eb;
  }
}
@media (min-width: 768px) {
  #introduceModal.offcanvas.offcanvas-bottom {
    max-width: 600px;
    max-height: 90vh;
    height: auto;
    border-radius: 16px;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
  #introduceModal.offcanvas.offcanvas-bottom.show {
    transform: translate(-50%, -50%);
  }
  #introduceModal.offcanvas.offcanvas-bottom.hiding {
    opacity: 0;
    transform: translate(-50%, -50%);
  }
  #introduceModal.offcanvas.offcanvas-bottom {
    display: flex;
    flex-direction: column;
  }
  #introduceModal.offcanvas.offcanvas-bottom .offcanvas-header {
    padding: 1.25rem 1.5rem;
    flex-shrink: 0;
    border-bottom: 1px solid #e5e7eb;
  }
  #introduceModal.offcanvas.offcanvas-bottom .offcanvas-body {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1.5rem;
  }
  #introduceModal.offcanvas.offcanvas-bottom .offcanvas-footer {
    flex-shrink: 0;
    padding: 1rem 1.5rem;
  }
}
.offcanvas.offcanvas-bottom.plus-upsell-offcanvas {
  height: auto;
  max-height: 80vh;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.offcanvas.offcanvas-bottom.plus-upsell-offcanvas .offcanvas-header {
  padding: 1rem 1.5rem;
  flex-shrink: 0;
}
.offcanvas.offcanvas-bottom.plus-upsell-offcanvas .offcanvas-header .offcanvas-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
}
.offcanvas.offcanvas-bottom.plus-upsell-offcanvas .offcanvas-body {
  padding: 0 1.5rem 1.5rem;
  overflow-y: auto;
  flex-shrink: 1;
}
.job-description-content .ai-summary-list {
  list-style: none;
  padding-left: 0.5rem;
  margin: 0;
}
.ai-summary-list-item {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.ai-summary-bullet {
  color: #6b7280;
  margin-right: 0.5rem;
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1;
}
.ai-summary-text {
  flex: 1;
  color: #374151;
  font-size: 0.9375rem;
  line-height: 1.6;
}
.modal.screening-question-edit-modal {
  z-index: 1080;
}
/**
 * Tom Select Bootstrap 5
 */
/**
 * tom-select.css (v2.4.3)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control {
  border: 1px solid var(--bs-border-color);
  padding: 0.375rem 0.75rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: var(--bs-border-radius);
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc(0.375rem - 1px - 0) 0.75rem calc(0.375rem - 1px - 3px - 0);
}
.full .ts-control {
  background-color: var(--bs-body-bg);
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: none;
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  background: #efefef;
  color: #343a40;
  border: 0 solid #dee2e6;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #0d6efd;
  color: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: rgb(134.5, 134.5, 134.5);
  background: white;
  border: 0 solid white;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: calc(0.75rem + 5px);
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: var(--bs-secondary-bg);
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: var(--bs-body-bg);
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 3px 0.75rem;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #6c757d;
  background: var(--bs-body-bg);
  cursor: default;
}
.ts-dropdown .active {
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}
.ts-dropdown .active.create {
  color: var(--bs-body-color);
}
.ts-dropdown .create {
  color: rgba(52, 58, 64, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 3px 0.75rem;
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}
.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}
/* stylelint-disable function-name-case */
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(0.75rem - 5px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 0.75rem);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}
.ts-wrapper .dropdown-header {
  position: relative;
  padding: 6px 0.75rem;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(var(--bs-body-bg), #d0d0d0, 85%);
  border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  color: #343a40;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid var(--bs-border-color);
  box-shadow: var(--bs-box-shadow-inset);
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 0.375rem 0.75rem;
  box-shadow: none;
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 5px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #dee2e6;
  margin-left: 5px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: white;
}
.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #dee2e6;
  margin-right: 5px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: rgba(0, 0, 0, 0);
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: white;
}
:root {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}
.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
  position: relative;
}
.ts-dropdown,
.ts-control,
.ts-control input {
  color: #343a40;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: var(--bs-body-bg);
  cursor: text;
}
.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.ts-dropdown,
.ts-dropdown.form-control,
.ts-dropdown.form-select {
  height: auto;
  padding: 0;
  z-index: 1000;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
  border-radius: 0.375rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.ts-dropdown .optgroup-header {
  font-size: 0.875rem;
  line-height: 1.5;
}
.ts-dropdown .optgroup:first-child::before {
  display: none;
}
.ts-dropdown .optgroup::before {
  content: " ";
  display: block;
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-border-color-translucent);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.ts-dropdown .create {
  padding-left: 0.75rem;
}
.ts-dropdown-content {
  padding: 5px 0;
}
.ts-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  .ts-control {
    transition: none;
  }
}
.focus .ts-control {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.ts-control .item {
  display: flex;
  align-items: center;
}
.ts-wrapper.is-invalid,
.was-validated .invalid,
.was-validated :invalid + .ts-wrapper {
  border-color: var(--bs-form-invalid-color);
}
.ts-wrapper.is-invalid:not(.single),
.was-validated .invalid:not(.single),
.was-validated :invalid + .ts-wrapper:not(.single) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-invalid.single,
.was-validated .invalid.single,
.was-validated :invalid + .ts-wrapper.single {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-invalid.focus .ts-control,
.was-validated .invalid.focus .ts-control,
.was-validated :invalid + .ts-wrapper.focus .ts-control {
  border-color: var(--bs-form-invalid-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-form-invalid-color), 0.25);
}
.ts-wrapper.is-valid,
.was-validated .valid,
.was-validated :valid + .ts-wrapper {
  border-color: var(--bs-form-valid-color);
}
.ts-wrapper.is-valid:not(.single),
.was-validated .valid:not(.single),
.was-validated :valid + .ts-wrapper:not(.single) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.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.1z'/%3e%3c/svg%3e");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-valid.single,
.was-validated .valid.single,
.was-validated :valid + .ts-wrapper.single {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.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.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-repeat: no-repeat;
}
.ts-wrapper.is-valid.focus .ts-control,
.was-validated .valid.focus .ts-control,
.was-validated :valid + .ts-wrapper.focus .ts-control {
  border-color: var(--bs-form-valid-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-form-valid-color), 0.25);
}
.ts-wrapper {
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  display: flex;
}
.input-group-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
.input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.875rem;
}
.input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
  font-size: 0.875rem;
  padding-bottom: 0;
}
.input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
  padding-top: calc((1.5em + 0.5rem + var(--bs-border-width) * 2 - 1.3125rem - (var(--bs-border-width) + 1px) * 2) / 2) !important;
}
.ts-wrapper.multi.has-items .ts-control {
  padding-left: calc(0.75rem - 5px);
  --ts-pr-min: calc(0.75rem - 5px);
}
.ts-wrapper.multi .ts-control > div {
  border-radius: calc(var(--bs-border-radius) - 1px);
}
.input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
}
.ts-wrapper:not(.form-control, .form-select) {
  padding: 0;
  border: none;
  height: auto;
  box-shadow: none;
  background: none;
}
.ts-wrapper:not(.form-control, .form-select).single .ts-control {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
.ts-wrapper.form-select, .ts-wrapper.single {
  --ts-pr-caret: 2.25rem;
}
.ts-wrapper.form-control, .ts-wrapper.form-select {
  padding: 0 !important;
  height: auto;
  box-shadow: none;
  display: flex;
}
.ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control, .ts-wrapper.form-select .ts-control, .ts-wrapper.form-select.single.input-active .ts-control {
  border: none !important;
}
.ts-wrapper.form-control:not(.disabled) .ts-control, .ts-wrapper.form-control:not(.disabled).single.input-active .ts-control, .ts-wrapper.form-select:not(.disabled) .ts-control, .ts-wrapper.form-select:not(.disabled).single.input-active .ts-control {
  background: transparent !important;
}
.input-group > .ts-wrapper {
  flex-grow: 1;
  width: 1%;
}
.input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .ts-wrapper:not(:last-child) > .ts-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}