@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&family=Inter:wght@400;500;600;700;800&family=Public+Sans:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap");
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-family), system-ui, -apple-system, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
:root {
    color-scheme: light;
    --shadow-card: 0 0 2px 0 rgba(145, 158, 171, 0.20), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
    --shadow-dropdown: 0 0 2px 0 rgba(145, 158, 171, 0.24), -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
    --shadow-dialog: -40px 40px 80px -8px rgba(0, 0, 0, 0.24);
    --minimal-radius: 16px;
    --minimal-radius-sm: 8px;

    /* === Brand color (preset = green by default) === */
    --brand-50-rgb:  230 245 240;
    --brand-100-rgb: 200 250 214;
    --brand-200-rgb: 91 228 155;
    --brand-300-rgb: 34 197 94;
    --brand-400-rgb: 0 178 111;
    --brand-500-rgb: 0 167 111;
    --brand-600-rgb: 0 120 103;
    --brand-700-rgb: 0 108 81;
    --brand-800-rgb: 0 75 80;
    --brand-900-rgb: 0 58 54;
    --brand-950-rgb: 0 43 38;
    --brand-gradient: linear-gradient(135deg, rgb(var(--brand-500-rgb)) 0%, rgb(var(--brand-700-rgb)) 100%);
    --brand-tint:     linear-gradient(135deg, rgb(var(--brand-500-rgb) / 0) 0%, rgb(var(--brand-500-rgb) / 0.24) 100%);

    /* === Surfaces (light mode default) === */
    --surface-app:    #F9FAFB;
    --surface-card:   #FFFFFF;
    --surface-sunken: #F4F6F8;

    /* === Font === */
    --font-family: "Public Sans", system-ui, -apple-system, sans-serif;
  }
/* === Color presets (only override the 11 RGB triplets) === */
[data-preset="blue"] {
    --brand-50-rgb:  213 232 255;
    --brand-100-rgb: 169 207 255;
    --brand-200-rgb: 117 178 255;
    --brand-300-rgb:  72 152 252;
    --brand-400-rgb:  38 132 247;
    --brand-500-rgb:  12 104 233;
    --brand-600-rgb:   8  88 191;
    --brand-700-rgb:   6  73 158;
    --brand-800-rgb:   4  58 124;
    --brand-900-rgb:   2  39  87;
    --brand-950-rgb:   1  24  55;
  }
[data-preset="violet"] {
    --brand-50-rgb:  239 214 255;
    --brand-100-rgb: 214 187 251;
    --brand-200-rgb: 198 132 255;
    --brand-300-rgb: 164  85 240;
    --brand-400-rgb: 142  51 255;
    --brand-500-rgb: 118  53 220;
    --brand-600-rgb:  81  25 183;
    --brand-700-rgb:  39   9 122;
    --brand-800-rgb:  22   0  80;
    --brand-900-rgb:  12   0  45;
    --brand-950-rgb:   8   0  30;
  }
[data-preset="info"] {
    --brand-50-rgb:  207 244 254;
    --brand-100-rgb: 179 233 252;
    --brand-200-rgb: 137 210 248;
    --brand-300-rgb:  89 184 244;
    --brand-400-rgb:  41 156 240;
    --brand-500-rgb:   7 141 238;
    --brand-600-rgb:   5 113 190;
    --brand-700-rgb:   4  86 144;
    --brand-800-rgb:   3  64 108;
    --brand-900-rgb:   2  41  70;
    --brand-950-rgb:   1  27  46;
  }
[data-preset="orange"] {
    --brand-50-rgb:  255 244 222;
    --brand-100-rgb: 255 231 184;
    --brand-200-rgb: 255 211 130;
    --brand-300-rgb: 254 196  93;
    --brand-400-rgb: 254 184  68;
    --brand-500-rgb: 253 169  45;
    --brand-600-rgb: 224 138  14;
    --brand-700-rgb: 184 110  17;
    --brand-800-rgb: 122  78  11;
    --brand-900-rgb:  78  50   8;
    --brand-950-rgb:  51  33   5;
  }
[data-preset="red"] {
    --brand-50-rgb:  255 226 226;
    --brand-100-rgb: 255 192 192;
    --brand-200-rgb: 255 130 130;
    --brand-300-rgb: 255  90  90;
    --brand-400-rgb: 255  64  64;
    --brand-500-rgb: 255  48  48;
    --brand-600-rgb: 211  37  37;
    --brand-700-rgb: 165  28  28;
    --brand-800-rgb: 124  21  21;
    --brand-900-rgb:  91  15  15;
    --brand-950-rgb:  60  10  10;
  }
/* === Font presets === */
[data-font="public"] { --font-family: "Public Sans", system-ui, -apple-system, sans-serif; }
[data-font="inter"]  { --font-family: "Inter", system-ui, -apple-system, sans-serif; }
[data-font="dm"]     { --font-family: "DM Sans", system-ui, -apple-system, sans-serif; }
/* === Base === */
html.dark html,html.dark  body { color: #F4F6F8; }
html[data-color="apparent"] aside.app-sidebar html,html[data-color="apparent"] aside.app-sidebar  body {
    color: #FFFFFF;
  }
html, body{
  font-family: var(--font-family), system-ui, -apple-system, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(28 37 46 / var(--tw-text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    background: var(--surface-app);
    font-feature-settings: "ss01", "cv11";
    font-size: 14px;
}
body { margin: 0; min-height: 100vh; }
::-moz-selection { background: rgb(var(--brand-500-rgb) / 0.18); }
::selection { background: rgb(var(--brand-500-rgb) / 0.18); }
h1, h2, h3, h4 {
    letter-spacing: 0;
  }
.tabular-nums { font-variant-numeric: tabular-nums; }
/* ---------- scrollbars ----------
     Slim & subtle. Bar stays transparent at rest so it doesn't compete with
     content — fades in once the user hovers the scrollable region. Firefox
     gets the equivalent via `scrollbar-width: thin` + `scrollbar-color`.
     `scrollbar-width` MUST be set on every scrollable element (Firefox
     doesn't inherit it through ancestors), so we apply via `*`. */
* { scrollbar-width: thin; scrollbar-color: transparent transparent; }
*:hover { scrollbar-color: rgba(145, 158, 171, 0.45) transparent; }
::-webkit-scrollbar { width: 4px !important; height: 4px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 999px;
    border: none;
  }
::-webkit-scrollbar-corner { background: transparent; }
/* Kill the up/down arrow buttons some platforms inject — they bloat the
     overall track footprint and look out-of-place against a 4px bar. */
::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
/* Reveal the thumb when the user hovers the scrollable container. The
     `:hover` selector matches the element with the scrollbar, so this works
     uniformly for the page root, the main column, the sidebar nav, etc. */
*:hover::-webkit-scrollbar-thumb { background: rgba(145, 158, 171, 0.35); }
::-webkit-scrollbar-thumb:hover { background: rgba(99, 115, 129, 0.6) !important; }
html.dark *:hover::-webkit-scrollbar-thumb { background: rgba(145, 158, 171, 0.28); }
html.dark ::-webkit-scrollbar-thumb:hover { background: rgba(223, 227, 232, 0.5) !important; }
/* Opt-in helper for areas that should always show a faint bar so the
     user has a permanent scroll cue (long lists, modals). */
/* Respect users who set "reduce motion" at the OS level — disable hover
     lifts, scaling, and any non-essential transitions. The page-route fade
     handled by Framer Motion already honours this via its built-in
     `useReducedMotion`. */
@media (prefers-reduced-motion: reduce) {
    body * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
    .btn:hover,
    .btn-icon:hover,
    .card-interactive:hover {
      transform: none !important;
    }
     {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
    .\!btn:hover {
      transform: none !important;
    }
  }
/* ======================================================================
   * DARK MODE — flips surfaces, text, and a small set of common Tailwind
   * utilities so existing components inherit the theme without a refactor.
   * ====================================================================== */
html.dark {
    color-scheme: dark;
    --surface-app:    #161C24;
    --surface-card:   #1C252E;
    --surface-sunken: #0B0F14;
    --shadow-card: 0 0 2px 0 rgba(0, 0, 0, 0.4), 0 12px 24px -4px rgba(0, 0, 0, 0.36);
    --shadow-dropdown: 0 0 2px 0 rgba(0, 0, 0, 0.44), -20px 20px 40px -4px rgba(0, 0, 0, 0.36);
    --shadow-dialog: -40px 40px 80px -8px rgba(0, 0, 0, 0.56);
  }
html.dark body {
    background: var(--surface-app);
    color: #F4F6F8;
  }
html.dark .card,
  html.dark .surface,
  html.dark .bg-white {
    background: var(--surface-card) !important;
    color: #F4F6F8;
  }
html.dark aside {
    background: var(--surface-card) !important;
  }
html.dark .glass {
    background: rgba(22, 28, 36, 0.85);
  }
html.dark .text-ink-800,
  html.dark .text-ink-900 { color: #F4F6F8 !important; }
html.dark .text-ink-700 { color: #DFE3E8 !important; }
html.dark .text-ink-600 { color: #C4CDD5 !important; }
html.dark .text-ink-500 { color: #919EAB !important; }
html.dark .text-ink-400 { color: #637381 !important; }
html.dark .border-ink-100,
  html.dark .border-ink-200,
  html.dark .border-ink-300 {
    border-color: rgba(145, 158, 171, 0.20) !important;
  }
html.dark .bg-ink-50,
  html.dark .bg-ink-100 {
    background-color: rgba(145, 158, 171, 0.08) !important;
  }
html.dark .input,
  html.dark input[type="text"],
  html.dark input[type="number"],
  html.dark input[type="search"],
  html.dark input[type="password"],
  html.dark textarea,
  html.dark select {
    background: var(--surface-app) !important;
    color: #F4F6F8 !important;
    border-color: rgba(145, 158, 171, 0.24) !important;
  }
html.dark .\!input {
    background: var(--surface-app) !important;
    color: #F4F6F8 !important;
    border-color: rgba(145, 158, 171, 0.24) !important;
  }
html.dark ::-moz-placeholder { color: #637381 !important; }
html.dark ::placeholder { color: #637381 !important; }
/* Inverted dark accents — bg-ink-700/800/900 are used as "dark on light"
     pills/buttons/tab-indicators; in dark mode they need to flip to light. */
html.dark .bg-ink-700,
  html.dark .bg-ink-800,
  html.dark .bg-ink-900 {
    background-color: #F4F6F8 !important;
  }
html.dark .bg-ink-700.text-white,
  html.dark .bg-ink-800.text-white,
  html.dark .bg-ink-900.text-white,
  html.dark .bg-ink-700 .text-white,
  html.dark .bg-ink-800 .text-white,
  html.dark .bg-ink-900 .text-white {
    color: #1C252E !important;
  }
html.dark .bg-ink-700.\!text-white,
  html.dark .bg-ink-800.\!text-white,
  html.dark .bg-ink-900.\!text-white,
  html.dark .bg-ink-700 .\!text-white,
  html.dark .bg-ink-800 .\!text-white,
  html.dark .bg-ink-900 .\!text-white {
    color: #1C252E !important;
  }
html.dark .hover\:bg-ink-900:hover,
  html.dark .hover\:bg-ink-800:hover {
    background-color: #FFFFFF !important;
  }
/* Soft tinted backgrounds (badges, callouts) need higher alpha in dark mode
     so they're visible against #161C24. */
html.dark .bg-brand-50    { background-color: rgb(var(--brand-500-rgb) / 0.16) !important; }
html.dark .bg-info-50      { background-color: rgba(0, 184, 217, 0.16) !important; }
html.dark .bg-warning-50   { background-color: rgba(255, 171, 0, 0.16) !important; }
html.dark .bg-error-50     { background-color: rgba(255, 86, 48, 0.16) !important; }
html.dark .bg-accent-50    { background-color: rgba(142, 51, 255, 0.16) !important; }
/* Brighten dark-shade semantic text — original uses *-700 / *-500 which is
     a deep colour designed to sit on a *-50 light tint. Flip to lighter shades
     so they remain readable on the dark surface. */
html.dark .text-brand-700,
  html.dark .text-brand-600    { color: rgb(var(--brand-300-rgb)) !important; }
html.dark .text-info-500     { color: #61F3F3 !important; }
html.dark .text-info-400     { color: #61F3F3 !important; }
html.dark .text-warning-500  { color: #FFD666 !important; }
html.dark .text-warning-400  { color: #FFD666 !important; }
html.dark .text-error-500    { color: #FFAC82 !important; }
html.dark .text-error-400    { color: #FF8E72 !important; }
html.dark .text-accent-600   { color: #C684FF !important; }
html.dark .text-accent-500   { color: #B884FF !important; }
/* Hover states pulled from bg-ink-100 should be subtle in dark too */
html.dark .hover\:bg-ink-100:hover,
  html.dark .hover\:bg-ink-100\/40:hover,
  html.dark .hover\:bg-ink-100\/50:hover,
  html.dark .hover\:bg-ink-100\/60:hover,
  html.dark .hover\:bg-ink-100\/70:hover {
    background-color: rgba(145, 158, 171, 0.12) !important;
  }
/* Borders */
html.dark .border-dashed { border-color: rgba(145, 158, 171, 0.24) !important; }
/* Form focus states */
html.dark .focus\:bg-white:focus { background-color: var(--surface-card) !important; }
html.dark .focus\:border-ink-300:focus,
  html.dark .focus\:border-ink-800:focus {
    border-color: rgba(145, 158, 171, 0.32) !important;
  }
/* Dashboard widget icon containers — flip to lighter shades so the icon
     reads against the dark-tinted widget surface. */
html.dark .widget-icon-success { color: rgb(var(--brand-200-rgb)); }
html.dark .widget-icon-info    { color: #61F3F3; }
html.dark .widget-icon-warning { color: #FFD666; }
html.dark .widget-icon-violet  { color: #C684FF; }
/* Skeleton shimmer — replace the light-grey gradient with a dark equivalent
     so loading placeholders are visible against dark card surfaces. */
html.dark .skeleton {
    background: linear-gradient(90deg, #1e2c38 0%, #263442 50%, #1e2c38 100%);
    background-size: 200% 100%;
  }
/* Data table — header bg and row hover are hardcoded light, need dark flip */
html.dark .data-table thead {
    background-color: rgba(145, 158, 171, 0.06) !important;
    color: #919EAB !important;
  }
html.dark .data-table tbody tr:hover {
    background-color: rgba(145, 158, 171, 0.08) !important;
  }
/* Widget stat card text — original deep-dark hues live in @layer utilities
     so !important is required to beat the layer-priority without refactoring. */
html.dark .widget-success { color: rgb(var(--brand-300-rgb)) !important; }
html.dark .widget-info    { color: #61F3F3 !important; }
html.dark .widget-warning { color: #FFD666 !important; }
html.dark .widget-error   { color: #FFAC82 !important; }
html.dark .widget-violet  { color: #C684FF !important; }
/* Chip / pill */
html.dark .chip {
    background-color: rgba(145, 158, 171, 0.12) !important;
    color: #DFE3E8 !important;
  }
/* bg-ink-200 used for avatar placeholders and misc dividers */
html.dark .bg-ink-200 { background-color: rgba(145, 158, 171, 0.16) !important; }
/* hover:bg-ink-50 used by some list item patterns */
html.dark .hover\:bg-ink-50:hover {
    background-color: rgba(145, 158, 171, 0.06) !important;
  }
/* Raw Tailwind semantic colours used outside design-system tokens —
     emerald (active/healthy), amber (warning/pending), rose (error/danger).
     These appear in status badges, callout boxes, and modal alert strips. */
html.dark .bg-emerald-50  { background-color: rgba(52, 211, 153, 0.10) !important; }
html.dark .bg-emerald-100 { background-color: rgba(52, 211, 153, 0.18) !important; }
html.dark .text-emerald-700,
  html.dark .text-emerald-600 { color: #6ee7b7 !important; }
html.dark .border-emerald-200 { border-color: rgba(52, 211, 153, 0.22) !important; }
html.dark .bg-amber-50  { background-color: rgba(245, 158, 11, 0.10) !important; }
html.dark .text-amber-700,
  html.dark .text-amber-800,
  html.dark .text-amber-900 { color: #fcd34d !important; }
html.dark .border-amber-200 { border-color: rgba(245, 158, 11, 0.22) !important; }
html.dark .bg-rose-50  { background-color: rgba(244, 63, 94, 0.10) !important; }
html.dark .text-rose-700,
  html.dark .text-rose-600,
  html.dark .text-rose-800 { color: #fda4af !important; }
html.dark .border-rose-200 { border-color: rgba(244, 63, 94, 0.22) !important; }
/* Date picker — entire popover was hardcoded light; needs full dark treatment */
html.dark .rdp-popover {
    background: var(--surface-card);
    border-color: rgba(145, 158, 171, 0.20);
    box-shadow: 0 12px 32px -8px rgba(0,0,0,0.56), 0 4px 8px -2px rgba(0,0,0,0.32);
  }
html.dark .rdp-popover .rdp-caption_label,
  html.dark .rdp-popover .rdp-month_caption { color: #F4F6F8; }
html.dark .rdp-popover .rdp-weekday       { color: #637381; }
html.dark .rdp-popover .rdp-day_button    { color: #DFE3E8; }
html.dark .rdp-popover .rdp-day_button:hover:not([aria-selected="true"]):not(:disabled),
  html.dark .rdp-popover .rdp-nav button:hover:not(:disabled) {
    background: rgba(145, 158, 171, 0.12);
    transform: none;
  }
html.dark .rdp-popover .rdp-outside .rdp-day_button { color: #454F5B; }
html.dark .rdp-popover .rdp-chevron { fill: #919EAB; }
html.dark .rdp-popover .rdp-time-input {
    background: var(--surface-app);
    border-color: rgba(145, 158, 171, 0.24);
    color: #F4F6F8;
  }
/* ======================================================================
   * COMPACT MODE — tightens spacings & heights system-wide.
   * ====================================================================== */
html[data-compact="1"] header { height: 60px !important; }
html[data-compact="1"] .nav-item {
    min-height: 36px;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
html[data-compact="1"] .data-table tbody td {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
html[data-compact="1"] .\!btn { height: 34px !important; }
html[data-compact="1"] .btn { height: 34px; }
html[data-compact="1"] .btn-sm { height: 28px; }
html[data-compact="1"] .btn-lg { height: 42px; }
html[data-compact="1"] .\!input { height: 38px !important; }
html[data-compact="1"] .input { height: 38px; }
html[data-compact="1"] .input-sm { height: 32px; }
html[data-compact="1"] .card.p-6 { padding: 1rem !important; }
html[data-compact="1"] .card.p-5 { padding: 0.875rem !important; }
html[data-compact="1"] main > div > div { padding-top: 1rem !important; padding-bottom: 1rem !important; }
/* ======================================================================
   * HIGH CONTRAST — darkens muted text & turns dashed borders solid.
   * ====================================================================== */
html[data-contrast="1"] .text-ink-500 { color: #1C252E !important; }
html[data-contrast="1"] .text-ink-400 { color: #454F5B !important; }
html[data-contrast="1"] .border-ink-200 { border-color: #1C252E !important; }
html[data-contrast="1"] .border-dashed  { border-style: solid !important; }
html[data-contrast="1"] .text-ink-700 { color: #161C24 !important; font-weight: 600; }
html.dark[data-contrast="1"] .text-ink-500 { color: #FFFFFF !important; }
html.dark[data-contrast="1"] .text-ink-400 { color: #DFE3E8 !important; }
/* ======================================================================
   * NAV COLOR: APPARENT — sidebar gets a dark filled background so it
   * stands out from the content area (vs "integrate" which shares the same
   * neutral surface). Text/icon colours flip to white for readability.
   * ====================================================================== */
html[data-color="apparent"] aside.app-sidebar {
    background: #1C252E !important;
    border-right-color: rgba(145, 158, 171, 0.12) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-section {
    color: rgba(255, 255, 255, 0.38) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-item {
    color: rgba(255, 255, 255, 0.72) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #FFFFFF !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-icon {
    color: rgba(255, 255, 255, 0.48) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-item.active {
    background: rgb(var(--brand-500-rgb) / 0.20) !important;
    color: rgb(var(--brand-300-rgb)) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-item.\!active {
    background: rgb(var(--brand-500-rgb) / 0.20) !important;
    color: rgb(var(--brand-300-rgb)) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-item.active .nav-icon {
    color: rgb(var(--brand-300-rgb)) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-item.\!active .nav-icon {
    color: rgb(var(--brand-300-rgb)) !important;
  }
html[data-color="apparent"] aside.app-sidebar .nav-item.active::before {
    background: rgb(var(--brand-400-rgb));
  }
html[data-color="apparent"] aside.app-sidebar .nav-item.\!active::before {
    background: rgb(var(--brand-400-rgb)) !important;
  }
html[data-color="apparent"] aside.app-sidebar .text-ink-800,
  html[data-color="apparent"] aside.app-sidebar .text-ink-900,
  html[data-color="apparent"] aside.app-sidebar .text-ink-700 {
    color: #FFFFFF !important;
  }
html[data-color="apparent"] aside.app-sidebar .text-ink-500,
  html[data-color="apparent"] aside.app-sidebar .text-ink-600,
  html[data-color="apparent"] aside.app-sidebar .text-ink-400 {
    color: rgba(255, 255, 255, 0.52) !important;
  }
html[data-color="apparent"] aside.app-sidebar .border-dashed,
  html[data-color="apparent"] aside.app-sidebar .border-ink-200 {
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
html[data-color="apparent"] aside.app-sidebar .bg-white {
    background: rgba(255, 255, 255, 0.08) !important;
  }
html[data-color="apparent"] aside.app-sidebar .bg-brand-50 {
    background: rgb(var(--brand-500-rgb) / 0.16) !important;
  }
/* ======================================================================
   * LAYOUT: MINI — collapses the sidebar to icon rail.
   * ====================================================================== */
html[data-layout="mini"] aside.app-sidebar {
    width: 88px !important;
  }
html[data-layout="mini"] aside.app-sidebar [data-mini-hide="true"] {
    display: none !important;
  }
html[data-layout="mini"] aside.app-sidebar .nav-item {
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
/* Ẩn nhãn chữ (giữ lại ô icon) — icon-rail chỉ hiện icon. */
html[data-layout="mini"] aside.app-sidebar .nav-item > .nav-label {
    display: none;
  }
html[data-layout="mini"] aside.app-sidebar .nav-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 11px;
  }
html[data-layout="mini"] aside.app-sidebar .nav-item:hover .nav-icon-box {
    background: rgb(var(--brand-500-rgb) / 0.10);
    transform: none;
  }
html[data-layout="mini"] aside.app-sidebar .nav-section {
    height: 1px;
    min-height: 0;
    overflow: hidden;
    color: transparent;
    padding: 0;
    margin: 0.75rem 1rem;
    background: rgba(145, 158, 171, 0.24);
  }
html[data-layout="mini"] aside.app-sidebar .app-logo {
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
.container{
  width: 100%;
}
@media (min-width: 576px){
  .container{
    max-width: 576px;
  }
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 992px){
  .container{
    max-width: 992px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1200px){
  .container{
    max-width: 1200px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1400px){
  .container{
    max-width: 1400px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
/* ---------- surfaces ----------
     `.card` is the default static surface. `.card-interactive` adds a hover
     lift — use it for clickable cards (stat tiles, list items). The lift is
     2px translateY + a deeper shadow, with the same cubic-bezier as buttons
     so the whole UI feels coordinated. */

  html.dark .surface {
    background: var(--surface-card);
    color: #F4F6F8;
  }
html[data-color="apparent"] aside.app-sidebar .surface {
    background: rgba(255, 255, 255, 0.08);
  }
.surface{
  border-width: 1px;
  border-color: rgb(223 227 232 / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.card {
    background: var(--surface-card);
    box-shadow: var(--shadow-card);
    border-radius: var(--minimal-radius);
  }

  html.dark .card-flat {
    background: var(--surface-card);
    color: #F4F6F8;
  }
html[data-color="apparent"] aside.app-sidebar .card-flat {
    background: rgba(255, 255, 255, 0.08);
  }
.card-flat{
  border-width: 1px;
  border-color: rgb(223 227 232 / 0.7);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-radius: var(--minimal-radius);
}
/* Subtle gradient ring for premium hero / KPI cards. */
/* ---------- buttons ----------
     Buttons use cubic-bezier for a snappier "lift" feel and a focus-visible
     ring that matches the brand color. Disabled buttons lose all motion +
     shadow so they look obviously inert. */
.\!btn{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.btn{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.\!btn {
    height: 40px !important;
    border-radius: var(--minimal-radius-sm) !important;
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease !important;
  }
.btn {
    height: 40px;
    border-radius: var(--minimal-radius-sm);
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease;
  }
.\!btn:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.18) !important;
  }
.btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.18);
  }
.\!btn:disabled,
  .\!btn[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
}
.btn:disabled,
  .btn[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
}
.\!btn:disabled,
  .\!btn[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
    box-shadow: none !important;
    transform: none !important;
}
.btn:disabled,
  .btn[disabled] {
    box-shadow: none !important;
    transform: none !important;
  }
.\!btn:disabled,
  .\!btn[disabled] {
    box-shadow: none !important;
    transform: none !important;
  }
.btn-sm { height: 32px; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.75rem; line-height: 1rem; }
.btn-lg { height: 48px; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1rem; line-height: 1.5rem; }
@media (prefers-reduced-motion: reduce) {
    .btn-primary:hover {
      transform: none;
    }
  }
html.dark .bg-ink-700.btn-primary,
  html.dark .bg-ink-800.btn-primary,
  html.dark .bg-ink-900.btn-primary,
  html.dark .bg-ink-700 .btn-primary,
  html.dark .bg-ink-800 .btn-primary,
  html.dark .bg-ink-900 .btn-primary {
    color: #1C252E;
  }
html[data-compact="1"] .btn-primary { height: 34px; }
.btn-primary{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
    height: 40px;
    border-radius: var(--minimal-radius-sm);
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease;
}
.btn-primary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.18);
  }
.btn-primary:disabled,.btn-primary[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
    box-shadow: none;
    transform: none;
}
.btn-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-500-rgb) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-600-rgb) / var(--tw-bg-opacity));
}
.btn-primary:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.btn-primary {
    box-shadow: 0 8px 16px 0 rgb(var(--brand-500-rgb) / 0.24);
  }
.btn-primary:hover {
    box-shadow: 0 12px 24px 0 rgb(var(--brand-500-rgb) / 0.32);
    transform: translateY(-1px);
  }
.btn-primary:focus-visible {
    box-shadow: 0 8px 16px 0 rgb(var(--brand-500-rgb) / 0.24),
                0 0 0 4px rgb(var(--brand-500-rgb) / 0.20);
  }
@media (prefers-reduced-motion: reduce) {
    .btn-secondary:hover {
      transform: none;
    }
  }

  html.dark .btn-secondary {
    background: var(--surface-card);
    color: #F4F6F8;
  }
html.dark .btn-secondary { color: #F4F6F8; }
html[data-compact="1"] .btn-secondary { height: 34px; }
html[data-color="apparent"] aside.app-sidebar .btn-secondary {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.08);
  }
.btn-secondary{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
    height: 40px;
    border-radius: var(--minimal-radius-sm);
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease;
}
.btn-secondary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.18);
  }
.btn-secondary:disabled,.btn-secondary[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
    box-shadow: none;
    transform: none;
}
.btn-secondary{
  border-width: 1px;
  border-color: rgb(196 205 213 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(28 37 46 / var(--tw-text-opacity));
}

  html.dark .btn-secondary:hover {
    background-color: rgba(145, 158, 171, 0.08);
  }
.btn-secondary:hover{
  border-color: rgb(145 158 171 / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
}
.btn-secondary {
    box-shadow: 0 1px 2px 0 rgba(145, 158, 171, 0.16);
  }
.btn-secondary:hover { transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) {
    .btn-ghost:hover {
      transform: none;
    }
  }
html.dark .btn-ghost { color: #DFE3E8; }
html[data-compact="1"] .btn-ghost { height: 34px; }
html[data-contrast="1"] .btn-ghost { color: #161C24; font-weight: 600; }

  html[data-color="apparent"] aside.app-sidebar .btn-ghost {
    color: #FFFFFF;
  }
.btn-ghost{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
    height: 40px;
    border-radius: var(--minimal-radius-sm);
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease;
}
.btn-ghost:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.18);
  }
.btn-ghost:disabled,.btn-ghost[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
    box-shadow: none;
    transform: none;
}
.btn-ghost{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(33 43 54 / var(--tw-text-opacity));
}

  html.dark .btn-ghost:hover {
    background-color: rgba(145, 158, 171, 0.08);
  }
.btn-ghost:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
}
@media (prefers-reduced-motion: reduce) {
    .btn-danger:hover {
      transform: none;
    }
  }
html.dark .bg-ink-700.btn-danger,
  html.dark .bg-ink-800.btn-danger,
  html.dark .bg-ink-900.btn-danger,
  html.dark .bg-ink-700 .btn-danger,
  html.dark .bg-ink-800 .btn-danger,
  html.dark .bg-ink-900 .btn-danger {
    color: #1C252E;
  }
html[data-compact="1"] .btn-danger { height: 34px; }
.btn-danger{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
    height: 40px;
    border-radius: var(--minimal-radius-sm);
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.18s ease,
                border-color 0.18s ease,
                color 0.18s ease;
}
.btn-danger:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.18);
  }
.btn-danger:disabled,.btn-danger[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
    box-shadow: none;
    transform: none;
}
.btn-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(255 86 48 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-danger:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(183 29 24 / var(--tw-bg-opacity));
}
.btn-danger:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.btn-danger {
    box-shadow: 0 8px 16px 0 rgba(255, 86, 48, 0.24);
  }
.btn-danger:hover {
    box-shadow: 0 12px 24px 0 rgba(255, 86, 48, 0.32);
    transform: translateY(-1px);
  }
html.dark .btn-icon { color: #C4CDD5; }

  html[data-color="apparent"] aside.app-sidebar .btn-icon {
    color: rgba(255, 255, 255, 0.52);
  }
.btn-icon{
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgb(69 79 91 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

  html.dark .btn-icon:hover { color: #F4F6F8;
    background-color: rgba(145, 158, 171, 0.08); }

  html[data-color="apparent"] aside.app-sidebar .btn-icon:hover {
    color: #FFFFFF;
  }
.btn-icon:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(22 28 36 / var(--tw-text-opacity)); transform: scale(1.05);
}
.btn-icon:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgb(var(--brand-500-rgb) / 0.20);
  }
/* ---------- form ----------
     Inputs get a brand-colored focus ring (glow) instead of a hard border
     swap — modern SaaS feel. Hover state is a subtle border darken. */

  html.dark .\!input {
    background: var(--surface-card); color: #F4F6F8;
    border-color: rgba(145, 158, 171, 0.20);
  }
html[data-contrast="1"] .\!input { border-color: #1C252E; }

  html[data-color="apparent"] aside.app-sidebar .\!input {
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.12);
  }
html[data-color="apparent"] aside.app-sidebar .\!input {
    background: rgba(255, 255, 255, 0.08);
  }
.\!input{
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 227 232 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(22 28 36 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
html.dark .\!input::-moz-placeholder { color: #637381; }
html.dark .\!input::placeholder { color: #637381; }
html[data-contrast="1"] .\!input::-moz-placeholder { color: #454F5B; }
html[data-contrast="1"] .\!input::placeholder { color: #454F5B; }
html.dark[data-contrast="1"] .\!input::-moz-placeholder { color: #DFE3E8; }
html.dark[data-contrast="1"] .\!input::placeholder { color: #DFE3E8; }

  html[data-color="apparent"] aside.app-sidebar .\!input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.52);
  }

  html[data-color="apparent"] aside.app-sidebar .\!input::placeholder {
    color: rgba(255, 255, 255, 0.52);
  }

  html.dark .\!input:hover {
    border-color: rgba(145, 158, 171, 0.20);
  }
.\!input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
}
.\!input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
}
.\!input:hover{
  --tw-border-opacity: 1;
  border-color: rgb(196 205 213 / var(--tw-border-opacity));
}

  html.dark .input {
    background: var(--surface-card); color: #F4F6F8;
    border-color: rgba(145, 158, 171, 0.20);
  }
html[data-contrast="1"] .input { border-color: #1C252E; }

  html[data-color="apparent"] aside.app-sidebar .input {
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.12);
  }
html[data-color="apparent"] aside.app-sidebar .input {
    background: rgba(255, 255, 255, 0.08);
  }
.input{
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 227 232 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(22 28 36 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
html.dark .input::-moz-placeholder { color: #637381; }
html.dark .input::placeholder { color: #637381; }
html[data-contrast="1"] .input::-moz-placeholder { color: #454F5B; }
html[data-contrast="1"] .input::placeholder { color: #454F5B; }
html.dark[data-contrast="1"] .input::-moz-placeholder { color: #DFE3E8; }
html.dark[data-contrast="1"] .input::placeholder { color: #DFE3E8; }

  html[data-color="apparent"] aside.app-sidebar .input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.52);
  }

  html[data-color="apparent"] aside.app-sidebar .input::placeholder {
    color: rgba(255, 255, 255, 0.52);
  }

  html.dark .input:hover {
    border-color: rgba(145, 158, 171, 0.20);
  }
.input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
}
.input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
}
.input:hover{
  --tw-border-opacity: 1;
  border-color: rgb(196 205 213 / var(--tw-border-opacity));
}
.\!input {
    height: 54px !important;
    border-radius: var(--minimal-radius-sm) !important;
    transition: border-color 0.18s ease, box-shadow 0.22s ease, background-color 0.18s ease !important;
  }
.input {
    height: 54px;
    border-radius: var(--minimal-radius-sm);
    transition: border-color 0.18s ease, box-shadow 0.22s ease, background-color 0.18s ease;
  }
.\!input:focus,
  .\!input:focus-visible {
    border-color: rgb(var(--brand-500-rgb)) !important;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.12) !important;
  }
.input:focus,
  .input:focus-visible {
    border-color: rgb(var(--brand-500-rgb));
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.12);
  }
.\!input:focus,
  .\!input:focus-visible {
    border-color: rgb(var(--brand-500-rgb)) !important;
    box-shadow: 0 0 0 4px rgb(var(--brand-500-rgb) / 0.12) !important;
  }
html.dark .\!input:disabled,html.dark 
  .\!input[disabled] { color: #919EAB;
    background-color: rgba(145, 158, 171, 0.08); }
html[data-contrast="1"] .\!input:disabled,html[data-contrast="1"] 
  .\!input[disabled] { color: #1C252E; }
html.dark[data-contrast="1"] .\!input:disabled,html.dark[data-contrast="1"] 
  .\!input[disabled] { color: #FFFFFF; }
html[data-color="apparent"] aside.app-sidebar .\!input:disabled,html[data-color="apparent"] aside.app-sidebar 
  .\!input[disabled] {
    color: rgba(255, 255, 255, 0.52);
  }
.\!input:disabled,
  .\!input[disabled]{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(99 115 129 / var(--tw-text-opacity));
}
html.dark .input:disabled,html.dark 
  .input[disabled] { color: #919EAB;
    background-color: rgba(145, 158, 171, 0.08); }
html[data-contrast="1"] .input:disabled,html[data-contrast="1"] 
  .input[disabled] { color: #1C252E; }
html.dark[data-contrast="1"] .input:disabled,html.dark[data-contrast="1"] 
  .input[disabled] { color: #FFFFFF; }
html[data-color="apparent"] aside.app-sidebar .input:disabled,html[data-color="apparent"] aside.app-sidebar 
  .input[disabled] {
    color: rgba(255, 255, 255, 0.52);
  }
.input:disabled,
  .input[disabled]{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(99 115 129 / var(--tw-text-opacity));
}
html.dark .\!input:disabled,html.dark 
  .\!input[disabled] { color: #919EAB;
    background-color: rgba(145, 158, 171, 0.08); }
html[data-contrast="1"] .\!input:disabled,html[data-contrast="1"] 
  .\!input[disabled] { color: #1C252E; }
html.dark[data-contrast="1"] .\!input:disabled,html.dark[data-contrast="1"] 
  .\!input[disabled] { color: #FFFFFF; }
html[data-color="apparent"] aside.app-sidebar .\!input:disabled,html[data-color="apparent"] aside.app-sidebar 
  .\!input[disabled] {
    color: rgba(255, 255, 255, 0.52);
  }
.\!input:disabled,
  .\!input[disabled]{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(99 115 129 / var(--tw-text-opacity));
}
select.\!input {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
    padding-right: 2.5rem !important;
    background-image:
      linear-gradient(45deg, transparent 50%, rgb(100 116 139) 50%),
      linear-gradient(135deg, rgb(100 116 139) 50%, transparent 50%) !important;
    background-position:
      calc(100% - 18px) 52%,
      calc(100% - 12px) 52% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
  }
select.input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-right: 2.5rem;
    background-image:
      linear-gradient(45deg, transparent 50%, rgb(100 116 139) 50%),
      linear-gradient(135deg, rgb(100 116 139) 50%, transparent 50%);
    background-position:
      calc(100% - 18px) 52%,
      calc(100% - 12px) 52%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
  }
.\!input.input-error,
  .\!input[aria-invalid="true"] {
    border-color: rgb(255 86 48) !important;
  }
.input.input-error,
  .input[aria-invalid="true"] {
    border-color: rgb(255 86 48);
  }
.\!input.input-error,
  .\!input[aria-invalid="true"] {
    border-color: rgb(255 86 48) !important;
  }
.\!input.input-error:focus,
  .\!input[aria-invalid="true"]:focus {
    box-shadow: 0 0 0 4px rgba(255, 86, 48, 0.14) !important;
  }
.input.input-error:focus,
  .input[aria-invalid="true"]:focus {
    box-shadow: 0 0 0 4px rgba(255, 86, 48, 0.14);
  }
.\!input.input-error:focus,
  .\!input[aria-invalid="true"]:focus {
    box-shadow: 0 0 0 4px rgba(255, 86, 48, 0.14) !important;
  }
textarea.\!input { height: auto !important; min-height: 80px !important; }
textarea.input { height: auto; min-height: 80px; }
textarea.\!input{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
textarea.input{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.input-sm{
  font-size: 0.875rem;
  line-height: 1.25rem; height: 40px; padding-top: 0.5rem; padding-bottom: 0.5rem;
}
/* ---------- date picker polish ----------
     `react-day-picker` (DateInput component) renders inside a portal,
     so its styles live at :root level and can't be Tailwind-scoped.
     We override the library's CSS variables to match our brand and
     wrap the floating panel with a card-shaped shell so it reads as
     part of the design system. */
.date-input-wrap button.input {
    cursor: pointer;
  }
.date-input-wrap button.\!input {
    cursor: pointer !important;
  }
.date-input-wrap button.input:hover {
    border-color: rgb(var(--brand-500-rgb));
  }
.date-input-wrap button.\!input:hover {
    border-color: rgb(var(--brand-500-rgb)) !important;
  }
.rdp-popover {
    background: #ffffff;
    border: 1px solid rgb(229 231 235);
    border-radius: 16px;
    padding: 14px 14px 10px;
    box-shadow:
      0 12px 32px -8px rgba(15, 23, 42, 0.18),
      0 4px 8px -2px rgba(15, 23, 42, 0.08);
    animation: rdp-pop 0.16s cubic-bezier(0.4, 0, 0.2, 1);
  }
@keyframes rdp-pop {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
.rdp-popover .rdp-root {
    --rdp-accent-color: rgb(var(--brand-500-rgb));
    --rdp-accent-background-color: rgb(var(--brand-500-rgb) / 0.12);
    --rdp-day-height: 38px;
    --rdp-day-width: 38px;
    --rdp-day_button-height: 34px;
    --rdp-day_button-width: 34px;
    --rdp-day_button-border-radius: 10px;
    --rdp-day_button-border: 2px solid transparent;
    --rdp-selected-border: 0;
    --rdp-today-color: rgb(var(--brand-500-rgb));
    --rdp-nav_button-height: 32px;
    --rdp-nav_button-width: 32px;
    --rdp-nav-height: 36px;
    --rdp-weekday-opacity: 1;
    --rdp-weekday-padding: 6px 0;
    --rdp-outside-opacity: 0.45;
    font-family: inherit;
  }
.rdp-popover .rdp-caption_label,
  .rdp-popover .rdp-month_caption {
    font-weight: 800;
    font-size: 14px;
    color: rgb(17 24 39);
    text-transform: capitalize;
    letter-spacing: 0.01em;
  }
.rdp-popover .rdp-weekday {
    color: rgb(107 114 128);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
.rdp-popover .rdp-day_button {
    font-size: 13px;
    font-weight: 600;
    color: rgb(31 41 55);
    transition: background-color 0.14s ease, color 0.14s ease, transform 0.14s ease;
  }
.rdp-popover .rdp-day_button:hover:not([aria-selected="true"]):not(:disabled) {
    background: rgb(243 244 246);
    transform: translateY(-1px);
  }
.rdp-popover .rdp-day_button:disabled {
    cursor: not-allowed;
  }
.rdp-popover .rdp-today .rdp-day_button {
    color: rgb(var(--brand-500-rgb));
    border-color: rgb(var(--brand-500-rgb) / 0.35);
  }
.rdp-popover .rdp-selected .rdp-day_button,
  .rdp-popover .rdp-day[aria-selected="true"] .rdp-day_button {
    background: rgb(var(--brand-500-rgb));
    color: #ffffff;
    box-shadow: 0 4px 10px -2px rgb(var(--brand-500-rgb) / 0.45);
  }
.rdp-popover .rdp-selected.rdp-today .rdp-day_button {
    color: #ffffff;
    border-color: transparent;
  }
.rdp-popover .rdp-chevron {
    fill: rgb(75 85 99);
  }
.rdp-popover .rdp-nav button {
    border-radius: 10px;
    transition: background-color 0.14s ease;
  }
.rdp-popover .rdp-nav button:hover:not(:disabled) {
    background: rgb(243 244 246);
  }
.rdp-popover .rdp-outside .rdp-day_button {
    color: rgb(156 163 175);
  }
/* Time pair inputs in DateTimeInput popup. Native number spinner is
     hidden — small visual noise that doesn't help on a 2-digit field. */
.rdp-popover .rdp-time-input {
    width: 52px;
    height: 36px;
    border: 1px solid rgb(229 231 235);
    border-radius: 10px;
    padding: 0 8px;
    font-weight: 700;
    font-size: 14px;
    color: rgb(17 24 39);
    text-align: center;
    font-variant-numeric: tabular-nums;
    background: #ffffff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    -moz-appearance: textfield;
  }
.rdp-popover .rdp-time-input:focus,
  .rdp-popover .rdp-time-input:focus-visible {
    outline: none;
    border-color: rgb(var(--brand-500-rgb));
    box-shadow: 0 0 0 3px rgb(var(--brand-500-rgb) / 0.18);
  }
.rdp-popover .rdp-time-input::-webkit-inner-spin-button,
  .rdp-popover .rdp-time-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
html.dark .label { color: #DFE3E8; }
html[data-contrast="1"] .label { color: #161C24; font-weight: 600; }

  html[data-color="apparent"] aside.app-sidebar .label {
    color: #FFFFFF;
  }
.label{
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(33 43 54 / var(--tw-text-opacity));
}
/* ---------- badges ---------- */
.badge{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12px;
  font-weight: 700;
    min-height: 24px;
    border-radius: 6px;
    letter-spacing: 0;
}
html.dark .badge-soft-success    { background-color: rgb(var(--brand-500-rgb) / 0.16); color: rgb(var(--brand-300-rgb)); }
html[data-color="apparent"] aside.app-sidebar .badge-soft-success {
    background: rgb(var(--brand-500-rgb) / 0.16);
  }
.badge-soft-success{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12px;
  font-weight: 700;
    min-height: 24px;
    border-radius: 6px;
    letter-spacing: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--brand-50-rgb)  / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--brand-700-rgb) / var(--tw-text-opacity));
}
html.dark .badge-soft-info      { background-color: rgba(0, 184, 217, 0.16); color: #61F3F3; }
.badge-soft-info{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12px;
  font-weight: 700;
    min-height: 24px;
    border-radius: 6px;
    letter-spacing: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(202 253 245 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 108 156 / var(--tw-text-opacity));
}
html.dark .badge-soft-warning   { background-color: rgba(255, 171, 0, 0.16); color: #FFD666; }
.badge-soft-warning{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12px;
  font-weight: 700;
    min-height: 24px;
    border-radius: 6px;
    letter-spacing: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 204 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(183 110 0 / var(--tw-text-opacity));
}
html.dark .badge-soft-error     { background-color: rgba(255, 86, 48, 0.16); color: #FFAC82; }
.badge-soft-error{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12px;
  font-weight: 700;
    min-height: 24px;
    border-radius: 6px;
    letter-spacing: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 233 213 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(183 29 24 / var(--tw-text-opacity));
}
html.dark .badge-soft-default { color: #DFE3E8; }

  html.dark .badge-soft-default {
    background-color: rgba(145, 158, 171, 0.08);
  }
html[data-contrast="1"] .badge-soft-default { color: #161C24; font-weight: 600; }

  html[data-color="apparent"] aside.app-sidebar .badge-soft-default {
    color: #FFFFFF;
  }
.badge-soft-default{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12px;
  font-weight: 700;
    min-height: 24px;
    border-radius: 6px;
    letter-spacing: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(244 246 248 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 43 54 / var(--tw-text-opacity));
}
.dot{
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
}
/* ---------- skeleton ---------- */
.skeleton {
    background: linear-gradient(90deg,#F4F6F8 0%,#FAFBFC 50%,#F4F6F8 100%);
    background-size: 200% 100%;
  }
@keyframes shimmer{
  0%{
    background-position: -200% 0;
  }
  100%{
    background-position: 200% 0;
  }
}
.skeleton{
  animation: shimmer 2s linear infinite;
  border-radius: 0.5rem;
}
/* ---------- sidebar nav ----------
     Active items get a 3px brand-color accent bar on the left edge — a
     classic "rail" pattern from Linear / Vercel that signals position
     without relying on background fill alone. */
/* ---- Sidebar nav — premium "cell" look ---------------------------------
     Mỗi menu là 1 ô bo tròn: hover đổ nền brand nhạt + icon nhích/đậm màu,
     active có nền tint + viền trong + thanh nhấn trái. Các nhóm chức năng cách
     nhau bằng 1 đường mảnh. Micro-transition mượt cho cảm giác "xịn". */
/* Tiêu đề nhóm: PADDING (không margin ngoài) + ô cao → hover phủ KÍN cả
     khung, từ đường kẻ trên xuống đường kẻ dưới, không chừa khoảng trống. */
html.dark .nav-section { color: #637381; }
html[data-contrast="1"] .nav-section { color: #454F5B; }
html.dark[data-contrast="1"] .nav-section { color: #DFE3E8; }

  html[data-color="apparent"] aside.app-sidebar .nav-section {
    color: rgba(255, 255, 255, 0.52);
  }
.nav-section{
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    min-height: 46px;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    letter-spacing: 0.09em;
    cursor: pointer;
    transition: color 0.18s ease, background-color 0.18s ease;
}
/* Hover tô NGUYÊN khung tiêu đề nhóm (không chỉ đổi màu chữ). */
html.dark .nav-section:hover { color: #DFE3E8; }
html[data-contrast="1"] .nav-section:hover { color: #161C24; font-weight: 600; }

  html[data-color="apparent"] aside.app-sidebar .nav-section:hover {
    color: #FFFFFF;
  }
.nav-section:hover{
  --tw-text-opacity: 1;
  color: rgb(33 43 54 / var(--tw-text-opacity)); background: rgb(145 158 171 / 0.18);
}
.nav-chevron{
  --tw-text-opacity: 1;
  color: rgb(196 205 213 / var(--tw-text-opacity));
}
/* Đường chia giữa các nhóm — sát ô (không margin) để hover phủ tới đường kẻ. */
.nav-group + .nav-group {
    border-top: 1px solid rgba(145, 158, 171, 0.16);
  }
html.dark .nav-item { color: #C4CDD5; }

  html[data-color="apparent"] aside.app-sidebar .nav-item {
    color: rgba(255, 255, 255, 0.52);
  }
.nav-item{
  position: relative;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(69 79 91 / var(--tw-text-opacity));
    min-height: 42px;
    border-radius: 12px;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

  html.dark .nav-item:hover { color: #F4F6F8; }

  html[data-color="apparent"] aside.app-sidebar .nav-item:hover {
    color: #FFFFFF;
  }
.nav-item:hover{
  --tw-text-opacity: 1;
  color: rgb(22 28 36 / var(--tw-text-opacity));
    background: rgb(var(--brand-500-rgb) / 0.07);
}
.nav-item:active { transform: scale(0.985); }
.nav-item:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgb(var(--brand-500-rgb) / 0.20);
  }
html.dark .nav-item.active    { color: rgb(var(--brand-300-rgb)); }
.nav-item.active{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--tw-text-opacity));
}
html.dark .nav-item.\!active    { color: rgb(var(--brand-300-rgb)); }
.nav-item.\!active{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--tw-text-opacity));
}
.nav-item.active {
    background: rgb(var(--brand-500-rgb) / 0.10);
    box-shadow: inset 0 0 0 1px rgb(var(--brand-500-rgb) / 0.14);
  }
.nav-item.\!active {
    background: rgb(var(--brand-500-rgb) / 0.10) !important;
    box-shadow: inset 0 0 0 1px rgb(var(--brand-500-rgb) / 0.14) !important;
  }
.nav-item.active:hover { background: rgb(var(--brand-500-rgb) / 0.14); }
.nav-item.\!active:hover { background: rgb(var(--brand-500-rgb) / 0.14) !important; }
.nav-item.active::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 9px;
    bottom: 9px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: rgb(var(--brand-500-rgb));
  }
.nav-item.\!active::before {
    content: "" !important;
    position: absolute !important;
    left: -10px !important;
    top: 9px !important;
    bottom: 9px !important;
    width: 4px !important;
    border-radius: 0 4px 4px 0 !important;
    background: rgb(var(--brand-500-rgb)) !important;
  }
/* Ô chứa icon — nền bo tròn nhẹ, tint khi active, nhích khi hover. */
.nav-icon-box{
  display: grid;
  flex-shrink: 0;
  place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    transition: background-color 0.2s ease, transform 0.18s ease;
}
.nav-item:hover .nav-icon-box { transform: translateX(1px) scale(1.05); }
.nav-item.active .nav-icon-box { background: rgb(var(--brand-500-rgb) / 0.14); }
.nav-item.\!active .nav-icon-box { background: rgb(var(--brand-500-rgb) / 0.14) !important; }
html.dark .nav-icon { color: #637381; }
html[data-contrast="1"] .nav-icon { color: #454F5B; }
html.dark[data-contrast="1"] .nav-icon { color: #DFE3E8; }

  html[data-color="apparent"] aside.app-sidebar .nav-icon {
    color: rgba(255, 255, 255, 0.52);
  }
.nav-icon{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity)); transition: color 0.18s ease;
}
.nav-item:hover .nav-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-500-rgb) / var(--tw-text-opacity));
}
.nav-item.active .nav-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-500-rgb) / var(--tw-text-opacity));
}
.nav-item.\!active .nav-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-500-rgb) / var(--tw-text-opacity));
}
/* Hide the accent bar in mini layout (no left padding to push out into) */
html[data-layout="mini"] .nav-item.active::before { display: none; }
html[data-layout="mini"] .nav-item.\!active::before { display: none !important; }
/* ---------- table ----------
     Header is uppercase + tracking-wide for a "data-grid" feel typical of
     Stripe / Linear admin tables. Body rows get a smooth hover that reads
     well even in compact mode. */
.data-table{
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
    border-collapse: separate;
    border-spacing: 0;
}
html.dark .data-table thead { color: #919EAB; }
html[data-contrast="1"] .data-table thead { color: #1C252E; }
html.dark[data-contrast="1"] .data-table thead { color: #FFFFFF; }
html[data-color="apparent"] aside.app-sidebar .data-table thead {
    color: rgba(255, 255, 255, 0.52);
  }
.data-table thead{
  background-color: rgb(244 246 248 / 0.8);
  font-size: 12px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(99 115 129 / var(--tw-text-opacity));
    letter-spacing: 0;
}
.data-table thead th{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  text-align: left;
  font-weight: 700;
}
.data-table thead th:first-child{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.data-table thead th:last-child{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
html.dark .data-table tbody td { border-color: rgba(145, 158, 171, 0.24); }
html[data-contrast="1"] .data-table tbody td  { border-style: solid; }
html[data-color="apparent"] aside.app-sidebar .data-table tbody td {
    border-color: rgba(255, 255, 255, 0.12);
  }
.data-table tbody td{
  border-bottom-width: 1px;
  border-style: dashed;
  border-color: rgb(223 227 232 / 0.7);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: middle;
}
.data-table tbody tr {
    transition: background-color 0.18s ease;
  }
.data-table tbody tr:hover { background-color: rgb(244 246 248 / 0.7); }
.data-table tbody tr:last-child td{
  border-bottom-width: 0px;
}
.data-table.data-table-comfy tbody td{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
/* ---------- chip / pill ---------- */
html.dark .chip { color: #DFE3E8; }

  html.dark .chip {
    background-color: rgba(145, 158, 171, 0.08);
  }
html[data-contrast="1"] .chip { color: #161C24; font-weight: 600; }

  html[data-color="apparent"] aside.app-sidebar .chip {
    color: #FFFFFF;
  }
.chip{
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(33 43 54 / var(--tw-text-opacity));
    border-radius: 6px;
}
/* ---------- widget-icon containers (Dashboard stat cards) ---------- */
.widget-icon-success { background: rgb(var(--brand-500-rgb) / 0.16); color: rgb(var(--brand-700-rgb)); }
.widget-icon-info    { background: rgba(0, 184, 217, 0.16); color: #006C9C; }
.widget-icon-warning { background: rgba(255, 171, 0, 0.16); color: #B76E00; }
.widget-icon-violet  { background: rgba(142, 51, 255, 0.16); color: #5119B7; }
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-2{
  left: 0.5rem;
  right: 0.5rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-20{
  bottom: -5rem;
}
.-bottom-32{
  bottom: -8rem;
}
.-bottom-px{
  bottom: -1px;
}
.-left-16{
  left: -4rem;
}
.-left-32{
  left: -8rem;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-1\.5{
  right: -0.375rem;
}
.-right-10{
  right: -2.5rem;
}
.-right-40{
  right: -10rem;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-10{
  top: -2.5rem;
}
.-top-16{
  top: -4rem;
}
.-top-40{
  top: -10rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1\.5{
  bottom: 0.375rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1{
  left: 0.25rem;
}
.left-1\.5{
  left: 0.375rem;
}
.left-1\/2{
  left: 50%;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[22px\]{
  left: 22px;
}
.left-\[38px\]{
  left: 38px;
}
.right-0{
  right: 0px;
}
.right-1\.5{
  right: 0.375rem;
}
.right-10{
  right: 2.5rem;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-3\.5{
  right: 0.875rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.right-full{
  right: 100%;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-\[34px\]{
  top: 34px;
}
.top-full{
  top: 100%;
}
.-z-10{
  z-index: -10;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[1400\]{
  z-index: 1400;
}
.z-\[1500\]{
  z-index: 1500;
}
.z-\[1600\]{
  z-index: 1600;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[9999\]{
  z-index: 9999;
}
.order-1{
  order: 1;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-6{
  grid-column: span 6 / span 6;
}
.col-span-8{
  grid-column: span 8 / span 8;
}
.col-span-full{
  grid-column: 1 / -1;
}
.float-end{
  float: inline-end;
}
.m-2{
  margin: 0.5rem;
}
.m-auto{
  margin: auto;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-5{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1\.5{
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-mb-4{
  margin-bottom: -1rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-5{
  margin-top: -1.25rem;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[2px\]{
  margin-bottom: 2px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-\[16\/9\]{
  aspect-ratio: 16/9;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-\[4\/5\]{
  aspect-ratio: 4/5;
}
.aspect-\[5\/4\]{
  aspect-ratio: 5/4;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.\!h-11{
  height: 2.75rem !important;
}
.\!h-\[40px\]{
  height: 40px !important;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[1\.5em\]{
  height: 1.5em;
}
.h-\[140px\]{
  height: 140px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[236px\]{
  height: 236px;
}
.h-\[260px\]{
  height: 260px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[380px\]{
  height: 380px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[440px\]{
  height: 440px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[580px\]{
  height: 580px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[88vh\]{
  height: 88vh;
}
.h-\[94vh\]{
  height: 94vh;
}
.h-\[calc\(100vh-240px\)\]{
  height: calc(100vh - 240px);
}
.h-\[calc\(100vh-72px\)\]{
  height: calc(100vh - 72px);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.max-h-16{
  max-height: 4rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[180px\]{
  max-height: 180px;
}
.max-h-\[24rem\]{
  max-height: 24rem;
}
.max-h-\[260px\]{
  max-height: 260px;
}
.max-h-\[28rem\]{
  max-height: 28rem;
}
.max-h-\[470px\]{
  max-height: 470px;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[58vh\]{
  max-height: 58vh;
}
.max-h-\[64vh\]{
  max-height: 64vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[95vh\]{
  max-height: 95vh;
}
.max-h-\[calc\(100vh-32px\)\]{
  max-height: calc(100vh - 32px);
}
.max-h-\[calc\(100vh-3rem\)\]{
  max-height: calc(100vh - 3rem);
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[12rem\]{
  min-height: 12rem;
}
.min-h-\[170px\]{
  min-height: 170px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[20px\]{
  min-height: 20px;
}
.min-h-\[28px\]{
  min-height: 28px;
}
.min-h-\[36px\]{
  min-height: 36px;
}
.min-h-\[520px\]{
  min-height: 520px;
}
.min-h-\[52px\]{
  min-height: 52px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[60vh\]{
  min-height: 60vh;
}
.min-h-\[62px\]{
  min-height: 62px;
}
.min-h-\[64px\]{
  min-height: 64px;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.min-h-\[88px\]{
  min-height: 88px;
}
.min-h-\[96px\]{
  min-height: 96px;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[112\%\]{
  width: 112%;
}
.w-\[140px\]{
  width: 140px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[170px\]{
  width: 170px;
}
.w-\[180px\]{
  width: 180px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[236px\]{
  width: 236px;
}
.w-\[240px\]{
  width: 240px;
}
.w-\[256px\]{
  width: 256px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[380px\]{
  width: 380px;
}
.w-\[384px\]{
  width: 384px;
}
.w-\[420px\]{
  width: 420px;
}
.w-\[440px\]{
  width: 440px;
}
.w-\[68px\]{
  width: 68px;
}
.w-\[95vw\]{
  width: 95vw;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-px{
  width: 1px;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[10\.5rem\]{
  min-width: 10.5rem;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[1140px\]{
  min-width: 1140px;
}
.min-w-\[11rem\]{
  min-width: 11rem;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[1360px\]{
  min-width: 1360px;
}
.min-w-\[140px\]{
  min-width: 140px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[170px\]{
  min-width: 170px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[20px\]{
  min-width: 20px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[240px\]{
  min-width: 240px;
}
.min-w-\[260px\]{
  min-width: 260px;
}
.min-w-\[280px\]{
  min-width: 280px;
}
.min-w-\[56px\]{
  min-width: 56px;
}
.min-w-\[720px\]{
  min-width: 720px;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.min-w-\[960px\]{
  min-width: 960px;
}
.min-w-full{
  min-width: 100%;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[100px\]{
  max-width: 100px;
}
.max-w-\[100vw\]{
  max-width: 100vw;
}
.max-w-\[10rem\]{
  max-width: 10rem;
}
.max-w-\[1100px\]{
  max-width: 1100px;
}
.max-w-\[1240px\]{
  max-width: 1240px;
}
.max-w-\[1440px\]{
  max-width: 1440px;
}
.max-w-\[1600px\]{
  max-width: 1600px;
}
.max-w-\[16rem\]{
  max-width: 16rem;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[260px\]{
  max-width: 260px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[440px\]{
  max-width: 440px;
}
.max-w-\[460px\]{
  max-width: 460px;
}
.max-w-\[480px\]{
  max-width: 480px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[560px\]{
  max-width: 560px;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[720px\]{
  max-width: 720px;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[820px\]{
  max-width: 820px;
}
.max-w-\[900px\]{
  max-width: 900px;
}
.max-w-\[90vw\]{
  max-width: 90vw;
}
.max-w-\[94vw\]{
  max-width: 94vw;
}
.max-w-\[96px\]{
  max-width: 96px;
}
.max-w-\[calc\(100vw-2rem\)\]{
  max-width: calc(100vw - 2rem);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.border-collapse{
  border-collapse: collapse;
}
.-translate-x-1{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2{
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.animate-fade-in{
  animation: fadeIn 0.4s ease both;
}
@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes slideLeft{
  0%{
    transform: translateX(100%);
  }
  100%{
    transform: translateX(0);
  }
}
.animate-slide-left{
  animation: slideLeft 0.32s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes slideUp{
  0%{
    opacity: 0;
    transform: translateY(8px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-slide-up{
  animation: slideUp 0.4s ease both;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin-slow{
  animation: spin 8s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-grabbing{
  cursor: grabbing;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-wait{
  cursor: wait;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text{
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[1\.4fr_0\.8fr_110px_95px\]{
  grid-template-columns: 1.4fr 0.8fr 110px 95px;
}
.grid-cols-\[1fr_1fr_1fr_auto\]{
  grid-template-columns: 1fr 1fr 1fr auto;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-items-center{
  place-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-px > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-dashed > :not([hidden]) ~ :not([hidden]){
  border-style: dashed;
}
.divide-ink-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(244 246 248 / var(--tw-divide-opacity));
}
.divide-ink-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(223 227 232 / var(--tw-divide-opacity));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[26px\]{
  border-radius: 26px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[30px\]{
  border-radius: 30px;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[36px\]{
  border-radius: 36px;
}
.rounded-\[40px\]{
  border-radius: 40px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-saas-card{
  border-radius: 30px;
}
.rounded-saas-hero{
  border-radius: 70px;
}
.rounded-saas-panel{
  border-radius: 40px;
}
.rounded-saas-pill{
  border-radius: 34px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-md{
  border-bottom-left-radius: 0.375rem;
}
.rounded-bl-sm{
  border-bottom-left-radius: 0.125rem;
}
.rounded-br-md{
  border-bottom-right-radius: 0.375rem;
}
.rounded-br-sm{
  border-bottom-right-radius: 0.125rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[6px\]{
  border-width: 6px;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-\[3px\]{
  border-left-width: 3px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.border-\[\#0068FF\]{
  --tw-border-opacity: 1;
  border-color: rgb(0 104 255 / var(--tw-border-opacity));
}
.border-\[\#1877F2\]{
  --tw-border-opacity: 1;
  border-color: rgb(24 119 242 / var(--tw-border-opacity));
}
.border-\[\#5bc17f\]{
  --tw-border-opacity: 1;
  border-color: rgb(91 193 127 / var(--tw-border-opacity));
}
.border-\[\#e7ebf3\]{
  --tw-border-opacity: 1;
  border-color: rgb(231 235 243 / var(--tw-border-opacity));
}
.border-\[\#eceff5\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 239 245 / var(--tw-border-opacity));
}
.border-\[\#eef0f6\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 240 246 / var(--tw-border-opacity));
}
.border-accent-200{
  --tw-border-opacity: 1;
  border-color: rgb(198 132 255 / var(--tw-border-opacity));
}
.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}
.border-amber-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity));
}
.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/30{
  border-color: rgb(0 0 0 / 0.3);
}
.border-brand-100{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-100-rgb) / var(--tw-border-opacity));
}
.border-brand-200{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-200-rgb) / var(--tw-border-opacity));
}
.border-brand-200\/40{
  border-color: rgb(var(--brand-200-rgb) / 0.4);
}
.border-brand-200\/50{
  border-color: rgb(var(--brand-200-rgb) / 0.5);
}
.border-brand-200\/60{
  border-color: rgb(var(--brand-200-rgb) / 0.6);
}
.border-brand-200\/70{
  border-color: rgb(var(--brand-200-rgb) / 0.7);
}
.border-brand-300{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-300-rgb) / var(--tw-border-opacity));
}
.border-brand-400{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-400-rgb) / var(--tw-border-opacity));
}
.border-brand-500{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-500-rgb) / var(--tw-border-opacity));
}
.border-brand-600{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-600-rgb) / var(--tw-border-opacity));
}
.border-cyan-400\/20{
  border-color: rgb(34 211 238 / 0.2);
}
.border-cyan-500\/20{
  border-color: rgb(6 182 212 / 0.2);
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}
.border-error-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 172 130 / var(--tw-border-opacity));
}
.border-error-500{
  --tw-border-opacity: 1;
  border-color: rgb(183 29 24 / var(--tw-border-opacity));
}
.border-error-600{
  --tw-border-opacity: 1;
  border-color: rgb(122 9 22 / var(--tw-border-opacity));
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}
.border-info-100{
  --tw-border-opacity: 1;
  border-color: rgb(97 243 243 / var(--tw-border-opacity));
}
.border-info-400{
  --tw-border-opacity: 1;
  border-color: rgb(0 184 217 / var(--tw-border-opacity));
}
.border-inherit{
  border-color: inherit;
}
.border-ink-100{
  --tw-border-opacity: 1;
  border-color: rgb(244 246 248 / var(--tw-border-opacity));
}
.border-ink-200{
  --tw-border-opacity: 1;
  border-color: rgb(223 227 232 / var(--tw-border-opacity));
}
.border-ink-200\/60{
  border-color: rgb(223 227 232 / 0.6);
}
.border-ink-200\/70{
  border-color: rgb(223 227 232 / 0.7);
}
.border-ink-200\/80{
  border-color: rgb(223 227 232 / 0.8);
}
.border-ink-300{
  --tw-border-opacity: 1;
  border-color: rgb(196 205 213 / var(--tw-border-opacity));
}
.border-ink-300\/40{
  border-color: rgb(196 205 213 / 0.4);
}
.border-ink-700{
  --tw-border-opacity: 1;
  border-color: rgb(33 43 54 / var(--tw-border-opacity));
}
.border-ink-800{
  --tw-border-opacity: 1;
  border-color: rgb(28 37 46 / var(--tw-border-opacity));
}
.border-purple-500\/20{
  border-color: rgb(168 85 247 / 0.2);
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}
.border-rose-500\/20{
  border-color: rgb(244 63 94 / 0.2);
}
.border-saas-border{
  border-color: rgba(30,12,62,0.2);
}
.border-saas-primary{
  --tw-border-opacity: 1;
  border-color: rgb(91 193 127 / var(--tw-border-opacity));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-success-400{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.border-success-600{
  --tw-border-opacity: 1;
  border-color: rgb(10 85 84 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-violet-600{
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity));
}
.border-warning-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 214 102 / var(--tw-border-opacity));
}
.border-warning-400{
  --tw-border-opacity: 1;
  border-color: rgb(255 171 0 / var(--tw-border-opacity));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/70{
  border-color: rgb(255 255 255 / 0.7);
}
.border-r-ink-900{
  --tw-border-opacity: 1;
  border-right-color: rgb(22 28 36 / var(--tw-border-opacity));
}
.bg-\[\#0068FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 104 255 / var(--tw-bg-opacity));
}
.bg-\[\#1877F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(24 119 242 / var(--tw-bg-opacity));
}
.bg-\[\#5bc17f05\]{
  background-color: #5bc17f05;
}
.bg-\[\#5bc17f0a\]{
  background-color: #5bc17f0a;
}
.bg-\[\#5bc17f0d\]{
  background-color: #5bc17f0d;
}
.bg-\[\#5bc17f0f\]{
  background-color: #5bc17f0f;
}
.bg-\[\#5bc17f14\]{
  background-color: #5bc17f14;
}
.bg-\[\#5bc17f1a\]{
  background-color: #5bc17f1a;
}
.bg-\[\#eef0f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 246 / var(--tw-bg-opacity));
}
.bg-\[\#ffd666\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 214 102 / var(--tw-bg-opacity));
}
.bg-\[var\(--brand-gradient\)\]{
  background-color: var(--brand-gradient);
}
.bg-\[var\(--surface-card\)\]{
  background-color: var(--surface-card);
}
.bg-accent-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 214 255 / var(--tw-bg-opacity));
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-brand-100{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-100-rgb) / var(--tw-bg-opacity));
}
.bg-brand-50{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-50-rgb)  / var(--tw-bg-opacity));
}
.bg-brand-50\/30{
  background-color: rgb(var(--brand-50-rgb)  / 0.3);
}
.bg-brand-50\/35{
  background-color: rgb(var(--brand-50-rgb)  / 0.35);
}
.bg-brand-50\/40{
  background-color: rgb(var(--brand-50-rgb)  / 0.4);
}
.bg-brand-50\/50{
  background-color: rgb(var(--brand-50-rgb)  / 0.5);
}
.bg-brand-50\/60{
  background-color: rgb(var(--brand-50-rgb)  / 0.6);
}
.bg-brand-500{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-500-rgb) / var(--tw-bg-opacity));
}
.bg-brand-600{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-600-rgb) / var(--tw-bg-opacity));
}
.bg-current{
  background-color: currentColor;
}
.bg-cyan-300\/70{
  background-color: rgb(103 232 249 / 0.7);
}
.bg-cyan-400\/10{
  background-color: rgb(34 211 238 / 0.1);
}
.bg-cyan-500{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}
.bg-cyan-500\/15{
  background-color: rgb(6 182 212 / 0.15);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-emerald-300{
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity));
}
.bg-emerald-400\/10{
  background-color: rgb(52 211 153 / 0.1);
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}
.bg-emerald-50\/40{
  background-color: rgb(236 253 245 / 0.4);
}
.bg-emerald-50\/60{
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-error-400{
  --tw-bg-opacity: 1;
  background-color: rgb(255 86 48 / var(--tw-bg-opacity));
}
.bg-error-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 233 213 / var(--tw-bg-opacity));
}
.bg-error-50\/40{
  background-color: rgb(255 233 213 / 0.4);
}
.bg-error-50\/60{
  background-color: rgb(255 233 213 / 0.6);
}
.bg-error-500{
  --tw-bg-opacity: 1;
  background-color: rgb(183 29 24 / var(--tw-bg-opacity));
}
.bg-error-600{
  --tw-bg-opacity: 1;
  background-color: rgb(122 9 22 / var(--tw-bg-opacity));
}
.bg-fuchsia-500\/20{
  background-color: rgb(217 70 239 / 0.2);
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.bg-info-100{
  --tw-bg-opacity: 1;
  background-color: rgb(97 243 243 / var(--tw-bg-opacity));
}
.bg-info-400{
  --tw-bg-opacity: 1;
  background-color: rgb(0 184 217 / var(--tw-bg-opacity));
}
.bg-info-50{
  --tw-bg-opacity: 1;
  background-color: rgb(202 253 245 / var(--tw-bg-opacity));
}
.bg-info-50\/20{
  background-color: rgb(202 253 245 / 0.2);
}
.bg-info-50\/30{
  background-color: rgb(202 253 245 / 0.3);
}
.bg-info-50\/40{
  background-color: rgb(202 253 245 / 0.4);
}
.bg-info-50\/50{
  background-color: rgb(202 253 245 / 0.5);
}
.bg-info-50\/60{
  background-color: rgb(202 253 245 / 0.6);
}
.bg-info-500{
  --tw-bg-opacity: 1;
  background-color: rgb(0 108 156 / var(--tw-bg-opacity));
}
.bg-ink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
}
.bg-ink-100\/30{
  background-color: rgb(244 246 248 / 0.3);
}
.bg-ink-100\/50{
  background-color: rgb(244 246 248 / 0.5);
}
.bg-ink-100\/60{
  background-color: rgb(244 246 248 / 0.6);
}
.bg-ink-100\/70{
  background-color: rgb(244 246 248 / 0.7);
}
.bg-ink-100\/80{
  background-color: rgb(244 246 248 / 0.8);
}
.bg-ink-200{
  --tw-bg-opacity: 1;
  background-color: rgb(223 227 232 / var(--tw-bg-opacity));
}
.bg-ink-200\/70{
  background-color: rgb(223 227 232 / 0.7);
}
.bg-ink-300{
  --tw-bg-opacity: 1;
  background-color: rgb(196 205 213 / var(--tw-bg-opacity));
}
.bg-ink-400{
  --tw-bg-opacity: 1;
  background-color: rgb(145 158 171 / var(--tw-bg-opacity));
}
.bg-ink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-ink-50\/30{
  background-color: rgb(249 250 251 / 0.3);
}
.bg-ink-50\/40{
  background-color: rgb(249 250 251 / 0.4);
}
.bg-ink-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}
.bg-ink-50\/60{
  background-color: rgb(249 250 251 / 0.6);
}
.bg-ink-50\/70{
  background-color: rgb(249 250 251 / 0.7);
}
.bg-ink-600{
  --tw-bg-opacity: 1;
  background-color: rgb(69 79 91 / var(--tw-bg-opacity));
}
.bg-ink-700{
  --tw-bg-opacity: 1;
  background-color: rgb(33 43 54 / var(--tw-bg-opacity));
}
.bg-ink-800{
  --tw-bg-opacity: 1;
  background-color: rgb(28 37 46 / var(--tw-bg-opacity));
}
.bg-ink-800\/80{
  background-color: rgb(28 37 46 / 0.8);
}
.bg-ink-900{
  --tw-bg-opacity: 1;
  background-color: rgb(22 28 36 / var(--tw-bg-opacity));
}
.bg-ink-900\/30{
  background-color: rgb(22 28 36 / 0.3);
}
.bg-ink-900\/40{
  background-color: rgb(22 28 36 / 0.4);
}
.bg-ink-900\/50{
  background-color: rgb(22 28 36 / 0.5);
}
.bg-ink-900\/55{
  background-color: rgb(22 28 36 / 0.55);
}
.bg-ink-900\/60{
  background-color: rgb(22 28 36 / 0.6);
}
.bg-ink-950{
  --tw-bg-opacity: 1;
  background-color: rgb(11 15 20 / var(--tw-bg-opacity));
}
.bg-pink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}
.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}
.bg-purple-500\/15{
  background-color: rgb(168 85 247 / 0.15);
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}
.bg-rose-50\/40{
  background-color: rgb(255 241 242 / 0.4);
}
.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
}
.bg-rose-500\/15{
  background-color: rgb(244 63 94 / 0.15);
}
.bg-saas-heading{
  --tw-bg-opacity: 1;
  background-color: rgb(24 6 60 / var(--tw-bg-opacity));
}
.bg-saas-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(91 193 127 / var(--tw-bg-opacity));
}
.bg-saas-primary-strong{
  --tw-bg-opacity: 1;
  background-color: rgb(42 130 80 / var(--tw-bg-opacity));
}
.bg-saas-primary\/10{
  background-color: rgb(91 193 127 / 0.1);
}
.bg-saas-primary\/5{
  background-color: rgb(91 193 127 / 0.05);
}
.bg-saas-surface{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-slate-900\/60{
  background-color: rgb(15 23 42 / 0.6);
}
.bg-slate-900\/85{
  background-color: rgb(15 23 42 / 0.85);
}
.bg-slate-900\/90{
  background-color: rgb(15 23 42 / 0.9);
}
.bg-slate-950\/40{
  background-color: rgb(2 6 23 / 0.4);
}
.bg-slate-950\/60{
  background-color: rgb(2 6 23 / 0.6);
}
.bg-slate-950\/70{
  background-color: rgb(2 6 23 / 0.7);
}
.bg-slate-950\/80{
  background-color: rgb(2 6 23 / 0.8);
}
.bg-success-100{
  --tw-bg-opacity: 1;
  background-color: rgb(119 237 139 / var(--tw-bg-opacity));
}
.bg-success-400{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-success-50{
  --tw-bg-opacity: 1;
  background-color: rgb(211 252 210 / var(--tw-bg-opacity));
}
.bg-success-50\/30{
  background-color: rgb(211 252 210 / 0.3);
}
.bg-success-50\/40{
  background-color: rgb(211 252 210 / 0.4);
}
.bg-success-50\/60{
  background-color: rgb(211 252 210 / 0.6);
}
.bg-success-500{
  --tw-bg-opacity: 1;
  background-color: rgb(17 141 87 / var(--tw-bg-opacity));
}
.bg-success-600{
  --tw-bg-opacity: 1;
  background-color: rgb(10 85 84 / var(--tw-bg-opacity));
}
.bg-teal-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}
.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}
.bg-violet-50\/30{
  background-color: rgb(245 243 255 / 0.3);
}
.bg-violet-500\/15{
  background-color: rgb(139 92 246 / 0.15);
}
.bg-violet-600{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}
.bg-warning-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 214 102 / var(--tw-bg-opacity));
}
.bg-warning-400{
  --tw-bg-opacity: 1;
  background-color: rgb(255 171 0 / var(--tw-bg-opacity));
}
.bg-warning-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 204 / var(--tw-bg-opacity));
}
.bg-warning-50\/30{
  background-color: rgb(255 245 204 / 0.3);
}
.bg-warning-50\/40{
  background-color: rgb(255 245 204 / 0.4);
}
.bg-warning-50\/50{
  background-color: rgb(255 245 204 / 0.5);
}
.bg-warning-50\/60{
  background-color: rgb(255 245 204 / 0.6);
}
.bg-warning-50\/70{
  background-color: rgb(255 245 204 / 0.7);
}
.bg-warning-500{
  --tw-bg-opacity: 1;
  background-color: rgb(183 110 0 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/55{
  background-color: rgb(255 255 255 / 0.55);
}
.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-\[linear-gradient\(135deg\2c rgb\(var\(--brand-500-rgb\)\/0\.10\)_0\%\2c rgb\(var\(--brand-500-rgb\)\/0\.20\)_100\%\)\]{
  background-image: linear-gradient(135deg,rgb(var(--brand-500-rgb)/0.10) 0%,rgb(var(--brand-500-rgb)/0.20) 100%);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-grid-fade{
  background-image: radial-gradient(circle at 1px 1px, rgba(28,37,46,0.07) 1px, transparent 0);
}
.from-\[\#0EA5E9\]{
  --tw-gradient-from: #0EA5E9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#6D28D9\]{
  --tw-gradient-from: #6D28D9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F97316\]{
  --tw-gradient-from: #F97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400{
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400{
  --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400\/20{
  --tw-gradient-from: rgb(34 211 238 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/10{
  --tw-gradient-from: rgb(6 182 212 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400{
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-400{
  --tw-gradient-from: #e879f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/80{
  --tw-gradient-from: rgb(15 23 42 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/85{
  --tw-gradient-from: rgb(15 23 42 / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900\/90{
  --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500{
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-warning-50{
  --tw-gradient-from: #FFF5CC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 245 204 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#22D3EE\]{
  --tw-gradient-to: rgb(34 211 238 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #22D3EE var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#A855F7\]{
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #A855F7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FB7185\]{
  --tw-gradient-to: rgb(251 113 133 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FB7185 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-400{
  --tw-gradient-to: rgb(56 189 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#14B8A6\]{
  --tw-gradient-to: #14B8A6 var(--tw-gradient-to-position);
}
.to-\[\#EC4899\]{
  --tw-gradient-to: #EC4899 var(--tw-gradient-to-position);
}
.to-cyan-400{
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}
.to-orange-500{
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-slate-800\/70{
  --tw-gradient-to: rgb(30 41 59 / 0.7) var(--tw-gradient-to-position);
}
.to-slate-900\/60{
  --tw-gradient-to: rgb(15 23 42 / 0.6) var(--tw-gradient-to-position);
}
.to-slate-950\/80{
  --tw-gradient-to: rgb(2 6 23 / 0.8) var(--tw-gradient-to-position);
}
.to-slate-950\/90{
  --tw-gradient-to: rgb(2 6 23 / 0.9) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-500{
  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.bg-cover{
  background-size: cover;
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center{
  background-position: center;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.\!p-0{
  padding: 0px !important;
}
.\!p-1{
  padding: 0.25rem !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-60{
  padding-bottom: 15rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-3\.5{
  padding-left: 0.875rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-11{
  padding-right: 2.75rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-60{
  padding-top: 15rem;
}
.pt-\[10vh\]{
  padding-top: 10vh;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.font-display{
  font-family: var(--font-family), "Barlow", system-ui, sans-serif;
}
.font-inter{
  font-family: "Inter", system-ui, sans-serif;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-nunito{
  font-family: "Nunito Sans", system-ui, sans-serif;
}
.font-poppins{
  font-family: "Poppins", system-ui, sans-serif;
}
.font-sans{
  font-family: var(--font-family), system-ui, -apple-system, sans-serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.82em\]{
  font-size: 0.82em;
}
.text-\[0\.85em\]{
  font-size: 0.85em;
}
.text-\[0\.8em\]{
  font-size: 0.8em;
}
.text-\[0\.92em\]{
  font-size: 0.92em;
}
.text-\[0\.9em\]{
  font-size: 0.9em;
}
.text-\[1\.05em\]{
  font-size: 1.05em;
}
.text-\[1\.25em\]{
  font-size: 1.25em;
}
.text-\[1\.2em\]{
  font-size: 1.2em;
}
.text-\[1\.45em\]{
  font-size: 1.45em;
}
.text-\[1\.4em\]{
  font-size: 1.4em;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11\.5px\]{
  font-size: 11.5px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12\.5px\]{
  font-size: 12.5px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13\.5px\]{
  font-size: 13.5px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[17px\]{
  font-size: 17px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-body-lg{
  font-size: 18px;
  line-height: 36px;
}
.text-h2{
  font-size: 48px;
  line-height: 1.15;
}
.text-h3{
  font-size: 44px;
  line-height: 1.2;
}
.text-h4{
  font-size: 36px;
  line-height: 1.25;
}
.text-h5{
  font-size: 24px;
  line-height: 1.3;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xxl{
  font-size: 64px;
  line-height: 90px;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-\[1\.15\]{
  line-height: 1.15;
}
.leading-\[1\.2\]{
  line-height: 1.2;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-0\.04em\]{
  letter-spacing: -0.04em;
}
.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}
.tracking-\[0\.15em\]{
  letter-spacing: 0.15em;
}
.tracking-\[0\.18em\]{
  letter-spacing: 0.18em;
}
.tracking-\[0\.22em\]{
  letter-spacing: 0.22em;
}
.tracking-\[0\.24em\]{
  letter-spacing: 0.24em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.28em\]{
  letter-spacing: 0.28em;
}
.tracking-\[0\.32em\]{
  letter-spacing: 0.32em;
}
.tracking-\[0\.35em\]{
  letter-spacing: 0.35em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-\[\#3f9d63\]{
  --tw-text-opacity: 1 !important;
  color: rgb(63 157 99 / var(--tw-text-opacity)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#1877F2\]{
  --tw-text-opacity: 1;
  color: rgb(24 119 242 / var(--tw-text-opacity));
}
.text-\[\#253053\]{
  --tw-text-opacity: 1;
  color: rgb(37 48 83 / var(--tw-text-opacity));
}
.text-\[\#4a4f66\]{
  --tw-text-opacity: 1;
  color: rgb(74 79 102 / var(--tw-text-opacity));
}
.text-\[\#5b5f78\]{
  --tw-text-opacity: 1;
  color: rgb(91 95 120 / var(--tw-text-opacity));
}
.text-\[\#8a8fa3\]{
  --tw-text-opacity: 1;
  color: rgb(138 143 163 / var(--tw-text-opacity));
}
.text-\[\#aab0c2\]{
  --tw-text-opacity: 1;
  color: rgb(170 176 194 / var(--tw-text-opacity));
}
.text-accent-500{
  --tw-text-opacity: 1;
  color: rgb(118 53 220 / var(--tw-text-opacity));
}
.text-accent-600{
  --tw-text-opacity: 1;
  color: rgb(81 25 183 / var(--tw-text-opacity));
}
.text-accent-700{
  --tw-text-opacity: 1;
  color: rgb(39 9 122 / var(--tw-text-opacity));
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-brand-400{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-400-rgb) / var(--tw-text-opacity));
}
.text-brand-500{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-500-rgb) / var(--tw-text-opacity));
}
.text-brand-600{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-600-rgb) / var(--tw-text-opacity));
}
.text-brand-700{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--tw-text-opacity));
}
.text-cyan-100{
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity));
}
.text-cyan-200{
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity));
}
.text-cyan-200\/80{
  color: rgb(165 243 252 / 0.8);
}
.text-cyan-300{
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity));
}
.text-cyan-300\/80{
  color: rgb(103 232 249 / 0.8);
}
.text-cyan-300\/90{
  color: rgb(103 232 249 / 0.9);
}
.text-emerald-200{
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity));
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}
.text-error-400{
  --tw-text-opacity: 1;
  color: rgb(255 86 48 / var(--tw-text-opacity));
}
.text-error-500{
  --tw-text-opacity: 1;
  color: rgb(183 29 24 / var(--tw-text-opacity));
}
.text-error-500\/90{
  color: rgb(183 29 24 / 0.9);
}
.text-error-600{
  --tw-text-opacity: 1;
  color: rgb(122 9 22 / var(--tw-text-opacity));
}
.text-fuchsia-200\/80{
  color: rgb(245 208 254 / 0.8);
}
.text-fuchsia-300\/80{
  color: rgb(240 171 252 / 0.8);
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}
.text-info-500{
  --tw-text-opacity: 1;
  color: rgb(0 108 156 / var(--tw-text-opacity));
}
.text-info-600{
  --tw-text-opacity: 1;
  color: rgb(0 55 104 / var(--tw-text-opacity));
}
.text-ink-200{
  --tw-text-opacity: 1;
  color: rgb(223 227 232 / var(--tw-text-opacity));
}
.text-ink-300{
  --tw-text-opacity: 1;
  color: rgb(196 205 213 / var(--tw-text-opacity));
}
.text-ink-400{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
}
.text-ink-500{
  --tw-text-opacity: 1;
  color: rgb(99 115 129 / var(--tw-text-opacity));
}
.text-ink-600{
  --tw-text-opacity: 1;
  color: rgb(69 79 91 / var(--tw-text-opacity));
}
.text-ink-700{
  --tw-text-opacity: 1;
  color: rgb(33 43 54 / var(--tw-text-opacity));
}
.text-ink-800{
  --tw-text-opacity: 1;
  color: rgb(28 37 46 / var(--tw-text-opacity));
}
.text-ink-900{
  --tw-text-opacity: 1;
  color: rgb(22 28 36 / var(--tw-text-opacity));
}
.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity));
}
.text-purple-200{
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}
.text-purple-700{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-rose-200{
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity));
}
.text-rose-300{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}
.text-rose-800{
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}
.text-saas-accent{
  --tw-text-opacity: 1;
  color: rgb(255 211 117 / var(--tw-text-opacity));
}
.text-saas-body{
  color: rgba(64,64,64,0.8);
}
.text-saas-heading{
  --tw-text-opacity: 1;
  color: rgb(24 6 60 / var(--tw-text-opacity));
}
.text-saas-ink{
  --tw-text-opacity: 1;
  color: rgb(28 14 13 / var(--tw-text-opacity));
}
.text-saas-muted{
  color: rgba(64,64,64,0.6);
}
.text-saas-navlink{
  --tw-text-opacity: 1;
  color: rgb(51 44 92 / var(--tw-text-opacity));
}
.text-saas-primary{
  --tw-text-opacity: 1;
  color: rgb(91 193 127 / var(--tw-text-opacity));
}
.text-saas-primary-strong{
  --tw-text-opacity: 1;
  color: rgb(42 130 80 / var(--tw-text-opacity));
}
.text-sky-600{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}
.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}
.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity));
}
.text-success-500{
  --tw-text-opacity: 1;
  color: rgb(17 141 87 / var(--tw-text-opacity));
}
.text-success-600{
  --tw-text-opacity: 1;
  color: rgb(10 85 84 / var(--tw-text-opacity));
}
.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity));
}
.text-transparent{
  color: transparent;
}
.text-violet-200{
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity));
}
.text-violet-500{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}
.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}
.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}
.text-warning-400{
  --tw-text-opacity: 1;
  color: rgb(255 171 0 / var(--tw-text-opacity));
}
.text-warning-500{
  --tw-text-opacity: 1;
  color: rgb(183 110 0 / var(--tw-text-opacity));
}
.text-warning-500\/90{
  color: rgb(183 110 0 / 0.9);
}
.text-warning-600{
  --tw-text-opacity: 1;
  color: rgb(122 65 0 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/85{
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.\!no-underline{
  text-decoration-line: none !important;
}
.decoration-dotted{
  text-decoration-style: dotted;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.accent-brand-500{
  accent-color: rgb(var(--brand-500-rgb) / 1);
}
.accent-warning-500{
  accent-color: #B76E00;
}
.opacity-0{
  opacity: 0;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-45{
  opacity: 0.45;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-40px_40px_80px_-8px_rgba\(145\2c 158\2c 171\2c 0\.24\)\2c 0_0_2px_0_rgba\(145\2c 158\2c 171\2c 0\.20\)\]{
  --tw-shadow: -40px 40px 80px -8px rgba(145,158,171,0.24),0 0 2px 0 rgba(145,158,171,0.20);
  --tw-shadow-colored: -40px 40px 80px -8px var(--tw-shadow-color), 0 0 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(6\2c 182\2c 212\2c 0\.18\)\]{
  --tw-shadow: 0 0 0 1px rgba(6,182,212,0.18);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(6\2c 182\2c 212\2c 0\.6\)\]{
  --tw-shadow: 0 0 20px rgba(6,182,212,0.6);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_1px_rgba\(110\2c 231\2c 183\2c 0\.7\)\]{
  --tw-shadow: 0 0 6px 1px rgba(110,231,183,0.7);
  --tw-shadow-colored: 0 0 6px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_rgba\(25\2c 15\2c 44\2c 0\.10\)\]{
  --tw-shadow: 0 10px 24px rgba(25,15,44,0.10);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-15px_rgba\(6\2c 182\2c 212\2c 0\.35\)\]{
  --tw-shadow: 0 12px 30px -15px rgba(6,182,212,0.35);
  --tw-shadow-colored: 0 12px 30px -15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_50px_-24px_rgba\(14\2c 165\2c 233\2c 0\.65\)\]{
  --tw-shadow: 0 16px 50px -24px rgba(14,165,233,0.65);
  --tw-shadow-colored: 0 16px 50px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_50px_-24px_rgba\(236\2c 72\2c 153\2c 0\.45\)\]{
  --tw-shadow: 0 16px 50px -24px rgba(236,72,153,0.45);
  --tw-shadow-colored: 0 16px 50px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_60px_-30px_rgba\(15\2c 23\2c 42\2c 0\.3\)\]{
  --tw-shadow: 0 16px 60px -30px rgba(15,23,42,0.3);
  --tw-shadow-colored: 0 16px 60px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_40px_rgba\(15\2c 23\2c 42\2c 0\.24\)\]{
  --tw-shadow: 0 20px 40px rgba(15,23,42,0.24);
  --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-30px_rgba\(15\2c 23\2c 42\2c 0\.32\)\]{
  --tw-shadow: 0 20px 60px -30px rgba(15,23,42,0.32);
  --tw-shadow-colored: 0 20px 60px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-30px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]{
  --tw-shadow: 0 20px 60px -30px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 20px 60px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_80px_-40px_rgba\(124\2c 58\2c 237\2c 0\.8\)\]{
  --tw-shadow: 0 20px 80px -40px rgba(124,58,237,0.8);
  --tw-shadow-colored: 0 20px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_80px_-40px_rgba\(6\2c 182\2c 212\2c 0\.28\)\]{
  --tw-shadow: 0 20px 80px -40px rgba(6,182,212,0.28);
  --tw-shadow-colored: 0 20px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_80px_rgba\(15\2c 23\2c 42\2c 0\.24\)\]{
  --tw-shadow: 0 20px 80px rgba(15,23,42,0.24);
  --tw-shadow-colored: 0 20px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_-40px_rgba\(124\2c 58\2c 237\2c 0\.3\)\]{
  --tw-shadow: 0 24px 80px -40px rgba(124,58,237,0.3);
  --tw-shadow-colored: 0 24px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_-40px_rgba\(15\2c 23\2c 42\2c 0\.28\)\]{
  --tw-shadow: 0 24px 80px -40px rgba(15,23,42,0.28);
  --tw-shadow-colored: 0 24px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_-40px_rgba\(56\2c 189\2c 248\2c 0\.2\)\]{
  --tw-shadow: 0 24px 80px -40px rgba(56,189,248,0.2);
  --tw-shadow-colored: 0 24px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_90px_-40px_rgba\(56\2c 189\2c 248\2c 0\.5\)\]{
  --tw-shadow: 0 24px 90px -40px rgba(56,189,248,0.5);
  --tw-shadow-colored: 0 24px 90px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_90px_-40px_rgba\(56\2c 189\2c 248\2c 0\.28\)\]{
  --tw-shadow: 0 28px 90px -40px rgba(56,189,248,0.28);
  --tw-shadow-colored: 0 28px 90px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-40px_rgba\(15\2c 23\2c 42\2c 0\.25\)\]{
  --tw-shadow: 0 30px 80px -40px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 30px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_rgba\(25\2c 15\2c 44\2c 0\.08\)\]{
  --tw-shadow: 0 30px 80px rgba(25,15,44,0.08);
  --tw-shadow-colored: 0 30px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_90px_-40px_rgba\(124\2c 58\2c 237\2c 0\.24\)\]{
  --tw-shadow: 0 30px 90px -40px rgba(124,58,237,0.24);
  --tw-shadow-colored: 0 30px 90px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_90px_-40px_rgba\(236\2c 72\2c 153\2c 0\.24\)\]{
  --tw-shadow: 0 30px 90px -40px rgba(236,72,153,0.24);
  --tw-shadow-colored: 0 30px 90px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_80px_-40px_rgba\(56\2c 189\2c 248\2c 0\.22\)\]{
  --tw-shadow: 0 32px 80px -40px rgba(56,189,248,0.22);
  --tw-shadow-colored: 0 32px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_90px_-40px_rgba\(236\2c 72\2c 153\2c 0\.22\)\]{
  --tw-shadow: 0 32px 90px -40px rgba(236,72,153,0.22);
  --tw-shadow-colored: 0 32px 90px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_120px_-50px_rgba\(56\2c 189\2c 248\2c 0\.24\)\]{
  --tw-shadow: 0 40px 120px -50px rgba(56,189,248,0.24);
  --tw-shadow-colored: 0 40px 120px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_140px_-60px_rgba\(15\2c 23\2c 42\2c 0\.45\)\]{
  --tw-shadow: 0 40px 140px -60px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 40px 140px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(2\2c 32\2c 30\2c 0\.18\)\]{
  --tw-shadow: 0 4px 14px rgba(2,32,30,0.18);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_-16px_rgba\(56\2c 189\2c 248\2c 0\.25\)\]{
  --tw-shadow: 0 8px 24px -16px rgba(56,189,248,0.25);
  --tw-shadow-colored: 0 8px 24px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card{
  --tw-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.20), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 12px 24px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-glow-error{
  --tw-shadow: 0 8px 16px 0 rgba(255, 86, 48, 0.24);
  --tw-shadow-colored: 0 8px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-glow-primary{
  --tw-shadow: 0 8px 16px 0 rgb(var(--brand-500-rgb) / 0.24);
  --tw-shadow-colored: 0 8px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-ring{
  --tw-shadow: 0 0 0 1px rgba(145, 158, 171, 0.12), 0 1px 2px 0 rgba(145, 158, 171, 0.16);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-saas-card{
  --tw-shadow: 14px 20px 48px rgba(25,15,44,0.06);
  --tw-shadow-colored: 14px 20px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[var\(--shadow-dialog\)\]{
  --tw-shadow-color: var(--shadow-dialog);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-brand-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--brand-300-rgb) / var(--tw-ring-opacity));
}
.ring-brand-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--brand-400-rgb) / var(--tw-ring-opacity));
}
.ring-current{
  --tw-ring-color: currentColor;
}
.ring-cyan-400\/40{
  --tw-ring-color: rgb(34 211 238 / 0.4);
}
.ring-ink-200\/60{
  --tw-ring-color: rgb(223 227 232 / 0.6);
}
.ring-ink-800\/40{
  --tw-ring-color: rgb(28 37 46 / 0.4);
}
.ring-rose-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity));
}
.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.ring-white\/30{
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.ring-offset-1{
  --tw-ring-offset-width: 1px;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl{
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-3xl{
  --tw-backdrop-blur: blur(64px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[3px\]{
  --tw-backdrop-blur: blur(3px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.payroll-tab-bar { scrollbar-width: thin; scrollbar-color: transparent transparent; }
.payroll-tab-bar::-webkit-scrollbar { height: 3px; }
.payroll-tab-bar::-webkit-scrollbar-track { background: transparent; }
.payroll-tab-bar::-webkit-scrollbar-thumb { background: transparent; border-radius: 99px; -webkit-transition: background 0.2s; transition: background 0.2s; }
.payroll-tab-bar:hover { scrollbar-color: rgb(203 213 225) transparent; }
.payroll-tab-bar:hover::-webkit-scrollbar-thumb { background: rgb(203 213 225); }
.text-gradient-primary {
    background: var(--brand-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
.glass {
    background: rgb(249 250 251 / 0.8);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
  }
/* Stat-widget tinted backgrounds */
.widget-success {
    background: linear-gradient(135deg, rgb(var(--brand-500-rgb) / 0.08) 0%, rgb(var(--brand-500-rgb) / 0.24) 100%);
    color: rgb(var(--brand-700-rgb));
  }
.widget-info {
    background: linear-gradient(135deg, rgba(0, 184, 217, 0.08) 0%, rgba(0, 184, 217, 0.24) 100%);
    color: #006C9C;
  }
.widget-warning {
    background: linear-gradient(135deg, rgba(255, 171, 0, 0.08) 0%, rgba(255, 171, 0, 0.24) 100%);
    color: #B76E00;
  }
.widget-error {
    background: linear-gradient(135deg, rgba(255, 86, 48, 0.08) 0%, rgba(255, 86, 48, 0.24) 100%);
    color: #B71D18;
  }
.widget-violet {
    background: linear-gradient(135deg, rgba(142, 51, 255, 0.08) 0%, rgba(142, 51, 255, 0.24) 100%);
    color: #5119B7;
  }
.\[appearance\:textfield\]{
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.\[background-size\:24px_24px\]{
  background-size: 24px 24px;
}
.\[grid-column\:1\/-1\]{
  grid-column: 1/-1;
}
.\[mask-image\:linear-gradient\(to_right\2c transparent\2c black_8\%\2c black_92\%\2c transparent\)\]{
  -webkit-mask-image: linear-gradient(to right,transparent,black 8%,black 92%,transparent);
          mask-image: linear-gradient(to right,transparent,black 8%,black 92%,transparent);
}
/*
 * Visual language: Minimal Dashboard (https://minimals.cc)
 *  - Public Sans typography (swappable via --font-family)
 *  - Pure white surfaces with very soft 2-layer shadows
 *  - Brand color driven by CSS variables — preset switching at runtime
 *  - Generous radius (12-16px), 4-pt spacing rhythm
 */
/* ------------------------------------------------------------------
 * Receipt printing — 80mm thermal-roll friendly.
 *
 * On-screen the .receipt-print element is a centered preview card. When the
 * cashier prints, we hide everything except the receipt and let it take the
 * full page width — most thermal printers respect the @page size when
 * Chromium drives the spooler.
 * ------------------------------------------------------------------ */
@media print {
  body * { visibility: hidden; }
  .receipt-print,
  .receipt-print * { visibility: visible; }
  .receipt-overlay {
    position: static !important;
    background: white !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    inset: auto !important;
  }
  .receipt-print {
    position: absolute;
    left: 0;
    top: 0;
    width: 80mm;
    min-height: auto;
    box-shadow: none !important;
    padding: 2mm;
    page-break-after: always;
  }
  .no-print { display: none !important; }
  @page {
    size: 80mm auto;
    margin: 0;
  }
}
html.dark .placeholder\:text-ink-400::-moz-placeholder { color: #637381 !important; }
html.dark .placeholder\:text-ink-400::placeholder { color: #637381 !important; }
html[data-contrast="1"] .placeholder\:text-ink-400::-moz-placeholder { color: #454F5B !important; }
html[data-contrast="1"] .placeholder\:text-ink-400::placeholder { color: #454F5B !important; }
html.dark[data-contrast="1"] .placeholder\:text-ink-400::-moz-placeholder { color: #DFE3E8 !important; }
html.dark[data-contrast="1"] .placeholder\:text-ink-400::placeholder { color: #DFE3E8 !important; }

  html[data-color="apparent"] aside.app-sidebar .placeholder\:text-ink-400::-moz-placeholder {
    color: rgba(255, 255, 255, 0.52) !important;
  }

  html[data-color="apparent"] aside.app-sidebar .placeholder\:text-ink-400::placeholder {
    color: rgba(255, 255, 255, 0.52) !important;
  }

  html.dark .focus-within\:bg-white:focus-within {
    background: var(--surface-card) !important;
    color: #F4F6F8;
  }
html[data-color="apparent"] aside.app-sidebar .focus-within\:bg-white:focus-within {
    background: rgba(255, 255, 255, 0.08) !important;
  }

  html.dark .hover\:bg-white:hover {
    background: var(--surface-card) !important;
    color: #F4F6F8;
  }
html.dark .hover\:text-ink-800:hover { color: #F4F6F8 !important; }
html.dark .hover\:text-ink-700:hover { color: #DFE3E8 !important; }
html.dark .hover\:text-ink-600:hover { color: #C4CDD5 !important; }

  html.dark .hover\:border-ink-300:hover {
    border-color: rgba(145, 158, 171, 0.20) !important;
  }
html.dark .hover\:bg-ink-50:hover {
    background-color: rgba(145, 158, 171, 0.08) !important;
  }

  html.dark .hover\:bg-ink-100:hover {
    background-color: rgba(145, 158, 171, 0.08) !important;
  }
html.dark .hover\:text-white:hover.bg-ink-700,
  html.dark .hover\:text-white:hover.bg-ink-800,
  html.dark .hover\:text-white:hover.bg-ink-900,
  html.dark .bg-ink-700 .hover\:text-white:hover,
  html.dark .bg-ink-800 .hover\:text-white:hover,
  html.dark .bg-ink-900 .hover\:text-white:hover {
    color: #1C252E !important;
  }
html.dark .hover\:bg-brand-50:hover    { background-color: rgb(var(--brand-500-rgb) / 0.16) !important; }
html.dark .hover\:bg-warning-50:hover   { background-color: rgba(255, 171, 0, 0.16) !important; }
html.dark .hover\:bg-error-50:hover     { background-color: rgba(255, 86, 48, 0.16) !important; }
html.dark .hover\:text-brand-700:hover    { color: rgb(var(--brand-300-rgb)) !important; }

  html.dark .hover\:text-brand-600:hover    { color: rgb(var(--brand-300-rgb)) !important; }
html.dark .hover\:text-error-500:hover    { color: #FFAC82 !important; }
html.dark .hover\:bg-ink-200:hover { background-color: rgba(145, 158, 171, 0.16) !important; }
html.dark .hover\:bg-rose-50:hover  { background-color: rgba(244, 63, 94, 0.10) !important; }

  html.dark .hover\:text-rose-600:hover { color: #fda4af !important; }
html[data-contrast="1"] .hover\:text-ink-700:hover { color: #161C24 !important; font-weight: 600; }
html[data-color="apparent"] aside.app-sidebar .hover\:text-ink-800:hover {
    color: #FFFFFF !important;
  }

  html[data-color="apparent"] aside.app-sidebar .hover\:text-ink-700:hover {
    color: #FFFFFF !important;
  }

  html[data-color="apparent"] aside.app-sidebar .hover\:text-ink-600:hover {
    color: rgba(255, 255, 255, 0.52) !important;
  }
html[data-color="apparent"] aside.app-sidebar .hover\:bg-white:hover {
    background: rgba(255, 255, 255, 0.08) !important;
  }
html[data-color="apparent"] aside.app-sidebar .hover\:bg-brand-50:hover {
    background: rgb(var(--brand-500-rgb) / 0.16) !important;
  }

  html.dark .focus\:bg-white:focus {
    background: var(--surface-card) !important;
    color: #F4F6F8;
  }

  html.dark .focus\:border-ink-200:focus {
    border-color: rgba(145, 158, 171, 0.20) !important;
  }

  html.dark .focus\:border-ink-300:focus {
    border-color: rgba(145, 158, 171, 0.20) !important;
  }
html[data-contrast="1"] .focus\:border-ink-200:focus { border-color: #1C252E !important; }

  html[data-color="apparent"] aside.app-sidebar .focus\:border-ink-200:focus {
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
html[data-color="apparent"] aside.app-sidebar .focus\:bg-white:focus {
    background: rgba(255, 255, 255, 0.08) !important;
  }
html.dark .focus-visible\:text-white:focus-visible.bg-ink-700,
  html.dark .focus-visible\:text-white:focus-visible.bg-ink-800,
  html.dark .focus-visible\:text-white:focus-visible.bg-ink-900,
  html.dark .bg-ink-700 .focus-visible\:text-white:focus-visible,
  html.dark .bg-ink-800 .focus-visible\:text-white:focus-visible,
  html.dark .bg-ink-900 .focus-visible\:text-white:focus-visible {
    color: #1C252E !important;
  }

  html.dark .disabled\:hover\:bg-white:hover:disabled {
    background: var(--surface-card) !important;
    color: #F4F6F8;
  }
html.dark .disabled\:hover\:text-ink-600:hover:disabled { color: #C4CDD5 !important; }

  html.dark .disabled\:hover\:border-ink-200:hover:disabled {
    border-color: rgba(145, 158, 171, 0.20) !important;
  }
html[data-contrast="1"] .disabled\:hover\:border-ink-200:hover:disabled { border-color: #1C252E !important; }

  html[data-color="apparent"] aside.app-sidebar .disabled\:hover\:text-ink-600:hover:disabled {
    color: rgba(255, 255, 255, 0.52) !important;
  }

  html[data-color="apparent"] aside.app-sidebar .disabled\:hover\:border-ink-200:hover:disabled {
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
html[data-color="apparent"] aside.app-sidebar .disabled\:hover\:bg-white:hover:disabled {
    background: rgba(255, 255, 255, 0.08) !important;
  }

  html.dark .group:hover .group-hover\:text-ink-900 { color: #F4F6F8 !important; }
html.dark .group:hover .group-hover\:text-white.bg-ink-700,
  html.dark .group:hover .group-hover\:text-white.bg-ink-800,
  html.dark .group:hover .group-hover\:text-white.bg-ink-900,
  html.dark .bg-ink-700 .group:hover .group-hover\:text-white,
  html.dark .bg-ink-800 .group:hover .group-hover\:text-white,
  html.dark .bg-ink-900 .group:hover .group-hover\:text-white {
    color: #1C252E !important;
  }
html.dark .group:hover .group-hover\:bg-brand-50    { background-color: rgb(var(--brand-500-rgb) / 0.16) !important; }
html.dark .group:hover .group-hover\:text-brand-700    { color: rgb(var(--brand-300-rgb)) !important; }

  html.dark .group:hover .group-hover\:text-brand-600    { color: rgb(var(--brand-300-rgb)) !important; }

  html[data-color="apparent"] aside.app-sidebar .group:hover .group-hover\:text-ink-900 {
    color: #FFFFFF !important;
  }
html[data-color="apparent"] aside.app-sidebar .group:hover .group-hover\:bg-brand-50 {
    background: rgb(var(--brand-500-rgb) / 0.16) !important;
  }
html.dark .group:focus-visible .group-focus-visible\:text-white.bg-ink-700,
  html.dark .group:focus-visible .group-focus-visible\:text-white.bg-ink-800,
  html.dark .group:focus-visible .group-focus-visible\:text-white.bg-ink-900,
  html.dark .bg-ink-700 .group:focus-visible .group-focus-visible\:text-white,
  html.dark .bg-ink-800 .group:focus-visible .group-focus-visible\:text-white,
  html.dark .bg-ink-900 .group:focus-visible .group-focus-visible\:text-white {
    color: #1C252E !important;
  }
@media (min-width: 640px){
  html[data-compact="1"] .sm\:p-6.card { padding: 1rem !important; }
}
@media (min-width: 1024px){
  html[data-compact="1"] .lg\:p-6.card { padding: 1rem !important; }
  html[data-compact="1"] .lg\:p-5.card { padding: 0.875rem !important; }
}
html.dark .\[\&_pre\]\:text-white pre.bg-ink-700,
  html.dark .\[\&_pre\]\:text-white pre.bg-ink-800,
  html.dark .\[\&_pre\]\:text-white pre.bg-ink-900,
  html.dark .bg-ink-700 .\[\&_pre\]\:text-white pre,
  html.dark .bg-ink-800 .\[\&_pre\]\:text-white pre,
  html.dark .bg-ink-900 .\[\&_pre\]\:text-white pre {
    color: #1C252E !important;
  }
html[data-compact="1"] .\[\&_pre\]\:p-5 pre.card { padding: 0.875rem !important; }
html.dark .\[\&_pre_code\]\:text-white pre code.bg-ink-700,
  html.dark .\[\&_pre_code\]\:text-white pre code.bg-ink-800,
  html.dark .\[\&_pre_code\]\:text-white pre code.bg-ink-900,
  html.dark .bg-ink-700 .\[\&_pre_code\]\:text-white pre code,
  html.dark .bg-ink-800 .\[\&_pre_code\]\:text-white pre code,
  html.dark .bg-ink-900 .\[\&_pre_code\]\:text-white pre code {
    color: #1C252E !important;
  }
.placeholder\:text-ink-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
}
.placeholder\:text-ink-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(145 158 171 / var(--tw-text-opacity));
}
.placeholder\:text-warning-500\/60::-moz-placeholder{
  color: rgb(183 110 0 / 0.6);
}
.placeholder\:text-warning-500\/60::placeholder{
  color: rgb(183 110 0 / 0.6);
}
.before\:pointer-events-none::before{
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0::before{
  content: var(--tw-content);
  inset: 0px;
}
.before\:-translate-x-full::before{
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:bg-gradient-to-r::before{
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:from-transparent::before{
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:via-white\/30::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.before\:to-transparent::before{
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.before\:transition-transform::before{
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-700::before{
  content: var(--tw-content);
  transition-duration: 700ms;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.last\:border-none:last-child{
  border-style: none;
}
.last\:pb-0:last-child{
  padding-bottom: 0px;
}
.focus-within\:border-brand-400:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-400-rgb) / var(--tw-border-opacity));
}
.focus-within\:border-warning-400:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(255 171 0 / var(--tw-border-opacity));
}
.focus-within\:bg-white:focus-within{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.focus-within\:shadow-\[0_0_0_3px_rgb\(var\(--brand-500-rgb\)\/0\.12\)\]:focus-within{
  --tw-shadow: 0 0 0 3px rgb(var(--brand-500-rgb)/0.12);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:shadow-\[0_0_0_3px_rgba\(255\2c 171\2c 0\2c 0\.12\)\]:focus-within{
  --tw-shadow: 0 0 0 3px rgba(255,171,0,0.12);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-brand-500\/20:focus-within{
  --tw-ring-color: rgb(var(--brand-500-rgb) / 0.2);
}
.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1\.5:hover{
  --tw-translate-y: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.01\]:hover{
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.03\]:hover{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.04\]:hover{
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-\[\#1877F2\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(24 119 242 / var(--tw-border-opacity));
}
.hover\:border-brand-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-200-rgb) / var(--tw-border-opacity));
}
.hover\:border-brand-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-300-rgb) / var(--tw-border-opacity));
}
.hover\:border-brand-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-400-rgb) / var(--tw-border-opacity));
}
.hover\:border-brand-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-500-rgb) / var(--tw-border-opacity));
}
.hover\:border-cyan-300\/40:hover{
  border-color: rgb(103 232 249 / 0.4);
}
.hover\:border-error-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 86 48 / var(--tw-border-opacity));
}
.hover\:border-ink-200\/60:hover{
  border-color: rgb(223 227 232 / 0.6);
}
.hover\:border-ink-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(196 205 213 / var(--tw-border-opacity));
}
.hover\:border-ink-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(145 158 171 / var(--tw-border-opacity));
}
.hover\:border-warning-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 171 0 / var(--tw-border-opacity));
}
.hover\:bg-\[\#5bc17f14\]:hover{
  background-color: #5bc17f14;
}
.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.hover\:bg-amber-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.hover\:bg-brand-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-100-rgb) / var(--tw-bg-opacity));
}
.hover\:bg-brand-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-200-rgb) / var(--tw-bg-opacity));
}
.hover\:bg-brand-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-50-rgb)  / var(--tw-bg-opacity));
}
.hover\:bg-brand-50\/30:hover{
  background-color: rgb(var(--brand-50-rgb)  / 0.3);
}
.hover\:bg-brand-50\/40:hover{
  background-color: rgb(var(--brand-50-rgb)  / 0.4);
}
.hover\:bg-brand-50\/60:hover{
  background-color: rgb(var(--brand-50-rgb)  / 0.6);
}
.hover\:bg-brand-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-600-rgb) / var(--tw-bg-opacity));
}
.hover\:bg-error-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 86 48 / var(--tw-bg-opacity));
}
.hover\:bg-error-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 233 213 / var(--tw-bg-opacity));
}
.hover\:bg-error-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(122 9 22 / var(--tw-bg-opacity));
}
.hover\:bg-info-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(97 243 243 / var(--tw-bg-opacity));
}
.hover\:bg-info-50\/60:hover{
  background-color: rgb(202 253 245 / 0.6);
}
.hover\:bg-info-50\/70:hover{
  background-color: rgb(202 253 245 / 0.7);
}
.hover\:bg-ink-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
}
.hover\:bg-ink-100\/40:hover{
  background-color: rgb(244 246 248 / 0.4);
}
.hover\:bg-ink-100\/50:hover{
  background-color: rgb(244 246 248 / 0.5);
}
.hover\:bg-ink-100\/60:hover{
  background-color: rgb(244 246 248 / 0.6);
}
.hover\:bg-ink-100\/70:hover{
  background-color: rgb(244 246 248 / 0.7);
}
.hover\:bg-ink-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 227 232 / var(--tw-bg-opacity));
}
.hover\:bg-ink-200\/60:hover{
  background-color: rgb(223 227 232 / 0.6);
}
.hover\:bg-ink-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-ink-50\/30:hover{
  background-color: rgb(249 250 251 / 0.3);
}
.hover\:bg-ink-50\/40:hover{
  background-color: rgb(249 250 251 / 0.4);
}
.hover\:bg-ink-50\/50:hover{
  background-color: rgb(249 250 251 / 0.5);
}
.hover\:bg-ink-50\/60:hover{
  background-color: rgb(249 250 251 / 0.6);
}
.hover\:bg-rose-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}
.hover\:bg-rose-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
}
.hover\:bg-saas-primary-hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(65 171 102 / var(--tw-bg-opacity));
}
.hover\:bg-saas-primary-strong:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(42 130 80 / var(--tw-bg-opacity));
}
.hover\:bg-success-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(211 252 210 / var(--tw-bg-opacity));
}
.hover\:bg-warning-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 214 102 / var(--tw-bg-opacity));
}
.hover\:bg-warning-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 204 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/60:hover{
  background-color: rgb(255 255 255 / 0.6);
}
.hover\:bg-white\/70:hover{
  background-color: rgb(255 255 255 / 0.7);
}
.hover\:text-\[\#1877F2\]:hover{
  --tw-text-opacity: 1;
  color: rgb(24 119 242 / var(--tw-text-opacity));
}
.hover\:text-\[\#253053\]:hover{
  --tw-text-opacity: 1;
  color: rgb(37 48 83 / var(--tw-text-opacity));
}
.hover\:text-brand-500:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-500-rgb) / var(--tw-text-opacity));
}
.hover\:text-brand-600:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-600-rgb) / var(--tw-text-opacity));
}
.hover\:text-brand-700:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--tw-text-opacity));
}
.hover\:text-error-500:hover{
  --tw-text-opacity: 1;
  color: rgb(183 29 24 / var(--tw-text-opacity));
}
.hover\:text-error-600:hover{
  --tw-text-opacity: 1;
  color: rgb(122 9 22 / var(--tw-text-opacity));
}
.hover\:text-ink-600:hover{
  --tw-text-opacity: 1;
  color: rgb(69 79 91 / var(--tw-text-opacity));
}
.hover\:text-ink-700:hover{
  --tw-text-opacity: 1;
  color: rgb(33 43 54 / var(--tw-text-opacity));
}
.hover\:text-ink-800:hover{
  --tw-text-opacity: 1;
  color: rgb(28 37 46 / var(--tw-text-opacity));
}
.hover\:text-rose-600:hover{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}
.hover\:text-saas-heading:hover{
  --tw-text-opacity: 1;
  color: rgb(24 6 60 / var(--tw-text-opacity));
}
.hover\:text-saas-primary-strong:hover{
  --tw-text-opacity: 1;
  color: rgb(42 130 80 / var(--tw-text-opacity));
}
.hover\:text-warning-600:hover{
  --tw-text-opacity: 1;
  color: rgb(122 65 0 / var(--tw-text-opacity));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:opacity-80:hover{
  opacity: 0.8;
}
.hover\:shadow-\[0_18px_40px_rgba\(91\2c 193\2c 127\2c 0\.42\)\]:hover{
  --tw-shadow: 0 18px 40px rgba(91,193,127,0.42);
  --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_30px_70px_rgba\(25\2c 15\2c 44\2c 0\.12\)\]:hover{
  --tw-shadow: 0 30px 70px rgba(25,15,44,0.12);
  --tw-shadow-colored: 0 30px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-card:hover{
  --tw-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.20), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 12px 24px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-saas-card:hover{
  --tw-shadow: 14px 20px 48px rgba(25,15,44,0.06);
  --tw-shadow-colored: 14px 20px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:brightness-105:hover{
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-110:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-95:hover{
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:before\:translate-x-full:hover::before{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.focus\:border-brand-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-500-rgb) / var(--tw-border-opacity));
}
.focus\:border-ink-200:focus{
  --tw-border-opacity: 1;
  border-color: rgb(223 227 232 / var(--tw-border-opacity));
}
.focus\:border-ink-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(196 205 213 / var(--tw-border-opacity));
}
.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.focus\:shadow-card:focus{
  --tw-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.20), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 12px 24px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-brand-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--brand-300-rgb) / var(--tw-ring-opacity));
}
.focus\:ring-brand-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--brand-500-rgb) / var(--tw-ring-opacity));
}
.focus-visible\:bg-saas-primary-strong:focus-visible{
  --tw-bg-opacity: 1;
  background-color: rgb(42 130 80 / var(--tw-bg-opacity));
}
.focus-visible\:text-white:focus-visible{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[\#5bc17f\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(91 193 127 / var(--tw-ring-opacity));
}
.focus-visible\:ring-saas-primary-strong:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(42 130 80 / var(--tw-ring-opacity));
}
.focus-visible\:ring-white:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-saas-primary-strong:focus-visible{
  --tw-ring-offset-color: #2a8250;
}
.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.97\]:active{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:opacity-30:disabled{
  opacity: 0.3;
}
.disabled\:opacity-40:disabled{
  opacity: 0.4;
}
.disabled\:opacity-45:disabled{
  opacity: 0.45;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.disabled\:opacity-60:disabled{
  opacity: 0.6;
}
.disabled\:shadow-none:disabled{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:hover\:border-ink-200:hover:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(223 227 232 / var(--tw-border-opacity));
}
.disabled\:hover\:bg-white:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.disabled\:hover\:text-ink-600:hover:disabled{
  --tw-text-opacity: 1;
  color: rgb(69 79 91 / var(--tw-text-opacity));
}
.group:hover .group-hover\:-translate-y-0\.5{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-brand-200{
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-200-rgb) / var(--tw-border-opacity));
}
.group:hover .group-hover\:bg-brand-50{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-50-rgb)  / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-saas-primary\/20{
  background-color: rgb(91 193 127 / 0.2);
}
.group:hover .group-hover\:bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.group:hover .group-hover\:\!text-\[\#3f9d63\]{
  --tw-text-opacity: 1 !important;
  color: rgb(63 157 99 / var(--tw-text-opacity)) !important;
}
.group:hover .group-hover\:text-brand-600{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-600-rgb) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-brand-700{
  --tw-text-opacity: 1;
  color: rgb(var(--brand-700-rgb) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-ink-900{
  --tw-text-opacity: 1;
  color: rgb(22 28 36 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-saas-primary-strong{
  --tw-text-opacity: 1;
  color: rgb(42 130 80 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:\[animation-duration\:2s\]{
  animation-duration: 2s;
}
.group:focus-visible .group-focus-visible\:bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.group:focus-visible .group-focus-visible\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:focus-visible .group-focus-visible\:text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.peer:checked ~ .peer-checked\:translate-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:checked ~ .peer-checked\:bg-brand-500{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-500-rgb) / var(--tw-bg-opacity));
}
.peer:focus-visible ~ .peer-focus-visible\:ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:focus-visible ~ .peer-focus-visible\:ring-brand-500\/20{
  --tw-ring-color: rgb(var(--brand-500-rgb) / 0.2);
}
@media (prefers-reduced-motion: no-preference){
  @keyframes saasBlob{
    0%, 100%{
      transform: scale(1) translate(0, 0);
    }
    50%{
      transform: scale(1.08) translate(12px, -8px);
    }
  }
  .motion-safe\:animate-saas-blob{
    animation: saasBlob 12s ease-in-out infinite;
  }
  @keyframes saasFloat{
    0%, 100%{
      transform: translateY(0);
    }
    50%{
      transform: translateY(-12px);
    }
  }
  .motion-safe\:animate-saas-float{
    animation: saasFloat 6s ease-in-out infinite;
  }
}
@media (prefers-reduced-motion: reduce){
  .motion-reduce\:transform-none{
    transform: none;
  }
  .motion-reduce\:before\:hidden::before{
    content: var(--tw-content);
    display: none;
  }
}
.dark\:border-indigo-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity));
}
.dark\:border-slate-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}
.dark\:bg-amber-900\/20:is(.dark *){
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-amber-900\/30:is(.dark *){
  background-color: rgb(120 53 15 / 0.3);
}
.dark\:bg-blue-900\/30:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}
.dark\:bg-indigo-900\/40:is(.dark *){
  background-color: rgb(49 46 129 / 0.4);
}
.dark\:bg-red-900\/30:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}
.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.dark\:bg-slate-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.dark\:text-amber-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}
.dark\:text-amber-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}
.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
.dark\:text-indigo-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}
.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.dark\:text-slate-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
@media not all and (min-width: 576px){
  .max-mksm\:text-\[24px\]{
    font-size: 24px;
  }
  .max-mksm\:text-\[26px\]{
    font-size: 26px;
  }
  .max-mksm\:text-\[28px\]{
    font-size: 28px;
  }
  .max-mksm\:text-\[32px\]{
    font-size: 32px;
  }
}
@media (min-width: 576px){
  .mksm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mksm\:flex-row{
    flex-direction: row;
  }
}
@media (min-width: 640px){
  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .sm\:inline{
    display: inline;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:w-56{
    width: 14rem;
  }
  .sm\:w-72{
    width: 18rem;
  }
  .sm\:max-w-\[1100px\]{
    max-width: 1100px;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[160px_1fr\]{
    grid-template-columns: 160px 1fr;
  }
  .sm\:grid-cols-\[1fr_1fr_auto\]{
    grid-template-columns: 1fr 1fr auto;
  }
  .sm\:grid-cols-\[1fr_auto_1fr\]{
    grid-template-columns: 1fr auto 1fr;
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:items-end{
    align-items: flex-end;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:rounded-2xl{
    border-radius: 1rem;
  }
  .sm\:p-6{
    padding: 1.5rem;
  }
  .sm\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px){
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:w-\[150px\]{
    width: 150px;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1fr_340px\]{
    grid-template-columns: 1fr 340px;
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:items-start{
    align-items: flex-start;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 992px){
  .mklg\:order-1{
    order: 1;
  }
  .mklg\:order-2{
    order: 2;
  }
  .mklg\:-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .mklg\:translate-x-1\/2{
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .mklg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mklg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mklg\:gap-16{
    gap: 4rem;
  }
  .mklg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .mklg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .mklg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .mklg\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .mklg\:text-\[30px\]{
    font-size: 30px;
  }
  .mklg\:text-\[34px\]{
    font-size: 34px;
  }
  .mklg\:text-\[36px\]{
    font-size: 36px;
  }
  .mklg\:text-\[38px\]{
    font-size: 38px;
  }
}
@media (min-width: 1024px){
  .lg\:sticky{
    position: sticky;
  }
  .lg\:top-4{
    top: 1rem;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:mb-9{
    margin-bottom: 2.25rem;
  }
  .lg\:flex{
    display: flex;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:w-\[340px\]{
    width: 340px;
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[1\.05fr_0\.95fr\]{
    grid-template-columns: 1.05fr 0.95fr;
  }
  .lg\:grid-cols-\[1\.2fr_1fr_140px_120px\]{
    grid-template-columns: 1.2fr 1fr 140px 120px;
  }
  .lg\:grid-cols-\[1\.4fr_0\.8fr_110px_95px\]{
    grid-template-columns: 1.4fr 0.8fr 110px 95px;
  }
  .lg\:grid-cols-\[1\.4fr_1fr\]{
    grid-template-columns: 1.4fr 1fr;
  }
  .lg\:grid-cols-\[1fr_0\.95fr\]{
    grid-template-columns: 1fr 0.95fr;
  }
  .lg\:grid-cols-\[1fr_0\.9fr\]{
    grid-template-columns: 1fr 0.9fr;
  }
  .lg\:grid-cols-\[1fr_110px_95px\]{
    grid-template-columns: 1fr 110px 95px;
  }
  .lg\:grid-cols-\[1fr_170px_130px\]{
    grid-template-columns: 1fr 170px 130px;
  }
  .lg\:grid-cols-\[1fr_320px\]{
    grid-template-columns: 1fr 320px;
  }
  .lg\:grid-cols-\[1fr_360px\]{
    grid-template-columns: 1fr 360px;
  }
  .lg\:grid-cols-\[1fr_480px\]{
    grid-template-columns: 1fr 480px;
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:gap-6{
    gap: 1.5rem;
  }
  .lg\:border-l{
    border-left-width: 1px;
  }
  .lg\:border-t-0{
    border-top-width: 0px;
  }
  .lg\:p-12{
    padding: 3rem;
  }
  .lg\:p-5{
    padding: 1.25rem;
  }
  .lg\:p-6{
    padding: 1.5rem;
  }
  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-\[32px\]{
    font-size: 32px;
  }
  .lg\:text-\[34px\]{
    font-size: 34px;
  }
  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1200px){
  .mkxl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mkxl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1280px){
  .xl\:block{
    display: block;
  }
  .xl\:inline{
    display: inline;
  }
  .xl\:flex{
    display: flex;
  }
  .xl\:inline-flex{
    display: inline-flex;
  }
  .xl\:hidden{
    display: none;
  }
  .xl\:w-\[340px\]{
    width: 340px;
  }
  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[0\.8fr_1\.2fr\]{
    grid-template-columns: 0.8fr 1.2fr;
  }
  .xl\:grid-cols-\[1\.05fr_0\.95fr\]{
    grid-template-columns: 1.05fr 0.95fr;
  }
  .xl\:grid-cols-\[1\.2fr_0\.8fr\]{
    grid-template-columns: 1.2fr 0.8fr;
  }
  .xl\:grid-cols-\[1fr_390px\]{
    grid-template-columns: 1fr 390px;
  }
  .xl\:grid-cols-\[1fr_560px\]{
    grid-template-columns: 1fr 560px;
  }
  .xl\:flex-row{
    flex-direction: row;
  }
  .xl\:flex-wrap{
    flex-wrap: wrap;
  }
  .xl\:items-end{
    align-items: flex-end;
  }
  .xl\:justify-end{
    justify-content: flex-end;
  }
  .xl\:justify-between{
    justify-content: space-between;
  }
  .xl\:gap-24{
    gap: 6rem;
  }
  .xl\:text-\[44px\]{
    font-size: 44px;
  }
}
@media (min-width: 1536px){
  .\32xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{
  -webkit-appearance: none;
          appearance: none;
}
.\[\&_a\]\:font-medium a{
  font-weight: 500;
}
.\[\&_a\]\:text-saas-primary-strong a{
  --tw-text-opacity: 1;
  color: rgb(42 130 80 / var(--tw-text-opacity));
}
.\[\&_a\]\:underline a{
  text-decoration-line: underline;
}
.\[\&_a\]\:underline-offset-2 a{
  text-underline-offset: 2px;
}
.hover\:\[\&_a\]\:text-saas-primary a:hover{
  --tw-text-opacity: 1;
  color: rgb(91 193 127 / var(--tw-text-opacity));
}
.\[\&_blockquote\]\:my-6 blockquote{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_blockquote\]\:rounded-r-xl blockquote{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.\[\&_blockquote\]\:border-l-4 blockquote{
  border-left-width: 4px;
}
.\[\&_blockquote\]\:border-saas-primary blockquote{
  --tw-border-opacity: 1;
  border-color: rgb(91 193 127 / var(--tw-border-opacity));
}
.\[\&_blockquote\]\:bg-saas-primary\/5 blockquote{
  background-color: rgb(91 193 127 / 0.05);
}
.\[\&_blockquote\]\:py-2 blockquote{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\[\&_blockquote\]\:pl-5 blockquote{
  padding-left: 1.25rem;
}
.\[\&_blockquote\]\:pr-4 blockquote{
  padding-right: 1rem;
}
.\[\&_blockquote\]\:italic blockquote{
  font-style: italic;
}
.\[\&_blockquote\]\:text-saas-heading blockquote{
  --tw-text-opacity: 1;
  color: rgb(24 6 60 / var(--tw-text-opacity));
}
.\[\&_code\]\:rounded code{
  border-radius: 0.25rem;
}
.\[\&_code\]\:bg-saas-primary\/10 code{
  background-color: rgb(91 193 127 / 0.1);
}
.\[\&_code\]\:px-1\.5 code{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.\[\&_code\]\:py-0\.5 code{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.\[\&_code\]\:font-mono code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.\[\&_code\]\:text-\[0\.9em\] code{
  font-size: 0.9em;
}
.\[\&_code\]\:text-saas-primary-strong code{
  --tw-text-opacity: 1;
  color: rgb(42 130 80 / var(--tw-text-opacity));
}
.\[\&_h1\]\:mb-4 h1{
  margin-bottom: 1rem;
}
.\[\&_h1\]\:mt-10 h1{
  margin-top: 2.5rem;
}
.\[\&_h1\]\:font-poppins h1{
  font-family: "Poppins", system-ui, sans-serif;
}
.\[\&_h1\]\:text-h4 h1{
  font-size: 36px;
  line-height: 1.25;
}
.\[\&_h1\]\:font-bold h1{
  font-weight: 700;
}
.\[\&_h1\]\:text-saas-heading h1{
  --tw-text-opacity: 1;
  color: rgb(24 6 60 / var(--tw-text-opacity));
}
@media not all and (min-width: 576px){
  .max-mksm\:\[\&_h1\]\:text-\[26px\] h1{
    font-size: 26px;
  }
}
.\[\&_h2\]\:mb-3 h2{
  margin-bottom: 0.75rem;
}
.\[\&_h2\]\:mt-8 h2{
  margin-top: 2rem;
}
.\[\&_h2\]\:font-poppins h2{
  font-family: "Poppins", system-ui, sans-serif;
}
.\[\&_h2\]\:text-h5 h2{
  font-size: 24px;
  line-height: 1.3;
}
.\[\&_h2\]\:font-semibold h2{
  font-weight: 600;
}
.\[\&_h2\]\:text-saas-heading h2{
  --tw-text-opacity: 1;
  color: rgb(24 6 60 / var(--tw-text-opacity));
}
.\[\&_h3\]\:mb-2 h3{
  margin-bottom: 0.5rem;
}
.\[\&_h3\]\:mt-6 h3{
  margin-top: 1.5rem;
}
.\[\&_h3\]\:font-poppins h3{
  font-family: "Poppins", system-ui, sans-serif;
}
.\[\&_h3\]\:text-xl h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.\[\&_h3\]\:font-semibold h3{
  font-weight: 600;
}
.\[\&_h3\]\:text-saas-heading h3{
  --tw-text-opacity: 1;
  color: rgb(24 6 60 / var(--tw-text-opacity));
}
.\[\&_hr\]\:my-8 hr{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\[\&_hr\]\:border-saas-border hr{
  border-color: rgba(30,12,62,0.2);
}
.\[\&_img\]\:my-6 img{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_img\]\:max-w-full img{
  max-width: 100%;
}
.\[\&_img\]\:rounded-2xl img{
  border-radius: 1rem;
}
.\[\&_li\]\:my-1\.5 li{
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.\[\&_ol\]\:my-4 ol{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\[\&_ol\]\:list-decimal ol{
  list-style-type: decimal;
}
.\[\&_ol\]\:pl-6 ol{
  padding-left: 1.5rem;
}
.\[\&_p\]\:my-4 p{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\[\&_pre\]\:my-6 pre{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_pre\]\:overflow-x-auto pre{
  overflow-x: auto;
}
.\[\&_pre\]\:rounded-2xl pre{
  border-radius: 1rem;
}
.\[\&_pre\]\:bg-saas-heading pre{
  --tw-bg-opacity: 1;
  background-color: rgb(24 6 60 / var(--tw-bg-opacity));
}
.\[\&_pre\]\:p-5 pre{
  padding: 1.25rem;
}
.\[\&_pre\]\:text-sm pre{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_pre\]\:leading-relaxed pre{
  line-height: 1.625;
}
.\[\&_pre\]\:text-white pre{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_pre_code\]\:bg-transparent pre code{
  background-color: transparent;
}
.\[\&_pre_code\]\:p-0 pre code{
  padding: 0px;
}
.\[\&_pre_code\]\:text-white pre code{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_strong\]\:font-semibold strong{
  font-weight: 600;
}
.\[\&_strong\]\:text-saas-heading strong{
  --tw-text-opacity: 1;
  color: rgb(24 6 60 / var(--tw-text-opacity));
}
.\[\&_table\]\:my-6 table{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_table\]\:block table{
  display: block;
}
.\[\&_table\]\:overflow-x-auto table{
  overflow-x: auto;
}
.\[\&_td\]\:px-4 td{
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&_td\]\:py-3 td{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_tr\:hover\]\:bg-ink-50\/50 tr:hover{
  background-color: rgb(249 250 251 / 0.5);
}
.\[\&_ul\]\:my-4 ul{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\[\&_ul\]\:list-disc ul{
  list-style-type: disc;
}
.\[\&_ul\]\:pl-6 ul{
  padding-left: 1.5rem;
}
/* =============================================================================
   Smart CRM AI — Marketing site (KiotViet-style)
   Palette: green/cyan ("xanh" — preserved from original design)
   ============================================================================= */

/* Marketing palette vars on :root so mk-* components (pricing cards) can be
   reused outside .mk-page — e.g. the in-app plan picker modal. */
:root {
  --mk-green: #00a76f;
  --mk-green-2: #22c55e;
  --mk-green-3: #16a34a;
  --mk-teal: #007867;
  --mk-cyan: #06b6d4;
  --mk-sky: #0ea5e9;
  --mk-blue: #2563eb;
  /* "Xanh đen" — dark teal text instead of near-black, on-brand with the green. */
  --mk-ink: #0a2e2a;
  --mk-ink-2: #1b423a;
  --mk-muted: #4a6357;
  --mk-line: rgba(0, 167, 111, 0.16);
  --mk-line-strong: rgba(0, 167, 111, 0.32);
  --mk-card: rgba(255, 255, 255, 0.92);
  --mk-card-solid: #ffffff;
  --mk-shadow: 0 24px 70px rgba(0, 83, 56, 0.14);
  --mk-shadow-lg: 0 36px 120px rgba(0, 83, 56, 0.18);
  --mk-radius: 22px;
  --mk-radius-lg: 28px;
  --mk-radius-xl: 36px;
  /* Soft pastel-mint gradient shared by all brand chips/buttons/badges. */
  --mk-mint-grad: linear-gradient(120deg, #cdeede 0%, #a3e3c4 48%, #6fd4a4 100%);
}
.mk-page {
  position: relative;
  /* Tạo stacking context riêng để layer nền z-index:-1 (aurora) nằm trên nền base
     của .mk-page nhưng SAU toàn bộ nội dung → không phủ/nhuộm chữ. */
  isolation: isolate;
  min-height: 100vh;
  /* `clip` (not `hidden`) so the sticky header can pin on scroll — `hidden`
     turns .mk-page into a scroll container and breaks position: sticky. */
  overflow: clip;
  background:
    radial-gradient(circle at 18% 6%, rgba(34, 197, 94, 0.04), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(6, 182, 212, 0.03), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(34, 197, 94, 0.02), transparent 50%),
    linear-gradient(135deg, #ffffff 0%, #fbfffe 55%, #fcfeff 100%);
  color: var(--mk-ink);
  font-family: "Be Vietnam Pro", "Public Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.mk-page *, .mk-page *::before, .mk-page *::after { box-sizing: border-box; }
.mk-page a { color: inherit; text-decoration: none; }
.mk-page button { font-family: inherit; }

/* ------- background decorations --------------------------------------------- */
.mk-grid-bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(0, 167, 111, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 167, 111, 0.05) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 78%);
          mask-image: linear-gradient(to bottom, black, transparent 78%);
}
.mk-orb {
  pointer-events: none;
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.10;
  z-index: 0;
}
.mk-orb-a {
  top: 80px; left: -120px; width: 420px; height: 420px;
  background: radial-gradient(circle, #22c55e 0%, transparent 65%);
  animation: mk-float 14s ease-in-out infinite;
}
.mk-orb-b {
  top: 320px; right: -160px; width: 480px; height: 480px;
  background: radial-gradient(circle, #06b6d4 0%, transparent 65%);
  animation: mk-float 18s ease-in-out infinite reverse;
}

@keyframes mk-float {
  0%, 100% { transform: translateY(0) translateX(0); }
  50%      { transform: translateY(-30px) translateX(20px); }
}

/* Hai orb màu bổ sung — đào (peach) + lavender — để nền phong phú, trôi chậm quanh
   các section (không chỉ hero). Cùng công thức mk-orb (absolute, blur, opacity thấp). */
.mk-orb-c {
  top: 900px; left: -140px; width: 460px; height: 460px;
  background: radial-gradient(circle, #ffb27a 0%, transparent 65%);
  animation: mk-float 22s ease-in-out infinite;
}
.mk-orb-d {
  top: 1500px; right: -180px; width: 520px; height: 520px;
  background: radial-gradient(circle, #b7a6ff 0%, transparent 65%);
  animation: mk-float 26s ease-in-out infinite reverse;
}

/* -------------------------------------------------------------------------
   AURORA — nền gradient nhiều màu "ánh kim" động, tái tạo live index-16 bằng
   thuần CSS (KHÔNG cần asset home-bg-two.png đang thiếu). Nhiều radial-gradient
   chồng (kem/đào + xanh dương + lavender + xanh lá, opacity thấp) + 2 layer
   ::before/::after drift ngược chiều tạo cảm giác lung linh, sang. Đặt sau nền
   base của .mk-page, phía sau toàn bộ nội dung (pointer-events:none). */
.mk-aurora {
  pointer-events: none;
  position: absolute;
  inset: -12% -8%;      /* tràn mép để drift không lộ viền */
  z-index: -1;          /* sau nội dung (nhờ isolation trên .mk-page) */
  overflow: hidden;
}
/* Wrapper nội dung trang (.saas-scope chứa .background-wrap) mang nền TRẮNG ĐỤC
   của scoped-bootstrap → che aurora. Cho trong suốt để gradient hiện xuyên qua.
   Header/footer (.saas-scope KHÔNG chứa .background-wrap) giữ nền trắng. */
.mk-page .saas-scope:has(.background-wrap) { background-color: transparent !important; }
/* Sticky header: nền do inline điều khiển theo scroll (trong suốt ở đầu → hiện
   aurora; trắng khi cuộn). Ở ĐÂY chỉ đưa .header-area về in-flow (template vốn
   position:absolute làm wrapper sụp 0 chiều cao → khi cuộn nội dung lòi qua). */
.mk-page .saas-scope:has(> header) .header-area {
  position: relative;
  top: 0 !important;   /* template đặt top:25px (overlay hero) → tụt nội dung xuống mép dưới */
  padding: 6px 0;      /* thanh header thấp gọn */
}
/* Canh giữa dọc logo/menu/nút trong thanh header */
.mk-page .saas-scope:has(> header) .header-area .row { align-items: center; }
/* Base sáng dịu để aurora "nổi" màu thay vì trắng gắt. */
.mk-page { background-color: #fbfaff; }
.mk-aurora::before,
.mk-aurora::after {
  content: "";
  position: absolute;
  inset: -10%;
  background-repeat: no-repeat;
  will-change: transform, opacity;
}
/* Layer 1 — tông kem/đào góc trên-trái + xanh lá quanh vùng hero */
.mk-aurora::before {
  background-image:
    radial-gradient(44% 48% at 14% 6%,   rgba(255, 223, 194, 0.55) 0%, transparent 66%),
    radial-gradient(40% 46% at 6% 44%,   rgba(197, 246, 220, 0.5) 0%, transparent 68%),
    radial-gradient(52% 56% at 48% 106%, rgba(206, 240, 219, 0.42) 0%, transparent 66%),
    radial-gradient(30% 34% at 36% 28%,  rgba(255, 236, 208, 0.32) 0%, transparent 72%);
  animation: mk-aurora-drift-a 26s ease-in-out infinite alternate;
}
/* Layer 2 — xanh dương nhạt + lavender vùng giữa-phải (drift ngược chiều) */
.mk-aurora::after {
  background-image:
    radial-gradient(46% 50% at 90% 20%, rgba(203, 219, 252, 0.55) 0%, transparent 70%),
    radial-gradient(42% 46% at 74% 58%, rgba(229, 214, 252, 0.48) 0%, transparent 70%),
    radial-gradient(34% 38% at 98% 76%, rgba(255, 220, 202, 0.4) 0%, transparent 72%),
    radial-gradient(26% 30% at 62% 10%, rgba(200, 246, 223, 0.35) 0%, transparent 74%);
  animation: mk-aurora-drift-b 34s ease-in-out infinite alternate;
}
@keyframes mk-aurora-drift-a {
  0%   { transform: translate3d(0, 0, 0) scale(1);         opacity: 0.9; }
  50%  { transform: translate3d(2.5%, 1.5%, 0) scale(1.08); opacity: 1; }
  100% { transform: translate3d(-2%, 2.5%, 0) scale(1.04);  opacity: 0.85; }
}
@keyframes mk-aurora-drift-b {
  0%   { transform: translate3d(0, 0, 0) scale(1.05);       opacity: 0.85; }
  50%  { transform: translate3d(-3%, -2%, 0) scale(1);      opacity: 1; }
  100% { transform: translate3d(1.5%, -3%, 0) scale(1.08);  opacity: 0.9; }
}

@media (prefers-reduced-motion: reduce) {
  .mk-orb-c, .mk-orb-d,
  .mk-aurora::before, .mk-aurora::after {
    animation: none !important;
  }
}

/* =============================================================================
   TOP UTILITY BAR
   ============================================================================= */
.mk-topbar {
  position: relative;
  z-index: 30;
  background: linear-gradient(100deg, #007867 0%, #00a76f 50%, #2cc98a 100%);
  color: rgba(255,255,255,0.96);
  font-size: 12.5px;
  font-weight: 600;
}
.mk-topbar-inner {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  gap: 12px;
}
.mk-topbar-left, .mk-topbar-right {
  display: flex;
  align-items: center;
  gap: 18px;
}
.mk-topbar a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.2s ease;
}
.mk-topbar a:hover { opacity: 0.78; }
.mk-topbar strong { font-weight: 800; }

/* =============================================================================
   HEADER
   ============================================================================= */
.mk-header {
  position: sticky;
  top: 0;
  z-index: 29;
  /* Transparent overlay: the hero background below bleeds up behind it.
     The negative margin pulls the following content up under the header
     so the section beneath fills this strip instead of a coloured band. */
  background: transparent;
  border-bottom: 1px solid transparent;
  margin-bottom: -73px;
  transition: box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
.mk-header.scrolled {
  box-shadow: 0 12px 40px rgba(0, 83, 56, 0.08);
  background: linear-gradient(135deg, rgba(243, 255, 250, 0.92), rgba(246, 253, 255, 0.92));
  border-bottom-color: var(--mk-line);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
.mk-header-inner {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.mk-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  font-size: 16px;
  color: var(--mk-ink);
}
.mk-brand span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: var(--mk-mint-grad);
  color: var(--mk-teal);
  border: 1px solid rgba(0, 167, 111, 0.18);
  box-shadow: 0 10px 24px rgba(0, 167, 111, 0.16);
}

.mk-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mk-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  color: var(--mk-ink-2);
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  position: relative;
}
.mk-nav-link:hover, .mk-nav-link.active {
  background: rgba(0, 167, 111, 0.1);
  color: var(--mk-teal);
}
.mk-nav-chevron { transition: transform 0.25s ease; }
.mk-nav-chevron.open { transform: rotate(180deg); }

.mk-nav-mega { position: static; }

.mk-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mk-login {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  color: var(--mk-ink-2);
  transition: background 0.2s ease;
}
.mk-login:hover { background: rgba(0, 167, 111, 0.1); color: var(--mk-teal); }

.mk-trial {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: var(--mk-mint-grad);
  color: var(--mk-teal);
  border: 1px solid rgba(0, 167, 111, 0.22);
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(0, 167, 111, 0.16);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mk-trial:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0, 167, 111, 0.22); }

.mk-icon-btn {
  display: none;
  width: 42px; height: 42px;
  place-items: center;
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  background: #fff;
  color: var(--mk-ink);
  cursor: pointer;
}
.mk-hamburger { display: none; }

/* =============================================================================
   MEGA MENU
   ============================================================================= */
.mk-megamenu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: rgba(255,255,255,0.98);
  border-top: 1px solid var(--mk-line);
  box-shadow: var(--mk-shadow-lg);
  backdrop-filter: blur(20px);
  z-index: 40;
}
.mk-megamenu-inner {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: 32px 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}
.mk-megamenu-col-head {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--mk-line);
  font-size: 16px;
  color: var(--mk-ink);
}
.mk-megamenu-col-icon {
  display: grid; place-items: center;
  width: 36px; height: 36px;
  border-radius: 12px;
  background: var(--mk-mint-grad);
  border: 1px solid rgba(0, 167, 111, 0.18);
  color: var(--mk-teal);
}
.mk-megamenu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 10px;
}
.mk-megamenu-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mk-ink-2);
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.mk-megamenu-item:hover {
  background: rgba(0, 167, 111, 0.1);
  color: var(--mk-teal);
  transform: translateX(2px);
}
.mk-megamenu-item-icon {
  display: grid; place-items: center;
  width: 28px; height: 28px;
  border-radius: 9px;
  background: rgba(0, 167, 111, 0.12);
  color: var(--mk-teal);
}

.mk-megamenu-footer {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: 18px 12px 24px;
  border-top: 1px solid var(--mk-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mk-megamenu-footer p { margin: 6px 0 0; color: var(--mk-muted); font-size: 14px; }

/* =============================================================================
   MOBILE DRAWER
   ============================================================================= */
.mk-mobile-backdrop {
  position: fixed; inset: 0;
  background: rgba(15, 31, 23, 0.45);
  backdrop-filter: blur(6px);
  z-index: 50;
}
.mk-mobile-drawer {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: min(360px, 90vw);
  background: #fff;
  z-index: 51;
  display: flex;
  flex-direction: column;
  box-shadow: -20px 0 60px rgba(0,0,0,0.18);
}
.mk-mobile-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 18px;
  border-bottom: 1px solid var(--mk-line);
}
.mk-mobile-nav {
  flex: 1;
  padding: 8px 12px 20px;
  overflow-y: auto;
}
.mk-mobile-row { padding: 4px 0; }
.mk-mobile-link {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%;
  padding: 12px 12px;
  border-radius: 12px;
  font-weight: 700;
  color: var(--mk-ink);
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
}
.mk-mobile-link:hover { background: rgba(0, 167, 111, 0.06); }
.mk-mobile-chevron { transition: transform 0.25s ease; }
.mk-mobile-chevron.open { transform: rotate(180deg); }

.mk-mobile-mega { overflow: hidden; }
.mk-mobile-group { padding: 8px 12px 12px; }
.mk-mobile-group-head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
  color: var(--mk-teal);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.mk-mobile-sub {
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--mk-ink-2);
}
.mk-mobile-sub:hover { background: rgba(0, 167, 111, 0.08); color: var(--mk-teal); }

.mk-mobile-actions {
  padding: 16px;
  border-top: 1px solid var(--mk-line);
  display: grid;
  gap: 8px;
}

/* =============================================================================
   BUTTONS
   ============================================================================= */
.mk-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  font-weight: 800;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  cursor: pointer;
  white-space: nowrap;
}
.mk-button.sm { min-height: 38px; padding: 0 16px; font-size: 13.5px; }
.mk-button.md { min-height: 46px; padding: 0 20px; font-size: 14.5px; }
.mk-button.lg { min-height: 54px; padding: 0 24px; font-size: 16px; }
.mk-button { /* default md */
  min-height: 50px;
  padding: 0 22px;
  font-size: 15px;
  border: 1px solid var(--mk-line);
}
.mk-button.primary {
  border: 0;
  background: linear-gradient(135deg, var(--mk-green), var(--mk-green-2) 60%, var(--mk-cyan));
  color: #fff;
  box-shadow: 0 18px 42px rgba(0, 167, 111, 0.32);
}
.mk-button.secondary {
  background: rgba(255,255,255,0.84);
  color: var(--mk-ink);
}
.mk-button.ghost {
  background: transparent;
  color: var(--mk-teal);
  border-color: var(--mk-line-strong);
}
.mk-button:hover { transform: translateY(-2px); }
.mk-button.primary:hover { box-shadow: 0 22px 50px rgba(0, 167, 111, 0.36); }

/* Soft pastel-mint gradient for every primary CTA on the marketing site.
   Scoped to .mk-page so the in-app plan modal (outside .mk-page) keeps the
   solid green button. Light background → dark teal text for readability. */
.mk-page .mk-button.primary {
  background: var(--mk-mint-grad);
  color: var(--mk-teal);
  border: 1px solid rgba(0, 167, 111, 0.22);
  box-shadow: 0 12px 28px rgba(0, 167, 111, 0.16);
}
.mk-page .mk-button.primary:hover {
  box-shadow: 0 16px 34px rgba(0, 167, 111, 0.22);
}

/* =============================================================================
   LAYOUT CONTAINERS
   ============================================================================= */
.mk-hero-shell,
.mk-final-cta {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}
/* Hero spans wider than the rest — KiotViet-style full, airy hero */
.mk-hero-shell { width: min(1640px, calc(100% - 40px)); }
.mk-section-bottom { display: flex; justify-content: center; margin-top: 24px; }

.mk-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid rgba(0, 167, 111, 0.22);
  border-radius: 999px;
  background: var(--mk-mint-grad);
  color: var(--mk-teal);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.mk-kicker.no-bg { background: transparent; border: 0; padding: 0; }

/* =============================================================================
   HERO BANNER
   ============================================================================= */
.mk-hero-shell {
  /* Equal top & bottom padding so the gap above and below the hero matches.
     Top clears the transparent header (73px) and the bottom mirrors it. */
  padding: 96px 0;
  min-height: 100vh; /* fill the whole screen — the bg now bleeds up to the very top, behind the header */
  display: flex;
  align-items: center;
}
/* Faint tech image behind the whole hero — full-bleed (edge to edge),
   visible through the text/cards */
.mk-hero-bg-ai {
  position: absolute;
  top: 0;
  bottom: -24px;
  left: 50%;
  width: 100vw;                 /* break out of the centered container → full screen width */
  transform: translateX(-50%);
  z-index: 0;
  background-image: url("/crm-bg.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.13;
  filter: saturate(0.75);
  pointer-events: none;
}
.mk-hero {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(540px, 1.1fr);
  gap: 56px;
  align-items: center;
}
.mk-hero-copy { position: relative; }
.mk-hero-block h1 {
  margin: 18px 0 0;
  color: var(--mk-ink);
  font-size: clamp(36px, 4.8vw, 60px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.025em;
}
.mk-hero-block p {
  margin: 22px 0 0;
  font-size: 19px;
  color: var(--mk-muted);
  line-height: 1.7;
  max-width: 560px;
}

/* Big stat numbers under the CTAs (KiotViet-style) */
.mk-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 30px;
}
.mk-hero-stat strong {
  display: block;
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, var(--mk-green), var(--mk-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mk-hero-stat span {
  display: block;
  margin-top: 4px;
  font-size: 13.5px;
  color: var(--mk-muted);
  font-weight: 600;
  max-width: 150px;
}
.mk-module-tags {
  display: flex; flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.mk-module-tags span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid var(--mk-line);
  border-radius: 999px;
  background: rgba(255,255,255,0.72);
  color: var(--mk-teal);
  font-size: 12.5px;
  font-weight: 800;
}

.mk-hero-dots {
  display: inline-flex;
  gap: 8px;
  margin-top: 32px;
}
.mk-hero-dot {
  width: 28px; height: 6px;
  border-radius: 999px;
  border: 0;
  background: rgba(0, 167, 111, 0.2);
  cursor: pointer;
  transition: width 0.25s ease, background 0.25s ease;
}
.mk-hero-dot.active {
  width: 48px;
  background: linear-gradient(90deg, var(--mk-green), var(--mk-cyan));
}

/* hero visual */
.mk-hero-visual { position: relative; }

/* Photo hero — no square frame: round photo floating over a soft green ring */
.mk-hero-photo-wrap {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(620px, calc(100vh - 200px), 880px);
}
.mk-hero-glow {
  position: absolute;
  width: min(620px, 96%);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--mk-green) 0%, var(--mk-cyan) 45%, transparent 70%);
  filter: blur(60px);
  opacity: 0.22;
}
/* Seamless photo — no frame/border/box. Edges feather into the page
   background via a radial mask so the photo blends instead of sitting
   in a card. (A cutout PNG would blend even better — see note in chat.) */
.mk-hero-photo {
  position: relative;
  z-index: 1;
  width: min(560px, 96%);
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center top;
  -webkit-mask-image: radial-gradient(ellipse 70% 74% at 52% 42%, #000 50%, rgba(0,0,0,0.55) 66%, transparent 80%);
          mask-image: radial-gradient(ellipse 70% 74% at 52% 42%, #000 50%, rgba(0,0,0,0.55) 66%, transparent 80%);
}
/* Transparent cutout PNG (KiotViet-style person banner): background already
   removed, so show the whole subject — no crop, no frame, no feather mask.
   The page's green glow behind it provides the soft halo. */
.mk-hero-photo.cutout {
  width: min(980px, 140%);
  aspect-ratio: auto;
  height: clamp(620px, calc(100vh - 200px), 880px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  box-shadow: none;
  /* Fade the bottom edge to transparent so the photo blends seamlessly into
     the page instead of ending on a hard cut. */
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, rgba(0,0,0,0.35) 88%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 72%, rgba(0,0,0,0.35) 88%, transparent 100%);
}
.mk-hero-card {
  position: relative;
  min-height: clamp(520px, 64vh, 660px);
  padding: 8px;
  /* Frameless — no box/border/shadow. Inner KPI + flow tiles float directly
     on the hero background for a seamless look (no square container). */
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mk-hero-badge {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 16px;
}
.mk-hero-badge > span {
  display: grid; place-items: center;
  width: 44px; height: 44px;
  border-radius: 14px;
  color: #fff;
  box-shadow: 0 14px 30px rgba(0, 167, 111, 0.32);
  flex-shrink: 0;
}
.mk-hero-badge strong { display: block; font-size: 16px; color: var(--mk-ink); }

.mk-kpi-row {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.mk-kpi {
  flex: 1;
  padding: 16px;
  border: 1px solid var(--mk-line);
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
  cursor: default;
}
.mk-kpi strong { display: block; color: var(--mk-ink); font-size: 26px; font-weight: 900; }
.mk-kpi span { color: var(--mk-muted); font-size: 13px; }

.mk-hero-floater {
  position: absolute;
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0, 83, 56, 0.18);
  color: var(--mk-ink);
  font-size: 13px;
  font-weight: 800;
  animation: mk-float 6s ease-in-out infinite;
}
.mk-hero-floater strong { display: block; font-size: 17px; font-weight: 900; color: var(--mk-teal); }
.mk-hero-floater span { display: block; font-size: 11px; font-weight: 700; color: var(--mk-muted); }
.mk-hero-floater-a { top: 6px; right: 14px; animation-delay: -1s; }   /* pulled inward — no longer overflows */
.mk-hero-floater-b { bottom: 10px; left: -52px; animation-delay: -3s; } /* pushed outward — clear of the flow text */

/* KiotViet-style floating feature bubbles around the hero visual */
.mk-hero-bubble {
  position: absolute;
  z-index: 3;
  display: flex; align-items: center; gap: 12px;
  padding: 13px 18px 13px 14px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0, 83, 56, 0.18);
  color: var(--mk-ink);
  font-size: 15px;
  font-weight: 800;
  max-width: 230px;
  animation: mk-float 7s ease-in-out infinite;
}
.mk-hero-bubble-icon {
  display: grid; place-items: center;
  flex-shrink: 0;
  width: 42px; height: 42px;
  border-radius: 13px;
  color: var(--mk-teal);
  background: var(--mk-mint-grad);
  border: 1px solid rgba(0, 167, 111, 0.18);
  box-shadow: 0 10px 22px rgba(0, 167, 111, 0.16);
}
.mk-hero-bubble-1 { top: 10%;  left: -7%;  animation-delay: -0.5s; }
.mk-hero-bubble-2 { top: 45%;  right: -9%; animation-delay: -2.5s; }
.mk-hero-bubble-3 { bottom: 12%; left: -3%; animation-delay: -4s; }

/* Why-choose strip — 3 benefit cards below the hero */
.mk-why-title {
  text-align: center;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  color: var(--mk-ink);
  letter-spacing: -0.02em;
  line-height: 1.25;
  max-width: 780px;
  margin: 0 auto 40px;
}
.mk-why-card {
  text-align: center;
  padding: 38px 28px;
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius);
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 83, 56, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mk-why-card:hover { transform: translateY(-6px); box-shadow: var(--mk-shadow-lg); }
.mk-why-icon {
  display: inline-grid; place-items: center;
  width: 66px; height: 66px;
  border-radius: 50%;
  margin-bottom: 18px;
}
.mk-why-icon-1 { background: rgba(14, 165, 233, 0.12); color: #0ea5e9; }
.mk-why-icon-2 { background: rgba(249, 115, 22, 0.12); color: #f97316; }
.mk-why-icon-3 { background: rgba(0, 167, 111, 0.12); color: var(--mk-green); }
.mk-why-card h3 { font-size: 19px; font-weight: 800; color: var(--mk-ink); margin: 0 0 10px; }
.mk-why-card p { color: var(--mk-muted); font-size: 15px; line-height: 1.7; margin: 0 auto; max-width: 320px; }

/* =============================================================================
   TRUST STATS STRIP
   ============================================================================= */
.mk-trust { padding-top: 28px; padding-bottom: 28px; }
.mk-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.mk-stat-tile {
  padding: 22px 24px;
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius);
  background: rgba(255,255,255,0.86);
  box-shadow: var(--mk-shadow);
  backdrop-filter: blur(12px);
  text-align: center;
  transition: transform 0.2s ease;
}
.mk-stat-tile:hover { transform: translateY(-3px); }
.mk-stat-tile strong {
  display: block;
  font-size: 36px;
  font-weight: 900;
  background: linear-gradient(135deg, var(--mk-teal), var(--mk-green-2) 60%, var(--mk-cyan));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.mk-stat-tile span { color: var(--mk-muted); font-size: 13.5px; font-weight: 700; }

/* =============================================================================
   INDUSTRY GROUPS
   ============================================================================= */
.mk-industry-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.mk-industry-panel {
  padding: 26px;
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius-lg);
  background: var(--mk-card);
  box-shadow: var(--mk-shadow);
  backdrop-filter: blur(14px);
  display: flex;
  flex-direction: column;
  gap: 18px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mk-industry-panel:hover {
  transform: translateY(-4px);
  box-shadow: var(--mk-shadow-lg);
}
.mk-industry-panel-head {
  display: flex; align-items: center; gap: 14px;
}
.mk-industry-icon {
  display: grid; place-items: center;
  width: 52px; height: 52px;
  border-radius: 18px;
  background: var(--mk-mint-grad);
  border: 1px solid rgba(0, 167, 111, 0.18);
  color: var(--mk-teal);
  box-shadow: 0 14px 30px rgba(0, 167, 111, 0.16);
}
.mk-industry-panel-head h3 { margin: 0; font-size: 20px; font-weight: 900; color: var(--mk-ink); }
.mk-industry-panel-head p { margin: 4px 0 0; color: var(--mk-muted); font-size: 13px; }

.mk-industry-list {
  display: flex; flex-wrap: wrap;
  gap: 8px;
}
.mk-industry-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 12px;
  border: 1px solid var(--mk-line);
  border-radius: 999px;
  background: rgba(255,255,255,0.78);
  color: var(--mk-ink-2);
  font-size: 13px;
  font-weight: 700;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.mk-industry-chip span {
  display: grid; place-items: center;
  width: 22px; height: 22px;
  border-radius: 8px;
  background: rgba(0, 167, 111, 0.14);
  color: var(--mk-teal);
}
.mk-industry-chip:hover {
  background: var(--mk-teal);
  color: #fff;
  border-color: var(--mk-teal);
  transform: translateY(-2px);
}
.mk-industry-chip:hover span { background: rgba(255,255,255,0.18); color: #fff; }

.mk-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  color: var(--mk-teal);
  font-size: 14px;
}
.mk-card-link:hover { color: var(--mk-green-2); }

/* =============================================================================
   FEATURE / MODULE CARDS
   ============================================================================= */
.mk-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mk-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mk-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }

.mk-card {
  display: block;
  padding: 22px;
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius-lg);
  background: var(--mk-card);
  box-shadow: var(--mk-shadow);
  backdrop-filter: blur(14px);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.mk-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--mk-shadow-lg);
  border-color: var(--mk-line-strong);
}
.mk-card h3, .mk-price-card h3, .mk-blog-card h3 {
  margin: 16px 0 8px;
  font-size: 19px;
  color: var(--mk-ink);
  font-weight: 900;
}
.mk-card p, .mk-price-card p, .mk-blog-card p {
  margin: 0;
  color: var(--mk-muted);
  font-size: 14px;
  line-height: 1.7;
}

/* Illustration banner on feature cards — spans the card width, with the
   colorful icon chip overlapping its bottom-left corner. */
.mk-card-illus-wrap {
  position: relative;
  margin: -22px -22px 34px;
}
.mk-card-illus {
  display: block;
  width: 100%;
  height: 150px;
  border-radius: var(--mk-radius-lg) var(--mk-radius-lg) 0 0;
  border-bottom: 1px solid var(--mk-line);
}
.mk-card-illus-wrap .mk-icon {
  position: absolute;
  left: 22px;
  bottom: -26px;
  border: 4px solid var(--mk-card);
}
.mk-icon {
  display: grid; place-items: center;
  width: 52px; height: 52px;
  border-radius: 16px;
  background: var(--mk-mint-grad);
  border: 1px solid rgba(0, 167, 111, 0.18);
  color: var(--mk-teal);
  box-shadow: 0 14px 30px rgba(0, 167, 111, 0.16);
}
/* Colorful per-card icon variants (module feature cards) */
.mk-icon-c1 { background: linear-gradient(135deg, #00a76f, #06b6d4); box-shadow: 0 14px 30px rgba(0,167,111,0.28); }
.mk-icon-c2 { background: linear-gradient(135deg, #0ea5e9, #6366f1); box-shadow: 0 14px 30px rgba(14,165,233,0.28); }
.mk-icon-c3 { background: linear-gradient(135deg, #f97316, #f43f5e); box-shadow: 0 14px 30px rgba(249,115,22,0.28); }
.mk-icon-c4 { background: linear-gradient(135deg, #8b5cf6, #ec4899); box-shadow: 0 14px 30px rgba(139,92,246,0.28); }
.mk-icon-c5 { background: linear-gradient(135deg, #14b8a6, #84cc16); box-shadow: 0 14px 30px rgba(20,184,166,0.28); }
.mk-icon-c6 { background: linear-gradient(135deg, #6366f1, #06b6d4); box-shadow: 0 14px 30px rgba(99,102,241,0.28); }
.mk-icon-c7 { background: linear-gradient(135deg, #f59e0b, #ef4444); box-shadow: 0 14px 30px rgba(245,158,11,0.28); }
.mk-icon-c8 { background: linear-gradient(135deg, #ec4899, #8b5cf6); box-shadow: 0 14px 30px rgba(236,72,153,0.28); }

/* =============================================================================
   CUSTOMER LOGO MARQUEE
   ============================================================================= */
.mk-logos { padding: 48px 0; }
.mk-marquee-mask {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.mk-marquee-track {
  display: flex;
  gap: 14px;
  width: -moz-max-content;
  width: max-content;
  animation: mk-marquee 36s linear infinite;
}
.mk-marquee-track:hover { animation-play-state: paused; }
.mk-logo-tile {
  flex: 0 0 auto;
  height: 82px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0 24px 0 14px;
  border: 1px solid var(--mk-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(0, 83, 56, 0.08);
}
.mk-logo-mark {
  flex: 0 0 auto;
  display: block;
  filter: drop-shadow(0 8px 16px rgba(0, 83, 56, 0.18));
}
.mk-logo-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.15;
}
.mk-logo-name {
  white-space: nowrap;
  font-weight: 900;
  font-size: 16px;
  color: var(--mk-ink);
  letter-spacing: 0.01em;
}
.mk-logo-sub {
  white-space: nowrap;
  font-weight: 800;
  font-size: 10.5px;
  color: var(--mk-muted);
  letter-spacing: 0.1em;
}

@keyframes mk-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* =============================================================================
   TESTIMONIALS
   ============================================================================= */
.mk-testimonial {
  padding: 26px;
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius-lg);
  background: var(--mk-card);
  box-shadow: var(--mk-shadow);
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
  overflow: hidden;
}
.mk-testimonial::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(6,182,212,0.1), transparent 60%);
  pointer-events: none;
}
.mk-testimonial-stars { display: inline-flex; gap: 4px; color: #facc15; }
.mk-testimonial p {
  position: relative;
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: var(--mk-ink-2);
  font-weight: 500;
}
.mk-testimonial footer { position: relative; display: flex; flex-direction: column; }
.mk-testimonial strong { font-weight: 900; color: var(--mk-ink); }
.mk-testimonial span { color: var(--mk-muted); font-size: 13px; }

/* =============================================================================
   PRICING
   ============================================================================= */
.mk-price-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.mk-price-card {
  position: relative;
  padding: 24px;
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius-lg);
  background: var(--mk-card);
  box-shadow: var(--mk-shadow);
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mk-price-card.featured {
  border-color: var(--mk-line-strong);
  background: linear-gradient(155deg, rgba(0, 167, 111, 0.12), rgba(255,255,255,0.94));
  box-shadow: 0 26px 80px rgba(0, 167, 111, 0.18);
}
.mk-price-tag {
  position: absolute;
  top: 18px; right: 22px;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--mk-mint-grad);
  color: var(--mk-teal);
  border: 1px solid rgba(0, 167, 111, 0.22);
  font-size: 11.5px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mk-price {
  font-size: 36px;
  font-weight: 900;
  color: var(--mk-ink);
}
.mk-price small { font-size: 14px; color: var(--mk-muted); font-weight: 700; margin-left: 4px; }

/* Pricing toggles (billing cycle + AI option) */
.mk-price-toggles {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 14px;
  margin-bottom: 36px;
}
.mk-seg {
  display: inline-flex;
  padding: 5px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--mk-line);
  border-radius: 999px;
  box-shadow: 0 6px 20px rgba(0, 83, 56, 0.06);
}
.mk-seg button {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 18px;
  border: 0; background: transparent; cursor: pointer;
  border-radius: 999px;
  font-family: inherit; font-size: 14px; font-weight: 800; color: var(--mk-muted);
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.mk-seg button.active {
  background: var(--mk-mint-grad);
  color: var(--mk-teal);
  border: 1px solid rgba(0, 167, 111, 0.22);
  box-shadow: 0 6px 16px rgba(0, 167, 111, 0.16);
}
.mk-seg-badge {
  font-size: 11px; font-weight: 800;
  padding: 2px 7px; border-radius: 999px;
  background: rgba(0, 167, 111, 0.12); color: var(--mk-green);
}
.mk-seg button.active .mk-seg-badge { background: rgba(0, 120, 103, 0.16); color: var(--mk-teal); }

.mk-price-original {
  margin-top: -8px;
  font-size: 15px; font-weight: 700;
  color: var(--mk-muted);
  text-decoration: line-through;
  text-decoration-color: rgba(74, 99, 87, 0.6);
}
.mk-price-ai-tag {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 800; color: var(--mk-green);
}
.mk-price-card .mk-button { width: 100%; justify-content: center; margin-top: auto; }
/* Nút đổi chu kỳ (cùng plan, khác tháng/năm) — outline nhẹ thay vì solid */
.mk-button.cycle-switch {
  background: rgba(0, 120, 103, 0.07);
  border-color: var(--mk-line-strong);
  color: var(--mk-teal);
}
.mk-button.cycle-switch:hover {
  background: rgba(0, 120, 103, 0.13);
}

.mk-check-list {
  display: grid;
  gap: 8px;
}
.mk-check-list span {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px;
  color: var(--mk-ink-2);
  font-weight: 600;
}
.mk-check-list span svg { color: var(--mk-green-2); flex-shrink: 0; }

/* Nút mở rộng / thu gọn danh sách tính năng */
.mk-expand-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  color: var(--mk-teal);
  padding: 4px 0;
  margin-top: 2px;
}
.mk-expand-btn:hover { color: var(--mk-green-3); }

/* =============================================================================
   BLOG
   ============================================================================= */
.mk-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.mk-blog-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius-lg);
  background: var(--mk-card);
  box-shadow: var(--mk-shadow);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mk-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--mk-shadow-lg);
}
.mk-blog-cover {
  height: 140px;
  padding: 18px 20px;
  display: flex; justify-content: space-between; align-items: flex-end;
  background: linear-gradient(135deg, var(--mk-green), var(--mk-cyan));
  color: #fff;
  position: relative;
}
.mk-blog-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,255,255,0.4), transparent 50%),
    radial-gradient(circle at 20% 80%, rgba(255,255,255,0.15), transparent 50%);
  opacity: 0.6;
}
.mk-blog-cover > * { position: relative; z-index: 1; }
.mk-blog-cover .mk-kicker.no-bg { color: #fff; font-weight: 900; }
/* When the post has an uploaded cover image, show the photo (cover-fit) with a
   dark gradient overlay so the white category badge stays legible. */
.mk-blog-cover.has-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.mk-blog-cover.has-image::before {
  background: linear-gradient(180deg, rgba(2, 32, 22, 0.05) 0%, rgba(2, 32, 22, 0.62) 100%);
  opacity: 1;
}
.mk-blog-card h3 { padding: 0 22px; margin-top: 18px; }
.mk-blog-card p { padding: 0 22px; }
.mk-blog-card footer {
  display: flex; gap: 8px; align-items: center;
  padding: 16px 22px 22px;
  margin-top: auto;
  color: var(--mk-teal);
  font-size: 13px;
  font-weight: 800;
}

/* =============================================================================
   FAQ
   ============================================================================= */
.mk-faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.mk-faq-item {
  border: 1px solid var(--mk-line);
  border-radius: 18px;
  background: var(--mk-card);
  box-shadow: 0 14px 36px rgba(0, 83, 56, 0.06);
  overflow: hidden;
}
.mk-faq-item.open { border-color: var(--mk-line-strong); }
.mk-faq-item button {
  width: 100%;
  display: flex; justify-content: space-between; align-items: center;
  gap: 12px;
  padding: 18px 20px;
  background: transparent;
  border: 0;
  text-align: left;
  font-weight: 800;
  color: var(--mk-ink);
  cursor: pointer;
}
.mk-faq-item button svg { transition: transform 0.25s ease; flex-shrink: 0; color: var(--mk-teal); }
.mk-faq-item.open button svg { transform: rotate(90deg); }
.mk-faq-body { padding: 0 20px 20px; color: var(--mk-muted); font-size: 14.5px; line-height: 1.7; }

/* =============================================================================
   FINAL CTA
   ============================================================================= */
.mk-final-cta {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: space-between;
  margin: 24px auto 80px;
  padding: 44px;
  border-radius: var(--mk-radius-xl);
  border: 1px solid var(--mk-line-strong);
  background:
    radial-gradient(circle at 10% 20%, rgba(0, 167, 111, 0.16), transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(6, 182, 212, 0.16), transparent 50%),
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(232, 255, 244, 0.86));
  box-shadow: var(--mk-shadow-lg);
}
.mk-final-cta > div:first-child { max-width: 680px; }
.mk-final-cta h2 { margin: 12px 0 0; font-size: clamp(26px, 3.4vw, 40px); font-weight: 900; }
.mk-final-cta p { margin: 14px 0 0; color: var(--mk-muted); font-size: 16px; line-height: 1.7; }
.mk-final-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* =============================================================================
   FOOTER
   ============================================================================= */
.mk-footer-shell {
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, transparent, rgba(7, 35, 22, 0.04) 40%, rgba(7, 35, 22, 0.08));
  border-top: 1px solid var(--mk-line);
  padding: 56px 0 24px;
}
.mk-footer-grid {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: 32px;
}
.mk-footer-brand p { color: var(--mk-muted); font-size: 14px; line-height: 1.7; margin: 14px 0; max-width: 320px; }
.mk-footer-contact { display: grid; gap: 8px; color: var(--mk-ink-2); font-size: 13.5px; font-weight: 600; }
.mk-footer-contact span { display: inline-flex; align-items: center; gap: 8px; }
.mk-footer-social { display: flex; gap: 10px; margin-top: 18px; }
.mk-footer-social a {
  display: grid; place-items: center;
  width: 38px; height: 38px;
  border-radius: 12px;
  border: 1px solid var(--mk-line);
  background: #fff;
  color: var(--mk-teal);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.mk-footer-social a:hover { background: var(--mk-teal); color: #fff; transform: translateY(-2px); }

.mk-footer-col { display: flex; flex-direction: column; gap: 10px; }
.mk-footer-col h4 { margin: 0 0 6px; font-size: 14px; color: var(--mk-ink); font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; }
.mk-footer-col a { color: var(--mk-muted); font-size: 14px; font-weight: 600; transition: color 0.2s ease; }
.mk-footer-col a:hover { color: var(--mk-teal); }

.mk-footer-bottom {
  width: min(1240px, calc(100% - 32px));
  margin: 32px auto 0;
  padding-top: 18px;
  border-top: 1px solid var(--mk-line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: var(--mk-muted);
  font-size: 13px;
}

/* =============================================================================
   FLOATING ACTION BUTTONS
   ============================================================================= */
.mk-fab {
  position: fixed;
  right: 18px;
  width: 50px; height: 50px;
  display: grid; place-items: center;
  border-radius: 50%;
  border: 0;
  background: #fff;
  color: var(--mk-teal);
  cursor: pointer;
  box-shadow: 0 16px 40px rgba(0, 83, 56, 0.22);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
  z-index: 25;
}
.mk-fab:hover { transform: translateY(-3px); }
.mk-fab-zalo  { bottom: 152px; }
.mk-fab-phone { bottom: 92px; background: linear-gradient(135deg, var(--mk-green), var(--mk-green-2)); color: #fff; }
.mk-fab-top   { bottom: 32px; }
.mk-fab-phone::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(34,197,94,0.45);
  animation: mk-pulse 1.6s ease-out infinite;
}
@keyframes mk-pulse {
  0%   { transform: scale(0.8); opacity: 0.9; }
  100% { transform: scale(1.6); opacity: 0; }
}

/* =============================================================================
   SUB-PAGES (industry / module / blog / pricing)
   ============================================================================= */
.mk-workflow { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.mk-workflow span { padding: 7px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--mk-line); font-size: 13px; font-weight: 700; }

.mk-card-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }

/* =============================================================================
   RESPONSIVE
   ============================================================================= */
@media (max-width: 1080px) {
  .mk-hero {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .mk-trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mk-industry-groups { grid-template-columns: 1fr; }
  .mk-grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mk-grid-3, .mk-price-grid, .mk-blog-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mk-footer-grid { grid-template-columns: 1fr 1fr; }
  .mk-megamenu-inner { grid-template-columns: 1fr; gap: 14px; padding: 22px 12px; }
}

@media (max-width: 880px) {
  .mk-topbar-left a:nth-child(2),
  .mk-topbar-right a:not(:last-child) { display: none; }
  .mk-nav, .mk-login, .mk-trial { display: none; }
  .mk-hamburger { display: grid; }
  .mk-grid-3, .mk-grid-4, .mk-grid-2, .mk-price-grid, .mk-blog-grid { grid-template-columns: 1fr; }
  .mk-faq-grid { grid-template-columns: 1fr; }
  .mk-footer-grid { grid-template-columns: 1fr; }
  .mk-final-cta { flex-direction: column; align-items: flex-start; padding: 32px; }
  .mk-footer-bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 560px) {
  .mk-hero-shell { padding-top: 28px; }
  .mk-hero-block h1 { font-size: 34px; }
  .mk-button { width: 100%; }
  .mk-trust-grid { grid-template-columns: 1fr 1fr; }
  .mk-stat-tile strong { font-size: 28px; }
  .mk-kpi-row { flex-direction: column; }
}

/* Reduced motion — kill animations */
@media (prefers-reduced-motion: reduce) {
  .mk-orb-a, .mk-orb-b, .mk-hero-floater, .mk-marquee-track, .mk-fab-phone::after {
    animation: none !important;
  }
}

/* ===========================================================================
   Mega menu "Ngành hàng" — kiểu KiotViet: cột = Nhóm ngành (icon + tên),
   dưới là danh sách Ngành nghề. Scoped trong .saas-scope (header marketing).
   Data từ CMS (Nhóm ngành + Ngành nghề). Chỉ hiện dropdown trên desktop (≥1200);
   mobile (slidenav) xổ dạng list dọc.
   =========================================================================== */
.saas-scope .main-nav > ul > li.cbx-has-mega { position: relative; }
.saas-scope .cbx-mega {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: min(1200px, 94vw);
  max-width: calc(100vw - 24px);
  margin-top: 8px;
  background: #fff;
  border-radius: 16px;
  box-shadow: rgba(12, 12, 50, 0.14) 0 10px 44px;
  padding: 26px 30px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease;
}
.saas-scope .main-nav > ul > li.cbx-has-mega:hover > .cbx-mega { opacity: 1; visibility: visible; }
.saas-scope .cbx-mega-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px 30px;
}
.saas-scope .cbx-mega-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 15px;
  color: #1b1449;
  margin-bottom: 12px;
}
.saas-scope .cbx-mega-ic {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: var(--grad, linear-gradient(135deg,#5bd18a,#2f9e5b));
  color: #fff;
  flex: 0 0 auto;
  box-shadow: 0 4px 12px rgba(24, 6, 60, .12);
}
.saas-scope .cbx-mega-col ul { list-style: none; margin: 0; padding: 0; }
.saas-scope .cbx-mega-col li { margin: 0; position: static; }
.saas-scope .cbx-mega-col li a {
  display: block;
  padding: 7px 0;
  font-size: 14px;
  color: #4a4a68;
  line-height: 1.35;
}
.saas-scope .cbx-mega-col li a:hover { color: var(--primary-purple); }

@media (max-width: 1199px) {
  .saas-scope .cbx-mega {
    position: static;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 4px 0 4px 14px;
    box-shadow: none;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
  }
  .saas-scope .cbx-mega-inner { grid-template-columns: 1fr; gap: 2px; }
  .saas-scope .cbx-mega-head { margin: 10px 0 4px; }
}

/* ── FIX: reset style template SaaSLyn (float/inline li) bên trong mega ─────── */
.saas-scope .cbx-mega,
.saas-scope .cbx-mega * { float: none !important; }
.saas-scope .cbx-mega-inner {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px 28px !important;
  align-items: flex-start;
}
.saas-scope .cbx-mega-col {
  display: block !important;
  position: static !important;
  margin: 0 !important;
  flex: 1 1 190px;
  min-width: 180px;
}
/* Nhóm nhiều mục (>7): rộng gấp đôi + danh sách chia 2 cột cho đỡ dài */
.saas-scope .cbx-mega-col[data-many="1"] { flex: 2 1 380px; }
.saas-scope .cbx-mega-col[data-many="1"] ul { -moz-column-count: 2; column-count: 2; -moz-column-gap: 24px; column-gap: 24px; }
.saas-scope .cbx-mega-col ul li { -moz-column-break-inside: avoid; break-inside: avoid; }
.saas-scope .cbx-mega ul {
  display: block !important;
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}
.saas-scope .cbx-mega li {
  display: block !important;
  position: static !important;
  width: auto !important;
  margin: 0 !important;
}
.saas-scope .cbx-mega li a {
  display: block !important;
  padding: 8px 10px !important;
  margin: 1px 0;
  border-radius: 8px;
  white-space: normal !important;
  color: #4a4a68;
  transition: background .15s ease, color .15s ease;
}
.saas-scope .cbx-mega li a:hover { background: rgba(91, 193, 127, 0.10); color: var(--primary-purple); }
.saas-scope .cbx-mega li a::before { display: none !important; content: none !important; }

/* Kẻ dọc ngăn giữa các nhóm (như KiotViet) */
.saas-scope .cbx-mega-col + .cbx-mega-col {
  border-left: 1px solid rgba(24, 6, 60, .08);
  padding-left: 28px;
}

/* ── Nội dung bài viết CMS render ra web (industry body / trang nội dung) ───── */
.saas-scope .cms-article {
  font-family: var(--ff-inter, system-ui, -apple-system, "Segoe UI", sans-serif);
  color: #3b3b57;
  font-size: 1.06rem;
  line-height: 1.85;
}
.saas-scope .cms-article h1,
.saas-scope .cms-article h2,
.saas-scope .cms-article h3,
.saas-scope .cms-article h4 {
  font-family: var(--ff-poppins, var(--ff-inter, sans-serif));
  color: #1b1449;
  line-height: 1.3;
  font-weight: 700;
  margin: 1.4em 0 .5em;
}
.saas-scope .cms-article h2 { font-size: 1.7rem; }
.saas-scope .cms-article h3 { font-size: 1.35rem; }
.saas-scope .cms-article h4 { font-size: 1.15rem; }
.saas-scope .cms-article p { margin: 0 0 1em; }
.saas-scope .cms-article ul,
.saas-scope .cms-article ol { margin: 0 0 1em; padding-left: 1.5em; }
.saas-scope .cms-article li { margin: .3em 0; }
.saas-scope .cms-article a { color: var(--primary-purple); text-decoration: underline; }
.saas-scope .cms-article img { display: block; max-width: 100%; height: auto; margin: 1.2em auto; border-radius: 12px; }
/* Ảnh canh trái/phải: chữ chạy quanh (float set inline theo data-align) + clearfix */
.saas-scope .cms-article::after { content: ""; display: block; clear: both; }

/* Ảnh hero trang ngành — lớn, cao & rộng */
.saas-scope .industry-hero-img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  box-shadow: 14px 28px 60px rgba(25,15,44,0.08);
  display: block;
}
@media (min-width: 992px) {
  .saas-scope .industry-hero-img { height: 440px; -o-object-fit: cover; object-fit: cover; }
}
.saas-scope .cms-article blockquote {
  margin: 1.2em 0; padding: .6em 1.2em;
  border-left: 4px solid #5bc17f; background: rgba(91,193,127,.06); border-radius: 8px;
}
.saas-scope .cms-article table { width: 100%; border-collapse: collapse; margin: 1.2em 0; }
.saas-scope .cms-article th,
.saas-scope .cms-article td { border: 1px solid rgba(24,6,60,.12); padding: 10px 12px; }
.saas-scope .cms-article th { background: rgba(24,6,60,.04); }
.saas-scope .cms-article mark { padding: 0 .15em; border-radius: 3px; }
.saas-scope .cms-article code { background: rgba(24,6,60,.06); padding: 1px 5px; border-radius: 4px; }

/* Danh sách checkbox (task list) — render checkbox xanh đẹp qua CSS (không nhúng <input>) */
.saas-scope .cms-article ul[data-type="taskList"] { list-style: none; margin: 0 0 1em; padding-left: 0; }
.saas-scope .cms-article ul[data-type="taskList"] li { display: flex; align-items: flex-start; gap: 10px; margin: .55em 0; }
.saas-scope .cms-article ul[data-type="taskList"] li > span { display: none; }
.saas-scope .cms-article ul[data-type="taskList"] li > div,
.saas-scope .cms-article ul[data-type="taskList"] li > p { flex: 1; margin: 0; }
.saas-scope .cms-article ul[data-type="taskList"] li > div > p { margin: 0; }
.saas-scope .cms-article ul[data-type="taskList"] li::before {
  content: ""; flex: 0 0 auto; width: 22px; height: 22px; margin-top: 1px;
  border-radius: 999px; border: 2px solid #cfd8dc; box-sizing: border-box;
}
.saas-scope .cms-article ul[data-type="taskList"] li[data-checked="true"]::before {
  content: "✓"; display: grid; place-items: center; line-height: 1;
  font-size: 13px; font-weight: 700; color: #fff; background: #22c55e; border-color: #22c55e;
}

/* Nhãn (badge/pill): nền màu rộng hơn chữ + bo tròn (như "Tính năng nổi bật") */
.saas-scope .cms-article [data-badge] {
  display: inline-block; padding: .3em 1em; border-radius: 999px;
  font-weight: 600; line-height: 1.5; background: #dbeafe;
}

/* Khối mã (code block) */
.saas-scope .cms-article pre {
  background: #1e293b; color: #e2e8f0; padding: 14px 16px; border-radius: 10px;
  overflow-x: auto; margin: 1.2em 0; font-size: .9rem; line-height: 1.6;
}
.saas-scope .cms-article pre code { background: none; color: inherit; padding: 0; }

/* Video nhúng (YouTube) responsive 16:9 */
.saas-scope .cms-article div[data-youtube-video] { position: relative; padding-bottom: 56.25%; height: 0; margin: 1.4em 0; }
.saas-scope .cms-article div[data-youtube-video] iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 12px; }
/* =============================================================================
   CMS admin — design tokens + shared styles
   Aesthetic: Stripe / Vercel / Linear inspired. Dense info, calm colors,
   one accent (green) for primary actions. Public Sans typography.
   ============================================================================= */

.cms-app {
  /* Neutral Minimal-Dashboard surfaces (khớp app bán hàng của khách thuê) —
     nền xám rất nhạt + trắng, KHÔNG ám xanh-đen. */
  --c-bg:        #f9fafb;
  --c-surface:   #ffffff;
  --c-surface-2: #f4f6f8;
  --c-border:    #e7ebef;
  --c-border-2:  #dde3e9;
  --c-ink:       #1c252e;
  --c-ink-2:     #454f5b;
  --c-muted:     #637381;
  --c-muted-2:   #919eab;
  /* Accent = brand green tươi. Preset (data-preset) ghi đè accent + accent-2. */
  --c-accent:    #00a76f;
  --c-accent-2:  #007857;
  --c-accent-3:  color-mix(in srgb, var(--c-accent) 12%, var(--c-surface));
  --c-danger:    #ff5630;
  --c-danger-2:  #ffe9e2;
  --c-warn:      #ffab00;
  --c-warn-2:    #fff3d6;
  --c-info:      #00b8d9;
  --c-info-2:    #d9f6fb;
  --c-header-bg: rgba(249, 250, 251, 0.82);
}

/* Dark mode — toggle by adding `data-theme="dark"` to .cms-app via the
   user dropdown. All component styles use these CSS variables, so flipping
   the theme is one paint, no rerender. */
.cms-app[data-theme="dark"] {
  /* Xám slate trung tính (Minimal dark) — không ám xanh. */
  --c-bg:        #161c24;
  --c-surface:   #212b36;
  --c-surface-2: #1c252e;
  --c-border:    #2f3944;
  --c-border-2:  #3b4650;
  --c-ink:       #f4f6f8;
  --c-ink-2:     #c4cdd5;
  --c-muted:     #919eab;
  --c-muted-2:   #6b7681;
  --c-accent:    #00b87c;
  --c-accent-2:  #5be49b;
  --c-accent-3:  color-mix(in srgb, var(--c-accent) 22%, var(--c-surface));
  --c-danger:    #ff5630;
  --c-danger-2:  #3a1e18;
  --c-warn:      #ffab00;
  --c-warn-2:    #3a2f14;
  --c-info:      #00b8d9;
  --c-info-2:    #10333b;
  --c-header-bg: rgba(22, 28, 36, 0.82);
}

/* Shared tokens (radii, shadows, typography) — independent of theme.
   Bóng xám neutral kiểu Minimal Dashboard (2 lớp, mềm) — không ám xanh. */
.cms-app {
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;

  --sh-sm: 0 1px 2px rgba(145, 158, 171, 0.12);
  --sh-md: 0 0 2px rgba(145, 158, 171, 0.14), 0 8px 20px -6px rgba(145, 158, 171, 0.16);
  --sh-lg: 0 0 2px rgba(145, 158, 171, 0.14), 0 16px 32px -8px rgba(145, 158, 171, 0.22);
  --sh-xl: 0 0 2px rgba(145, 158, 171, 0.16), 0 24px 48px -12px rgba(145, 158, 171, 0.30);

  /* Font mặc định = Public Sans (khớp app khách). Preset (data-font) ghi đè. */
  --cms-font: "Public Sans", "Be Vietnam Pro", system-ui, -apple-system, sans-serif;

  position: relative;
  min-height: 100vh;
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: var(--cms-font);
  font-size: 14px;
  line-height: 1.5;
}

/* ── Color presets (chỉ đổi accent) — copy palette Minimal của app khách,
   đóng khung .cms-app nên KHÔNG ảnh hưởng app khách thuê. ── */
.cms-app[data-preset="green"]  { --c-accent: #00a76f; --c-accent-2: #007857; }
.cms-app[data-preset="blue"]   { --c-accent: #0c68e9; --c-accent-2: #0858bf; }
.cms-app[data-preset="violet"] { --c-accent: #7635dc; --c-accent-2: #5119b7; }
.cms-app[data-preset="info"]   { --c-accent: #078dee; --c-accent-2: #0571be; }
.cms-app[data-preset="orange"] { --c-accent: #fda92d; --c-accent-2: #b86e11; }
.cms-app[data-preset="red"]    { --c-accent: #ff3030; --c-accent-2: #d32525; }
/* Green ở dark sáng hơn cho dễ nhìn */
.cms-app[data-theme="dark"][data-preset="green"] { --c-accent: #00b87c; --c-accent-2: #5be49b; }

/* ── Font presets ── */
.cms-app[data-font="public"] { --cms-font: "Public Sans", "Be Vietnam Pro", system-ui, -apple-system, sans-serif; }
.cms-app[data-font="inter"]  { --cms-font: "Inter", system-ui, -apple-system, sans-serif; }
.cms-app[data-font="dm"]     { --cms-font: "DM Sans", system-ui, -apple-system, sans-serif; }

.cms-app *, .cms-app *::before, .cms-app *::after { box-sizing: border-box; }
.cms-app a { color: inherit; text-decoration: none; }
.cms-app button { font-family: inherit; }

/* =============================================================================
   SHELL — sidebar + header + content
   ============================================================================= */
.cms-shell {
  display: grid;
  grid-template-columns: 72px 232px minmax(0, 1fr);
  min-height: 100vh;
}

/* Lớp phủ mobile (ẩn ở desktop) */
.cms-scrim { display: none; }

/* ── RAIL: cột icon chọn nhóm (bên trái ngoài cùng) ── */
.cms-rail {
  grid-column: 1;
  background: var(--c-surface);
  border-right: 1px solid var(--c-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 0;
  position: sticky;
  top: 0;
  height: 100vh;
  /* Trên backdrop menu (z-index 60) để menu tài khoản ở rail bấm được — nếu
     thấp hơn, backdrop che cả menu bên trong (dù menu z-index:70) do rail tạo
     stacking-context riêng. */
  z-index: 61;
}
.cms-rail-brand {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--r-md);
  background: linear-gradient(135deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 55%, #ffffff));
  color: #fff;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--c-accent) 34%, transparent);
  margin-bottom: 10px;
}
.cms-rail-nav  { display: flex; flex-direction: column; gap: 6px; width: 100%; align-items: center; }
.cms-rail-foot { margin-top: auto; display: flex; flex-direction: column; gap: 6px; align-items: center; }
.cms-rail-btn {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--r-md);
  border: 0;
  background: transparent;
  color: var(--c-muted);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.cms-rail-btn:hover { background: var(--c-surface-2); color: var(--c-ink); }
.cms-rail-btn.active { background: var(--c-accent-3); color: var(--c-accent-2); }
.cms-rail-btn.active::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 10px; bottom: 10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--c-accent);
}
.cms-rail-tip {
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%) scale(0.96);
  white-space: nowrap;
  background: var(--c-ink);
  color: var(--c-surface);
  padding: 5px 9px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.14s ease, transform 0.14s ease;
  z-index: 50;
  box-shadow: var(--sh-md);
}
.cms-rail-btn:hover .cms-rail-tip { opacity: 1; transform: translateY(-50%) scale(1); }

/* Avatar tài khoản đáy rail (kiểu Tailux) + chấm online + popover */
.cms-rail-account { position: relative; margin-top: 4px; }
.cms-rail-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 0;
  background: linear-gradient(135deg, var(--c-accent), var(--c-info));
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--c-accent) 28%, transparent);
}
.cms-rail-dot {
  position: absolute;
  right: -1px; bottom: -1px;
  width: 11px; height: 11px;
  border-radius: 50%;
  background: #22c55e;
  border: 2px solid var(--c-surface);
}
.cms-rail-menu {
  position: absolute;
  left: calc(100% + 12px);
  bottom: 0;
  top: auto;
  right: auto;
}

/* ── PANEL: menu con của nhóm đang chọn ── */
.cms-panel {
  grid-column: 2;
  background: var(--c-surface);
  border-right: 1px solid var(--c-border);
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  z-index: 30;
}
.cms-panel-head {
  padding: 20px 18px 12px;
}
/* Tiêu đề panel = tên nhóm to (kiểu "Dashboards" của Tailux) */
.cms-panel-title { margin: 0; font-size: 19px; font-weight: 800; color: var(--c-ink); letter-spacing: -0.01em; }
.cms-panel-sub   { display: block; font-size: 11.5px; color: var(--c-muted-2); font-weight: 600; margin-top: 3px; }
.cms-panel-brand-name { display: block; font-weight: 800; font-size: 15px; color: var(--c-ink); }
.cms-panel-brand-tag  { display: block; font-size: 11.5px; color: var(--c-muted); font-weight: 600; margin-top: 2px; }
.cms-panel-section {
  padding: 16px 16px 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-muted-2);
}
.cms-panel-nav { padding: 2px 10px; display: flex; flex-direction: column; gap: 2px; }

.cms-side-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--c-border);
}
.cms-side-brand-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--r-md);
  background: linear-gradient(135deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 55%, #ffffff));
  color: #fff;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--c-accent) 34%, transparent);
}
.cms-side-brand-name { font-weight: 800; font-size: 14.5px; color: var(--c-ink); }
.cms-side-brand-tag { display: block; font-size: 11px; color: var(--c-muted); font-weight: 600; }

.cms-side-search {
  margin: 14px 14px 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--c-border);
  border-radius: var(--r-sm);
  background: var(--c-surface-2);
  color: var(--c-muted);
  font-size: 12.5px;
}
.cms-side-search kbd {
  margin-left: auto;
  padding: 1px 6px;
  background: var(--c-surface);
  border: 1px solid var(--c-border-2);
  border-radius: 4px;
  font-size: 10.5px;
  color: var(--c-muted);
  font-family: inherit;
}

.cms-side-section {
  padding: 14px 14px 4px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-muted-2);
}
.cms-side-nav { padding: 4px 10px; display: flex; flex-direction: column; gap: 1px; }
.cms-side-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--r-sm);
  color: var(--c-ink-2);
  font-size: 13.5px;
  font-weight: 600;
  position: relative;
  transition: background 0.12s ease, color 0.12s ease;
}
.cms-side-link:hover { background: var(--c-surface-2); color: var(--c-ink); }
.cms-side-link.active {
  background: var(--c-accent-3);
  color: var(--c-accent-2);
}
.cms-side-link.active::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 7px; bottom: 7px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--c-accent);
}
.cms-side-link svg { color: var(--c-muted); flex-shrink: 0; }
.cms-side-link.active svg { color: var(--c-accent-2); }
.cms-side-badge {
  margin-left: auto;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--c-surface-2);
  border: 1px solid var(--c-border);
  color: var(--c-muted);
  font-size: 11px;
  font-weight: 700;
}
.cms-side-link.active .cms-side-badge {
  background: var(--c-surface);
  border-color: var(--c-accent-3);
  color: var(--c-accent-2);
}

.cms-side-foot {
  margin-top: auto;
  padding: 14px 14px;
  border-top: 1px solid var(--c-border);
  display: flex;
  align-items: center;
  gap: 10px;
}
.cms-side-avatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-accent), var(--c-info));
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}
.cms-side-user { flex: 1; min-width: 0; }
.cms-side-user strong { display: block; font-size: 13px; color: var(--c-ink); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cms-side-user span  { display: block; font-size: 11.5px; color: var(--c-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cms-side-logout {
  display: grid; place-items: center;
  width: 32px; height: 32px;
  border-radius: var(--r-sm);
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  color: var(--c-muted);
  cursor: pointer;
}
.cms-side-logout:hover { background: var(--c-danger-2); color: var(--c-danger); border-color: var(--c-danger-2); }

/* ----- Content area ----- */
.cms-content { min-width: 0; }

.cms-header {
  position: sticky;
  top: 0;
  /* Trên backdrop menu (z-index 60) để menu chuông/tài khoản ở header bấm được. */
  z-index: 61;
  background: var(--c-header-bg);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--c-border);
}
.cms-header-inner {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 28px;
  min-height: 64px;
}
.cms-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--c-muted);
  font-weight: 600;
}
.cms-breadcrumb strong { color: var(--c-ink); font-weight: 700; }
.cms-breadcrumb-sep { color: var(--c-border-2); }
.cms-header-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.cms-header-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  border-radius: var(--r-sm);
  color: var(--c-ink-2);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: var(--sh-sm);
}
.cms-header-btn:hover { background: var(--c-surface-2); border-color: var(--c-border-2); }
.cms-header-btn-ghost { box-shadow: none; }
.cms-hamburger { display: none; }

/* Ô tìm kiếm trên topbar */
.cms-search {
  flex: 1;
  max-width: 400px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid var(--c-border);
  border-radius: var(--r-sm);
  background: var(--c-surface-2);
  color: var(--c-muted);
}
.cms-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 13px;
  color: var(--c-ink);
}
.cms-search input::-moz-placeholder { color: var(--c-muted); }
.cms-search input::placeholder { color: var(--c-muted); }
.cms-search kbd {
  padding: 1px 6px;
  background: var(--c-surface);
  border: 1px solid var(--c-border-2);
  border-radius: 4px;
  font-size: 10.5px;
  color: var(--c-muted);
  font-family: inherit;
}

/* Nút icon tròn/vuông trên topbar (chuông, giao diện) */
.cms-header-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--r-sm);
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  color: var(--c-ink-2);
  cursor: pointer;
  box-shadow: var(--sh-sm);
  transition: background 0.15s ease, border-color 0.15s ease;
}
.cms-header-icon:hover { background: var(--c-surface-2); border-color: var(--c-border-2); }
.cms-header-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 0;
  background: linear-gradient(135deg, var(--c-accent), var(--c-info));
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}

/* Dropdown chuông / avatar trên topbar */
.cms-menu-wrap { position: relative; }
.cms-menu-backdrop { position: fixed; inset: 0; z-index: 60; }
.cms-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 240px;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  box-shadow: var(--sh-lg);
  padding: 6px;
  z-index: 70;
  animation: cms-menu-in 0.14s ease;
}
@keyframes cms-menu-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.cms-menu-head { padding: 8px 10px 6px; font-size: 11px; font-weight: 800; color: var(--c-muted-2); text-transform: uppercase; letter-spacing: 0.05em; }
.cms-menu-empty { padding: 20px 12px; text-align: center; color: var(--c-muted); font-size: 13px; }
.cms-menu-profile { display: flex; align-items: center; gap: 10px; padding: 8px 8px 12px; border-bottom: 1px solid var(--c-border); margin-bottom: 6px; }
.cms-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  background: transparent;
  border-radius: var(--r-sm);
  color: var(--c-ink-2);
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}
.cms-menu-item:hover { background: var(--c-surface-2); color: var(--c-ink); }
.cms-menu-item-danger:hover { background: var(--c-danger-2); color: var(--c-danger); }

/* Breadcrumb hàng dưới của header */
.cms-header-crumb {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 28px 12px;
  font-size: 12.5px;
  color: var(--c-muted);
  font-weight: 600;
}
.cms-header-crumb strong { color: var(--c-ink); font-weight: 700; }

.cms-main {
  padding: 24px 28px 80px;
  max-width: 1480px;
  margin: 0 auto;
}

.cms-page-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}
.cms-page-head h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: var(--c-ink);
}
.cms-page-head p {
  margin: 4px 0 0;
  color: var(--c-muted);
  font-size: 13.5px;
}
.cms-page-actions {
  margin-left: auto;
  display: flex;
  gap: 8px;
}

/* =============================================================================
   BUTTONS
   ============================================================================= */
.cms-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: var(--r-sm);
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  color: var(--c-ink-2);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.12s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  white-space: nowrap;
  text-decoration: none;
}
.cms-btn:hover { background: var(--c-surface-2); border-color: var(--c-border-2); }
.cms-btn:active { transform: translateY(0.5px); }
.cms-btn:disabled { opacity: 0.55; cursor: not-allowed; }

.cms-btn-primary {
  background: var(--c-accent);
  border-color: var(--c-accent);
  color: #fff;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--c-accent) 30%, transparent);
}
.cms-btn-primary:hover { background: var(--c-accent-2); border-color: var(--c-accent-2); box-shadow: 0 4px 14px color-mix(in srgb, var(--c-accent) 38%, transparent); }

.cms-btn-danger {
  background: var(--c-danger);
  border-color: var(--c-danger);
  color: #fff;
}
.cms-btn-danger:hover { background: #b91c1c; border-color: #b91c1c; }

.cms-btn-ghost {
  background: transparent;
  border-color: transparent;
}
.cms-btn-ghost:hover { background: var(--c-surface-2); }

.cms-btn-sm { padding: 5px 10px; font-size: 12px; }
.cms-btn-icon { padding: 7px; }

/* =============================================================================
   CARDS / SECTIONS
   ============================================================================= */
.cms-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  box-shadow: var(--sh-sm);
  overflow: hidden;
}
.cms-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--c-border);
}
.cms-card-head h2 {
  margin: 0;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--c-ink);
}
.cms-card-head p { margin: 0; font-size: 12.5px; color: var(--c-muted); }
.cms-card-body { padding: 18px; }

.cms-card-grid {
  display: grid;
  gap: 14px;
}

/* Stat tiles (dashboard) */
.cms-stat {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.cms-stat:hover { transform: translateY(-2px); box-shadow: var(--sh-md); border-color: var(--c-border-2); }
.cms-stat-label { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--c-muted); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
.cms-stat-icon  { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-sm); background: var(--c-accent-3); color: var(--c-accent-2); }
.cms-stat-value { font-size: 28px; font-weight: 800; color: var(--c-ink); line-height: 1.1; }
.cms-stat-foot  { font-size: 12px; color: var(--c-muted); }
.cms-stat-foot .ok { color: var(--c-accent-2); font-weight: 700; }

/* =============================================================================
   TABLE / LIST
   ============================================================================= */
.cms-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--c-border);
  background: var(--c-surface-2);
}
.cms-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid var(--c-border);
  border-radius: var(--r-sm);
  background: var(--c-surface);
  flex: 1;
  max-width: 320px;
}
.cms-search input {
  border: 0; outline: 0; background: transparent;
  flex: 1; font-size: 13px; color: var(--c-ink);
}
.cms-search svg { color: var(--c-muted); }
.cms-toolbar-right { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.cms-filter-pill {
  padding: 5px 10px;
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--c-muted);
  cursor: pointer;
}
.cms-filter-pill.active { background: var(--c-accent-3); color: var(--c-accent-2); border-color: var(--c-accent-3); }

.cms-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.cms-table thead th {
  position: sticky;
  top: 0;
  background: var(--c-surface);
  padding: 11px 16px;
  text-align: left;
  font-weight: 700;
  color: var(--c-muted);
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--c-border);
}
.cms-table thead th.sortable { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.cms-table thead th.sortable:hover { color: var(--c-ink); }
.cms-table thead th .arrow { opacity: 0.4; margin-left: 4px; font-size: 10px; }
.cms-table thead th.sortable.asc .arrow,
.cms-table thead th.sortable.desc .arrow { opacity: 1; color: var(--c-accent-2); }
.cms-table tbody tr {
  border-bottom: 1px solid var(--c-border);
  cursor: pointer;
  transition: background 0.1s ease;
}
.cms-table tbody tr:hover { background: var(--c-surface-2); }
.cms-table tbody tr.selected { background: var(--c-accent-3); }
.cms-table tbody tr.selected:hover { background: #c9efd8; }
.cms-table tbody tr:last-child { border-bottom: 0; }
.cms-table tbody td {
  padding: 12px 16px;
  color: var(--c-ink-2);
  vertical-align: middle;
}
.cms-table tbody td strong { color: var(--c-ink); font-weight: 700; }
.cms-table code {
  background: var(--c-surface-2);
  border: 1px solid var(--c-border);
  padding: 1px 6px;
  border-radius: 4px;
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 11.5px;
  color: var(--c-muted);
}
.cms-table-actions {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.cms-table tbody tr:hover .cms-table-actions { opacity: 1; }
.cms-row-num { color: var(--c-muted-2); font-variant-numeric: tabular-nums; font-size: 12px; }

/* Pagination */
.cms-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  border-top: 1px solid var(--c-border);
  background: var(--c-surface-2);
  font-size: 12.5px;
  color: var(--c-muted);
}
.cms-pagination button {
  display: grid; place-items: center;
  width: 28px; height: 28px;
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  border-radius: 6px;
  color: var(--c-ink-2);
  cursor: pointer;
}
.cms-pagination button:hover:not(:disabled) { background: var(--c-surface-2); }
.cms-pagination button:disabled { opacity: 0.4; cursor: not-allowed; }
.cms-pagination .current { font-weight: 700; color: var(--c-ink); }

/* =============================================================================
   PILLS / STATUS
   ============================================================================= */
.cms-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.cms-pill.ok      { background: var(--c-accent-3); color: var(--c-accent-2); }
.cms-pill.warn    { background: var(--c-warn-2);   color: var(--c-warn); }
.cms-pill.danger  { background: var(--c-danger-2); color: var(--c-danger); }
.cms-pill.info    { background: var(--c-info-2);   color: var(--c-info); }
.cms-pill.muted   { background: var(--c-surface-2); color: var(--c-muted); border: 1px solid var(--c-border); }
.cms-pill-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

/* =============================================================================
   EMPTY STATE
   ============================================================================= */
.cms-empty {
  padding: 64px 24px;
  text-align: center;
  color: var(--c-muted);
}
.cms-empty-icon {
  display: grid; place-items: center;
  width: 56px; height: 56px;
  margin: 0 auto 16px;
  border-radius: 18px;
  background: var(--c-accent-3);
  color: var(--c-accent-2);
}
.cms-empty h3 { margin: 0 0 6px; color: var(--c-ink); font-size: 15px; font-weight: 700; }
.cms-empty p  { margin: 0 0 18px; font-size: 13px; max-width: 380px; margin-left: auto; margin-right: auto; line-height: 1.6; }

/* =============================================================================
   SKELETON
   ============================================================================= */
.cms-skel {
  background: linear-gradient(90deg, #eef3f0 0%, #f6f8f7 50%, #eef3f0 100%);
  background-size: 200% 100%;
  border-radius: 6px;
  animation: cms-skel-shimmer 1.4s ease-in-out infinite;
}
@keyframes cms-skel-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Spinner dùng chung (Loader2 xoay) — CMS-scope. */
.cms-app .cms-spin { animation: cms-spin 0.8s linear infinite; }
@keyframes cms-spin { to { transform: rotate(360deg); } }

/* Timeline "cây từng step" của một lần chạy job (Hangfire state history) */
.cms-app .cms-steps { display: flex; flex-direction: column; }
.cms-app .cms-step { position: relative; display: flex; gap: 12px; padding: 0 0 14px 4px; }
.cms-app .cms-step:not(:last-child)::before {
  content: ""; position: absolute; left: 9px; top: 14px; bottom: -2px; width: 2px; background: var(--c-border);
}
.cms-app .cms-step-dot {
  position: relative; z-index: 1; flex-shrink: 0;
  width: 12px; height: 12px; border-radius: 50%; margin-top: 3px;
  box-shadow: 0 0 0 3px var(--c-surface-2);
}
.cms-app .cms-step-body { min-width: 0; }

/* =============================================================================
   FORMS
   ============================================================================= */
.cms-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}
.cms-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cms-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  color: var(--c-ink-2);
}
.cms-label-help { font-weight: 500; color: var(--c-muted); font-size: 11.5px; }
.cms-label-required::after { content: "*"; color: var(--c-danger); margin-left: 3px; }

.cms-input,
.cms-textarea,
.cms-select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--c-border);
  border-radius: var(--r-sm);
  background: var(--c-surface);
  font-family: inherit;
  font-size: 13.5px;
  color: var(--c-ink);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cms-input:focus,
.cms-textarea:focus,
.cms-select:focus {
  outline: 0;
  border-color: var(--c-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-accent) 16%, transparent);
}
.cms-input.error,
.cms-textarea.error { border-color: var(--c-danger); }
.cms-input.with-icon { padding-left: 36px; }
.cms-input-wrap { position: relative; }
.cms-input-wrap > svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--c-muted); }
.cms-textarea { resize: vertical; min-height: 80px; line-height: 1.55; }

.cms-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-ink-2);
}
.cms-checkbox input[type="checkbox"] {
  width: 16px; height: 16px;
  accent-color: var(--c-accent);
  cursor: pointer;
}

.cms-help { font-size: 11.5px; color: var(--c-muted); margin-top: 4px; }
.cms-field-err { font-size: 11.5px; color: var(--c-danger); margin-top: 4px; font-weight: 600; }

/* Tags list input */
.cms-tags {
  display: flex; flex-wrap: wrap; gap: 4px;
  padding: 6px;
  border: 1px solid var(--c-border);
  border-radius: var(--r-sm);
  background: var(--c-surface);
  min-height: 38px;
  align-items: center;
}
.cms-tags input {
  flex: 1;
  border: 0; outline: 0;
  background: transparent;
  font-size: 13px;
  padding: 4px;
  min-width: 100px;
}
.cms-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 4px 3px 9px;
  background: var(--c-accent-3);
  color: var(--c-accent-2);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
.cms-tag button {
  display: grid; place-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: inherit;
  opacity: 0.7;
  padding: 0 2px;
  border-radius: 50%;
}
.cms-tag button:hover { opacity: 1; background: rgba(0,0,0,0.08); }

/* Color picker compact */
.cms-color-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 4px;
}
.cms-color-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--c-border);
  border-radius: var(--r-sm);
  padding: 6px 8px;
  background: var(--c-surface);
}
.cms-color-cell input[type="color"] {
  width: 28px; height: 28px;
  border: 0; padding: 0;
  background: transparent;
  cursor: pointer;
}
.cms-color-cell input[type="text"] {
  flex: 1;
  border: 0; outline: 0; background: transparent;
  font-size: 13px;
  font-family: "JetBrains Mono", Consolas, monospace;
  color: var(--c-ink);
}

/* =============================================================================
   DRAWER (slide-in editor)
   ============================================================================= */
.cms-backdrop {
  position: fixed; inset: 0; z-index: 80;
  background: rgba(15, 31, 23, 0.4);
  backdrop-filter: blur(4px);
}
.cms-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 81;
  width: min(680px, 96vw);
  background: var(--c-surface);
  display: flex;
  flex-direction: column;
  box-shadow: -24px 0 80px rgba(15, 31, 23, 0.2);
}
.cms-drawer.wide { width: min(960px, 96vw); }
.cms-drawer.modal {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  translate: -50% -50%;
  width: min(960px, calc(100vw - 48px));
  height: min(900px, calc(100vh - 48px));
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  box-shadow: 0 24px 80px rgba(15, 31, 23, 0.24);
  overflow: hidden;
}
.cms-drawer-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--c-border);
}
.cms-drawer-head h2 { margin: 0; font-size: 16px; font-weight: 800; color: var(--c-ink); }
.cms-drawer-head p { margin: 2px 0 0; font-size: 12.5px; color: var(--c-muted); }
.cms-drawer-close {
  margin-left: auto;
  display: grid; place-items: center;
  width: 32px; height: 32px;
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  border-radius: var(--r-sm);
  color: var(--c-muted);
  cursor: pointer;
}
.cms-drawer-close:hover { background: var(--c-surface-2); color: var(--c-ink); }
.cms-drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px 22px;
}
.cms-drawer-foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 22px;
  border-top: 1px solid var(--c-border);
  background: var(--c-surface-2);
}

/* Drawer two-column (form + preview) */
.cms-drawer-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  flex: 1;
  overflow: hidden;
}
.cms-drawer-split > .cms-drawer-body { border-right: 1px solid var(--c-border); }
.cms-drawer-preview {
  overflow-y: auto;
  padding: 20px 22px;
  background: linear-gradient(135deg, #ecfff5 0%, #f3fbff 100%);
}
.cms-drawer-preview-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  color: var(--c-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}

/* Tabs inside drawer */
.cms-tabs {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid var(--c-border);
  margin-bottom: 16px;
}
.cms-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  border: 0;
  background: transparent;
  font-weight: 700;
  font-size: 13px;
  color: var(--c-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.cms-tab:hover { color: var(--c-ink-2); }
.cms-tab.active { color: var(--c-accent-2); border-bottom-color: var(--c-accent); }

/* =============================================================================
   TOASTS
   ============================================================================= */
.cms-toasts {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  max-width: 380px;
}
.cms-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  box-shadow: var(--sh-lg);
  font-size: 13.5px;
  min-width: 280px;
}
.cms-toast-icon { flex-shrink: 0; margin-top: 1px; }
.cms-toast-body { flex: 1; }
.cms-toast strong { display: block; color: var(--c-ink); font-weight: 700; }
.cms-toast span { color: var(--c-muted); font-size: 12.5px; line-height: 1.55; }
.cms-toast.success { border-left: 3px solid var(--c-accent); }
.cms-toast.success .cms-toast-icon { color: var(--c-accent); }
.cms-toast.error { border-left: 3px solid var(--c-danger); }
.cms-toast.error .cms-toast-icon { color: var(--c-danger); }
.cms-toast.info { border-left: 3px solid var(--c-info); }
.cms-toast.info .cms-toast-icon { color: var(--c-info); }

/* =============================================================================
   CONFIRM MODAL — high contrast so destructive actions cannot be missed.
   Card is centered, larger than info panels, has a strong shadow and a loud
   icon. Buttons are full-height with explicit primary/danger colors.
   ============================================================================= */
.cms-confirm {
  position: fixed; inset: 0; z-index: 95;
  background: rgba(15, 31, 23, 0.62);
  backdrop-filter: blur(8px);
  display: grid;
  place-items: center;
  padding: 16px;
}
.cms-confirm-card {
  width: min(480px, 100%);
  background: var(--c-surface);
  border: 1px solid var(--c-border-2);
  border-radius: 18px;
  box-shadow:
    0 32px 80px rgba(15, 31, 23, 0.45),
    0 0 0 1px rgba(15, 31, 23, 0.06);
  padding: 32px 32px 24px;
  text-align: center;
}
.cms-confirm-icon {
  display: grid; place-items: center;
  width: 64px; height: 64px;
  border-radius: 50%;
  margin: 0 auto 18px;
  background: var(--c-danger-2);
  color: var(--c-danger);
  position: relative;
}
.cms-confirm-icon::after {
  /* Subtle "warning" ring around the icon — instant visual hierarchy. */
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px solid rgba(220, 38, 38, 0.18);
}
.cms-confirm-icon svg { width: 30px; height: 30px; }
.cms-confirm h3 {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 800;
  color: var(--c-ink);
  line-height: 1.35;
}
.cms-confirm p {
  margin: 0 0 24px;
  color: var(--c-ink-2);
  font-size: 14.5px;
  line-height: 1.6;
}
.cms-confirm-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-top: 18px;
  border-top: 1px solid var(--c-border);
  margin-top: 4px;
}
.cms-confirm-actions .cms-btn {
  flex: 1;
  min-width: 0;
  max-width: 180px;
  padding: 11px 18px;
  font-size: 14px;
  font-weight: 800;
  border-radius: 12px;
}
.cms-confirm-actions .cms-btn:not(.cms-btn-primary):not(.cms-btn-danger) {
  /* The "Hủy" (cancel) button — give it a visible outline so it doesn't
     blend into the white card background. */
  background: var(--c-surface-2);
  border-color: var(--c-border-2);
  color: var(--c-ink-2);
}
.cms-confirm-actions .cms-btn:not(.cms-btn-primary):not(.cms-btn-danger):hover {
  background: var(--c-bg);
  border-color: var(--c-muted-2);
}
.cms-confirm-actions .cms-btn-danger {
  /* Destructive action — pure red, big shadow so user can't miss it. */
  background: #dc2626;
  border-color: #dc2626;
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(220, 38, 38, 0.36);
}
.cms-confirm-actions .cms-btn-danger:hover { background: #b91c1c; border-color: #b91c1c; box-shadow: 0 10px 28px rgba(220, 38, 38, 0.45); }
.cms-confirm-actions .cms-btn-primary {
  background: var(--c-accent);
  border-color: var(--c-accent);
  color: #ffffff;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--c-accent) 34%, transparent);
}

.cms-app[data-theme="dark"] .cms-confirm {
  background: rgba(2, 8, 6, 0.76);
}
.cms-app[data-theme="dark"] .cms-confirm-card {
  box-shadow:
    0 32px 90px rgba(0, 0, 0, 0.72),
    0 0 0 1px rgba(136, 166, 152, 0.14);
}
.cms-app[data-theme="dark"] .cms-confirm-icon::after {
  border-color: rgba(248, 113, 113, 0.42);
}

/* =============================================================================
   DASHBOARD specific
   ============================================================================= */
.cms-dash-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.cms-dash-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 18px;
}

.cms-recent {
  display: flex;
  flex-direction: column;
}
.cms-recent-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--c-border);
}
.cms-recent-item:last-child { border-bottom: 0; }
.cms-recent-item:hover { background: var(--c-surface-2); }
.cms-recent-icon {
  display: grid; place-items: center;
  width: 32px; height: 32px;
  border-radius: var(--r-sm);
  background: var(--c-surface-2);
  color: var(--c-muted);
  flex-shrink: 0;
}
.cms-recent-body { flex: 1; min-width: 0; }
.cms-recent-body strong { display: block; font-size: 13px; color: var(--c-ink); font-weight: 700; }
.cms-recent-body span { display: block; font-size: 11.5px; color: var(--c-muted); margin-top: 1px; }
.cms-recent-time { font-size: 11.5px; color: var(--c-muted-2); font-weight: 600; white-space: nowrap; }

.cms-quick-action {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  margin-bottom: 8px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: transform 0.12s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.cms-quick-action:hover { transform: translateX(4px); border-color: var(--c-accent); box-shadow: var(--sh-md); }
.cms-quick-action-icon {
  display: grid; place-items: center;
  width: 36px; height: 36px;
  border-radius: var(--r-sm);
  background: var(--c-accent-3);
  color: var(--c-accent-2);
  flex-shrink: 0;
}
.cms-quick-action-body { flex: 1; }
.cms-quick-action-body strong { display: block; font-size: 13.5px; color: var(--c-ink); font-weight: 700; }
.cms-quick-action-body span { display: block; font-size: 12px; color: var(--c-muted); margin-top: 1px; }

/* =============================================================================
   BANNER PREVIEW (live preview in drawer)
   ============================================================================= */
.cms-banner-preview {
  position: relative;
  border-radius: var(--r-lg);
  padding: 24px;
  color: #fff;
  min-height: 220px;
  overflow: hidden;
  background-size: cover;
}
.cms-banner-preview-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.16);
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.cms-banner-preview h3 { margin: 0 0 6px; font-size: 22px; font-weight: 900; letter-spacing: -0.01em; }
.cms-banner-preview p  { margin: 0; font-size: 13px; opacity: 0.92; line-height: 1.55; }
.cms-banner-preview-ctas { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.cms-banner-preview-cta {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 8px 14px;
  background: rgba(255,255,255,0.94);
  color: var(--c-accent-2);
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
}
.cms-banner-preview-cta-secondary {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.5);
}

/* =============================================================================
   MARKDOWN EDITOR / PREVIEW
   ============================================================================= */
.cms-md-shell { border: 1px solid var(--c-border); border-radius: var(--r-sm); overflow: hidden; }
.cms-md-tabs {
  display: flex;
  gap: 2px;
  background: var(--c-surface-2);
  border-bottom: 1px solid var(--c-border);
  padding: 6px 6px 0;
}
.cms-md-tab {
  padding: 7px 12px;
  font-size: 12.5px;
  font-weight: 700;
  border: 0;
  background: transparent;
  color: var(--c-muted);
  cursor: pointer;
  border-radius: 6px 6px 0 0;
}
.cms-md-tab.active { background: var(--c-surface); color: var(--c-ink); border: 1px solid var(--c-border); border-bottom-color: var(--c-surface); margin-bottom: -1px; }
.cms-md-editor {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 14px 16px;
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 13px;
  line-height: 1.65;
  min-height: 320px;
  background: var(--c-surface);
  color: var(--c-ink);
  resize: vertical;
}
.cms-md-render {
  padding: 18px 20px;
  background: var(--c-surface);
  min-height: 320px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--c-ink-2);
}
.cms-md-render h1, .cms-md-render h2, .cms-md-render h3 { color: var(--c-ink); margin: 16px 0 8px; }
.cms-md-render h1 { font-size: 22px; }
.cms-md-render h2 { font-size: 18px; }
.cms-md-render h3 { font-size: 15.5px; }
.cms-md-render p { margin: 8px 0; }
.cms-md-render code { background: var(--c-surface-2); border: 1px solid var(--c-border); padding: 1px 5px; border-radius: 4px; font-size: 12.5px; }
.cms-md-render ul, .cms-md-render ol { padding-left: 22px; }
.cms-md-render li { margin: 4px 0; }
.cms-md-render hr { border: 0; height: 1px; background: var(--c-border); margin: 18px 0; }
.cms-md-render a { color: var(--c-accent-2); text-decoration: underline; }
.cms-md-render strong { color: var(--c-ink); }
.cms-md-render blockquote { border-left: 3px solid var(--c-accent); padding: 4px 0 4px 14px; margin: 12px 0; color: var(--c-muted); }

/* WYSIWYG article editor. Markdown content from older posts is converted to
   HTML on the first edit, while the source tab remains available for cleanup. */
.cms-rich-shell {
  border: 1px solid var(--c-border);
  border-radius: var(--r-sm);
  overflow: hidden;
  background: var(--c-surface);
}
.cms-rich-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px;
  border-bottom: 1px solid var(--c-border);
  background: var(--c-surface-2);
}
.cms-rich-toolbar button {
  display: grid;
  place-items: center;
  width: 32px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--c-ink-2);
  cursor: pointer;
}
.cms-rich-toolbar button:hover {
  border-color: var(--c-border-2);
  background: var(--c-surface);
  color: var(--c-accent-2);
}
.cms-rich-editor {
  min-height: 420px;
  padding: 20px 22px;
  outline: 0;
  color: var(--c-ink-2);
  font-size: 15px;
  line-height: 1.75;
}
.cms-rich-editor:empty::before {
  content: attr(data-placeholder);
  color: var(--c-muted-2);
  pointer-events: none;
}
.cms-rich-editor h1, .cms-rich-editor h2, .cms-rich-editor h3,
.cms-rich-preview h1, .cms-rich-preview h2, .cms-rich-preview h3 {
  color: var(--c-ink);
  line-height: 1.3;
  margin: 20px 0 10px;
}
.cms-rich-editor h2, .cms-rich-preview h2 { font-size: 22px; }
.cms-rich-editor h3, .cms-rich-preview h3 { font-size: 18px; }
.cms-rich-editor p, .cms-rich-preview p { margin: 10px 0; }
.cms-rich-editor img, .cms-rich-preview img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 18px auto;
  border-radius: 10px;
}
.cms-rich-editor table, .cms-rich-preview table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
}
.cms-rich-editor th, .cms-rich-editor td,
.cms-rich-preview th, .cms-rich-preview td {
  padding: 8px 10px;
  border: 1px solid var(--c-border);
  text-align: left;
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */
@media (max-width: 1100px) {
  .cms-dash-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-dash-row  { grid-template-columns: 1fr; }
  .cms-drawer-split { grid-template-columns: 1fr; }
  .cms-drawer-split > .cms-drawer-preview { display: none; }
}
@media (max-width: 960px) {
  .cms-shell { grid-template-columns: 1fr; }
  .cms-rail, .cms-panel {
    position: fixed; top: 0; height: 100vh;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
  }
  .cms-rail  { left: 0;  z-index: 96; }
  .cms-panel { left: 72px; width: 232px; z-index: 95; }
  .cms-shell.drawer-open .cms-rail,
  .cms-shell.drawer-open .cms-panel { transform: translateX(0); }
  .cms-scrim {
    display: block; position: fixed; inset: 0;
    background: rgba(28, 37, 46, 0.42); opacity: 0; pointer-events: none;
    transition: opacity 0.2s ease; z-index: 94;
  }
  .cms-shell.drawer-open .cms-scrim { opacity: 1; pointer-events: auto; }
  .cms-hamburger { display: inline-flex !important; }
  .cms-main   { padding: 16px 16px 60px; }
  .cms-search { max-width: none; }
}
@media (max-width: 560px) {
  .cms-hide-sm { display: none; }
  .cms-header-inner { padding: 12px 16px; gap: 10px; }
  .cms-header-crumb { padding: 0 16px 10px; }
  .cms-header-btn-ghost { padding: 7px 9px; }
}

/* =============================================================================
   THEME CUSTOMIZER — panel chọn sáng-tối / màu / font (scope .cms-app).
   ============================================================================= */
.cms-cust-overlay {
  position: fixed;
  inset: 0;
  background: rgba(28, 37, 46, 0.42);
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 120;
}
.cms-cust-overlay.open { opacity: 1; pointer-events: auto; }

.cms-cust {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 320px;
  max-width: 88vw;
  background: var(--c-surface);
  border-left: 1px solid var(--c-border);
  box-shadow: var(--sh-xl);
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 121;
  display: flex;
  flex-direction: column;
}
.cms-cust.open { transform: translateX(0); }

.cms-cust-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid var(--c-border);
}
.cms-cust-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 14.5px;
  color: var(--c-ink);
}
.cms-cust-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--r-sm);
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  color: var(--c-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}
.cms-cust-icon:hover { color: var(--c-ink); border-color: var(--c-border-2); background: var(--c-surface-2); }

.cms-cust-body { padding: 18px; overflow-y: auto; }
.cms-cust-section {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--c-muted-2);
  margin: 18px 0 10px;
}
.cms-cust-section:first-child { margin-top: 0; }

/* Chế độ sáng / tối */
.cms-cust-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cms-cust-mode {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 10px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--c-border);
  background: var(--c-surface-2);
  color: var(--c-muted);
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.cms-cust-mode:hover { border-color: var(--c-border-2); color: var(--c-ink); }
.cms-cust-mode.active {
  border-color: var(--c-accent);
  color: var(--c-accent);
  background: var(--c-accent-3);
}

/* Swatch màu */
.cms-cust-swatches { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.cms-cust-swatch {
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid transparent;
  background: var(--sw);
  cursor: pointer;
  display: grid;
  place-items: center;
  color: #fff;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--sw) 40%, transparent);
  transition: transform 0.12s ease, box-shadow 0.15s ease;
}
.cms-cust-swatch:hover { transform: scale(1.08); }
.cms-cust-swatch.active {
  border-color: var(--c-surface);
  box-shadow: 0 0 0 2px var(--sw), 0 2px 8px color-mix(in srgb, var(--sw) 45%, transparent);
}

/* Font */
.cms-cust-fonts { display: flex; flex-direction: column; gap: 8px; }
.cms-cust-font {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--c-border);
  background: var(--c-surface-2);
  color: var(--c-ink-2);
  font-weight: 700;
  font-size: 13.5px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.cms-cust-font:hover { border-color: var(--c-border-2); }
.cms-cust-font.active { border-color: var(--c-accent); color: var(--c-accent); background: var(--c-accent-3); }
.cms-cust-font-demo { font-size: 18px; font-weight: 800; opacity: 0.85; }

/* ── TipTap WYSIWYG (RichTextEditor) — dùng lại style .cms-rich-* ──────────── */
.cms-rich-toolbar button.is-active {
  border-color: var(--c-border-2);
  background: var(--c-surface);
  color: var(--c-accent-2);
}
.cms-rich-toolbar button:disabled { opacity: .4; cursor: default; }
.cms-rich-sep { width: 1px; align-self: stretch; margin: 2px 3px; background: var(--c-border); }
.cms-tiptap {
  min-height: 420px;
  max-height: 640px;
  overflow-y: auto;
  padding: 20px 22px;
  outline: 0;
  color: var(--c-ink-2);
  font-size: 15px;
  line-height: 1.75;
}
.cms-tiptap:focus { outline: 0; }
.cms-tiptap h2, .cms-tiptap h3, .cms-tiptap h4 { color: var(--c-ink); line-height: 1.3; margin: 20px 0 10px; }
.cms-tiptap h2 { font-size: 22px; }
.cms-tiptap h3 { font-size: 18px; }
.cms-tiptap h4 { font-size: 16px; }
.cms-tiptap p { margin: 10px 0; }
.cms-tiptap ul, .cms-tiptap ol { margin: 10px 0; padding-left: 24px; }
.cms-tiptap blockquote { margin: 14px 0; padding: 6px 16px; border-left: 3px solid var(--c-accent-2); color: var(--c-muted); }
.cms-tiptap a { color: var(--c-accent-2); text-decoration: underline; }
.cms-tiptap code { background: var(--c-surface-2); padding: 1px 5px; border-radius: 4px; font-size: 13px; }
.cms-tiptap img { display: block; max-width: 100%; height: auto; margin: 18px auto; border-radius: 10px; }
.cms-tiptap img.ProseMirror-selectednode { outline: 2px solid var(--c-accent-2); }
.cms-tiptap table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.cms-tiptap th, .cms-tiptap td { padding: 8px 10px; border: 1px solid var(--c-border); text-align: left; }
.cms-tiptap th { background: var(--c-surface-2); font-weight: 600; }
/* Placeholder (extension-placeholder) */
.cms-tiptap p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  color: var(--c-muted-2);
  float: left;
  height: 0;
  pointer-events: none;
}

/* Nhãn nhóm trường trong EditDrawer (vd "SEO") */
.cms-form-section {
  margin: 18px 0 8px;
  padding-top: 14px;
  border-top: 1px dashed var(--c-border);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--c-muted);
}

/* Nút chọn màu chữ / highlight trong toolbar TipTap */
.cms-rich-toolbar .cbx-color {
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--c-ink-2);
  cursor: pointer;
}
.cms-rich-toolbar .cbx-color:hover { border-color: var(--c-border-2); background: var(--c-surface); color: var(--c-accent-2); }
.cms-rich-toolbar .cbx-color input[type="color"] {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; cursor: pointer; padding: 0; border: 0;
}

/* Dropdown cỡ chữ trên toolbar */
.cms-rich-toolbar .cms-rich-size {
  height: 30px; border: 1px solid var(--c-border); border-radius: 6px;
  background: var(--c-surface); color: var(--c-ink); font-size: 12px;
  padding: 0 6px; cursor: pointer;
}
.cms-rich-toolbar .cms-rich-size:hover { border-color: var(--c-border-2); }

/* Danh sách checkbox (task list) trong editor */
.cms-tiptap ul[data-type="taskList"] { list-style: none; margin: 10px 0; padding-left: 2px; }
.cms-tiptap ul[data-type="taskList"] li { display: flex; align-items: flex-start; gap: 8px; margin: 6px 0; }
.cms-tiptap ul[data-type="taskList"] li > label { flex: 0 0 auto; margin-top: 2px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.cms-tiptap ul[data-type="taskList"] li > div { flex: 1 1 auto; }
.cms-tiptap ul[data-type="taskList"] li > div > p { margin: 0; }
.cms-tiptap ul[data-type="taskList"] input[type="checkbox"] {
  width: 16px; height: 16px; accent-color: var(--c-accent-2); cursor: pointer;
}

/* Nhãn (badge/pill): nền màu rộng hơn chữ + bo tròn */
.cms-tiptap [data-badge] {
  display: inline-block; padding: .22em .85em; border-radius: 999px;
  font-weight: 600; line-height: 1.5; background: #dbeafe;
}

/* Khối mã (code block) */
.cms-tiptap pre {
  background: #1e293b; color: #e2e8f0; padding: 12px 14px; border-radius: 8px;
  overflow-x: auto; margin: 14px 0; font-size: 13px; line-height: 1.6;
}
.cms-tiptap pre code { background: none; color: inherit; padding: 0; }

/* Video nhúng (YouTube) responsive 16:9 */
.cms-tiptap div[data-youtube-video] { position: relative; padding-bottom: 56.25%; height: 0; margin: 16px 0; }
.cms-tiptap div[data-youtube-video] iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 10px; }

/* Đếm từ / ký tự */
.cms-rich-count {
  padding: 6px 12px; font-size: 12px; color: var(--c-muted);
  border-top: 1px solid var(--c-border); background: var(--c-surface-2);
  border-radius: 0 0 8px 8px;
}

/* Ảnh: kéo góc đổi kích thước + canh trái/giữa/phải (chữ chạy quanh) */
.cms-img-nv { margin: 12px 0; max-width: 100%; }
.cms-img-nv.align-left { float: left; margin: 4px 18px 10px 0; max-width: 72%; }
.cms-img-nv.align-right { float: right; margin: 4px 0 10px 18px; max-width: 72%; }
.cms-img-nv.align-center { text-align: center; }
.cms-img-box { position: relative; display: inline-block; max-width: 100%; line-height: 0; }
.cms-img-box > img { display: block; max-width: 100%; height: auto; margin: 0; border-radius: 10px; }
.cms-img-nv.is-selected .cms-img-box > img { outline: 2px solid var(--c-accent-2); outline-offset: 2px; }
.cms-img-handle {
  position: absolute; right: -7px; bottom: -7px; width: 14px; height: 14px;
  background: var(--c-accent-2); border: 2px solid #fff; border-radius: 3px;
  cursor: nwse-resize; box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.cms-img-bar {
  position: absolute; top: 8px; left: 8px; display: flex; gap: 2px; z-index: 2;
  background: rgba(15,23,42,.82); border-radius: 8px; padding: 3px;
}
.cms-img-bar button {
  display: grid; place-items: center; width: 26px; height: 26px;
  color: #fff; background: transparent; border: 0; border-radius: 5px; cursor: pointer;
}
.cms-img-bar button:hover { background: rgba(255,255,255,.22); }
.cms-tiptap::after { content: ""; display: block; clear: both; }
/* Variables declaration */
.rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */

  --rdp-day-height: 44px; /* The height of the day cells. */
  --rdp-day-width: 44px; /* The width of the day cells. */

  --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
  --rdp-day_button-height: 42px; /* The height of the day cells. */
  --rdp-day_button-width: 42px; /* The width of the day cells. */

  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */

  --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */

  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */

  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */

  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit; /* The color of the range text. */

  --rdp-range_start-color: white; /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(
    var(--rdp-gradient-direction),
    transparent 50%,
    var(--rdp-range_middle-background-color) 50%
  ); /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */

  --rdp-range_end-background: linear-gradient(
    var(--rdp-gradient-direction),
    var(--rdp-range_middle-background-color) 50%,
    transparent 50%
  ); /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white; /* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */

  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */

  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-gradient-direction: 90deg;

  --rdp-animation_duration: 0.3s;
  --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
}

.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}

.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}

/* Root of the component. */
.rdp-root {
  position: relative; /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}

.rdp-root * {
  box-sizing: border-box;
}

.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;

  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}

.rdp-day_button:disabled {
  cursor: revert;
}

.rdp-caption_label {
  z-index: 1;

  position: relative;
  display: inline-flex;
  align-items: center;

  white-space: nowrap;
  border: 0;
}

.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
  outline: 5px auto -webkit-focus-ring-color;
}

.rdp-button_next,
.rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;

  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}

.rdp-button_next:disabled,
.rdp-button_next[aria-disabled="true"],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled="true"] {
  cursor: revert;

  opacity: var(--rdp-nav_button-disabled-opacity);
}

.rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
  z-index: 2;

  /* Reset */
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}

.rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}

.rdp-root[data-nav-layout="around"] .rdp-month,
.rdp-root[data-nav-layout="after"] .rdp-month {
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption {
  justify-content: center;
  margin-inline-start: var(--rdp-nav_button-width);
  margin-inline-end: var(--rdp-nav_button-width);
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
  justify-content: center;
}

.rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.rdp-month_grid {
  border-collapse: collapse;
}

.rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;

  display: flex;
  align-items: center;

  height: var(--rdp-nav-height);
}

.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}

.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}

/* DAY MODIFIERS */
.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.rdp-selected {
  font-weight: bold;
  font-size: large;
}

.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.rdp-disabled:not(.rdp-selected) {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.rdp-range_start {
  background: var(--rdp-range_start-background);
}

.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.rdp-range_middle .rdp-day_button {
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.rdp-range_start.rdp-range_end {
  background: revert;
}

.rdp-focusable {
  cursor: pointer;
}

@keyframes rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.rdp-weeks_before_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_before_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

@keyframes rdp-fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes rdp-fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.rdp-caption_after_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_after_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
	background: transparent;
}
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}


/* SaaSLyn template CSS — SCOPED under `.saas-scope` (see scripts/scope-saaslyn-css.mjs).
 * Import this once from MarketingLayout. Only the `*.scoped.css` files are used;
 * the raw `*.css` originals are kept next to them purely so the scoping script
 * can be re-run. Nothing here leaks outside a `.saas-scope` wrapper. */
/* AUTO-GENERATED from bootstrap.min.css by scripts/scope-saaslyn-css.mjs — do not edit by hand. */
/*!
 * Bootstrap v5.0.0-beta3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--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-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.saas-scope *,.saas-scope ::after,.saas-scope ::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
.saas-scope{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
.saas-scope hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
.saas-scope hr:not([size]){height:1px}
.saas-scope .h1,.saas-scope .h2,.saas-scope .h3,.saas-scope .h4,.saas-scope .h5,.saas-scope .h6,.saas-scope h1,.saas-scope h2,.saas-scope h3,.saas-scope h4,.saas-scope h5,.saas-scope h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
.saas-scope .h1,.saas-scope h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){.saas-scope .h1,.saas-scope h1{font-size:2.5rem}}
.saas-scope .h2,.saas-scope h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.saas-scope .h2,.saas-scope h2{font-size:2rem}}
.saas-scope .h3,.saas-scope h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.saas-scope .h3,.saas-scope h3{font-size:1.75rem}}
.saas-scope .h4,.saas-scope h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){.saas-scope .h4,.saas-scope h4{font-size:1.5rem}}
.saas-scope .h5,.saas-scope h5{font-size:1.25rem}
.saas-scope .h6,.saas-scope h6{font-size:1rem}
.saas-scope p{margin-top:0;margin-bottom:1rem}
.saas-scope abbr[data-bs-original-title],.saas-scope abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
.saas-scope address{margin-bottom:1rem;font-style:normal;line-height:inherit}
.saas-scope ol,.saas-scope ul{padding-left:2rem}
.saas-scope dl,.saas-scope ol,.saas-scope ul{margin-top:0;margin-bottom:1rem}
.saas-scope ol ol,.saas-scope ol ul,.saas-scope ul ol,.saas-scope ul ul{margin-bottom:0}
.saas-scope dt{font-weight:700}
.saas-scope dd{margin-bottom:.5rem;margin-left:0}
.saas-scope blockquote{margin:0 0 1rem}
.saas-scope b,.saas-scope strong{font-weight:bolder}
.saas-scope .small,.saas-scope small{font-size:.875em}
.saas-scope .mark,.saas-scope mark{padding:.2em;background-color:#fcf8e3}
.saas-scope sub,.saas-scope sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
.saas-scope sub{bottom:-.25em}
.saas-scope sup{top:-.5em}
.saas-scope a{color:#0d6efd;text-decoration:underline}
.saas-scope a:hover{color:#0a58ca}
.saas-scope a:not([href]):not([class]),.saas-scope a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
.saas-scope code,.saas-scope kbd,.saas-scope pre,.saas-scope samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
.saas-scope pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
.saas-scope pre code{font-size:inherit;color:inherit;word-break:normal}
.saas-scope code{font-size:.875em;color:#d63384;word-wrap:break-word}
.saas-scope a>code{color:inherit}
.saas-scope kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}
.saas-scope kbd kbd{padding:0;font-size:1em;font-weight:700}
.saas-scope figure{margin:0 0 1rem}
.saas-scope img,.saas-scope svg{vertical-align:middle}
.saas-scope table{caption-side:bottom;border-collapse:collapse}
.saas-scope caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}
.saas-scope th{text-align:inherit;text-align:-webkit-match-parent}
.saas-scope tbody,.saas-scope td,.saas-scope tfoot,.saas-scope th,.saas-scope thead,.saas-scope tr{border-color:inherit;border-style:solid;border-width:0}
.saas-scope label{display:inline-block}
.saas-scope button{border-radius:0}
.saas-scope button:focus:not(:focus-visible){outline:0}
.saas-scope button,.saas-scope input,.saas-scope optgroup,.saas-scope select,.saas-scope textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
.saas-scope button,.saas-scope select{text-transform:none}
.saas-scope [role=button]{cursor:pointer}
.saas-scope select{word-wrap:normal}
.saas-scope select:disabled{opacity:1}
.saas-scope [list]::-webkit-calendar-picker-indicator{display:none}
.saas-scope [type=button],.saas-scope [type=reset],.saas-scope [type=submit],.saas-scope button{-webkit-appearance:button}
.saas-scope [type=button]:not(:disabled),.saas-scope [type=reset]:not(:disabled),.saas-scope [type=submit]:not(:disabled),.saas-scope button:not(:disabled){cursor:pointer}
.saas-scope ::-moz-focus-inner{padding:0;border-style:none}
.saas-scope textarea{resize:vertical}
.saas-scope fieldset{min-width:0;padding:0;margin:0;border:0}
.saas-scope legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){.saas-scope legend{font-size:1.5rem}}
.saas-scope legend+*{clear:left}
.saas-scope ::-webkit-datetime-edit-day-field,.saas-scope ::-webkit-datetime-edit-fields-wrapper,.saas-scope ::-webkit-datetime-edit-hour-field,.saas-scope ::-webkit-datetime-edit-minute,.saas-scope ::-webkit-datetime-edit-month-field,.saas-scope ::-webkit-datetime-edit-text,.saas-scope ::-webkit-datetime-edit-year-field{padding:0}
.saas-scope ::-webkit-inner-spin-button{height:auto}
.saas-scope [type=search]{outline-offset:-2px;-webkit-appearance:textfield}
.saas-scope ::-webkit-search-decoration{-webkit-appearance:none}
.saas-scope ::-webkit-color-swatch-wrapper{padding:0}
.saas-scope ::file-selector-button{font:inherit}
.saas-scope ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
.saas-scope output{display:inline-block}
.saas-scope iframe{border:0}
.saas-scope summary{display:list-item;cursor:pointer}
.saas-scope progress{vertical-align:baseline}
.saas-scope [hidden]{display:none!important}
.saas-scope .lead{font-size:1.25rem;font-weight:300}
.saas-scope .display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.saas-scope .display-1{font-size:5rem}}
.saas-scope .display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.saas-scope .display-2{font-size:4.5rem}}
.saas-scope .display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.saas-scope .display-3{font-size:4rem}}
.saas-scope .display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.saas-scope .display-4{font-size:3.5rem}}
.saas-scope .display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.saas-scope .display-5{font-size:3rem}}
.saas-scope .display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}
@media (min-width:1200px){.saas-scope .display-6{font-size:2.5rem}}
.saas-scope .list-unstyled{padding-left:0;list-style:none}
.saas-scope .list-inline{padding-left:0;list-style:none}
.saas-scope .list-inline-item{display:inline-block}
.saas-scope .list-inline-item:not(:last-child){margin-right:.5rem}
.saas-scope .initialism{font-size:.875em;text-transform:uppercase}
.saas-scope .blockquote{margin-bottom:1rem;font-size:1.25rem}
.saas-scope .blockquote>:last-child{margin-bottom:0}
.saas-scope .blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}
.saas-scope .blockquote-footer::before{content:"— "}
.saas-scope .img-fluid{max-width:100%;height:auto}
.saas-scope .img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}
.saas-scope .figure{display:inline-block}
.saas-scope .figure-img{margin-bottom:.5rem;line-height:1}
.saas-scope .figure-caption{font-size:.875em;color:#6c757d}
.saas-scope .container,.saas-scope .container-fluid,.saas-scope .container-lg,.saas-scope .container-md,.saas-scope .container-sm,.saas-scope .container-xl,.saas-scope .container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.saas-scope .container,.saas-scope .container-sm{max-width:540px}}
@media (min-width:768px){.saas-scope .container,.saas-scope .container-md,.saas-scope .container-sm{max-width:720px}}
@media (min-width:992px){.saas-scope .container,.saas-scope .container-lg,.saas-scope .container-md,.saas-scope .container-sm{max-width:960px}}
@media (min-width:1200px){.saas-scope .container,.saas-scope .container-lg,.saas-scope .container-md,.saas-scope .container-sm,.saas-scope .container-xl{max-width:1140px}}
@media (min-width:1400px){.saas-scope .container,.saas-scope .container-lg,.saas-scope .container-md,.saas-scope .container-sm,.saas-scope .container-xl,.saas-scope .container-xxl{max-width:1320px}}
.saas-scope .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}
.saas-scope .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}
.saas-scope .col{flex:1 0 0%}
.saas-scope .row-cols-auto>*{flex:0 0 auto;width:auto}
.saas-scope .row-cols-1>*{flex:0 0 auto;width:100%}
.saas-scope .row-cols-2>*{flex:0 0 auto;width:50%}
.saas-scope .row-cols-3>*{flex:0 0 auto;width:33.3333333333%}
.saas-scope .row-cols-4>*{flex:0 0 auto;width:25%}
.saas-scope .row-cols-5>*{flex:0 0 auto;width:20%}
.saas-scope .row-cols-6>*{flex:0 0 auto;width:16.6666666667%}
.saas-scope .col-auto{flex:0 0 auto;width:auto}
.saas-scope .col-1{flex:0 0 auto;width:8.3333333333%}
.saas-scope .col-2{flex:0 0 auto;width:16.6666666667%}
.saas-scope .col-3{flex:0 0 auto;width:25%}
.saas-scope .col-4{flex:0 0 auto;width:33.3333333333%}
.saas-scope .col-5{flex:0 0 auto;width:41.6666666667%}
.saas-scope .col-6{flex:0 0 auto;width:50%}
.saas-scope .col-7{flex:0 0 auto;width:58.3333333333%}
.saas-scope .col-8{flex:0 0 auto;width:66.6666666667%}
.saas-scope .col-9{flex:0 0 auto;width:75%}
.saas-scope .col-10{flex:0 0 auto;width:83.3333333333%}
.saas-scope .col-11{flex:0 0 auto;width:91.6666666667%}
.saas-scope .col-12{flex:0 0 auto;width:100%}
.saas-scope .offset-1{margin-left:8.3333333333%}
.saas-scope .offset-2{margin-left:16.6666666667%}
.saas-scope .offset-3{margin-left:25%}
.saas-scope .offset-4{margin-left:33.3333333333%}
.saas-scope .offset-5{margin-left:41.6666666667%}
.saas-scope .offset-6{margin-left:50%}
.saas-scope .offset-7{margin-left:58.3333333333%}
.saas-scope .offset-8{margin-left:66.6666666667%}
.saas-scope .offset-9{margin-left:75%}
.saas-scope .offset-10{margin-left:83.3333333333%}
.saas-scope .offset-11{margin-left:91.6666666667%}
.saas-scope .g-0,.saas-scope .gx-0{--bs-gutter-x:0}
.saas-scope .g-0,.saas-scope .gy-0{--bs-gutter-y:0}
.saas-scope .g-1,.saas-scope .gx-1{--bs-gutter-x:0.25rem}
.saas-scope .g-1,.saas-scope .gy-1{--bs-gutter-y:0.25rem}
.saas-scope .g-2,.saas-scope .gx-2{--bs-gutter-x:0.5rem}
.saas-scope .g-2,.saas-scope .gy-2{--bs-gutter-y:0.5rem}
.saas-scope .g-3,.saas-scope .gx-3{--bs-gutter-x:1rem}
.saas-scope .g-3,.saas-scope .gy-3{--bs-gutter-y:1rem}
.saas-scope .g-4,.saas-scope .gx-4{--bs-gutter-x:1.5rem}
.saas-scope .g-4,.saas-scope .gy-4{--bs-gutter-y:1.5rem}
.saas-scope .g-5,.saas-scope .gx-5{--bs-gutter-x:3rem}
.saas-scope .g-5,.saas-scope .gy-5{--bs-gutter-y:3rem}
@media (min-width:576px){.saas-scope .col-sm{flex:1 0 0%}.saas-scope .row-cols-sm-auto>*{flex:0 0 auto;width:auto}.saas-scope .row-cols-sm-1>*{flex:0 0 auto;width:100%}.saas-scope .row-cols-sm-2>*{flex:0 0 auto;width:50%}.saas-scope .row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.saas-scope .row-cols-sm-4>*{flex:0 0 auto;width:25%}.saas-scope .row-cols-sm-5>*{flex:0 0 auto;width:20%}.saas-scope .row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-sm-auto{flex:0 0 auto;width:auto}.saas-scope .col-sm-1{flex:0 0 auto;width:8.3333333333%}.saas-scope .col-sm-2{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-sm-3{flex:0 0 auto;width:25%}.saas-scope .col-sm-4{flex:0 0 auto;width:33.3333333333%}.saas-scope .col-sm-5{flex:0 0 auto;width:41.6666666667%}.saas-scope .col-sm-6{flex:0 0 auto;width:50%}.saas-scope .col-sm-7{flex:0 0 auto;width:58.3333333333%}.saas-scope .col-sm-8{flex:0 0 auto;width:66.6666666667%}.saas-scope .col-sm-9{flex:0 0 auto;width:75%}.saas-scope .col-sm-10{flex:0 0 auto;width:83.3333333333%}.saas-scope .col-sm-11{flex:0 0 auto;width:91.6666666667%}.saas-scope .col-sm-12{flex:0 0 auto;width:100%}.saas-scope .offset-sm-0{margin-left:0}.saas-scope .offset-sm-1{margin-left:8.3333333333%}.saas-scope .offset-sm-2{margin-left:16.6666666667%}.saas-scope .offset-sm-3{margin-left:25%}.saas-scope .offset-sm-4{margin-left:33.3333333333%}.saas-scope .offset-sm-5{margin-left:41.6666666667%}.saas-scope .offset-sm-6{margin-left:50%}.saas-scope .offset-sm-7{margin-left:58.3333333333%}.saas-scope .offset-sm-8{margin-left:66.6666666667%}.saas-scope .offset-sm-9{margin-left:75%}.saas-scope .offset-sm-10{margin-left:83.3333333333%}.saas-scope .offset-sm-11{margin-left:91.6666666667%}.saas-scope .g-sm-0,.saas-scope .gx-sm-0{--bs-gutter-x:0}.saas-scope .g-sm-0,.saas-scope .gy-sm-0{--bs-gutter-y:0}.saas-scope .g-sm-1,.saas-scope .gx-sm-1{--bs-gutter-x:0.25rem}.saas-scope .g-sm-1,.saas-scope .gy-sm-1{--bs-gutter-y:0.25rem}.saas-scope .g-sm-2,.saas-scope .gx-sm-2{--bs-gutter-x:0.5rem}.saas-scope .g-sm-2,.saas-scope .gy-sm-2{--bs-gutter-y:0.5rem}.saas-scope .g-sm-3,.saas-scope .gx-sm-3{--bs-gutter-x:1rem}.saas-scope .g-sm-3,.saas-scope .gy-sm-3{--bs-gutter-y:1rem}.saas-scope .g-sm-4,.saas-scope .gx-sm-4{--bs-gutter-x:1.5rem}.saas-scope .g-sm-4,.saas-scope .gy-sm-4{--bs-gutter-y:1.5rem}.saas-scope .g-sm-5,.saas-scope .gx-sm-5{--bs-gutter-x:3rem}.saas-scope .g-sm-5,.saas-scope .gy-sm-5{--bs-gutter-y:3rem}}
@media (min-width:768px){.saas-scope .col-md{flex:1 0 0%}.saas-scope .row-cols-md-auto>*{flex:0 0 auto;width:auto}.saas-scope .row-cols-md-1>*{flex:0 0 auto;width:100%}.saas-scope .row-cols-md-2>*{flex:0 0 auto;width:50%}.saas-scope .row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.saas-scope .row-cols-md-4>*{flex:0 0 auto;width:25%}.saas-scope .row-cols-md-5>*{flex:0 0 auto;width:20%}.saas-scope .row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-md-auto{flex:0 0 auto;width:auto}.saas-scope .col-md-1{flex:0 0 auto;width:8.3333333333%}.saas-scope .col-md-2{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-md-3{flex:0 0 auto;width:25%}.saas-scope .col-md-4{flex:0 0 auto;width:33.3333333333%}.saas-scope .col-md-5{flex:0 0 auto;width:41.6666666667%}.saas-scope .col-md-6{flex:0 0 auto;width:50%}.saas-scope .col-md-7{flex:0 0 auto;width:58.3333333333%}.saas-scope .col-md-8{flex:0 0 auto;width:66.6666666667%}.saas-scope .col-md-9{flex:0 0 auto;width:75%}.saas-scope .col-md-10{flex:0 0 auto;width:83.3333333333%}.saas-scope .col-md-11{flex:0 0 auto;width:91.6666666667%}.saas-scope .col-md-12{flex:0 0 auto;width:100%}.saas-scope .offset-md-0{margin-left:0}.saas-scope .offset-md-1{margin-left:8.3333333333%}.saas-scope .offset-md-2{margin-left:16.6666666667%}.saas-scope .offset-md-3{margin-left:25%}.saas-scope .offset-md-4{margin-left:33.3333333333%}.saas-scope .offset-md-5{margin-left:41.6666666667%}.saas-scope .offset-md-6{margin-left:50%}.saas-scope .offset-md-7{margin-left:58.3333333333%}.saas-scope .offset-md-8{margin-left:66.6666666667%}.saas-scope .offset-md-9{margin-left:75%}.saas-scope .offset-md-10{margin-left:83.3333333333%}.saas-scope .offset-md-11{margin-left:91.6666666667%}.saas-scope .g-md-0,.saas-scope .gx-md-0{--bs-gutter-x:0}.saas-scope .g-md-0,.saas-scope .gy-md-0{--bs-gutter-y:0}.saas-scope .g-md-1,.saas-scope .gx-md-1{--bs-gutter-x:0.25rem}.saas-scope .g-md-1,.saas-scope .gy-md-1{--bs-gutter-y:0.25rem}.saas-scope .g-md-2,.saas-scope .gx-md-2{--bs-gutter-x:0.5rem}.saas-scope .g-md-2,.saas-scope .gy-md-2{--bs-gutter-y:0.5rem}.saas-scope .g-md-3,.saas-scope .gx-md-3{--bs-gutter-x:1rem}.saas-scope .g-md-3,.saas-scope .gy-md-3{--bs-gutter-y:1rem}.saas-scope .g-md-4,.saas-scope .gx-md-4{--bs-gutter-x:1.5rem}.saas-scope .g-md-4,.saas-scope .gy-md-4{--bs-gutter-y:1.5rem}.saas-scope .g-md-5,.saas-scope .gx-md-5{--bs-gutter-x:3rem}.saas-scope .g-md-5,.saas-scope .gy-md-5{--bs-gutter-y:3rem}}
@media (min-width:992px){.saas-scope .col-lg{flex:1 0 0%}.saas-scope .row-cols-lg-auto>*{flex:0 0 auto;width:auto}.saas-scope .row-cols-lg-1>*{flex:0 0 auto;width:100%}.saas-scope .row-cols-lg-2>*{flex:0 0 auto;width:50%}.saas-scope .row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.saas-scope .row-cols-lg-4>*{flex:0 0 auto;width:25%}.saas-scope .row-cols-lg-5>*{flex:0 0 auto;width:20%}.saas-scope .row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-lg-auto{flex:0 0 auto;width:auto}.saas-scope .col-lg-1{flex:0 0 auto;width:8.3333333333%}.saas-scope .col-lg-2{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-lg-3{flex:0 0 auto;width:25%}.saas-scope .col-lg-4{flex:0 0 auto;width:33.3333333333%}.saas-scope .col-lg-5{flex:0 0 auto;width:41.6666666667%}.saas-scope .col-lg-6{flex:0 0 auto;width:50%}.saas-scope .col-lg-7{flex:0 0 auto;width:58.3333333333%}.saas-scope .col-lg-8{flex:0 0 auto;width:66.6666666667%}.saas-scope .col-lg-9{flex:0 0 auto;width:75%}.saas-scope .col-lg-10{flex:0 0 auto;width:83.3333333333%}.saas-scope .col-lg-11{flex:0 0 auto;width:91.6666666667%}.saas-scope .col-lg-12{flex:0 0 auto;width:100%}.saas-scope .offset-lg-0{margin-left:0}.saas-scope .offset-lg-1{margin-left:8.3333333333%}.saas-scope .offset-lg-2{margin-left:16.6666666667%}.saas-scope .offset-lg-3{margin-left:25%}.saas-scope .offset-lg-4{margin-left:33.3333333333%}.saas-scope .offset-lg-5{margin-left:41.6666666667%}.saas-scope .offset-lg-6{margin-left:50%}.saas-scope .offset-lg-7{margin-left:58.3333333333%}.saas-scope .offset-lg-8{margin-left:66.6666666667%}.saas-scope .offset-lg-9{margin-left:75%}.saas-scope .offset-lg-10{margin-left:83.3333333333%}.saas-scope .offset-lg-11{margin-left:91.6666666667%}.saas-scope .g-lg-0,.saas-scope .gx-lg-0{--bs-gutter-x:0}.saas-scope .g-lg-0,.saas-scope .gy-lg-0{--bs-gutter-y:0}.saas-scope .g-lg-1,.saas-scope .gx-lg-1{--bs-gutter-x:0.25rem}.saas-scope .g-lg-1,.saas-scope .gy-lg-1{--bs-gutter-y:0.25rem}.saas-scope .g-lg-2,.saas-scope .gx-lg-2{--bs-gutter-x:0.5rem}.saas-scope .g-lg-2,.saas-scope .gy-lg-2{--bs-gutter-y:0.5rem}.saas-scope .g-lg-3,.saas-scope .gx-lg-3{--bs-gutter-x:1rem}.saas-scope .g-lg-3,.saas-scope .gy-lg-3{--bs-gutter-y:1rem}.saas-scope .g-lg-4,.saas-scope .gx-lg-4{--bs-gutter-x:1.5rem}.saas-scope .g-lg-4,.saas-scope .gy-lg-4{--bs-gutter-y:1.5rem}.saas-scope .g-lg-5,.saas-scope .gx-lg-5{--bs-gutter-x:3rem}.saas-scope .g-lg-5,.saas-scope .gy-lg-5{--bs-gutter-y:3rem}}
@media (min-width:1200px){.saas-scope .col-xl{flex:1 0 0%}.saas-scope .row-cols-xl-auto>*{flex:0 0 auto;width:auto}.saas-scope .row-cols-xl-1>*{flex:0 0 auto;width:100%}.saas-scope .row-cols-xl-2>*{flex:0 0 auto;width:50%}.saas-scope .row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.saas-scope .row-cols-xl-4>*{flex:0 0 auto;width:25%}.saas-scope .row-cols-xl-5>*{flex:0 0 auto;width:20%}.saas-scope .row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-xl-auto{flex:0 0 auto;width:auto}.saas-scope .col-xl-1{flex:0 0 auto;width:8.3333333333%}.saas-scope .col-xl-2{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-xl-3{flex:0 0 auto;width:25%}.saas-scope .col-xl-4{flex:0 0 auto;width:33.3333333333%}.saas-scope .col-xl-5{flex:0 0 auto;width:41.6666666667%}.saas-scope .col-xl-6{flex:0 0 auto;width:50%}.saas-scope .col-xl-7{flex:0 0 auto;width:58.3333333333%}.saas-scope .col-xl-8{flex:0 0 auto;width:66.6666666667%}.saas-scope .col-xl-9{flex:0 0 auto;width:75%}.saas-scope .col-xl-10{flex:0 0 auto;width:83.3333333333%}.saas-scope .col-xl-11{flex:0 0 auto;width:91.6666666667%}.saas-scope .col-xl-12{flex:0 0 auto;width:100%}.saas-scope .offset-xl-0{margin-left:0}.saas-scope .offset-xl-1{margin-left:8.3333333333%}.saas-scope .offset-xl-2{margin-left:16.6666666667%}.saas-scope .offset-xl-3{margin-left:25%}.saas-scope .offset-xl-4{margin-left:33.3333333333%}.saas-scope .offset-xl-5{margin-left:41.6666666667%}.saas-scope .offset-xl-6{margin-left:50%}.saas-scope .offset-xl-7{margin-left:58.3333333333%}.saas-scope .offset-xl-8{margin-left:66.6666666667%}.saas-scope .offset-xl-9{margin-left:75%}.saas-scope .offset-xl-10{margin-left:83.3333333333%}.saas-scope .offset-xl-11{margin-left:91.6666666667%}.saas-scope .g-xl-0,.saas-scope .gx-xl-0{--bs-gutter-x:0}.saas-scope .g-xl-0,.saas-scope .gy-xl-0{--bs-gutter-y:0}.saas-scope .g-xl-1,.saas-scope .gx-xl-1{--bs-gutter-x:0.25rem}.saas-scope .g-xl-1,.saas-scope .gy-xl-1{--bs-gutter-y:0.25rem}.saas-scope .g-xl-2,.saas-scope .gx-xl-2{--bs-gutter-x:0.5rem}.saas-scope .g-xl-2,.saas-scope .gy-xl-2{--bs-gutter-y:0.5rem}.saas-scope .g-xl-3,.saas-scope .gx-xl-3{--bs-gutter-x:1rem}.saas-scope .g-xl-3,.saas-scope .gy-xl-3{--bs-gutter-y:1rem}.saas-scope .g-xl-4,.saas-scope .gx-xl-4{--bs-gutter-x:1.5rem}.saas-scope .g-xl-4,.saas-scope .gy-xl-4{--bs-gutter-y:1.5rem}.saas-scope .g-xl-5,.saas-scope .gx-xl-5{--bs-gutter-x:3rem}.saas-scope .g-xl-5,.saas-scope .gy-xl-5{--bs-gutter-y:3rem}}
@media (min-width:1400px){.saas-scope .col-xxl{flex:1 0 0%}.saas-scope .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.saas-scope .row-cols-xxl-1>*{flex:0 0 auto;width:100%}.saas-scope .row-cols-xxl-2>*{flex:0 0 auto;width:50%}.saas-scope .row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.saas-scope .row-cols-xxl-4>*{flex:0 0 auto;width:25%}.saas-scope .row-cols-xxl-5>*{flex:0 0 auto;width:20%}.saas-scope .row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-xxl-auto{flex:0 0 auto;width:auto}.saas-scope .col-xxl-1{flex:0 0 auto;width:8.3333333333%}.saas-scope .col-xxl-2{flex:0 0 auto;width:16.6666666667%}.saas-scope .col-xxl-3{flex:0 0 auto;width:25%}.saas-scope .col-xxl-4{flex:0 0 auto;width:33.3333333333%}.saas-scope .col-xxl-5{flex:0 0 auto;width:41.6666666667%}.saas-scope .col-xxl-6{flex:0 0 auto;width:50%}.saas-scope .col-xxl-7{flex:0 0 auto;width:58.3333333333%}.saas-scope .col-xxl-8{flex:0 0 auto;width:66.6666666667%}.saas-scope .col-xxl-9{flex:0 0 auto;width:75%}.saas-scope .col-xxl-10{flex:0 0 auto;width:83.3333333333%}.saas-scope .col-xxl-11{flex:0 0 auto;width:91.6666666667%}.saas-scope .col-xxl-12{flex:0 0 auto;width:100%}.saas-scope .offset-xxl-0{margin-left:0}.saas-scope .offset-xxl-1{margin-left:8.3333333333%}.saas-scope .offset-xxl-2{margin-left:16.6666666667%}.saas-scope .offset-xxl-3{margin-left:25%}.saas-scope .offset-xxl-4{margin-left:33.3333333333%}.saas-scope .offset-xxl-5{margin-left:41.6666666667%}.saas-scope .offset-xxl-6{margin-left:50%}.saas-scope .offset-xxl-7{margin-left:58.3333333333%}.saas-scope .offset-xxl-8{margin-left:66.6666666667%}.saas-scope .offset-xxl-9{margin-left:75%}.saas-scope .offset-xxl-10{margin-left:83.3333333333%}.saas-scope .offset-xxl-11{margin-left:91.6666666667%}.saas-scope .g-xxl-0,.saas-scope .gx-xxl-0{--bs-gutter-x:0}.saas-scope .g-xxl-0,.saas-scope .gy-xxl-0{--bs-gutter-y:0}.saas-scope .g-xxl-1,.saas-scope .gx-xxl-1{--bs-gutter-x:0.25rem}.saas-scope .g-xxl-1,.saas-scope .gy-xxl-1{--bs-gutter-y:0.25rem}.saas-scope .g-xxl-2,.saas-scope .gx-xxl-2{--bs-gutter-x:0.5rem}.saas-scope .g-xxl-2,.saas-scope .gy-xxl-2{--bs-gutter-y:0.5rem}.saas-scope .g-xxl-3,.saas-scope .gx-xxl-3{--bs-gutter-x:1rem}.saas-scope .g-xxl-3,.saas-scope .gy-xxl-3{--bs-gutter-y:1rem}.saas-scope .g-xxl-4,.saas-scope .gx-xxl-4{--bs-gutter-x:1.5rem}.saas-scope .g-xxl-4,.saas-scope .gy-xxl-4{--bs-gutter-y:1.5rem}.saas-scope .g-xxl-5,.saas-scope .gx-xxl-5{--bs-gutter-x:3rem}.saas-scope .g-xxl-5,.saas-scope .gy-xxl-5{--bs-gutter-y:3rem}}
.saas-scope .table{--bs-table-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}
.saas-scope .table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.saas-scope .table>tbody{vertical-align:inherit}
.saas-scope .table>thead{vertical-align:bottom}
.saas-scope .table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}
.saas-scope .caption-top{caption-side:top}
.saas-scope .table-sm>:not(caption)>*>*{padding:.25rem .25rem}
.saas-scope .table-bordered>:not(caption)>*{border-width:1px 0}
.saas-scope .table-bordered>:not(caption)>*>*{border-width:0 1px}
.saas-scope .table-borderless>:not(caption)>*>*{border-bottom-width:0}
.saas-scope .table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.saas-scope .table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}
.saas-scope .table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}
.saas-scope .table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}
.saas-scope .table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}
.saas-scope .table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}
.saas-scope .table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}
.saas-scope .table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}
.saas-scope .table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}
.saas-scope .table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}
.saas-scope .table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}
.saas-scope .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:575.98px){.saas-scope .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:767.98px){.saas-scope .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:991.98px){.saas-scope .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:1199.98px){.saas-scope .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:1399.98px){.saas-scope .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}
.saas-scope .form-label{margin-bottom:.5rem}
.saas-scope .col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}
.saas-scope .col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}
.saas-scope .col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}
.saas-scope .form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}
.saas-scope .form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .form-control{transition:none}}
.saas-scope .form-control[type=file]{overflow:hidden}
.saas-scope .form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.saas-scope .form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .form-control::-webkit-date-and-time-value{height:1.5em}
.saas-scope .form-control::-moz-placeholder{color:#6c757d;opacity:1}
.saas-scope .form-control::placeholder{color:#6c757d;opacity:1}
.saas-scope .form-control:disabled,.saas-scope .form-control[readonly]{background-color:#e9ecef;opacity:1}
.saas-scope .form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .form-control::file-selector-button{transition:none}}
.saas-scope .form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}
.saas-scope .form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}
.saas-scope .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}
.saas-scope .form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}
.saas-scope .form-control-plaintext.form-control-lg,.saas-scope .form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
.saas-scope .form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.saas-scope .form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}
.saas-scope .form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}
.saas-scope .form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.saas-scope .form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}
.saas-scope .form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}
.saas-scope textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}
.saas-scope textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}
.saas-scope textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}
.saas-scope .form-control-color{max-width:3rem;height:auto;padding:.375rem}
.saas-scope .form-control-color:not(:disabled):not([readonly]){cursor:pointer}
.saas-scope .form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}
.saas-scope .form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}
.saas-scope .form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.saas-scope .form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .form-select[multiple],.saas-scope .form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}
.saas-scope .form-select:disabled{background-color:#e9ecef}
.saas-scope .form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}
.saas-scope .form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}
.saas-scope .form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}
.saas-scope .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}
.saas-scope .form-check .form-check-input{float:left;margin-left:-1.5em}
.saas-scope .form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}
.saas-scope .form-check-input[type=checkbox]{border-radius:.25em}
.saas-scope .form-check-input[type=radio]{border-radius:50%}
.saas-scope .form-check-input:active{filter:brightness(90%)}
.saas-scope .form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}
.saas-scope .form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}
.saas-scope .form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.saas-scope .form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.saas-scope .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}
.saas-scope .form-check-input:disabled~.form-check-label,.saas-scope .form-check-input[disabled]~.form-check-label{opacity:.5}
.saas-scope .form-switch{padding-left:2.5em}
.saas-scope .form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .form-switch .form-check-input{transition:none}}
.saas-scope .form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}
.saas-scope .form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.saas-scope .form-check-inline{display:inline-block;margin-right:1rem}
.saas-scope .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.saas-scope .btn-check:disabled+.btn,.saas-scope .btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}
.saas-scope .form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.saas-scope .form-range:focus{outline:0}
.saas-scope .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .form-range::-moz-focus-outer{border:0}
.saas-scope .form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}
@media (prefers-reduced-motion:reduce){.saas-scope .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}
.saas-scope .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}
.saas-scope .form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
.saas-scope .form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}
@media (prefers-reduced-motion:reduce){.saas-scope .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}
.saas-scope .form-range::-moz-range-thumb:active{background-color:#b6d4fe}
.saas-scope .form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}
.saas-scope .form-range:disabled{pointer-events:none}
.saas-scope .form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}
.saas-scope .form-range:disabled::-moz-range-thumb{background-color:#adb5bd}
.saas-scope .form-floating{position:relative}
.saas-scope .form-floating>.form-control,.saas-scope .form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem}
.saas-scope .form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .form-floating>label{transition:none}}
.saas-scope .form-floating>.form-control::-moz-placeholder{color:transparent}
.saas-scope .form-floating>.form-control::placeholder{color:transparent}
.saas-scope .form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.saas-scope .form-floating>.form-control:not(:-moz-placeholder){padding-top:1.625rem;padding-bottom:.625rem}
.saas-scope .form-floating>.form-control:focus,.saas-scope .form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.saas-scope .form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}
.saas-scope .form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}
.saas-scope .form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.saas-scope .form-floating>.form-control:not(:-moz-placeholder)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.saas-scope .form-floating>.form-control:focus~label,.saas-scope .form-floating>.form-control:not(:placeholder-shown)~label,.saas-scope .form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.saas-scope .form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.saas-scope .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.saas-scope .input-group>.form-control,.saas-scope .input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}
.saas-scope .input-group>.form-control:focus,.saas-scope .input-group>.form-select:focus{z-index:3}
.saas-scope .input-group .btn{position:relative;z-index:2}
.saas-scope .input-group .btn:focus{z-index:3}
.saas-scope .input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}
.saas-scope .input-group-lg>.btn,.saas-scope .input-group-lg>.form-control,.saas-scope .input-group-lg>.form-select,.saas-scope .input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.saas-scope .input-group-sm>.btn,.saas-scope .input-group-sm>.form-control,.saas-scope .input-group-sm>.form-select,.saas-scope .input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.saas-scope .input-group-lg>.form-select,.saas-scope .input-group-sm>.form-select{padding-right:3rem}
.saas-scope .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.saas-scope .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.saas-scope .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.saas-scope .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.saas-scope .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.saas-scope .valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}
.saas-scope .valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}
.saas-scope .is-valid~.valid-feedback,.saas-scope .is-valid~.valid-tooltip,.saas-scope .was-validated :valid~.valid-feedback,.saas-scope .was-validated :valid~.valid-tooltip{display:block}
.saas-scope .form-control.is-valid,.saas-scope .was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.saas-scope .form-control.is-valid:focus,.saas-scope .was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.saas-scope .was-validated textarea.form-control:valid,.saas-scope textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.saas-scope .form-select.is-valid,.saas-scope .was-validated .form-select:valid{border-color:#198754;padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.saas-scope .form-select.is-valid:focus,.saas-scope .was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.saas-scope .form-check-input.is-valid,.saas-scope .was-validated .form-check-input:valid{border-color:#198754}
.saas-scope .form-check-input.is-valid:checked,.saas-scope .was-validated .form-check-input:valid:checked{background-color:#198754}
.saas-scope .form-check-input.is-valid:focus,.saas-scope .was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}
.saas-scope .form-check-input.is-valid~.form-check-label,.saas-scope .was-validated .form-check-input:valid~.form-check-label{color:#198754}
.saas-scope .form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}
.saas-scope .input-group .form-control.is-valid,.saas-scope .input-group .form-select.is-valid,.saas-scope .was-validated .input-group .form-control:valid,.saas-scope .was-validated .input-group .form-select:valid{z-index:3}
.saas-scope .invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}
.saas-scope .invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}
.saas-scope .is-invalid~.invalid-feedback,.saas-scope .is-invalid~.invalid-tooltip,.saas-scope .was-validated :invalid~.invalid-feedback,.saas-scope .was-validated :invalid~.invalid-tooltip{display:block}
.saas-scope .form-control.is-invalid,.saas-scope .was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .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(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.saas-scope .form-control.is-invalid:focus,.saas-scope .was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.saas-scope .was-validated textarea.form-control:invalid,.saas-scope textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.saas-scope .form-select.is-invalid,.saas-scope .was-validated .form-select:invalid{border-color:#dc3545;padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.saas-scope .form-select.is-invalid:focus,.saas-scope .was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.saas-scope .form-check-input.is-invalid,.saas-scope .was-validated .form-check-input:invalid{border-color:#dc3545}
.saas-scope .form-check-input.is-invalid:checked,.saas-scope .was-validated .form-check-input:invalid:checked{background-color:#dc3545}
.saas-scope .form-check-input.is-invalid:focus,.saas-scope .was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}
.saas-scope .form-check-input.is-invalid~.form-check-label,.saas-scope .was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}
.saas-scope .form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}
.saas-scope .input-group .form-control.is-invalid,.saas-scope .input-group .form-select.is-invalid,.saas-scope .was-validated .input-group .form-control:invalid,.saas-scope .was-validated .input-group .form-select:invalid{z-index:3}
.saas-scope .btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .btn{transition:none}}
.saas-scope .btn:hover{color:#212529}
.saas-scope .btn-check:focus+.btn,.saas-scope .btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .btn.disabled,.saas-scope .btn:disabled,.saas-scope fieldset:disabled .btn{pointer-events:none;opacity:.65}
.saas-scope .btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.saas-scope .btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}
.saas-scope .btn-check:focus+.btn-primary,.saas-scope .btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}
.saas-scope .btn-check:active+.btn-primary,.saas-scope .btn-check:checked+.btn-primary,.saas-scope .btn-primary.active,.saas-scope .btn-primary:active,.saas-scope .show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}
.saas-scope .btn-check:active+.btn-primary:focus,.saas-scope .btn-check:checked+.btn-primary:focus,.saas-scope .btn-primary.active:focus,.saas-scope .btn-primary:active:focus,.saas-scope .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}
.saas-scope .btn-primary.disabled,.saas-scope .btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.saas-scope .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.saas-scope .btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}
.saas-scope .btn-check:focus+.btn-secondary,.saas-scope .btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}
.saas-scope .btn-check:active+.btn-secondary,.saas-scope .btn-check:checked+.btn-secondary,.saas-scope .btn-secondary.active,.saas-scope .btn-secondary:active,.saas-scope .show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}
.saas-scope .btn-check:active+.btn-secondary:focus,.saas-scope .btn-check:checked+.btn-secondary:focus,.saas-scope .btn-secondary.active:focus,.saas-scope .btn-secondary:active:focus,.saas-scope .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}
.saas-scope .btn-secondary.disabled,.saas-scope .btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}
.saas-scope .btn-success{color:#fff;background-color:#198754;border-color:#198754}
.saas-scope .btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}
.saas-scope .btn-check:focus+.btn-success,.saas-scope .btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}
.saas-scope .btn-check:active+.btn-success,.saas-scope .btn-check:checked+.btn-success,.saas-scope .btn-success.active,.saas-scope .btn-success:active,.saas-scope .show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}
.saas-scope .btn-check:active+.btn-success:focus,.saas-scope .btn-check:checked+.btn-success:focus,.saas-scope .btn-success.active:focus,.saas-scope .btn-success:active:focus,.saas-scope .show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}
.saas-scope .btn-success.disabled,.saas-scope .btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}
.saas-scope .btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.saas-scope .btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}
.saas-scope .btn-check:focus+.btn-info,.saas-scope .btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}
.saas-scope .btn-check:active+.btn-info,.saas-scope .btn-check:checked+.btn-info,.saas-scope .btn-info.active,.saas-scope .btn-info:active,.saas-scope .show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}
.saas-scope .btn-check:active+.btn-info:focus,.saas-scope .btn-check:checked+.btn-info:focus,.saas-scope .btn-info.active:focus,.saas-scope .btn-info:active:focus,.saas-scope .show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}
.saas-scope .btn-info.disabled,.saas-scope .btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.saas-scope .btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}
.saas-scope .btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}
.saas-scope .btn-check:focus+.btn-warning,.saas-scope .btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}
.saas-scope .btn-check:active+.btn-warning,.saas-scope .btn-check:checked+.btn-warning,.saas-scope .btn-warning.active,.saas-scope .btn-warning:active,.saas-scope .show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}
.saas-scope .btn-check:active+.btn-warning:focus,.saas-scope .btn-check:checked+.btn-warning:focus,.saas-scope .btn-warning.active:focus,.saas-scope .btn-warning:active:focus,.saas-scope .show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}
.saas-scope .btn-warning.disabled,.saas-scope .btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}
.saas-scope .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.saas-scope .btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}
.saas-scope .btn-check:focus+.btn-danger,.saas-scope .btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}
.saas-scope .btn-check:active+.btn-danger,.saas-scope .btn-check:checked+.btn-danger,.saas-scope .btn-danger.active,.saas-scope .btn-danger:active,.saas-scope .show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}
.saas-scope .btn-check:active+.btn-danger:focus,.saas-scope .btn-check:checked+.btn-danger:focus,.saas-scope .btn-danger.active:focus,.saas-scope .btn-danger:active:focus,.saas-scope .show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}
.saas-scope .btn-danger.disabled,.saas-scope .btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}
.saas-scope .btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.saas-scope .btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}
.saas-scope .btn-check:focus+.btn-light,.saas-scope .btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}
.saas-scope .btn-check:active+.btn-light,.saas-scope .btn-check:checked+.btn-light,.saas-scope .btn-light.active,.saas-scope .btn-light:active,.saas-scope .show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}
.saas-scope .btn-check:active+.btn-light:focus,.saas-scope .btn-check:checked+.btn-light:focus,.saas-scope .btn-light.active:focus,.saas-scope .btn-light:active:focus,.saas-scope .show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}
.saas-scope .btn-light.disabled,.saas-scope .btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.saas-scope .btn-dark{color:#fff;background-color:#212529;border-color:#212529}
.saas-scope .btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}
.saas-scope .btn-check:focus+.btn-dark,.saas-scope .btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}
.saas-scope .btn-check:active+.btn-dark,.saas-scope .btn-check:checked+.btn-dark,.saas-scope .btn-dark.active,.saas-scope .btn-dark:active,.saas-scope .show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}
.saas-scope .btn-check:active+.btn-dark:focus,.saas-scope .btn-check:checked+.btn-dark:focus,.saas-scope .btn-dark.active:focus,.saas-scope .btn-dark:active:focus,.saas-scope .show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}
.saas-scope .btn-dark.disabled,.saas-scope .btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}
.saas-scope .btn-outline-primary{color:#0d6efd;border-color:#0d6efd}
.saas-scope .btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.saas-scope .btn-check:focus+.btn-outline-primary,.saas-scope .btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}
.saas-scope .btn-check:active+.btn-outline-primary,.saas-scope .btn-check:checked+.btn-outline-primary,.saas-scope .btn-outline-primary.active,.saas-scope .btn-outline-primary.dropdown-toggle.show,.saas-scope .btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.saas-scope .btn-check:active+.btn-outline-primary:focus,.saas-scope .btn-check:checked+.btn-outline-primary:focus,.saas-scope .btn-outline-primary.active:focus,.saas-scope .btn-outline-primary.dropdown-toggle.show:focus,.saas-scope .btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}
.saas-scope .btn-outline-primary.disabled,.saas-scope .btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}
.saas-scope .btn-outline-secondary{color:#6c757d;border-color:#6c757d}
.saas-scope .btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}
.saas-scope .btn-check:focus+.btn-outline-secondary,.saas-scope .btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}
.saas-scope .btn-check:active+.btn-outline-secondary,.saas-scope .btn-check:checked+.btn-outline-secondary,.saas-scope .btn-outline-secondary.active,.saas-scope .btn-outline-secondary.dropdown-toggle.show,.saas-scope .btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}
.saas-scope .btn-check:active+.btn-outline-secondary:focus,.saas-scope .btn-check:checked+.btn-outline-secondary:focus,.saas-scope .btn-outline-secondary.active:focus,.saas-scope .btn-outline-secondary.dropdown-toggle.show:focus,.saas-scope .btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}
.saas-scope .btn-outline-secondary.disabled,.saas-scope .btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}
.saas-scope .btn-outline-success{color:#198754;border-color:#198754}
.saas-scope .btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}
.saas-scope .btn-check:focus+.btn-outline-success,.saas-scope .btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.saas-scope .btn-check:active+.btn-outline-success,.saas-scope .btn-check:checked+.btn-outline-success,.saas-scope .btn-outline-success.active,.saas-scope .btn-outline-success.dropdown-toggle.show,.saas-scope .btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}
.saas-scope .btn-check:active+.btn-outline-success:focus,.saas-scope .btn-check:checked+.btn-outline-success:focus,.saas-scope .btn-outline-success.active:focus,.saas-scope .btn-outline-success.dropdown-toggle.show:focus,.saas-scope .btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.saas-scope .btn-outline-success.disabled,.saas-scope .btn-outline-success:disabled{color:#198754;background-color:transparent}
.saas-scope .btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}
.saas-scope .btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.saas-scope .btn-check:focus+.btn-outline-info,.saas-scope .btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}
.saas-scope .btn-check:active+.btn-outline-info,.saas-scope .btn-check:checked+.btn-outline-info,.saas-scope .btn-outline-info.active,.saas-scope .btn-outline-info.dropdown-toggle.show,.saas-scope .btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.saas-scope .btn-check:active+.btn-outline-info:focus,.saas-scope .btn-check:checked+.btn-outline-info:focus,.saas-scope .btn-outline-info.active:focus,.saas-scope .btn-outline-info.dropdown-toggle.show:focus,.saas-scope .btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}
.saas-scope .btn-outline-info.disabled,.saas-scope .btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}
.saas-scope .btn-outline-warning{color:#ffc107;border-color:#ffc107}
.saas-scope .btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}
.saas-scope .btn-check:focus+.btn-outline-warning,.saas-scope .btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}
.saas-scope .btn-check:active+.btn-outline-warning,.saas-scope .btn-check:checked+.btn-outline-warning,.saas-scope .btn-outline-warning.active,.saas-scope .btn-outline-warning.dropdown-toggle.show,.saas-scope .btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}
.saas-scope .btn-check:active+.btn-outline-warning:focus,.saas-scope .btn-check:checked+.btn-outline-warning:focus,.saas-scope .btn-outline-warning.active:focus,.saas-scope .btn-outline-warning.dropdown-toggle.show:focus,.saas-scope .btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}
.saas-scope .btn-outline-warning.disabled,.saas-scope .btn-outline-warning:disabled{color:#ffc107;background-color:transparent}
.saas-scope .btn-outline-danger{color:#dc3545;border-color:#dc3545}
.saas-scope .btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}
.saas-scope .btn-check:focus+.btn-outline-danger,.saas-scope .btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}
.saas-scope .btn-check:active+.btn-outline-danger,.saas-scope .btn-check:checked+.btn-outline-danger,.saas-scope .btn-outline-danger.active,.saas-scope .btn-outline-danger.dropdown-toggle.show,.saas-scope .btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}
.saas-scope .btn-check:active+.btn-outline-danger:focus,.saas-scope .btn-check:checked+.btn-outline-danger:focus,.saas-scope .btn-outline-danger.active:focus,.saas-scope .btn-outline-danger.dropdown-toggle.show:focus,.saas-scope .btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}
.saas-scope .btn-outline-danger.disabled,.saas-scope .btn-outline-danger:disabled{color:#dc3545;background-color:transparent}
.saas-scope .btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}
.saas-scope .btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.saas-scope .btn-check:focus+.btn-outline-light,.saas-scope .btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}
.saas-scope .btn-check:active+.btn-outline-light,.saas-scope .btn-check:checked+.btn-outline-light,.saas-scope .btn-outline-light.active,.saas-scope .btn-outline-light.dropdown-toggle.show,.saas-scope .btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.saas-scope .btn-check:active+.btn-outline-light:focus,.saas-scope .btn-check:checked+.btn-outline-light:focus,.saas-scope .btn-outline-light.active:focus,.saas-scope .btn-outline-light.dropdown-toggle.show:focus,.saas-scope .btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}
.saas-scope .btn-outline-light.disabled,.saas-scope .btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}
.saas-scope .btn-outline-dark{color:#212529;border-color:#212529}
.saas-scope .btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}
.saas-scope .btn-check:focus+.btn-outline-dark,.saas-scope .btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}
.saas-scope .btn-check:active+.btn-outline-dark,.saas-scope .btn-check:checked+.btn-outline-dark,.saas-scope .btn-outline-dark.active,.saas-scope .btn-outline-dark.dropdown-toggle.show,.saas-scope .btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}
.saas-scope .btn-check:active+.btn-outline-dark:focus,.saas-scope .btn-check:checked+.btn-outline-dark:focus,.saas-scope .btn-outline-dark.active:focus,.saas-scope .btn-outline-dark.dropdown-toggle.show:focus,.saas-scope .btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}
.saas-scope .btn-outline-dark.disabled,.saas-scope .btn-outline-dark:disabled{color:#212529;background-color:transparent}
.saas-scope .btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}
.saas-scope .btn-link:hover{color:#0a58ca}
.saas-scope .btn-link.disabled,.saas-scope .btn-link:disabled{color:#6c757d}
.saas-scope .btn-group-lg>.btn,.saas-scope .btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.saas-scope .btn-group-sm>.btn,.saas-scope .btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.saas-scope .fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.saas-scope .fade{transition:none}}
.saas-scope .fade:not(.show){opacity:0}
.saas-scope .collapse:not(.show){display:none}
.saas-scope .collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.saas-scope .collapsing{transition:none}}
.saas-scope .dropdown,.saas-scope .dropend,.saas-scope .dropstart,.saas-scope .dropup{position:relative}
.saas-scope .dropdown-toggle{white-space:nowrap}
.saas-scope .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.saas-scope .dropdown-toggle:empty::after{margin-left:0}
.saas-scope .dropdown-menu{position:absolute;top:100%;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
.saas-scope .dropdown-menu[data-bs-popper]{left:0;margin-top:.125rem}
.saas-scope .dropdown-menu-start{--bs-position:start}
.saas-scope .dropdown-menu-start[data-bs-popper]{right:auto;left:0}
.saas-scope .dropdown-menu-end{--bs-position:end}
.saas-scope .dropdown-menu-end[data-bs-popper]{right:0;left:auto}
@media (min-width:576px){.saas-scope .dropdown-menu-sm-start{--bs-position:start}.saas-scope .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.saas-scope .dropdown-menu-sm-end{--bs-position:end}.saas-scope .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:768px){.saas-scope .dropdown-menu-md-start{--bs-position:start}.saas-scope .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.saas-scope .dropdown-menu-md-end{--bs-position:end}.saas-scope .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:992px){.saas-scope .dropdown-menu-lg-start{--bs-position:start}.saas-scope .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.saas-scope .dropdown-menu-lg-end{--bs-position:end}.saas-scope .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1200px){.saas-scope .dropdown-menu-xl-start{--bs-position:start}.saas-scope .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.saas-scope .dropdown-menu-xl-end{--bs-position:end}.saas-scope .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}
@media (min-width:1400px){.saas-scope .dropdown-menu-xxl-start{--bs-position:start}.saas-scope .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.saas-scope .dropdown-menu-xxl-end{--bs-position:end}.saas-scope .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}
.saas-scope .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}
.saas-scope .dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.saas-scope .dropup .dropdown-toggle:empty::after{margin-left:0}
.saas-scope .dropend .dropdown-menu{top:0;right:auto;left:100%}
.saas-scope .dropend .dropdown-menu[data-bs-popper]{margin-top:0;margin-left:.125rem}
.saas-scope .dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.saas-scope .dropend .dropdown-toggle:empty::after{margin-left:0}
.saas-scope .dropend .dropdown-toggle::after{vertical-align:0}
.saas-scope .dropstart .dropdown-menu{top:0;right:100%;left:auto}
.saas-scope .dropstart .dropdown-menu[data-bs-popper]{margin-top:0;margin-right:.125rem}
.saas-scope .dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";display:none}
.saas-scope .dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.saas-scope .dropstart .dropdown-toggle:empty::after{margin-left:0}
.saas-scope .dropstart .dropdown-toggle::before{vertical-align:0}
.saas-scope .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}
.saas-scope .dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}
.saas-scope .dropdown-item:focus,.saas-scope .dropdown-item:hover{color:#1e2125;background-color:#e9ecef}
.saas-scope .dropdown-item.active,.saas-scope .dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}
.saas-scope .dropdown-item.disabled,.saas-scope .dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}
.saas-scope .dropdown-menu.show{display:block}
.saas-scope .dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}
.saas-scope .dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}
.saas-scope .dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}
.saas-scope .dropdown-menu-dark .dropdown-item{color:#dee2e6}
.saas-scope .dropdown-menu-dark .dropdown-item:focus,.saas-scope .dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}
.saas-scope .dropdown-menu-dark .dropdown-item.active,.saas-scope .dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}
.saas-scope .dropdown-menu-dark .dropdown-item.disabled,.saas-scope .dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}
.saas-scope .dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}
.saas-scope .dropdown-menu-dark .dropdown-item-text{color:#dee2e6}
.saas-scope .dropdown-menu-dark .dropdown-header{color:#adb5bd}
.saas-scope .btn-group,.saas-scope .btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}
.saas-scope .btn-group-vertical>.btn,.saas-scope .btn-group>.btn{position:relative;flex:1 1 auto}
.saas-scope .btn-group-vertical>.btn-check:checked+.btn,.saas-scope .btn-group-vertical>.btn-check:focus+.btn,.saas-scope .btn-group-vertical>.btn.active,.saas-scope .btn-group-vertical>.btn:active,.saas-scope .btn-group-vertical>.btn:focus,.saas-scope .btn-group-vertical>.btn:hover,.saas-scope .btn-group>.btn-check:checked+.btn,.saas-scope .btn-group>.btn-check:focus+.btn,.saas-scope .btn-group>.btn.active,.saas-scope .btn-group>.btn:active,.saas-scope .btn-group>.btn:focus,.saas-scope .btn-group>.btn:hover{z-index:1}
.saas-scope .btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}
.saas-scope .btn-toolbar .input-group{width:auto}
.saas-scope .btn-group>.btn-group:not(:first-child),.saas-scope .btn-group>.btn:not(:first-child){margin-left:-1px}
.saas-scope .btn-group>.btn-group:not(:last-child)>.btn,.saas-scope .btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.saas-scope .btn-group>.btn-group:not(:first-child)>.btn,.saas-scope .btn-group>.btn:nth-child(n+3),.saas-scope .btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.saas-scope .dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}
.saas-scope .dropdown-toggle-split::after,.saas-scope .dropend .dropdown-toggle-split::after,.saas-scope .dropup .dropdown-toggle-split::after{margin-left:0}
.saas-scope .dropstart .dropdown-toggle-split::before{margin-right:0}
.saas-scope .btn-group-sm>.btn+.dropdown-toggle-split,.saas-scope .btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.saas-scope .btn-group-lg>.btn+.dropdown-toggle-split,.saas-scope .btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.saas-scope .btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}
.saas-scope .btn-group-vertical>.btn,.saas-scope .btn-group-vertical>.btn-group{width:100%}
.saas-scope .btn-group-vertical>.btn-group:not(:first-child),.saas-scope .btn-group-vertical>.btn:not(:first-child){margin-top:-1px}
.saas-scope .btn-group-vertical>.btn-group:not(:last-child)>.btn,.saas-scope .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
.saas-scope .btn-group-vertical>.btn-group:not(:first-child)>.btn,.saas-scope .btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}
.saas-scope .nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.saas-scope .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .nav-link{transition:none}}
.saas-scope .nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}
.saas-scope .nav-tabs{border-bottom:1px solid #dee2e6}
.saas-scope .nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.saas-scope .nav-tabs .nav-link:focus,.saas-scope .nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}
.saas-scope .nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}
.saas-scope .nav-tabs .nav-item.show .nav-link,.saas-scope .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.saas-scope .nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.saas-scope .nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}
.saas-scope .nav-pills .nav-link.active,.saas-scope .nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}
.saas-scope .nav-fill .nav-item,.saas-scope .nav-fill>.nav-link{flex:1 1 auto;text-align:center}
.saas-scope .nav-justified .nav-item,.saas-scope .nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}
.saas-scope .nav-fill .nav-item .nav-link,.saas-scope .nav-justified .nav-item .nav-link{width:100%}
.saas-scope .tab-content>.tab-pane{display:none}
.saas-scope .tab-content>.active{display:block}
.saas-scope .navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}
.saas-scope .navbar>.container,.saas-scope .navbar>.container-fluid,.saas-scope .navbar>.container-lg,.saas-scope .navbar>.container-md,.saas-scope .navbar>.container-sm,.saas-scope .navbar>.container-xl,.saas-scope .navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.saas-scope .navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}
.saas-scope .navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.saas-scope .navbar-nav .nav-link{padding-right:0;padding-left:0}
.saas-scope .navbar-nav .dropdown-menu{position:static}
.saas-scope .navbar-text{padding-top:.5rem;padding-bottom:.5rem}
.saas-scope .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
.saas-scope .navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .navbar-toggler{transition:none}}
.saas-scope .navbar-toggler:hover{text-decoration:none}
.saas-scope .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}
.saas-scope .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}
.saas-scope .navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}
@media (min-width:576px){.saas-scope .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.saas-scope .navbar-expand-sm .navbar-nav{flex-direction:row}.saas-scope .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.saas-scope .navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.saas-scope .navbar-expand-sm .navbar-nav-scroll{overflow:visible}.saas-scope .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.saas-scope .navbar-expand-sm .navbar-toggler{display:none}}
@media (min-width:768px){.saas-scope .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.saas-scope .navbar-expand-md .navbar-nav{flex-direction:row}.saas-scope .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.saas-scope .navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.saas-scope .navbar-expand-md .navbar-nav-scroll{overflow:visible}.saas-scope .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.saas-scope .navbar-expand-md .navbar-toggler{display:none}}
@media (min-width:992px){.saas-scope .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.saas-scope .navbar-expand-lg .navbar-nav{flex-direction:row}.saas-scope .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.saas-scope .navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.saas-scope .navbar-expand-lg .navbar-nav-scroll{overflow:visible}.saas-scope .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.saas-scope .navbar-expand-lg .navbar-toggler{display:none}}
@media (min-width:1200px){.saas-scope .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.saas-scope .navbar-expand-xl .navbar-nav{flex-direction:row}.saas-scope .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.saas-scope .navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.saas-scope .navbar-expand-xl .navbar-nav-scroll{overflow:visible}.saas-scope .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.saas-scope .navbar-expand-xl .navbar-toggler{display:none}}
@media (min-width:1400px){.saas-scope .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.saas-scope .navbar-expand-xxl .navbar-nav{flex-direction:row}.saas-scope .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.saas-scope .navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.saas-scope .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.saas-scope .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.saas-scope .navbar-expand-xxl .navbar-toggler{display:none}}
.saas-scope .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}
.saas-scope .navbar-expand .navbar-nav{flex-direction:row}
.saas-scope .navbar-expand .navbar-nav .dropdown-menu{position:absolute}
.saas-scope .navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.saas-scope .navbar-expand .navbar-nav-scroll{overflow:visible}
.saas-scope .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}
.saas-scope .navbar-expand .navbar-toggler{display:none}
.saas-scope .navbar-light .navbar-brand{color:rgba(0,0,0,.9)}
.saas-scope .navbar-light .navbar-brand:focus,.saas-scope .navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}
.saas-scope .navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}
.saas-scope .navbar-light .navbar-nav .nav-link:focus,.saas-scope .navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}
.saas-scope .navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}
.saas-scope .navbar-light .navbar-nav .nav-link.active,.saas-scope .navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}
.saas-scope .navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}
.saas-scope .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.saas-scope .navbar-light .navbar-text{color:rgba(0,0,0,.55)}
.saas-scope .navbar-light .navbar-text a,.saas-scope .navbar-light .navbar-text a:focus,.saas-scope .navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}
.saas-scope .navbar-dark .navbar-brand{color:#fff}
.saas-scope .navbar-dark .navbar-brand:focus,.saas-scope .navbar-dark .navbar-brand:hover{color:#fff}
.saas-scope .navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}
.saas-scope .navbar-dark .navbar-nav .nav-link:focus,.saas-scope .navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}
.saas-scope .navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}
.saas-scope .navbar-dark .navbar-nav .nav-link.active,.saas-scope .navbar-dark .navbar-nav .show>.nav-link{color:#fff}
.saas-scope .navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}
.saas-scope .navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.saas-scope .navbar-dark .navbar-text{color:rgba(255,255,255,.55)}
.saas-scope .navbar-dark .navbar-text a,.saas-scope .navbar-dark .navbar-text a:focus,.saas-scope .navbar-dark .navbar-text a:hover{color:#fff}
.saas-scope .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.saas-scope .card>hr{margin-right:0;margin-left:0}
.saas-scope .card>.list-group{border-top:inherit;border-bottom:inherit}
.saas-scope .card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.saas-scope .card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
.saas-scope .card>.card-header+.list-group,.saas-scope .card>.list-group+.card-footer{border-top:0}
.saas-scope .card-body{flex:1 1 auto;padding:1rem 1rem}
.saas-scope .card-title{margin-bottom:.5rem}
.saas-scope .card-subtitle{margin-top:-.25rem;margin-bottom:0}
.saas-scope .card-text:last-child{margin-bottom:0}
.saas-scope .card-link:hover{text-decoration:none}
.saas-scope .card-link+.card-link{margin-left:1rem}
.saas-scope .card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}
.saas-scope .card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}
.saas-scope .card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}
.saas-scope .card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}
.saas-scope .card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}
.saas-scope .card-header-pills{margin-right:-.5rem;margin-left:-.5rem}
.saas-scope .card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}
.saas-scope .card-img,.saas-scope .card-img-bottom,.saas-scope .card-img-top{width:100%}
.saas-scope .card-img,.saas-scope .card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.saas-scope .card-img,.saas-scope .card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
.saas-scope .card-group>.card{margin-bottom:.75rem}
@media (min-width:576px){.saas-scope .card-group{display:flex;flex-flow:row wrap}.saas-scope .card-group>.card{flex:1 0 0%;margin-bottom:0}.saas-scope .card-group>.card+.card{margin-left:0;border-left:0}.saas-scope .card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.saas-scope .card-group>.card:not(:last-child) .card-header,.saas-scope .card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.saas-scope .card-group>.card:not(:last-child) .card-footer,.saas-scope .card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.saas-scope .card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.saas-scope .card-group>.card:not(:first-child) .card-header,.saas-scope .card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.saas-scope .card-group>.card:not(:first-child) .card-footer,.saas-scope .card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}
.saas-scope .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}
@media (prefers-reduced-motion:reduce){.saas-scope .accordion-button{transition:none}}
.saas-scope .accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}
.saas-scope .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(180deg)}
.saas-scope .accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .accordion-button::after{transition:none}}
.saas-scope .accordion-button:hover{z-index:2}
.saas-scope .accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .accordion-header{margin-bottom:0}
.saas-scope .accordion-item{margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}
.saas-scope .accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.saas-scope .accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.saas-scope .accordion-item:last-of-type{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
.saas-scope .accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
.saas-scope .accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
.saas-scope .accordion-body{padding:1rem 1.25rem}
.saas-scope .accordion-flush .accordion-collapse{border-width:0}
.saas-scope .accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}
.saas-scope .accordion-flush .accordion-item:first-child{border-top:0}
.saas-scope .accordion-flush .accordion-item:last-child{border-bottom:0}
.saas-scope .accordion-flush .accordion-item .accordion-button{border-radius:0}
.saas-scope .breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}
.saas-scope .breadcrumb-item+.breadcrumb-item{padding-left:.5rem}
.saas-scope .breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}
.saas-scope .breadcrumb-item.active{color:#6c757d}
.saas-scope .pagination{display:flex;padding-left:0;list-style:none}
.saas-scope .page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .page-link{transition:none}}
.saas-scope .page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}
.saas-scope .page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.saas-scope .page-item:not(:first-child) .page-link{margin-left:-1px}
.saas-scope .page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.saas-scope .page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}
.saas-scope .page-link{padding:.375rem .75rem}
.saas-scope .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.saas-scope .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.saas-scope .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}
.saas-scope .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.saas-scope .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.saas-scope .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}
.saas-scope .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.saas-scope .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
.saas-scope .badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.saas-scope .badge:empty{display:none}
.saas-scope .btn .badge{position:relative;top:-1px}
.saas-scope .alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.saas-scope .alert-heading{color:inherit}
.saas-scope .alert-link{font-weight:700}
.saas-scope .alert-dismissible{padding-right:3rem}
.saas-scope .alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}
.saas-scope .alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}
.saas-scope .alert-primary .alert-link{color:#06357a}
.saas-scope .alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}
.saas-scope .alert-secondary .alert-link{color:#34383c}
.saas-scope .alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.saas-scope .alert-success .alert-link{color:#0c4128}
.saas-scope .alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}
.saas-scope .alert-info .alert-link{color:#04414d}
.saas-scope .alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}
.saas-scope .alert-warning .alert-link{color:#523e02}
.saas-scope .alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
.saas-scope .alert-danger .alert-link{color:#6a1a21}
.saas-scope .alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}
.saas-scope .alert-light .alert-link{color:#4f5050}
.saas-scope .alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}
.saas-scope .alert-dark .alert-link{color:#101214}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
.saas-scope .progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
.saas-scope .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}
@media (prefers-reduced-motion:reduce){.saas-scope .progress-bar{transition:none}}
.saas-scope .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
.saas-scope .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}
@media (prefers-reduced-motion:reduce){.saas-scope .progress-bar-animated{animation:none}}
.saas-scope .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}
.saas-scope .list-group-numbered{list-style-type:none;counter-reset:section}
.saas-scope .list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}
.saas-scope .list-group-item-action{width:100%;color:#495057;text-align:inherit}
.saas-scope .list-group-item-action:focus,.saas-scope .list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}
.saas-scope .list-group-item-action:active{color:#212529;background-color:#e9ecef}
.saas-scope .list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}
.saas-scope .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.saas-scope .list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
.saas-scope .list-group-item.disabled,.saas-scope .list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}
.saas-scope .list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.saas-scope .list-group-item+.list-group-item{border-top-width:0}
.saas-scope .list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}
.saas-scope .list-group-horizontal{flex-direction:row}
.saas-scope .list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}
.saas-scope .list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}
.saas-scope .list-group-horizontal>.list-group-item.active{margin-top:0}
.saas-scope .list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}
.saas-scope .list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
@media (min-width:576px){.saas-scope .list-group-horizontal-sm{flex-direction:row}.saas-scope .list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.saas-scope .list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.saas-scope .list-group-horizontal-sm>.list-group-item.active{margin-top:0}.saas-scope .list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.saas-scope .list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}
@media (min-width:768px){.saas-scope .list-group-horizontal-md{flex-direction:row}.saas-scope .list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.saas-scope .list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.saas-scope .list-group-horizontal-md>.list-group-item.active{margin-top:0}.saas-scope .list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.saas-scope .list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}
@media (min-width:992px){.saas-scope .list-group-horizontal-lg{flex-direction:row}.saas-scope .list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.saas-scope .list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.saas-scope .list-group-horizontal-lg>.list-group-item.active{margin-top:0}.saas-scope .list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.saas-scope .list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}
@media (min-width:1200px){.saas-scope .list-group-horizontal-xl{flex-direction:row}.saas-scope .list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.saas-scope .list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.saas-scope .list-group-horizontal-xl>.list-group-item.active{margin-top:0}.saas-scope .list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.saas-scope .list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}
@media (min-width:1400px){.saas-scope .list-group-horizontal-xxl{flex-direction:row}.saas-scope .list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.saas-scope .list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.saas-scope .list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.saas-scope .list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.saas-scope .list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}
.saas-scope .list-group-flush{border-radius:0}
.saas-scope .list-group-flush>.list-group-item{border-width:0 0 1px}
.saas-scope .list-group-flush>.list-group-item:last-child{border-bottom-width:0}
.saas-scope .list-group-item-primary{color:#084298;background-color:#cfe2ff}
.saas-scope .list-group-item-primary.list-group-item-action:focus,.saas-scope .list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}
.saas-scope .list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}
.saas-scope .list-group-item-secondary{color:#41464b;background-color:#e2e3e5}
.saas-scope .list-group-item-secondary.list-group-item-action:focus,.saas-scope .list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}
.saas-scope .list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}
.saas-scope .list-group-item-success{color:#0f5132;background-color:#d1e7dd}
.saas-scope .list-group-item-success.list-group-item-action:focus,.saas-scope .list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}
.saas-scope .list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}
.saas-scope .list-group-item-info{color:#055160;background-color:#cff4fc}
.saas-scope .list-group-item-info.list-group-item-action:focus,.saas-scope .list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}
.saas-scope .list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}
.saas-scope .list-group-item-warning{color:#664d03;background-color:#fff3cd}
.saas-scope .list-group-item-warning.list-group-item-action:focus,.saas-scope .list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}
.saas-scope .list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}
.saas-scope .list-group-item-danger{color:#842029;background-color:#f8d7da}
.saas-scope .list-group-item-danger.list-group-item-action:focus,.saas-scope .list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}
.saas-scope .list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}
.saas-scope .list-group-item-light{color:#636464;background-color:#fefefe}
.saas-scope .list-group-item-light.list-group-item-action:focus,.saas-scope .list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}
.saas-scope .list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}
.saas-scope .list-group-item-dark{color:#141619;background-color:#d3d3d4}
.saas-scope .list-group-item-dark.list-group-item-action:focus,.saas-scope .list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}
.saas-scope .list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}
.saas-scope .btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}
.saas-scope .btn-close:hover{color:#000;text-decoration:none;opacity:.75}
.saas-scope .btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}
.saas-scope .btn-close.disabled,.saas-scope .btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}
.saas-scope .btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}
.saas-scope .toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}
.saas-scope .toast:not(.showing):not(.show){opacity:0}
.saas-scope .toast.hide{display:none}
.saas-scope .toast-container{width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}
.saas-scope .toast-container>:not(:last-child){margin-bottom:.75rem}
.saas-scope .toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.saas-scope .toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}
.saas-scope .toast-body{padding:.75rem;word-wrap:break-word}
.saas-scope .modal-open{overflow:hidden}
.saas-scope .modal-open .modal{overflow-x:hidden;overflow-y:auto}
.saas-scope .modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.saas-scope .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.saas-scope .modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.saas-scope .modal.fade .modal-dialog{transition:none}}
.saas-scope .modal.show .modal-dialog{transform:none}
.saas-scope .modal.modal-static .modal-dialog{transform:scale(1.02)}
.saas-scope .modal-dialog-scrollable{height:calc(100% - 1rem)}
.saas-scope .modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}
.saas-scope .modal-dialog-scrollable .modal-body{overflow-y:auto}
.saas-scope .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}
.saas-scope .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.saas-scope .modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}
.saas-scope .modal-backdrop.fade{opacity:0}
.saas-scope .modal-backdrop.show{opacity:.5}
.saas-scope .modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.saas-scope .modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}
.saas-scope .modal-title{margin-bottom:0;line-height:1.5}
.saas-scope .modal-body{position:relative;flex:1 1 auto;padding:1rem}
.saas-scope .modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
.saas-scope .modal-footer>*{margin:.25rem}
.saas-scope .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){.saas-scope .modal-dialog{max-width:500px;margin:1.75rem auto}.saas-scope .modal-dialog-scrollable{height:calc(100% - 3.5rem)}.saas-scope .modal-dialog-centered{min-height:calc(100% - 3.5rem)}.saas-scope .modal-sm{max-width:300px}}
@media (min-width:992px){.saas-scope .modal-lg,.saas-scope .modal-xl{max-width:800px}}
@media (min-width:1200px){.saas-scope .modal-xl{max-width:1140px}}
.saas-scope .modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}
.saas-scope .modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}
.saas-scope .modal-fullscreen .modal-header{border-radius:0}
.saas-scope .modal-fullscreen .modal-body{overflow-y:auto}
.saas-scope .modal-fullscreen .modal-footer{border-radius:0}
@media (max-width:575.98px){.saas-scope .modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.saas-scope .modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.saas-scope .modal-fullscreen-sm-down .modal-header{border-radius:0}.saas-scope .modal-fullscreen-sm-down .modal-body{overflow-y:auto}.saas-scope .modal-fullscreen-sm-down .modal-footer{border-radius:0}}
@media (max-width:767.98px){.saas-scope .modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.saas-scope .modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.saas-scope .modal-fullscreen-md-down .modal-header{border-radius:0}.saas-scope .modal-fullscreen-md-down .modal-body{overflow-y:auto}.saas-scope .modal-fullscreen-md-down .modal-footer{border-radius:0}}
@media (max-width:991.98px){.saas-scope .modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.saas-scope .modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.saas-scope .modal-fullscreen-lg-down .modal-header{border-radius:0}.saas-scope .modal-fullscreen-lg-down .modal-body{overflow-y:auto}.saas-scope .modal-fullscreen-lg-down .modal-footer{border-radius:0}}
@media (max-width:1199.98px){.saas-scope .modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.saas-scope .modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.saas-scope .modal-fullscreen-xl-down .modal-header{border-radius:0}.saas-scope .modal-fullscreen-xl-down .modal-body{overflow-y:auto}.saas-scope .modal-fullscreen-xl-down .modal-footer{border-radius:0}}
@media (max-width:1399.98px){.saas-scope .modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.saas-scope .modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.saas-scope .modal-fullscreen-xxl-down .modal-header{border-radius:0}.saas-scope .modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.saas-scope .modal-fullscreen-xxl-down .modal-footer{border-radius:0}}
.saas-scope .tooltip{position:absolute;z-index:1080;display:block;margin:0;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;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}
.saas-scope .tooltip.show{opacity:.9}
.saas-scope .tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}
.saas-scope .tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
.saas-scope .bs-tooltip-auto[data-popper-placement^=top],.saas-scope .bs-tooltip-top{padding:.4rem 0}
.saas-scope .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.saas-scope .bs-tooltip-top .tooltip-arrow{bottom:0}
.saas-scope .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.saas-scope .bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}
.saas-scope .bs-tooltip-auto[data-popper-placement^=right],.saas-scope .bs-tooltip-end{padding:0 .4rem}
.saas-scope .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.saas-scope .bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}
.saas-scope .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.saas-scope .bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}
.saas-scope .bs-tooltip-auto[data-popper-placement^=bottom],.saas-scope .bs-tooltip-bottom{padding:.4rem 0}
.saas-scope .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.saas-scope .bs-tooltip-bottom .tooltip-arrow{top:0}
.saas-scope .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.saas-scope .bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}
.saas-scope .bs-tooltip-auto[data-popper-placement^=left],.saas-scope .bs-tooltip-start{padding:0 .4rem}
.saas-scope .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.saas-scope .bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}
.saas-scope .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.saas-scope .bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}
.saas-scope .tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}
.saas-scope .popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;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;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}
.saas-scope .popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}
.saas-scope .popover .popover-arrow::after,.saas-scope .popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}
.saas-scope .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.saas-scope .bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}
.saas-scope .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.saas-scope .bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}
.saas-scope .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.saas-scope .bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}
.saas-scope .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.saas-scope .bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}
.saas-scope .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.saas-scope .bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}
.saas-scope .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.saas-scope .bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}
.saas-scope .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.saas-scope .bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}
.saas-scope .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.saas-scope .bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}
.saas-scope .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.saas-scope .bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}
.saas-scope .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.saas-scope .bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}
.saas-scope .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.saas-scope .bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}
.saas-scope .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.saas-scope .bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}
.saas-scope .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.saas-scope .bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}
.saas-scope .popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid #d8d8d8;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.saas-scope .popover-header:empty{display:none}
.saas-scope .popover-body{padding:1rem 1rem;color:#212529}
.saas-scope .carousel{position:relative}
.saas-scope .carousel.pointer-event{touch-action:pan-y}
.saas-scope .carousel-inner{position:relative;width:100%;overflow:hidden}
.saas-scope .carousel-inner::after{display:block;clear:both;content:""}
.saas-scope .carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .carousel-item{transition:none}}
.saas-scope .carousel-item-next,.saas-scope .carousel-item-prev,.saas-scope .carousel-item.active{display:block}
.saas-scope .active.carousel-item-end,.saas-scope .carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.saas-scope .active.carousel-item-start,.saas-scope .carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.saas-scope .carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}
.saas-scope .carousel-fade .carousel-item-next.carousel-item-start,.saas-scope .carousel-fade .carousel-item-prev.carousel-item-end,.saas-scope .carousel-fade .carousel-item.active{z-index:1;opacity:1}
.saas-scope .carousel-fade .active.carousel-item-end,.saas-scope .carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){.saas-scope .carousel-fade .active.carousel-item-end,.saas-scope .carousel-fade .active.carousel-item-start{transition:none}}
.saas-scope .carousel-control-next,.saas-scope .carousel-control-prev{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:0 0;border:0;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.saas-scope .carousel-control-next,.saas-scope .carousel-control-prev{transition:none}}
.saas-scope .carousel-control-next:focus,.saas-scope .carousel-control-next:hover,.saas-scope .carousel-control-prev:focus,.saas-scope .carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.saas-scope .carousel-control-prev{left:0}
.saas-scope .carousel-control-next{right:0}
.saas-scope .carousel-control-next-icon,.saas-scope .carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.saas-scope .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.saas-scope .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.saas-scope .carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.saas-scope .carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.saas-scope .carousel-indicators [data-bs-target]{transition:none}}
.saas-scope .carousel-indicators .active{opacity:1}
.saas-scope .carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}
.saas-scope .carousel-dark .carousel-control-next-icon,.saas-scope .carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.saas-scope .carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}
.saas-scope .carousel-dark .carousel-caption{color:#000}
@keyframes spinner-border{to{transform:rotate(360deg)}}
.saas-scope .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border}
.saas-scope .spinner-border-sm{width:1rem;height:1rem;border-width:.2em}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.saas-scope .spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}
.saas-scope .spinner-grow-sm{width:1rem;height:1rem}
@media (prefers-reduced-motion:reduce){.saas-scope .spinner-border,.saas-scope .spinner-grow{animation-duration:1.5s}}
.saas-scope .offcanvas{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
@media (prefers-reduced-motion:reduce){.saas-scope .offcanvas{transition:none}}
.saas-scope .offcanvas-header{display:flex;justify-content:space-between;padding:1rem 1rem}
.saas-scope .offcanvas-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}
.saas-scope .offcanvas-title{margin-bottom:0;line-height:1.5}
.saas-scope .offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}
.saas-scope .offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}
.saas-scope .offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}
.saas-scope .offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}
.saas-scope .offcanvas.show{transform:none}
.saas-scope .offcanvas-backdrop::before{position:fixed;top:0;left:0;z-index:1039;width:100vw;height:100vh;content:"";background-color:rgba(0,0,0,.5)}
.saas-scope .clearfix::after{display:block;clear:both;content:""}
.saas-scope .link-primary{color:#0d6efd}
.saas-scope .link-primary:focus,.saas-scope .link-primary:hover{color:#0a58ca}
.saas-scope .link-secondary{color:#6c757d}
.saas-scope .link-secondary:focus,.saas-scope .link-secondary:hover{color:#565e64}
.saas-scope .link-success{color:#198754}
.saas-scope .link-success:focus,.saas-scope .link-success:hover{color:#146c43}
.saas-scope .link-info{color:#0dcaf0}
.saas-scope .link-info:focus,.saas-scope .link-info:hover{color:#3dd5f3}
.saas-scope .link-warning{color:#ffc107}
.saas-scope .link-warning:focus,.saas-scope .link-warning:hover{color:#ffcd39}
.saas-scope .link-danger{color:#dc3545}
.saas-scope .link-danger:focus,.saas-scope .link-danger:hover{color:#b02a37}
.saas-scope .link-light{color:#f8f9fa}
.saas-scope .link-light:focus,.saas-scope .link-light:hover{color:#f9fafb}
.saas-scope .link-dark{color:#212529}
.saas-scope .link-dark:focus,.saas-scope .link-dark:hover{color:#1a1e21}
.saas-scope .ratio{position:relative;width:100%}
.saas-scope .ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.saas-scope .ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.saas-scope .ratio-1x1{--bs-aspect-ratio:100%}
.saas-scope .ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}
.saas-scope .ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}
.saas-scope .ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}
.saas-scope .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.saas-scope .fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
.saas-scope .sticky-top{position:sticky;top:0;z-index:1020}
@media (min-width:576px){.saas-scope .sticky-sm-top{position:sticky;top:0;z-index:1020}}
@media (min-width:768px){.saas-scope .sticky-md-top{position:sticky;top:0;z-index:1020}}
@media (min-width:992px){.saas-scope .sticky-lg-top{position:sticky;top:0;z-index:1020}}
@media (min-width:1200px){.saas-scope .sticky-xl-top{position:sticky;top:0;z-index:1020}}
@media (min-width:1400px){.saas-scope .sticky-xxl-top{position:sticky;top:0;z-index:1020}}
.saas-scope .visually-hidden,.saas-scope .visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.saas-scope .stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
.saas-scope .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-scope .align-baseline{vertical-align:baseline!important}
.saas-scope .align-top{vertical-align:top!important}
.saas-scope .align-middle{vertical-align:middle!important}
.saas-scope .align-bottom{vertical-align:bottom!important}
.saas-scope .align-text-bottom{vertical-align:text-bottom!important}
.saas-scope .align-text-top{vertical-align:text-top!important}
.saas-scope .float-start{float:left!important}
.saas-scope .float-end{float:right!important}
.saas-scope .float-none{float:none!important}
.saas-scope .overflow-auto{overflow:auto!important}
.saas-scope .overflow-hidden{overflow:hidden!important}
.saas-scope .overflow-visible{overflow:visible!important}
.saas-scope .overflow-scroll{overflow:scroll!important}
.saas-scope .d-inline{display:inline!important}
.saas-scope .d-inline-block{display:inline-block!important}
.saas-scope .d-block{display:block!important}
.saas-scope .d-grid{display:grid!important}
.saas-scope .d-table{display:table!important}
.saas-scope .d-table-row{display:table-row!important}
.saas-scope .d-table-cell{display:table-cell!important}
.saas-scope .d-flex{display:flex!important}
.saas-scope .d-inline-flex{display:inline-flex!important}
.saas-scope .d-none{display:none!important}
.saas-scope .shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.saas-scope .shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.saas-scope .shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.saas-scope .shadow-none{box-shadow:none!important}
.saas-scope .position-static{position:static!important}
.saas-scope .position-relative{position:relative!important}
.saas-scope .position-absolute{position:absolute!important}
.saas-scope .position-fixed{position:fixed!important}
.saas-scope .position-sticky{position:sticky!important}
.saas-scope .top-0{top:0!important}
.saas-scope .top-50{top:50%!important}
.saas-scope .top-100{top:100%!important}
.saas-scope .bottom-0{bottom:0!important}
.saas-scope .bottom-50{bottom:50%!important}
.saas-scope .bottom-100{bottom:100%!important}
.saas-scope .start-0{left:0!important}
.saas-scope .start-50{left:50%!important}
.saas-scope .start-100{left:100%!important}
.saas-scope .end-0{right:0!important}
.saas-scope .end-50{right:50%!important}
.saas-scope .end-100{right:100%!important}
.saas-scope .translate-middle{transform:translate(-50%,-50%)!important}
.saas-scope .translate-middle-x{transform:translateX(-50%)!important}
.saas-scope .translate-middle-y{transform:translateY(-50%)!important}
.saas-scope .border{border:1px solid #dee2e6!important}
.saas-scope .border-0{border:0!important}
.saas-scope .border-top{border-top:1px solid #dee2e6!important}
.saas-scope .border-top-0{border-top:0!important}
.saas-scope .border-end{border-right:1px solid #dee2e6!important}
.saas-scope .border-end-0{border-right:0!important}
.saas-scope .border-bottom{border-bottom:1px solid #dee2e6!important}
.saas-scope .border-bottom-0{border-bottom:0!important}
.saas-scope .border-start{border-left:1px solid #dee2e6!important}
.saas-scope .border-start-0{border-left:0!important}
.saas-scope .border-primary{border-color:#0d6efd!important}
.saas-scope .border-secondary{border-color:#6c757d!important}
.saas-scope .border-success{border-color:#198754!important}
.saas-scope .border-info{border-color:#0dcaf0!important}
.saas-scope .border-warning{border-color:#ffc107!important}
.saas-scope .border-danger{border-color:#dc3545!important}
.saas-scope .border-light{border-color:#f8f9fa!important}
.saas-scope .border-dark{border-color:#212529!important}
.saas-scope .border-white{border-color:#fff!important}
.saas-scope .border-1{border-width:1px!important}
.saas-scope .border-2{border-width:2px!important}
.saas-scope .border-3{border-width:3px!important}
.saas-scope .border-4{border-width:4px!important}
.saas-scope .border-5{border-width:5px!important}
.saas-scope .w-25{width:25%!important}
.saas-scope .w-50{width:50%!important}
.saas-scope .w-75{width:75%!important}
.saas-scope .w-100{width:100%!important}
.saas-scope .w-auto{width:auto!important}
.saas-scope .mw-100{max-width:100%!important}
.saas-scope .vw-100{width:100vw!important}
.saas-scope .min-vw-100{min-width:100vw!important}
.saas-scope .h-25{height:25%!important}
.saas-scope .h-50{height:50%!important}
.saas-scope .h-75{height:75%!important}
.saas-scope .h-100{height:100%!important}
.saas-scope .h-auto{height:auto!important}
.saas-scope .mh-100{max-height:100%!important}
.saas-scope .vh-100{height:100vh!important}
.saas-scope .min-vh-100{min-height:100vh!important}
.saas-scope .flex-fill{flex:1 1 auto!important}
.saas-scope .flex-row{flex-direction:row!important}
.saas-scope .flex-column{flex-direction:column!important}
.saas-scope .flex-row-reverse{flex-direction:row-reverse!important}
.saas-scope .flex-column-reverse{flex-direction:column-reverse!important}
.saas-scope .flex-grow-0{flex-grow:0!important}
.saas-scope .flex-grow-1{flex-grow:1!important}
.saas-scope .flex-shrink-0{flex-shrink:0!important}
.saas-scope .flex-shrink-1{flex-shrink:1!important}
.saas-scope .flex-wrap{flex-wrap:wrap!important}
.saas-scope .flex-nowrap{flex-wrap:nowrap!important}
.saas-scope .flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.saas-scope .gap-0{gap:0!important}
.saas-scope .gap-1{gap:.25rem!important}
.saas-scope .gap-2{gap:.5rem!important}
.saas-scope .gap-3{gap:1rem!important}
.saas-scope .gap-4{gap:1.5rem!important}
.saas-scope .gap-5{gap:3rem!important}
.saas-scope .justify-content-start{justify-content:flex-start!important}
.saas-scope .justify-content-end{justify-content:flex-end!important}
.saas-scope .justify-content-center{justify-content:center!important}
.saas-scope .justify-content-between{justify-content:space-between!important}
.saas-scope .justify-content-around{justify-content:space-around!important}
.saas-scope .justify-content-evenly{justify-content:space-evenly!important}
.saas-scope .align-items-start{align-items:flex-start!important}
.saas-scope .align-items-end{align-items:flex-end!important}
.saas-scope .align-items-center{align-items:center!important}
.saas-scope .align-items-baseline{align-items:baseline!important}
.saas-scope .align-items-stretch{align-items:stretch!important}
.saas-scope .align-content-start{align-content:flex-start!important}
.saas-scope .align-content-end{align-content:flex-end!important}
.saas-scope .align-content-center{align-content:center!important}
.saas-scope .align-content-between{align-content:space-between!important}
.saas-scope .align-content-around{align-content:space-around!important}
.saas-scope .align-content-stretch{align-content:stretch!important}
.saas-scope .align-self-auto{align-self:auto!important}
.saas-scope .align-self-start{align-self:flex-start!important}
.saas-scope .align-self-end{align-self:flex-end!important}
.saas-scope .align-self-center{align-self:center!important}
.saas-scope .align-self-baseline{align-self:baseline!important}
.saas-scope .align-self-stretch{align-self:stretch!important}
.saas-scope .order-first{order:-1!important}
.saas-scope .order-0{order:0!important}
.saas-scope .order-1{order:1!important}
.saas-scope .order-2{order:2!important}
.saas-scope .order-3{order:3!important}
.saas-scope .order-4{order:4!important}
.saas-scope .order-5{order:5!important}
.saas-scope .order-last{order:6!important}
.saas-scope .m-0{margin:0!important}
.saas-scope .m-1{margin:.25rem!important}
.saas-scope .m-2{margin:.5rem!important}
.saas-scope .m-3{margin:1rem!important}
.saas-scope .m-4{margin:1.5rem!important}
.saas-scope .m-5{margin:3rem!important}
.saas-scope .m-auto{margin:auto!important}
.saas-scope .mx-0{margin-right:0!important;margin-left:0!important}
.saas-scope .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.saas-scope .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.saas-scope .mx-3{margin-right:1rem!important;margin-left:1rem!important}
.saas-scope .mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.saas-scope .mx-5{margin-right:3rem!important;margin-left:3rem!important}
.saas-scope .mx-auto{margin-right:auto!important;margin-left:auto!important}
.saas-scope .my-0{margin-top:0!important;margin-bottom:0!important}
.saas-scope .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.saas-scope .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.saas-scope .my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.saas-scope .my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.saas-scope .my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.saas-scope .my-auto{margin-top:auto!important;margin-bottom:auto!important}
.saas-scope .mt-0{margin-top:0!important}
.saas-scope .mt-1{margin-top:.25rem!important}
.saas-scope .mt-2{margin-top:.5rem!important}
.saas-scope .mt-3{margin-top:1rem!important}
.saas-scope .mt-4{margin-top:1.5rem!important}
.saas-scope .mt-5{margin-top:3rem!important}
.saas-scope .mt-auto{margin-top:auto!important}
.saas-scope .me-0{margin-right:0!important}
.saas-scope .me-1{margin-right:.25rem!important}
.saas-scope .me-2{margin-right:.5rem!important}
.saas-scope .me-3{margin-right:1rem!important}
.saas-scope .me-4{margin-right:1.5rem!important}
.saas-scope .me-5{margin-right:3rem!important}
.saas-scope .me-auto{margin-right:auto!important}
.saas-scope .mb-0{margin-bottom:0!important}
.saas-scope .mb-1{margin-bottom:.25rem!important}
.saas-scope .mb-2{margin-bottom:.5rem!important}
.saas-scope .mb-3{margin-bottom:1rem!important}
.saas-scope .mb-4{margin-bottom:1.5rem!important}
.saas-scope .mb-5{margin-bottom:3rem!important}
.saas-scope .mb-auto{margin-bottom:auto!important}
.saas-scope .ms-0{margin-left:0!important}
.saas-scope .ms-1{margin-left:.25rem!important}
.saas-scope .ms-2{margin-left:.5rem!important}
.saas-scope .ms-3{margin-left:1rem!important}
.saas-scope .ms-4{margin-left:1.5rem!important}
.saas-scope .ms-5{margin-left:3rem!important}
.saas-scope .ms-auto{margin-left:auto!important}
.saas-scope .p-0{padding:0!important}
.saas-scope .p-1{padding:.25rem!important}
.saas-scope .p-2{padding:.5rem!important}
.saas-scope .p-3{padding:1rem!important}
.saas-scope .p-4{padding:1.5rem!important}
.saas-scope .p-5{padding:3rem!important}
.saas-scope .px-0{padding-right:0!important;padding-left:0!important}
.saas-scope .px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.saas-scope .px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.saas-scope .px-3{padding-right:1rem!important;padding-left:1rem!important}
.saas-scope .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.saas-scope .px-5{padding-right:3rem!important;padding-left:3rem!important}
.saas-scope .py-0{padding-top:0!important;padding-bottom:0!important}
.saas-scope .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.saas-scope .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.saas-scope .py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.saas-scope .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.saas-scope .py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.saas-scope .pt-0{padding-top:0!important}
.saas-scope .pt-1{padding-top:.25rem!important}
.saas-scope .pt-2{padding-top:.5rem!important}
.saas-scope .pt-3{padding-top:1rem!important}
.saas-scope .pt-4{padding-top:1.5rem!important}
.saas-scope .pt-5{padding-top:3rem!important}
.saas-scope .pe-0{padding-right:0!important}
.saas-scope .pe-1{padding-right:.25rem!important}
.saas-scope .pe-2{padding-right:.5rem!important}
.saas-scope .pe-3{padding-right:1rem!important}
.saas-scope .pe-4{padding-right:1.5rem!important}
.saas-scope .pe-5{padding-right:3rem!important}
.saas-scope .pb-0{padding-bottom:0!important}
.saas-scope .pb-1{padding-bottom:.25rem!important}
.saas-scope .pb-2{padding-bottom:.5rem!important}
.saas-scope .pb-3{padding-bottom:1rem!important}
.saas-scope .pb-4{padding-bottom:1.5rem!important}
.saas-scope .pb-5{padding-bottom:3rem!important}
.saas-scope .ps-0{padding-left:0!important}
.saas-scope .ps-1{padding-left:.25rem!important}
.saas-scope .ps-2{padding-left:.5rem!important}
.saas-scope .ps-3{padding-left:1rem!important}
.saas-scope .ps-4{padding-left:1.5rem!important}
.saas-scope .ps-5{padding-left:3rem!important}
.saas-scope .font-monospace{font-family:var(--bs-font-monospace)!important}
.saas-scope .fs-1{font-size:calc(1.375rem + 1.5vw)!important}
.saas-scope .fs-2{font-size:calc(1.325rem + .9vw)!important}
.saas-scope .fs-3{font-size:calc(1.3rem + .6vw)!important}
.saas-scope .fs-4{font-size:calc(1.275rem + .3vw)!important}
.saas-scope .fs-5{font-size:1.25rem!important}
.saas-scope .fs-6{font-size:1rem!important}
.saas-scope .fst-italic{font-style:italic!important}
.saas-scope .fst-normal{font-style:normal!important}
.saas-scope .fw-light{font-weight:300!important}
.saas-scope .fw-lighter{font-weight:lighter!important}
.saas-scope .fw-normal{font-weight:400!important}
.saas-scope .fw-bold{font-weight:700!important}
.saas-scope .fw-bolder{font-weight:bolder!important}
.saas-scope .lh-1{line-height:1!important}
.saas-scope .lh-sm{line-height:1.25!important}
.saas-scope .lh-base{line-height:1.5!important}
.saas-scope .lh-lg{line-height:2!important}
.saas-scope .text-start{text-align:left!important}
.saas-scope .text-end{text-align:right!important}
.saas-scope .text-center{text-align:center!important}
.saas-scope .text-decoration-none{text-decoration:none!important}
.saas-scope .text-decoration-underline{text-decoration:underline!important}
.saas-scope .text-decoration-line-through{text-decoration:line-through!important}
.saas-scope .text-lowercase{text-transform:lowercase!important}
.saas-scope .text-uppercase{text-transform:uppercase!important}
.saas-scope .text-capitalize{text-transform:capitalize!important}
.saas-scope .text-wrap{white-space:normal!important}
.saas-scope .text-nowrap{white-space:nowrap!important}
.saas-scope .text-break{word-wrap:break-word!important;word-break:break-word!important}
.saas-scope .text-primary{color:#0d6efd!important}
.saas-scope .text-secondary{color:#6c757d!important}
.saas-scope .text-success{color:#198754!important}
.saas-scope .text-info{color:#0dcaf0!important}
.saas-scope .text-warning{color:#ffc107!important}
.saas-scope .text-danger{color:#dc3545!important}
.saas-scope .text-light{color:#f8f9fa!important}
.saas-scope .text-dark{color:#212529!important}
.saas-scope .text-white{color:#fff!important}
.saas-scope .text-body{color:#212529!important}
.saas-scope .text-muted{color:#6c757d!important}
.saas-scope .text-black-50{color:rgba(0,0,0,.5)!important}
.saas-scope .text-white-50{color:rgba(255,255,255,.5)!important}
.saas-scope .text-reset{color:inherit!important}
.saas-scope .bg-primary{background-color:#0d6efd!important}
.saas-scope .bg-secondary{background-color:#6c757d!important}
.saas-scope .bg-success{background-color:#198754!important}
.saas-scope .bg-info{background-color:#0dcaf0!important}
.saas-scope .bg-warning{background-color:#ffc107!important}
.saas-scope .bg-danger{background-color:#dc3545!important}
.saas-scope .bg-light{background-color:#f8f9fa!important}
.saas-scope .bg-dark{background-color:#212529!important}
.saas-scope .bg-body{background-color:#fff!important}
.saas-scope .bg-white{background-color:#fff!important}
.saas-scope .bg-transparent{background-color:transparent!important}
.saas-scope .bg-gradient{background-image:var(--bs-gradient)!important}
.saas-scope .user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}
.saas-scope .user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}
.saas-scope .user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
.saas-scope .pe-none{pointer-events:none!important}
.saas-scope .pe-auto{pointer-events:auto!important}
.saas-scope .rounded{border-radius:.25rem!important}
.saas-scope .rounded-0{border-radius:0!important}
.saas-scope .rounded-1{border-radius:.2rem!important}
.saas-scope .rounded-2{border-radius:.25rem!important}
.saas-scope .rounded-3{border-radius:.3rem!important}
.saas-scope .rounded-circle{border-radius:50%!important}
.saas-scope .rounded-pill{border-radius:50rem!important}
.saas-scope .rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}
.saas-scope .rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}
.saas-scope .rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}
.saas-scope .rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}
.saas-scope .visible{visibility:visible!important}
.saas-scope .invisible{visibility:hidden!important}
@media (min-width:576px){.saas-scope .float-sm-start{float:left!important}.saas-scope .float-sm-end{float:right!important}.saas-scope .float-sm-none{float:none!important}.saas-scope .d-sm-inline{display:inline!important}.saas-scope .d-sm-inline-block{display:inline-block!important}.saas-scope .d-sm-block{display:block!important}.saas-scope .d-sm-grid{display:grid!important}.saas-scope .d-sm-table{display:table!important}.saas-scope .d-sm-table-row{display:table-row!important}.saas-scope .d-sm-table-cell{display:table-cell!important}.saas-scope .d-sm-flex{display:flex!important}.saas-scope .d-sm-inline-flex{display:inline-flex!important}.saas-scope .d-sm-none{display:none!important}.saas-scope .flex-sm-fill{flex:1 1 auto!important}.saas-scope .flex-sm-row{flex-direction:row!important}.saas-scope .flex-sm-column{flex-direction:column!important}.saas-scope .flex-sm-row-reverse{flex-direction:row-reverse!important}.saas-scope .flex-sm-column-reverse{flex-direction:column-reverse!important}.saas-scope .flex-sm-grow-0{flex-grow:0!important}.saas-scope .flex-sm-grow-1{flex-grow:1!important}.saas-scope .flex-sm-shrink-0{flex-shrink:0!important}.saas-scope .flex-sm-shrink-1{flex-shrink:1!important}.saas-scope .flex-sm-wrap{flex-wrap:wrap!important}.saas-scope .flex-sm-nowrap{flex-wrap:nowrap!important}.saas-scope .flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.saas-scope .gap-sm-0{gap:0!important}.saas-scope .gap-sm-1{gap:.25rem!important}.saas-scope .gap-sm-2{gap:.5rem!important}.saas-scope .gap-sm-3{gap:1rem!important}.saas-scope .gap-sm-4{gap:1.5rem!important}.saas-scope .gap-sm-5{gap:3rem!important}.saas-scope .justify-content-sm-start{justify-content:flex-start!important}.saas-scope .justify-content-sm-end{justify-content:flex-end!important}.saas-scope .justify-content-sm-center{justify-content:center!important}.saas-scope .justify-content-sm-between{justify-content:space-between!important}.saas-scope .justify-content-sm-around{justify-content:space-around!important}.saas-scope .justify-content-sm-evenly{justify-content:space-evenly!important}.saas-scope .align-items-sm-start{align-items:flex-start!important}.saas-scope .align-items-sm-end{align-items:flex-end!important}.saas-scope .align-items-sm-center{align-items:center!important}.saas-scope .align-items-sm-baseline{align-items:baseline!important}.saas-scope .align-items-sm-stretch{align-items:stretch!important}.saas-scope .align-content-sm-start{align-content:flex-start!important}.saas-scope .align-content-sm-end{align-content:flex-end!important}.saas-scope .align-content-sm-center{align-content:center!important}.saas-scope .align-content-sm-between{align-content:space-between!important}.saas-scope .align-content-sm-around{align-content:space-around!important}.saas-scope .align-content-sm-stretch{align-content:stretch!important}.saas-scope .align-self-sm-auto{align-self:auto!important}.saas-scope .align-self-sm-start{align-self:flex-start!important}.saas-scope .align-self-sm-end{align-self:flex-end!important}.saas-scope .align-self-sm-center{align-self:center!important}.saas-scope .align-self-sm-baseline{align-self:baseline!important}.saas-scope .align-self-sm-stretch{align-self:stretch!important}.saas-scope .order-sm-first{order:-1!important}.saas-scope .order-sm-0{order:0!important}.saas-scope .order-sm-1{order:1!important}.saas-scope .order-sm-2{order:2!important}.saas-scope .order-sm-3{order:3!important}.saas-scope .order-sm-4{order:4!important}.saas-scope .order-sm-5{order:5!important}.saas-scope .order-sm-last{order:6!important}.saas-scope .m-sm-0{margin:0!important}.saas-scope .m-sm-1{margin:.25rem!important}.saas-scope .m-sm-2{margin:.5rem!important}.saas-scope .m-sm-3{margin:1rem!important}.saas-scope .m-sm-4{margin:1.5rem!important}.saas-scope .m-sm-5{margin:3rem!important}.saas-scope .m-sm-auto{margin:auto!important}.saas-scope .mx-sm-0{margin-right:0!important;margin-left:0!important}.saas-scope .mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.saas-scope .mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.saas-scope .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.saas-scope .mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.saas-scope .mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.saas-scope .mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.saas-scope .my-sm-0{margin-top:0!important;margin-bottom:0!important}.saas-scope .my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.saas-scope .my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.saas-scope .my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.saas-scope .my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.saas-scope .my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.saas-scope .my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.saas-scope .mt-sm-0{margin-top:0!important}.saas-scope .mt-sm-1{margin-top:.25rem!important}.saas-scope .mt-sm-2{margin-top:.5rem!important}.saas-scope .mt-sm-3{margin-top:1rem!important}.saas-scope .mt-sm-4{margin-top:1.5rem!important}.saas-scope .mt-sm-5{margin-top:3rem!important}.saas-scope .mt-sm-auto{margin-top:auto!important}.saas-scope .me-sm-0{margin-right:0!important}.saas-scope .me-sm-1{margin-right:.25rem!important}.saas-scope .me-sm-2{margin-right:.5rem!important}.saas-scope .me-sm-3{margin-right:1rem!important}.saas-scope .me-sm-4{margin-right:1.5rem!important}.saas-scope .me-sm-5{margin-right:3rem!important}.saas-scope .me-sm-auto{margin-right:auto!important}.saas-scope .mb-sm-0{margin-bottom:0!important}.saas-scope .mb-sm-1{margin-bottom:.25rem!important}.saas-scope .mb-sm-2{margin-bottom:.5rem!important}.saas-scope .mb-sm-3{margin-bottom:1rem!important}.saas-scope .mb-sm-4{margin-bottom:1.5rem!important}.saas-scope .mb-sm-5{margin-bottom:3rem!important}.saas-scope .mb-sm-auto{margin-bottom:auto!important}.saas-scope .ms-sm-0{margin-left:0!important}.saas-scope .ms-sm-1{margin-left:.25rem!important}.saas-scope .ms-sm-2{margin-left:.5rem!important}.saas-scope .ms-sm-3{margin-left:1rem!important}.saas-scope .ms-sm-4{margin-left:1.5rem!important}.saas-scope .ms-sm-5{margin-left:3rem!important}.saas-scope .ms-sm-auto{margin-left:auto!important}.saas-scope .p-sm-0{padding:0!important}.saas-scope .p-sm-1{padding:.25rem!important}.saas-scope .p-sm-2{padding:.5rem!important}.saas-scope .p-sm-3{padding:1rem!important}.saas-scope .p-sm-4{padding:1.5rem!important}.saas-scope .p-sm-5{padding:3rem!important}.saas-scope .px-sm-0{padding-right:0!important;padding-left:0!important}.saas-scope .px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.saas-scope .px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.saas-scope .px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.saas-scope .px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.saas-scope .px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.saas-scope .py-sm-0{padding-top:0!important;padding-bottom:0!important}.saas-scope .py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.saas-scope .py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.saas-scope .py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.saas-scope .py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.saas-scope .py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.saas-scope .pt-sm-0{padding-top:0!important}.saas-scope .pt-sm-1{padding-top:.25rem!important}.saas-scope .pt-sm-2{padding-top:.5rem!important}.saas-scope .pt-sm-3{padding-top:1rem!important}.saas-scope .pt-sm-4{padding-top:1.5rem!important}.saas-scope .pt-sm-5{padding-top:3rem!important}.saas-scope .pe-sm-0{padding-right:0!important}.saas-scope .pe-sm-1{padding-right:.25rem!important}.saas-scope .pe-sm-2{padding-right:.5rem!important}.saas-scope .pe-sm-3{padding-right:1rem!important}.saas-scope .pe-sm-4{padding-right:1.5rem!important}.saas-scope .pe-sm-5{padding-right:3rem!important}.saas-scope .pb-sm-0{padding-bottom:0!important}.saas-scope .pb-sm-1{padding-bottom:.25rem!important}.saas-scope .pb-sm-2{padding-bottom:.5rem!important}.saas-scope .pb-sm-3{padding-bottom:1rem!important}.saas-scope .pb-sm-4{padding-bottom:1.5rem!important}.saas-scope .pb-sm-5{padding-bottom:3rem!important}.saas-scope .ps-sm-0{padding-left:0!important}.saas-scope .ps-sm-1{padding-left:.25rem!important}.saas-scope .ps-sm-2{padding-left:.5rem!important}.saas-scope .ps-sm-3{padding-left:1rem!important}.saas-scope .ps-sm-4{padding-left:1.5rem!important}.saas-scope .ps-sm-5{padding-left:3rem!important}.saas-scope .text-sm-start{text-align:left!important}.saas-scope .text-sm-end{text-align:right!important}.saas-scope .text-sm-center{text-align:center!important}}
@media (min-width:768px){.saas-scope .float-md-start{float:left!important}.saas-scope .float-md-end{float:right!important}.saas-scope .float-md-none{float:none!important}.saas-scope .d-md-inline{display:inline!important}.saas-scope .d-md-inline-block{display:inline-block!important}.saas-scope .d-md-block{display:block!important}.saas-scope .d-md-grid{display:grid!important}.saas-scope .d-md-table{display:table!important}.saas-scope .d-md-table-row{display:table-row!important}.saas-scope .d-md-table-cell{display:table-cell!important}.saas-scope .d-md-flex{display:flex!important}.saas-scope .d-md-inline-flex{display:inline-flex!important}.saas-scope .d-md-none{display:none!important}.saas-scope .flex-md-fill{flex:1 1 auto!important}.saas-scope .flex-md-row{flex-direction:row!important}.saas-scope .flex-md-column{flex-direction:column!important}.saas-scope .flex-md-row-reverse{flex-direction:row-reverse!important}.saas-scope .flex-md-column-reverse{flex-direction:column-reverse!important}.saas-scope .flex-md-grow-0{flex-grow:0!important}.saas-scope .flex-md-grow-1{flex-grow:1!important}.saas-scope .flex-md-shrink-0{flex-shrink:0!important}.saas-scope .flex-md-shrink-1{flex-shrink:1!important}.saas-scope .flex-md-wrap{flex-wrap:wrap!important}.saas-scope .flex-md-nowrap{flex-wrap:nowrap!important}.saas-scope .flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.saas-scope .gap-md-0{gap:0!important}.saas-scope .gap-md-1{gap:.25rem!important}.saas-scope .gap-md-2{gap:.5rem!important}.saas-scope .gap-md-3{gap:1rem!important}.saas-scope .gap-md-4{gap:1.5rem!important}.saas-scope .gap-md-5{gap:3rem!important}.saas-scope .justify-content-md-start{justify-content:flex-start!important}.saas-scope .justify-content-md-end{justify-content:flex-end!important}.saas-scope .justify-content-md-center{justify-content:center!important}.saas-scope .justify-content-md-between{justify-content:space-between!important}.saas-scope .justify-content-md-around{justify-content:space-around!important}.saas-scope .justify-content-md-evenly{justify-content:space-evenly!important}.saas-scope .align-items-md-start{align-items:flex-start!important}.saas-scope .align-items-md-end{align-items:flex-end!important}.saas-scope .align-items-md-center{align-items:center!important}.saas-scope .align-items-md-baseline{align-items:baseline!important}.saas-scope .align-items-md-stretch{align-items:stretch!important}.saas-scope .align-content-md-start{align-content:flex-start!important}.saas-scope .align-content-md-end{align-content:flex-end!important}.saas-scope .align-content-md-center{align-content:center!important}.saas-scope .align-content-md-between{align-content:space-between!important}.saas-scope .align-content-md-around{align-content:space-around!important}.saas-scope .align-content-md-stretch{align-content:stretch!important}.saas-scope .align-self-md-auto{align-self:auto!important}.saas-scope .align-self-md-start{align-self:flex-start!important}.saas-scope .align-self-md-end{align-self:flex-end!important}.saas-scope .align-self-md-center{align-self:center!important}.saas-scope .align-self-md-baseline{align-self:baseline!important}.saas-scope .align-self-md-stretch{align-self:stretch!important}.saas-scope .order-md-first{order:-1!important}.saas-scope .order-md-0{order:0!important}.saas-scope .order-md-1{order:1!important}.saas-scope .order-md-2{order:2!important}.saas-scope .order-md-3{order:3!important}.saas-scope .order-md-4{order:4!important}.saas-scope .order-md-5{order:5!important}.saas-scope .order-md-last{order:6!important}.saas-scope .m-md-0{margin:0!important}.saas-scope .m-md-1{margin:.25rem!important}.saas-scope .m-md-2{margin:.5rem!important}.saas-scope .m-md-3{margin:1rem!important}.saas-scope .m-md-4{margin:1.5rem!important}.saas-scope .m-md-5{margin:3rem!important}.saas-scope .m-md-auto{margin:auto!important}.saas-scope .mx-md-0{margin-right:0!important;margin-left:0!important}.saas-scope .mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.saas-scope .mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.saas-scope .mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.saas-scope .mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.saas-scope .mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.saas-scope .mx-md-auto{margin-right:auto!important;margin-left:auto!important}.saas-scope .my-md-0{margin-top:0!important;margin-bottom:0!important}.saas-scope .my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.saas-scope .my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.saas-scope .my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.saas-scope .my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.saas-scope .my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.saas-scope .my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.saas-scope .mt-md-0{margin-top:0!important}.saas-scope .mt-md-1{margin-top:.25rem!important}.saas-scope .mt-md-2{margin-top:.5rem!important}.saas-scope .mt-md-3{margin-top:1rem!important}.saas-scope .mt-md-4{margin-top:1.5rem!important}.saas-scope .mt-md-5{margin-top:3rem!important}.saas-scope .mt-md-auto{margin-top:auto!important}.saas-scope .me-md-0{margin-right:0!important}.saas-scope .me-md-1{margin-right:.25rem!important}.saas-scope .me-md-2{margin-right:.5rem!important}.saas-scope .me-md-3{margin-right:1rem!important}.saas-scope .me-md-4{margin-right:1.5rem!important}.saas-scope .me-md-5{margin-right:3rem!important}.saas-scope .me-md-auto{margin-right:auto!important}.saas-scope .mb-md-0{margin-bottom:0!important}.saas-scope .mb-md-1{margin-bottom:.25rem!important}.saas-scope .mb-md-2{margin-bottom:.5rem!important}.saas-scope .mb-md-3{margin-bottom:1rem!important}.saas-scope .mb-md-4{margin-bottom:1.5rem!important}.saas-scope .mb-md-5{margin-bottom:3rem!important}.saas-scope .mb-md-auto{margin-bottom:auto!important}.saas-scope .ms-md-0{margin-left:0!important}.saas-scope .ms-md-1{margin-left:.25rem!important}.saas-scope .ms-md-2{margin-left:.5rem!important}.saas-scope .ms-md-3{margin-left:1rem!important}.saas-scope .ms-md-4{margin-left:1.5rem!important}.saas-scope .ms-md-5{margin-left:3rem!important}.saas-scope .ms-md-auto{margin-left:auto!important}.saas-scope .p-md-0{padding:0!important}.saas-scope .p-md-1{padding:.25rem!important}.saas-scope .p-md-2{padding:.5rem!important}.saas-scope .p-md-3{padding:1rem!important}.saas-scope .p-md-4{padding:1.5rem!important}.saas-scope .p-md-5{padding:3rem!important}.saas-scope .px-md-0{padding-right:0!important;padding-left:0!important}.saas-scope .px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.saas-scope .px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.saas-scope .px-md-3{padding-right:1rem!important;padding-left:1rem!important}.saas-scope .px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.saas-scope .px-md-5{padding-right:3rem!important;padding-left:3rem!important}.saas-scope .py-md-0{padding-top:0!important;padding-bottom:0!important}.saas-scope .py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.saas-scope .py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.saas-scope .py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.saas-scope .py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.saas-scope .py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.saas-scope .pt-md-0{padding-top:0!important}.saas-scope .pt-md-1{padding-top:.25rem!important}.saas-scope .pt-md-2{padding-top:.5rem!important}.saas-scope .pt-md-3{padding-top:1rem!important}.saas-scope .pt-md-4{padding-top:1.5rem!important}.saas-scope .pt-md-5{padding-top:3rem!important}.saas-scope .pe-md-0{padding-right:0!important}.saas-scope .pe-md-1{padding-right:.25rem!important}.saas-scope .pe-md-2{padding-right:.5rem!important}.saas-scope .pe-md-3{padding-right:1rem!important}.saas-scope .pe-md-4{padding-right:1.5rem!important}.saas-scope .pe-md-5{padding-right:3rem!important}.saas-scope .pb-md-0{padding-bottom:0!important}.saas-scope .pb-md-1{padding-bottom:.25rem!important}.saas-scope .pb-md-2{padding-bottom:.5rem!important}.saas-scope .pb-md-3{padding-bottom:1rem!important}.saas-scope .pb-md-4{padding-bottom:1.5rem!important}.saas-scope .pb-md-5{padding-bottom:3rem!important}.saas-scope .ps-md-0{padding-left:0!important}.saas-scope .ps-md-1{padding-left:.25rem!important}.saas-scope .ps-md-2{padding-left:.5rem!important}.saas-scope .ps-md-3{padding-left:1rem!important}.saas-scope .ps-md-4{padding-left:1.5rem!important}.saas-scope .ps-md-5{padding-left:3rem!important}.saas-scope .text-md-start{text-align:left!important}.saas-scope .text-md-end{text-align:right!important}.saas-scope .text-md-center{text-align:center!important}}
@media (min-width:992px){.saas-scope .float-lg-start{float:left!important}.saas-scope .float-lg-end{float:right!important}.saas-scope .float-lg-none{float:none!important}.saas-scope .d-lg-inline{display:inline!important}.saas-scope .d-lg-inline-block{display:inline-block!important}.saas-scope .d-lg-block{display:block!important}.saas-scope .d-lg-grid{display:grid!important}.saas-scope .d-lg-table{display:table!important}.saas-scope .d-lg-table-row{display:table-row!important}.saas-scope .d-lg-table-cell{display:table-cell!important}.saas-scope .d-lg-flex{display:flex!important}.saas-scope .d-lg-inline-flex{display:inline-flex!important}.saas-scope .d-lg-none{display:none!important}.saas-scope .flex-lg-fill{flex:1 1 auto!important}.saas-scope .flex-lg-row{flex-direction:row!important}.saas-scope .flex-lg-column{flex-direction:column!important}.saas-scope .flex-lg-row-reverse{flex-direction:row-reverse!important}.saas-scope .flex-lg-column-reverse{flex-direction:column-reverse!important}.saas-scope .flex-lg-grow-0{flex-grow:0!important}.saas-scope .flex-lg-grow-1{flex-grow:1!important}.saas-scope .flex-lg-shrink-0{flex-shrink:0!important}.saas-scope .flex-lg-shrink-1{flex-shrink:1!important}.saas-scope .flex-lg-wrap{flex-wrap:wrap!important}.saas-scope .flex-lg-nowrap{flex-wrap:nowrap!important}.saas-scope .flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.saas-scope .gap-lg-0{gap:0!important}.saas-scope .gap-lg-1{gap:.25rem!important}.saas-scope .gap-lg-2{gap:.5rem!important}.saas-scope .gap-lg-3{gap:1rem!important}.saas-scope .gap-lg-4{gap:1.5rem!important}.saas-scope .gap-lg-5{gap:3rem!important}.saas-scope .justify-content-lg-start{justify-content:flex-start!important}.saas-scope .justify-content-lg-end{justify-content:flex-end!important}.saas-scope .justify-content-lg-center{justify-content:center!important}.saas-scope .justify-content-lg-between{justify-content:space-between!important}.saas-scope .justify-content-lg-around{justify-content:space-around!important}.saas-scope .justify-content-lg-evenly{justify-content:space-evenly!important}.saas-scope .align-items-lg-start{align-items:flex-start!important}.saas-scope .align-items-lg-end{align-items:flex-end!important}.saas-scope .align-items-lg-center{align-items:center!important}.saas-scope .align-items-lg-baseline{align-items:baseline!important}.saas-scope .align-items-lg-stretch{align-items:stretch!important}.saas-scope .align-content-lg-start{align-content:flex-start!important}.saas-scope .align-content-lg-end{align-content:flex-end!important}.saas-scope .align-content-lg-center{align-content:center!important}.saas-scope .align-content-lg-between{align-content:space-between!important}.saas-scope .align-content-lg-around{align-content:space-around!important}.saas-scope .align-content-lg-stretch{align-content:stretch!important}.saas-scope .align-self-lg-auto{align-self:auto!important}.saas-scope .align-self-lg-start{align-self:flex-start!important}.saas-scope .align-self-lg-end{align-self:flex-end!important}.saas-scope .align-self-lg-center{align-self:center!important}.saas-scope .align-self-lg-baseline{align-self:baseline!important}.saas-scope .align-self-lg-stretch{align-self:stretch!important}.saas-scope .order-lg-first{order:-1!important}.saas-scope .order-lg-0{order:0!important}.saas-scope .order-lg-1{order:1!important}.saas-scope .order-lg-2{order:2!important}.saas-scope .order-lg-3{order:3!important}.saas-scope .order-lg-4{order:4!important}.saas-scope .order-lg-5{order:5!important}.saas-scope .order-lg-last{order:6!important}.saas-scope .m-lg-0{margin:0!important}.saas-scope .m-lg-1{margin:.25rem!important}.saas-scope .m-lg-2{margin:.5rem!important}.saas-scope .m-lg-3{margin:1rem!important}.saas-scope .m-lg-4{margin:1.5rem!important}.saas-scope .m-lg-5{margin:3rem!important}.saas-scope .m-lg-auto{margin:auto!important}.saas-scope .mx-lg-0{margin-right:0!important;margin-left:0!important}.saas-scope .mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.saas-scope .mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.saas-scope .mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.saas-scope .mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.saas-scope .mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.saas-scope .mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.saas-scope .my-lg-0{margin-top:0!important;margin-bottom:0!important}.saas-scope .my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.saas-scope .my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.saas-scope .my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.saas-scope .my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.saas-scope .my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.saas-scope .my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.saas-scope .mt-lg-0{margin-top:0!important}.saas-scope .mt-lg-1{margin-top:.25rem!important}.saas-scope .mt-lg-2{margin-top:.5rem!important}.saas-scope .mt-lg-3{margin-top:1rem!important}.saas-scope .mt-lg-4{margin-top:1.5rem!important}.saas-scope .mt-lg-5{margin-top:3rem!important}.saas-scope .mt-lg-auto{margin-top:auto!important}.saas-scope .me-lg-0{margin-right:0!important}.saas-scope .me-lg-1{margin-right:.25rem!important}.saas-scope .me-lg-2{margin-right:.5rem!important}.saas-scope .me-lg-3{margin-right:1rem!important}.saas-scope .me-lg-4{margin-right:1.5rem!important}.saas-scope .me-lg-5{margin-right:3rem!important}.saas-scope .me-lg-auto{margin-right:auto!important}.saas-scope .mb-lg-0{margin-bottom:0!important}.saas-scope .mb-lg-1{margin-bottom:.25rem!important}.saas-scope .mb-lg-2{margin-bottom:.5rem!important}.saas-scope .mb-lg-3{margin-bottom:1rem!important}.saas-scope .mb-lg-4{margin-bottom:1.5rem!important}.saas-scope .mb-lg-5{margin-bottom:3rem!important}.saas-scope .mb-lg-auto{margin-bottom:auto!important}.saas-scope .ms-lg-0{margin-left:0!important}.saas-scope .ms-lg-1{margin-left:.25rem!important}.saas-scope .ms-lg-2{margin-left:.5rem!important}.saas-scope .ms-lg-3{margin-left:1rem!important}.saas-scope .ms-lg-4{margin-left:1.5rem!important}.saas-scope .ms-lg-5{margin-left:3rem!important}.saas-scope .ms-lg-auto{margin-left:auto!important}.saas-scope .p-lg-0{padding:0!important}.saas-scope .p-lg-1{padding:.25rem!important}.saas-scope .p-lg-2{padding:.5rem!important}.saas-scope .p-lg-3{padding:1rem!important}.saas-scope .p-lg-4{padding:1.5rem!important}.saas-scope .p-lg-5{padding:3rem!important}.saas-scope .px-lg-0{padding-right:0!important;padding-left:0!important}.saas-scope .px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.saas-scope .px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.saas-scope .px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.saas-scope .px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.saas-scope .px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.saas-scope .py-lg-0{padding-top:0!important;padding-bottom:0!important}.saas-scope .py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.saas-scope .py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.saas-scope .py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.saas-scope .py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.saas-scope .py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.saas-scope .pt-lg-0{padding-top:0!important}.saas-scope .pt-lg-1{padding-top:.25rem!important}.saas-scope .pt-lg-2{padding-top:.5rem!important}.saas-scope .pt-lg-3{padding-top:1rem!important}.saas-scope .pt-lg-4{padding-top:1.5rem!important}.saas-scope .pt-lg-5{padding-top:3rem!important}.saas-scope .pe-lg-0{padding-right:0!important}.saas-scope .pe-lg-1{padding-right:.25rem!important}.saas-scope .pe-lg-2{padding-right:.5rem!important}.saas-scope .pe-lg-3{padding-right:1rem!important}.saas-scope .pe-lg-4{padding-right:1.5rem!important}.saas-scope .pe-lg-5{padding-right:3rem!important}.saas-scope .pb-lg-0{padding-bottom:0!important}.saas-scope .pb-lg-1{padding-bottom:.25rem!important}.saas-scope .pb-lg-2{padding-bottom:.5rem!important}.saas-scope .pb-lg-3{padding-bottom:1rem!important}.saas-scope .pb-lg-4{padding-bottom:1.5rem!important}.saas-scope .pb-lg-5{padding-bottom:3rem!important}.saas-scope .ps-lg-0{padding-left:0!important}.saas-scope .ps-lg-1{padding-left:.25rem!important}.saas-scope .ps-lg-2{padding-left:.5rem!important}.saas-scope .ps-lg-3{padding-left:1rem!important}.saas-scope .ps-lg-4{padding-left:1.5rem!important}.saas-scope .ps-lg-5{padding-left:3rem!important}.saas-scope .text-lg-start{text-align:left!important}.saas-scope .text-lg-end{text-align:right!important}.saas-scope .text-lg-center{text-align:center!important}}
@media (min-width:1200px){.saas-scope .float-xl-start{float:left!important}.saas-scope .float-xl-end{float:right!important}.saas-scope .float-xl-none{float:none!important}.saas-scope .d-xl-inline{display:inline!important}.saas-scope .d-xl-inline-block{display:inline-block!important}.saas-scope .d-xl-block{display:block!important}.saas-scope .d-xl-grid{display:grid!important}.saas-scope .d-xl-table{display:table!important}.saas-scope .d-xl-table-row{display:table-row!important}.saas-scope .d-xl-table-cell{display:table-cell!important}.saas-scope .d-xl-flex{display:flex!important}.saas-scope .d-xl-inline-flex{display:inline-flex!important}.saas-scope .d-xl-none{display:none!important}.saas-scope .flex-xl-fill{flex:1 1 auto!important}.saas-scope .flex-xl-row{flex-direction:row!important}.saas-scope .flex-xl-column{flex-direction:column!important}.saas-scope .flex-xl-row-reverse{flex-direction:row-reverse!important}.saas-scope .flex-xl-column-reverse{flex-direction:column-reverse!important}.saas-scope .flex-xl-grow-0{flex-grow:0!important}.saas-scope .flex-xl-grow-1{flex-grow:1!important}.saas-scope .flex-xl-shrink-0{flex-shrink:0!important}.saas-scope .flex-xl-shrink-1{flex-shrink:1!important}.saas-scope .flex-xl-wrap{flex-wrap:wrap!important}.saas-scope .flex-xl-nowrap{flex-wrap:nowrap!important}.saas-scope .flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.saas-scope .gap-xl-0{gap:0!important}.saas-scope .gap-xl-1{gap:.25rem!important}.saas-scope .gap-xl-2{gap:.5rem!important}.saas-scope .gap-xl-3{gap:1rem!important}.saas-scope .gap-xl-4{gap:1.5rem!important}.saas-scope .gap-xl-5{gap:3rem!important}.saas-scope .justify-content-xl-start{justify-content:flex-start!important}.saas-scope .justify-content-xl-end{justify-content:flex-end!important}.saas-scope .justify-content-xl-center{justify-content:center!important}.saas-scope .justify-content-xl-between{justify-content:space-between!important}.saas-scope .justify-content-xl-around{justify-content:space-around!important}.saas-scope .justify-content-xl-evenly{justify-content:space-evenly!important}.saas-scope .align-items-xl-start{align-items:flex-start!important}.saas-scope .align-items-xl-end{align-items:flex-end!important}.saas-scope .align-items-xl-center{align-items:center!important}.saas-scope .align-items-xl-baseline{align-items:baseline!important}.saas-scope .align-items-xl-stretch{align-items:stretch!important}.saas-scope .align-content-xl-start{align-content:flex-start!important}.saas-scope .align-content-xl-end{align-content:flex-end!important}.saas-scope .align-content-xl-center{align-content:center!important}.saas-scope .align-content-xl-between{align-content:space-between!important}.saas-scope .align-content-xl-around{align-content:space-around!important}.saas-scope .align-content-xl-stretch{align-content:stretch!important}.saas-scope .align-self-xl-auto{align-self:auto!important}.saas-scope .align-self-xl-start{align-self:flex-start!important}.saas-scope .align-self-xl-end{align-self:flex-end!important}.saas-scope .align-self-xl-center{align-self:center!important}.saas-scope .align-self-xl-baseline{align-self:baseline!important}.saas-scope .align-self-xl-stretch{align-self:stretch!important}.saas-scope .order-xl-first{order:-1!important}.saas-scope .order-xl-0{order:0!important}.saas-scope .order-xl-1{order:1!important}.saas-scope .order-xl-2{order:2!important}.saas-scope .order-xl-3{order:3!important}.saas-scope .order-xl-4{order:4!important}.saas-scope .order-xl-5{order:5!important}.saas-scope .order-xl-last{order:6!important}.saas-scope .m-xl-0{margin:0!important}.saas-scope .m-xl-1{margin:.25rem!important}.saas-scope .m-xl-2{margin:.5rem!important}.saas-scope .m-xl-3{margin:1rem!important}.saas-scope .m-xl-4{margin:1.5rem!important}.saas-scope .m-xl-5{margin:3rem!important}.saas-scope .m-xl-auto{margin:auto!important}.saas-scope .mx-xl-0{margin-right:0!important;margin-left:0!important}.saas-scope .mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.saas-scope .mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.saas-scope .mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.saas-scope .mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.saas-scope .mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.saas-scope .mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.saas-scope .my-xl-0{margin-top:0!important;margin-bottom:0!important}.saas-scope .my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.saas-scope .my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.saas-scope .my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.saas-scope .my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.saas-scope .my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.saas-scope .my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.saas-scope .mt-xl-0{margin-top:0!important}.saas-scope .mt-xl-1{margin-top:.25rem!important}.saas-scope .mt-xl-2{margin-top:.5rem!important}.saas-scope .mt-xl-3{margin-top:1rem!important}.saas-scope .mt-xl-4{margin-top:1.5rem!important}.saas-scope .mt-xl-5{margin-top:3rem!important}.saas-scope .mt-xl-auto{margin-top:auto!important}.saas-scope .me-xl-0{margin-right:0!important}.saas-scope .me-xl-1{margin-right:.25rem!important}.saas-scope .me-xl-2{margin-right:.5rem!important}.saas-scope .me-xl-3{margin-right:1rem!important}.saas-scope .me-xl-4{margin-right:1.5rem!important}.saas-scope .me-xl-5{margin-right:3rem!important}.saas-scope .me-xl-auto{margin-right:auto!important}.saas-scope .mb-xl-0{margin-bottom:0!important}.saas-scope .mb-xl-1{margin-bottom:.25rem!important}.saas-scope .mb-xl-2{margin-bottom:.5rem!important}.saas-scope .mb-xl-3{margin-bottom:1rem!important}.saas-scope .mb-xl-4{margin-bottom:1.5rem!important}.saas-scope .mb-xl-5{margin-bottom:3rem!important}.saas-scope .mb-xl-auto{margin-bottom:auto!important}.saas-scope .ms-xl-0{margin-left:0!important}.saas-scope .ms-xl-1{margin-left:.25rem!important}.saas-scope .ms-xl-2{margin-left:.5rem!important}.saas-scope .ms-xl-3{margin-left:1rem!important}.saas-scope .ms-xl-4{margin-left:1.5rem!important}.saas-scope .ms-xl-5{margin-left:3rem!important}.saas-scope .ms-xl-auto{margin-left:auto!important}.saas-scope .p-xl-0{padding:0!important}.saas-scope .p-xl-1{padding:.25rem!important}.saas-scope .p-xl-2{padding:.5rem!important}.saas-scope .p-xl-3{padding:1rem!important}.saas-scope .p-xl-4{padding:1.5rem!important}.saas-scope .p-xl-5{padding:3rem!important}.saas-scope .px-xl-0{padding-right:0!important;padding-left:0!important}.saas-scope .px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.saas-scope .px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.saas-scope .px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.saas-scope .px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.saas-scope .px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.saas-scope .py-xl-0{padding-top:0!important;padding-bottom:0!important}.saas-scope .py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.saas-scope .py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.saas-scope .py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.saas-scope .py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.saas-scope .py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.saas-scope .pt-xl-0{padding-top:0!important}.saas-scope .pt-xl-1{padding-top:.25rem!important}.saas-scope .pt-xl-2{padding-top:.5rem!important}.saas-scope .pt-xl-3{padding-top:1rem!important}.saas-scope .pt-xl-4{padding-top:1.5rem!important}.saas-scope .pt-xl-5{padding-top:3rem!important}.saas-scope .pe-xl-0{padding-right:0!important}.saas-scope .pe-xl-1{padding-right:.25rem!important}.saas-scope .pe-xl-2{padding-right:.5rem!important}.saas-scope .pe-xl-3{padding-right:1rem!important}.saas-scope .pe-xl-4{padding-right:1.5rem!important}.saas-scope .pe-xl-5{padding-right:3rem!important}.saas-scope .pb-xl-0{padding-bottom:0!important}.saas-scope .pb-xl-1{padding-bottom:.25rem!important}.saas-scope .pb-xl-2{padding-bottom:.5rem!important}.saas-scope .pb-xl-3{padding-bottom:1rem!important}.saas-scope .pb-xl-4{padding-bottom:1.5rem!important}.saas-scope .pb-xl-5{padding-bottom:3rem!important}.saas-scope .ps-xl-0{padding-left:0!important}.saas-scope .ps-xl-1{padding-left:.25rem!important}.saas-scope .ps-xl-2{padding-left:.5rem!important}.saas-scope .ps-xl-3{padding-left:1rem!important}.saas-scope .ps-xl-4{padding-left:1.5rem!important}.saas-scope .ps-xl-5{padding-left:3rem!important}.saas-scope .text-xl-start{text-align:left!important}.saas-scope .text-xl-end{text-align:right!important}.saas-scope .text-xl-center{text-align:center!important}}
@media (min-width:1400px){.saas-scope .float-xxl-start{float:left!important}.saas-scope .float-xxl-end{float:right!important}.saas-scope .float-xxl-none{float:none!important}.saas-scope .d-xxl-inline{display:inline!important}.saas-scope .d-xxl-inline-block{display:inline-block!important}.saas-scope .d-xxl-block{display:block!important}.saas-scope .d-xxl-grid{display:grid!important}.saas-scope .d-xxl-table{display:table!important}.saas-scope .d-xxl-table-row{display:table-row!important}.saas-scope .d-xxl-table-cell{display:table-cell!important}.saas-scope .d-xxl-flex{display:flex!important}.saas-scope .d-xxl-inline-flex{display:inline-flex!important}.saas-scope .d-xxl-none{display:none!important}.saas-scope .flex-xxl-fill{flex:1 1 auto!important}.saas-scope .flex-xxl-row{flex-direction:row!important}.saas-scope .flex-xxl-column{flex-direction:column!important}.saas-scope .flex-xxl-row-reverse{flex-direction:row-reverse!important}.saas-scope .flex-xxl-column-reverse{flex-direction:column-reverse!important}.saas-scope .flex-xxl-grow-0{flex-grow:0!important}.saas-scope .flex-xxl-grow-1{flex-grow:1!important}.saas-scope .flex-xxl-shrink-0{flex-shrink:0!important}.saas-scope .flex-xxl-shrink-1{flex-shrink:1!important}.saas-scope .flex-xxl-wrap{flex-wrap:wrap!important}.saas-scope .flex-xxl-nowrap{flex-wrap:nowrap!important}.saas-scope .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.saas-scope .gap-xxl-0{gap:0!important}.saas-scope .gap-xxl-1{gap:.25rem!important}.saas-scope .gap-xxl-2{gap:.5rem!important}.saas-scope .gap-xxl-3{gap:1rem!important}.saas-scope .gap-xxl-4{gap:1.5rem!important}.saas-scope .gap-xxl-5{gap:3rem!important}.saas-scope .justify-content-xxl-start{justify-content:flex-start!important}.saas-scope .justify-content-xxl-end{justify-content:flex-end!important}.saas-scope .justify-content-xxl-center{justify-content:center!important}.saas-scope .justify-content-xxl-between{justify-content:space-between!important}.saas-scope .justify-content-xxl-around{justify-content:space-around!important}.saas-scope .justify-content-xxl-evenly{justify-content:space-evenly!important}.saas-scope .align-items-xxl-start{align-items:flex-start!important}.saas-scope .align-items-xxl-end{align-items:flex-end!important}.saas-scope .align-items-xxl-center{align-items:center!important}.saas-scope .align-items-xxl-baseline{align-items:baseline!important}.saas-scope .align-items-xxl-stretch{align-items:stretch!important}.saas-scope .align-content-xxl-start{align-content:flex-start!important}.saas-scope .align-content-xxl-end{align-content:flex-end!important}.saas-scope .align-content-xxl-center{align-content:center!important}.saas-scope .align-content-xxl-between{align-content:space-between!important}.saas-scope .align-content-xxl-around{align-content:space-around!important}.saas-scope .align-content-xxl-stretch{align-content:stretch!important}.saas-scope .align-self-xxl-auto{align-self:auto!important}.saas-scope .align-self-xxl-start{align-self:flex-start!important}.saas-scope .align-self-xxl-end{align-self:flex-end!important}.saas-scope .align-self-xxl-center{align-self:center!important}.saas-scope .align-self-xxl-baseline{align-self:baseline!important}.saas-scope .align-self-xxl-stretch{align-self:stretch!important}.saas-scope .order-xxl-first{order:-1!important}.saas-scope .order-xxl-0{order:0!important}.saas-scope .order-xxl-1{order:1!important}.saas-scope .order-xxl-2{order:2!important}.saas-scope .order-xxl-3{order:3!important}.saas-scope .order-xxl-4{order:4!important}.saas-scope .order-xxl-5{order:5!important}.saas-scope .order-xxl-last{order:6!important}.saas-scope .m-xxl-0{margin:0!important}.saas-scope .m-xxl-1{margin:.25rem!important}.saas-scope .m-xxl-2{margin:.5rem!important}.saas-scope .m-xxl-3{margin:1rem!important}.saas-scope .m-xxl-4{margin:1.5rem!important}.saas-scope .m-xxl-5{margin:3rem!important}.saas-scope .m-xxl-auto{margin:auto!important}.saas-scope .mx-xxl-0{margin-right:0!important;margin-left:0!important}.saas-scope .mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.saas-scope .mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.saas-scope .mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.saas-scope .mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.saas-scope .mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.saas-scope .mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.saas-scope .my-xxl-0{margin-top:0!important;margin-bottom:0!important}.saas-scope .my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.saas-scope .my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.saas-scope .my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.saas-scope .my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.saas-scope .my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.saas-scope .my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.saas-scope .mt-xxl-0{margin-top:0!important}.saas-scope .mt-xxl-1{margin-top:.25rem!important}.saas-scope .mt-xxl-2{margin-top:.5rem!important}.saas-scope .mt-xxl-3{margin-top:1rem!important}.saas-scope .mt-xxl-4{margin-top:1.5rem!important}.saas-scope .mt-xxl-5{margin-top:3rem!important}.saas-scope .mt-xxl-auto{margin-top:auto!important}.saas-scope .me-xxl-0{margin-right:0!important}.saas-scope .me-xxl-1{margin-right:.25rem!important}.saas-scope .me-xxl-2{margin-right:.5rem!important}.saas-scope .me-xxl-3{margin-right:1rem!important}.saas-scope .me-xxl-4{margin-right:1.5rem!important}.saas-scope .me-xxl-5{margin-right:3rem!important}.saas-scope .me-xxl-auto{margin-right:auto!important}.saas-scope .mb-xxl-0{margin-bottom:0!important}.saas-scope .mb-xxl-1{margin-bottom:.25rem!important}.saas-scope .mb-xxl-2{margin-bottom:.5rem!important}.saas-scope .mb-xxl-3{margin-bottom:1rem!important}.saas-scope .mb-xxl-4{margin-bottom:1.5rem!important}.saas-scope .mb-xxl-5{margin-bottom:3rem!important}.saas-scope .mb-xxl-auto{margin-bottom:auto!important}.saas-scope .ms-xxl-0{margin-left:0!important}.saas-scope .ms-xxl-1{margin-left:.25rem!important}.saas-scope .ms-xxl-2{margin-left:.5rem!important}.saas-scope .ms-xxl-3{margin-left:1rem!important}.saas-scope .ms-xxl-4{margin-left:1.5rem!important}.saas-scope .ms-xxl-5{margin-left:3rem!important}.saas-scope .ms-xxl-auto{margin-left:auto!important}.saas-scope .p-xxl-0{padding:0!important}.saas-scope .p-xxl-1{padding:.25rem!important}.saas-scope .p-xxl-2{padding:.5rem!important}.saas-scope .p-xxl-3{padding:1rem!important}.saas-scope .p-xxl-4{padding:1.5rem!important}.saas-scope .p-xxl-5{padding:3rem!important}.saas-scope .px-xxl-0{padding-right:0!important;padding-left:0!important}.saas-scope .px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.saas-scope .px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.saas-scope .px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.saas-scope .px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.saas-scope .px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.saas-scope .py-xxl-0{padding-top:0!important;padding-bottom:0!important}.saas-scope .py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.saas-scope .py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.saas-scope .py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.saas-scope .py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.saas-scope .py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.saas-scope .pt-xxl-0{padding-top:0!important}.saas-scope .pt-xxl-1{padding-top:.25rem!important}.saas-scope .pt-xxl-2{padding-top:.5rem!important}.saas-scope .pt-xxl-3{padding-top:1rem!important}.saas-scope .pt-xxl-4{padding-top:1.5rem!important}.saas-scope .pt-xxl-5{padding-top:3rem!important}.saas-scope .pe-xxl-0{padding-right:0!important}.saas-scope .pe-xxl-1{padding-right:.25rem!important}.saas-scope .pe-xxl-2{padding-right:.5rem!important}.saas-scope .pe-xxl-3{padding-right:1rem!important}.saas-scope .pe-xxl-4{padding-right:1.5rem!important}.saas-scope .pe-xxl-5{padding-right:3rem!important}.saas-scope .pb-xxl-0{padding-bottom:0!important}.saas-scope .pb-xxl-1{padding-bottom:.25rem!important}.saas-scope .pb-xxl-2{padding-bottom:.5rem!important}.saas-scope .pb-xxl-3{padding-bottom:1rem!important}.saas-scope .pb-xxl-4{padding-bottom:1.5rem!important}.saas-scope .pb-xxl-5{padding-bottom:3rem!important}.saas-scope .ps-xxl-0{padding-left:0!important}.saas-scope .ps-xxl-1{padding-left:.25rem!important}.saas-scope .ps-xxl-2{padding-left:.5rem!important}.saas-scope .ps-xxl-3{padding-left:1rem!important}.saas-scope .ps-xxl-4{padding-left:1.5rem!important}.saas-scope .ps-xxl-5{padding-left:3rem!important}.saas-scope .text-xxl-start{text-align:left!important}.saas-scope .text-xxl-end{text-align:right!important}.saas-scope .text-xxl-center{text-align:center!important}}
@media (min-width:1200px){.saas-scope .fs-1{font-size:2.5rem!important}.saas-scope .fs-2{font-size:2rem!important}.saas-scope .fs-3{font-size:1.75rem!important}.saas-scope .fs-4{font-size:1.5rem!important}}
@media print{.saas-scope .d-print-inline{display:inline!important}.saas-scope .d-print-inline-block{display:inline-block!important}.saas-scope .d-print-block{display:block!important}.saas-scope .d-print-grid{display:grid!important}.saas-scope .d-print-table{display:table!important}.saas-scope .d-print-table-row{display:table-row!important}.saas-scope .d-print-table-cell{display:table-cell!important}.saas-scope .d-print-flex{display:flex!important}.saas-scope .d-print-inline-flex{display:inline-flex!important}.saas-scope .d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/* AUTO-GENERATED from bootstrap-icons.css by scripts/scope-saaslyn-css.mjs — do not edit by hand. */
@font-face {
  font-family: "bootstrap-icons";
  src: url("/saaslyn/bootstrap-icons.woff2") format("woff2"),
url("/saaslyn/bootstrap-icons.woff") format("woff");
}
.saas-scope .bi::before,.saas-scope 
[class^="bi-"]::before,.saas-scope 
[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: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.saas-scope .bi-123::before { content: "\f67f"; }
.saas-scope .bi-alarm-fill::before { content: "\f101"; }
.saas-scope .bi-alarm::before { content: "\f102"; }
.saas-scope .bi-align-bottom::before { content: "\f103"; }
.saas-scope .bi-align-center::before { content: "\f104"; }
.saas-scope .bi-align-end::before { content: "\f105"; }
.saas-scope .bi-align-middle::before { content: "\f106"; }
.saas-scope .bi-align-start::before { content: "\f107"; }
.saas-scope .bi-align-top::before { content: "\f108"; }
.saas-scope .bi-alt::before { content: "\f109"; }
.saas-scope .bi-app-indicator::before { content: "\f10a"; }
.saas-scope .bi-app::before { content: "\f10b"; }
.saas-scope .bi-archive-fill::before { content: "\f10c"; }
.saas-scope .bi-archive::before { content: "\f10d"; }
.saas-scope .bi-arrow-90deg-down::before { content: "\f10e"; }
.saas-scope .bi-arrow-90deg-left::before { content: "\f10f"; }
.saas-scope .bi-arrow-90deg-right::before { content: "\f110"; }
.saas-scope .bi-arrow-90deg-up::before { content: "\f111"; }
.saas-scope .bi-arrow-bar-down::before { content: "\f112"; }
.saas-scope .bi-arrow-bar-left::before { content: "\f113"; }
.saas-scope .bi-arrow-bar-right::before { content: "\f114"; }
.saas-scope .bi-arrow-bar-up::before { content: "\f115"; }
.saas-scope .bi-arrow-clockwise::before { content: "\f116"; }
.saas-scope .bi-arrow-counterclockwise::before { content: "\f117"; }
.saas-scope .bi-arrow-down-circle-fill::before { content: "\f118"; }
.saas-scope .bi-arrow-down-circle::before { content: "\f119"; }
.saas-scope .bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.saas-scope .bi-arrow-down-left-circle::before { content: "\f11b"; }
.saas-scope .bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.saas-scope .bi-arrow-down-left-square::before { content: "\f11d"; }
.saas-scope .bi-arrow-down-left::before { content: "\f11e"; }
.saas-scope .bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.saas-scope .bi-arrow-down-right-circle::before { content: "\f120"; }
.saas-scope .bi-arrow-down-right-square-fill::before { content: "\f121"; }
.saas-scope .bi-arrow-down-right-square::before { content: "\f122"; }
.saas-scope .bi-arrow-down-right::before { content: "\f123"; }
.saas-scope .bi-arrow-down-short::before { content: "\f124"; }
.saas-scope .bi-arrow-down-square-fill::before { content: "\f125"; }
.saas-scope .bi-arrow-down-square::before { content: "\f126"; }
.saas-scope .bi-arrow-down-up::before { content: "\f127"; }
.saas-scope .bi-arrow-down::before { content: "\f128"; }
.saas-scope .bi-arrow-left-circle-fill::before { content: "\f129"; }
.saas-scope .bi-arrow-left-circle::before { content: "\f12a"; }
.saas-scope .bi-arrow-left-right::before { content: "\f12b"; }
.saas-scope .bi-arrow-left-short::before { content: "\f12c"; }
.saas-scope .bi-arrow-left-square-fill::before { content: "\f12d"; }
.saas-scope .bi-arrow-left-square::before { content: "\f12e"; }
.saas-scope .bi-arrow-left::before { content: "\f12f"; }
.saas-scope .bi-arrow-repeat::before { content: "\f130"; }
.saas-scope .bi-arrow-return-left::before { content: "\f131"; }
.saas-scope .bi-arrow-return-right::before { content: "\f132"; }
.saas-scope .bi-arrow-right-circle-fill::before { content: "\f133"; }
.saas-scope .bi-arrow-right-circle::before { content: "\f134"; }
.saas-scope .bi-arrow-right-short::before { content: "\f135"; }
.saas-scope .bi-arrow-right-square-fill::before { content: "\f136"; }
.saas-scope .bi-arrow-right-square::before { content: "\f137"; }
.saas-scope .bi-arrow-right::before { content: "\f138"; }
.saas-scope .bi-arrow-up-circle-fill::before { content: "\f139"; }
.saas-scope .bi-arrow-up-circle::before { content: "\f13a"; }
.saas-scope .bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.saas-scope .bi-arrow-up-left-circle::before { content: "\f13c"; }
.saas-scope .bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.saas-scope .bi-arrow-up-left-square::before { content: "\f13e"; }
.saas-scope .bi-arrow-up-left::before { content: "\f13f"; }
.saas-scope .bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.saas-scope .bi-arrow-up-right-circle::before { content: "\f141"; }
.saas-scope .bi-arrow-up-right-square-fill::before { content: "\f142"; }
.saas-scope .bi-arrow-up-right-square::before { content: "\f143"; }
.saas-scope .bi-arrow-up-right::before { content: "\f144"; }
.saas-scope .bi-arrow-up-short::before { content: "\f145"; }
.saas-scope .bi-arrow-up-square-fill::before { content: "\f146"; }
.saas-scope .bi-arrow-up-square::before { content: "\f147"; }
.saas-scope .bi-arrow-up::before { content: "\f148"; }
.saas-scope .bi-arrows-angle-contract::before { content: "\f149"; }
.saas-scope .bi-arrows-angle-expand::before { content: "\f14a"; }
.saas-scope .bi-arrows-collapse::before { content: "\f14b"; }
.saas-scope .bi-arrows-expand::before { content: "\f14c"; }
.saas-scope .bi-arrows-fullscreen::before { content: "\f14d"; }
.saas-scope .bi-arrows-move::before { content: "\f14e"; }
.saas-scope .bi-aspect-ratio-fill::before { content: "\f14f"; }
.saas-scope .bi-aspect-ratio::before { content: "\f150"; }
.saas-scope .bi-asterisk::before { content: "\f151"; }
.saas-scope .bi-at::before { content: "\f152"; }
.saas-scope .bi-award-fill::before { content: "\f153"; }
.saas-scope .bi-award::before { content: "\f154"; }
.saas-scope .bi-back::before { content: "\f155"; }
.saas-scope .bi-backspace-fill::before { content: "\f156"; }
.saas-scope .bi-backspace-reverse-fill::before { content: "\f157"; }
.saas-scope .bi-backspace-reverse::before { content: "\f158"; }
.saas-scope .bi-backspace::before { content: "\f159"; }
.saas-scope .bi-badge-3d-fill::before { content: "\f15a"; }
.saas-scope .bi-badge-3d::before { content: "\f15b"; }
.saas-scope .bi-badge-4k-fill::before { content: "\f15c"; }
.saas-scope .bi-badge-4k::before { content: "\f15d"; }
.saas-scope .bi-badge-8k-fill::before { content: "\f15e"; }
.saas-scope .bi-badge-8k::before { content: "\f15f"; }
.saas-scope .bi-badge-ad-fill::before { content: "\f160"; }
.saas-scope .bi-badge-ad::before { content: "\f161"; }
.saas-scope .bi-badge-ar-fill::before { content: "\f162"; }
.saas-scope .bi-badge-ar::before { content: "\f163"; }
.saas-scope .bi-badge-cc-fill::before { content: "\f164"; }
.saas-scope .bi-badge-cc::before { content: "\f165"; }
.saas-scope .bi-badge-hd-fill::before { content: "\f166"; }
.saas-scope .bi-badge-hd::before { content: "\f167"; }
.saas-scope .bi-badge-tm-fill::before { content: "\f168"; }
.saas-scope .bi-badge-tm::before { content: "\f169"; }
.saas-scope .bi-badge-vo-fill::before { content: "\f16a"; }
.saas-scope .bi-badge-vo::before { content: "\f16b"; }
.saas-scope .bi-badge-vr-fill::before { content: "\f16c"; }
.saas-scope .bi-badge-vr::before { content: "\f16d"; }
.saas-scope .bi-badge-wc-fill::before { content: "\f16e"; }
.saas-scope .bi-badge-wc::before { content: "\f16f"; }
.saas-scope .bi-bag-check-fill::before { content: "\f170"; }
.saas-scope .bi-bag-check::before { content: "\f171"; }
.saas-scope .bi-bag-dash-fill::before { content: "\f172"; }
.saas-scope .bi-bag-dash::before { content: "\f173"; }
.saas-scope .bi-bag-fill::before { content: "\f174"; }
.saas-scope .bi-bag-plus-fill::before { content: "\f175"; }
.saas-scope .bi-bag-plus::before { content: "\f176"; }
.saas-scope .bi-bag-x-fill::before { content: "\f177"; }
.saas-scope .bi-bag-x::before { content: "\f178"; }
.saas-scope .bi-bag::before { content: "\f179"; }
.saas-scope .bi-bar-chart-fill::before { content: "\f17a"; }
.saas-scope .bi-bar-chart-line-fill::before { content: "\f17b"; }
.saas-scope .bi-bar-chart-line::before { content: "\f17c"; }
.saas-scope .bi-bar-chart-steps::before { content: "\f17d"; }
.saas-scope .bi-bar-chart::before { content: "\f17e"; }
.saas-scope .bi-basket-fill::before { content: "\f17f"; }
.saas-scope .bi-basket::before { content: "\f180"; }
.saas-scope .bi-basket2-fill::before { content: "\f181"; }
.saas-scope .bi-basket2::before { content: "\f182"; }
.saas-scope .bi-basket3-fill::before { content: "\f183"; }
.saas-scope .bi-basket3::before { content: "\f184"; }
.saas-scope .bi-battery-charging::before { content: "\f185"; }
.saas-scope .bi-battery-full::before { content: "\f186"; }
.saas-scope .bi-battery-half::before { content: "\f187"; }
.saas-scope .bi-battery::before { content: "\f188"; }
.saas-scope .bi-bell-fill::before { content: "\f189"; }
.saas-scope .bi-bell::before { content: "\f18a"; }
.saas-scope .bi-bezier::before { content: "\f18b"; }
.saas-scope .bi-bezier2::before { content: "\f18c"; }
.saas-scope .bi-bicycle::before { content: "\f18d"; }
.saas-scope .bi-binoculars-fill::before { content: "\f18e"; }
.saas-scope .bi-binoculars::before { content: "\f18f"; }
.saas-scope .bi-blockquote-left::before { content: "\f190"; }
.saas-scope .bi-blockquote-right::before { content: "\f191"; }
.saas-scope .bi-book-fill::before { content: "\f192"; }
.saas-scope .bi-book-half::before { content: "\f193"; }
.saas-scope .bi-book::before { content: "\f194"; }
.saas-scope .bi-bookmark-check-fill::before { content: "\f195"; }
.saas-scope .bi-bookmark-check::before { content: "\f196"; }
.saas-scope .bi-bookmark-dash-fill::before { content: "\f197"; }
.saas-scope .bi-bookmark-dash::before { content: "\f198"; }
.saas-scope .bi-bookmark-fill::before { content: "\f199"; }
.saas-scope .bi-bookmark-heart-fill::before { content: "\f19a"; }
.saas-scope .bi-bookmark-heart::before { content: "\f19b"; }
.saas-scope .bi-bookmark-plus-fill::before { content: "\f19c"; }
.saas-scope .bi-bookmark-plus::before { content: "\f19d"; }
.saas-scope .bi-bookmark-star-fill::before { content: "\f19e"; }
.saas-scope .bi-bookmark-star::before { content: "\f19f"; }
.saas-scope .bi-bookmark-x-fill::before { content: "\f1a0"; }
.saas-scope .bi-bookmark-x::before { content: "\f1a1"; }
.saas-scope .bi-bookmark::before { content: "\f1a2"; }
.saas-scope .bi-bookmarks-fill::before { content: "\f1a3"; }
.saas-scope .bi-bookmarks::before { content: "\f1a4"; }
.saas-scope .bi-bookshelf::before { content: "\f1a5"; }
.saas-scope .bi-bootstrap-fill::before { content: "\f1a6"; }
.saas-scope .bi-bootstrap-reboot::before { content: "\f1a7"; }
.saas-scope .bi-bootstrap::before { content: "\f1a8"; }
.saas-scope .bi-border-all::before { content: "\f1a9"; }
.saas-scope .bi-border-bottom::before { content: "\f1aa"; }
.saas-scope .bi-border-center::before { content: "\f1ab"; }
.saas-scope .bi-border-inner::before { content: "\f1ac"; }
.saas-scope .bi-border-left::before { content: "\f1ad"; }
.saas-scope .bi-border-middle::before { content: "\f1ae"; }
.saas-scope .bi-border-outer::before { content: "\f1af"; }
.saas-scope .bi-border-right::before { content: "\f1b0"; }
.saas-scope .bi-border-style::before { content: "\f1b1"; }
.saas-scope .bi-border-top::before { content: "\f1b2"; }
.saas-scope .bi-border-width::before { content: "\f1b3"; }
.saas-scope .bi-border::before { content: "\f1b4"; }
.saas-scope .bi-bounding-box-circles::before { content: "\f1b5"; }
.saas-scope .bi-bounding-box::before { content: "\f1b6"; }
.saas-scope .bi-box-arrow-down-left::before { content: "\f1b7"; }
.saas-scope .bi-box-arrow-down-right::before { content: "\f1b8"; }
.saas-scope .bi-box-arrow-down::before { content: "\f1b9"; }
.saas-scope .bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.saas-scope .bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.saas-scope .bi-box-arrow-in-down::before { content: "\f1bc"; }
.saas-scope .bi-box-arrow-in-left::before { content: "\f1bd"; }
.saas-scope .bi-box-arrow-in-right::before { content: "\f1be"; }
.saas-scope .bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.saas-scope .bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.saas-scope .bi-box-arrow-in-up::before { content: "\f1c1"; }
.saas-scope .bi-box-arrow-left::before { content: "\f1c2"; }
.saas-scope .bi-box-arrow-right::before { content: "\f1c3"; }
.saas-scope .bi-box-arrow-up-left::before { content: "\f1c4"; }
.saas-scope .bi-box-arrow-up-right::before { content: "\f1c5"; }
.saas-scope .bi-box-arrow-up::before { content: "\f1c6"; }
.saas-scope .bi-box-seam::before { content: "\f1c7"; }
.saas-scope .bi-box::before { content: "\f1c8"; }
.saas-scope .bi-braces::before { content: "\f1c9"; }
.saas-scope .bi-bricks::before { content: "\f1ca"; }
.saas-scope .bi-briefcase-fill::before { content: "\f1cb"; }
.saas-scope .bi-briefcase::before { content: "\f1cc"; }
.saas-scope .bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.saas-scope .bi-brightness-alt-high::before { content: "\f1ce"; }
.saas-scope .bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.saas-scope .bi-brightness-alt-low::before { content: "\f1d0"; }
.saas-scope .bi-brightness-high-fill::before { content: "\f1d1"; }
.saas-scope .bi-brightness-high::before { content: "\f1d2"; }
.saas-scope .bi-brightness-low-fill::before { content: "\f1d3"; }
.saas-scope .bi-brightness-low::before { content: "\f1d4"; }
.saas-scope .bi-broadcast-pin::before { content: "\f1d5"; }
.saas-scope .bi-broadcast::before { content: "\f1d6"; }
.saas-scope .bi-brush-fill::before { content: "\f1d7"; }
.saas-scope .bi-brush::before { content: "\f1d8"; }
.saas-scope .bi-bucket-fill::before { content: "\f1d9"; }
.saas-scope .bi-bucket::before { content: "\f1da"; }
.saas-scope .bi-bug-fill::before { content: "\f1db"; }
.saas-scope .bi-bug::before { content: "\f1dc"; }
.saas-scope .bi-building::before { content: "\f1dd"; }
.saas-scope .bi-bullseye::before { content: "\f1de"; }
.saas-scope .bi-calculator-fill::before { content: "\f1df"; }
.saas-scope .bi-calculator::before { content: "\f1e0"; }
.saas-scope .bi-calendar-check-fill::before { content: "\f1e1"; }
.saas-scope .bi-calendar-check::before { content: "\f1e2"; }
.saas-scope .bi-calendar-date-fill::before { content: "\f1e3"; }
.saas-scope .bi-calendar-date::before { content: "\f1e4"; }
.saas-scope .bi-calendar-day-fill::before { content: "\f1e5"; }
.saas-scope .bi-calendar-day::before { content: "\f1e6"; }
.saas-scope .bi-calendar-event-fill::before { content: "\f1e7"; }
.saas-scope .bi-calendar-event::before { content: "\f1e8"; }
.saas-scope .bi-calendar-fill::before { content: "\f1e9"; }
.saas-scope .bi-calendar-minus-fill::before { content: "\f1ea"; }
.saas-scope .bi-calendar-minus::before { content: "\f1eb"; }
.saas-scope .bi-calendar-month-fill::before { content: "\f1ec"; }
.saas-scope .bi-calendar-month::before { content: "\f1ed"; }
.saas-scope .bi-calendar-plus-fill::before { content: "\f1ee"; }
.saas-scope .bi-calendar-plus::before { content: "\f1ef"; }
.saas-scope .bi-calendar-range-fill::before { content: "\f1f0"; }
.saas-scope .bi-calendar-range::before { content: "\f1f1"; }
.saas-scope .bi-calendar-week-fill::before { content: "\f1f2"; }
.saas-scope .bi-calendar-week::before { content: "\f1f3"; }
.saas-scope .bi-calendar-x-fill::before { content: "\f1f4"; }
.saas-scope .bi-calendar-x::before { content: "\f1f5"; }
.saas-scope .bi-calendar::before { content: "\f1f6"; }
.saas-scope .bi-calendar2-check-fill::before { content: "\f1f7"; }
.saas-scope .bi-calendar2-check::before { content: "\f1f8"; }
.saas-scope .bi-calendar2-date-fill::before { content: "\f1f9"; }
.saas-scope .bi-calendar2-date::before { content: "\f1fa"; }
.saas-scope .bi-calendar2-day-fill::before { content: "\f1fb"; }
.saas-scope .bi-calendar2-day::before { content: "\f1fc"; }
.saas-scope .bi-calendar2-event-fill::before { content: "\f1fd"; }
.saas-scope .bi-calendar2-event::before { content: "\f1fe"; }
.saas-scope .bi-calendar2-fill::before { content: "\f1ff"; }
.saas-scope .bi-calendar2-minus-fill::before { content: "\f200"; }
.saas-scope .bi-calendar2-minus::before { content: "\f201"; }
.saas-scope .bi-calendar2-month-fill::before { content: "\f202"; }
.saas-scope .bi-calendar2-month::before { content: "\f203"; }
.saas-scope .bi-calendar2-plus-fill::before { content: "\f204"; }
.saas-scope .bi-calendar2-plus::before { content: "\f205"; }
.saas-scope .bi-calendar2-range-fill::before { content: "\f206"; }
.saas-scope .bi-calendar2-range::before { content: "\f207"; }
.saas-scope .bi-calendar2-week-fill::before { content: "\f208"; }
.saas-scope .bi-calendar2-week::before { content: "\f209"; }
.saas-scope .bi-calendar2-x-fill::before { content: "\f20a"; }
.saas-scope .bi-calendar2-x::before { content: "\f20b"; }
.saas-scope .bi-calendar2::before { content: "\f20c"; }
.saas-scope .bi-calendar3-event-fill::before { content: "\f20d"; }
.saas-scope .bi-calendar3-event::before { content: "\f20e"; }
.saas-scope .bi-calendar3-fill::before { content: "\f20f"; }
.saas-scope .bi-calendar3-range-fill::before { content: "\f210"; }
.saas-scope .bi-calendar3-range::before { content: "\f211"; }
.saas-scope .bi-calendar3-week-fill::before { content: "\f212"; }
.saas-scope .bi-calendar3-week::before { content: "\f213"; }
.saas-scope .bi-calendar3::before { content: "\f214"; }
.saas-scope .bi-calendar4-event::before { content: "\f215"; }
.saas-scope .bi-calendar4-range::before { content: "\f216"; }
.saas-scope .bi-calendar4-week::before { content: "\f217"; }
.saas-scope .bi-calendar4::before { content: "\f218"; }
.saas-scope .bi-camera-fill::before { content: "\f219"; }
.saas-scope .bi-camera-reels-fill::before { content: "\f21a"; }
.saas-scope .bi-camera-reels::before { content: "\f21b"; }
.saas-scope .bi-camera-video-fill::before { content: "\f21c"; }
.saas-scope .bi-camera-video-off-fill::before { content: "\f21d"; }
.saas-scope .bi-camera-video-off::before { content: "\f21e"; }
.saas-scope .bi-camera-video::before { content: "\f21f"; }
.saas-scope .bi-camera::before { content: "\f220"; }
.saas-scope .bi-camera2::before { content: "\f221"; }
.saas-scope .bi-capslock-fill::before { content: "\f222"; }
.saas-scope .bi-capslock::before { content: "\f223"; }
.saas-scope .bi-card-checklist::before { content: "\f224"; }
.saas-scope .bi-card-heading::before { content: "\f225"; }
.saas-scope .bi-card-image::before { content: "\f226"; }
.saas-scope .bi-card-list::before { content: "\f227"; }
.saas-scope .bi-card-text::before { content: "\f228"; }
.saas-scope .bi-caret-down-fill::before { content: "\f229"; }
.saas-scope .bi-caret-down-square-fill::before { content: "\f22a"; }
.saas-scope .bi-caret-down-square::before { content: "\f22b"; }
.saas-scope .bi-caret-down::before { content: "\f22c"; }
.saas-scope .bi-caret-left-fill::before { content: "\f22d"; }
.saas-scope .bi-caret-left-square-fill::before { content: "\f22e"; }
.saas-scope .bi-caret-left-square::before { content: "\f22f"; }
.saas-scope .bi-caret-left::before { content: "\f230"; }
.saas-scope .bi-caret-right-fill::before { content: "\f231"; }
.saas-scope .bi-caret-right-square-fill::before { content: "\f232"; }
.saas-scope .bi-caret-right-square::before { content: "\f233"; }
.saas-scope .bi-caret-right::before { content: "\f234"; }
.saas-scope .bi-caret-up-fill::before { content: "\f235"; }
.saas-scope .bi-caret-up-square-fill::before { content: "\f236"; }
.saas-scope .bi-caret-up-square::before { content: "\f237"; }
.saas-scope .bi-caret-up::before { content: "\f238"; }
.saas-scope .bi-cart-check-fill::before { content: "\f239"; }
.saas-scope .bi-cart-check::before { content: "\f23a"; }
.saas-scope .bi-cart-dash-fill::before { content: "\f23b"; }
.saas-scope .bi-cart-dash::before { content: "\f23c"; }
.saas-scope .bi-cart-fill::before { content: "\f23d"; }
.saas-scope .bi-cart-plus-fill::before { content: "\f23e"; }
.saas-scope .bi-cart-plus::before { content: "\f23f"; }
.saas-scope .bi-cart-x-fill::before { content: "\f240"; }
.saas-scope .bi-cart-x::before { content: "\f241"; }
.saas-scope .bi-cart::before { content: "\f242"; }
.saas-scope .bi-cart2::before { content: "\f243"; }
.saas-scope .bi-cart3::before { content: "\f244"; }
.saas-scope .bi-cart4::before { content: "\f245"; }
.saas-scope .bi-cash-stack::before { content: "\f246"; }
.saas-scope .bi-cash::before { content: "\f247"; }
.saas-scope .bi-cast::before { content: "\f248"; }
.saas-scope .bi-chat-dots-fill::before { content: "\f249"; }
.saas-scope .bi-chat-dots::before { content: "\f24a"; }
.saas-scope .bi-chat-fill::before { content: "\f24b"; }
.saas-scope .bi-chat-left-dots-fill::before { content: "\f24c"; }
.saas-scope .bi-chat-left-dots::before { content: "\f24d"; }
.saas-scope .bi-chat-left-fill::before { content: "\f24e"; }
.saas-scope .bi-chat-left-quote-fill::before { content: "\f24f"; }
.saas-scope .bi-chat-left-quote::before { content: "\f250"; }
.saas-scope .bi-chat-left-text-fill::before { content: "\f251"; }
.saas-scope .bi-chat-left-text::before { content: "\f252"; }
.saas-scope .bi-chat-left::before { content: "\f253"; }
.saas-scope .bi-chat-quote-fill::before { content: "\f254"; }
.saas-scope .bi-chat-quote::before { content: "\f255"; }
.saas-scope .bi-chat-right-dots-fill::before { content: "\f256"; }
.saas-scope .bi-chat-right-dots::before { content: "\f257"; }
.saas-scope .bi-chat-right-fill::before { content: "\f258"; }
.saas-scope .bi-chat-right-quote-fill::before { content: "\f259"; }
.saas-scope .bi-chat-right-quote::before { content: "\f25a"; }
.saas-scope .bi-chat-right-text-fill::before { content: "\f25b"; }
.saas-scope .bi-chat-right-text::before { content: "\f25c"; }
.saas-scope .bi-chat-right::before { content: "\f25d"; }
.saas-scope .bi-chat-square-dots-fill::before { content: "\f25e"; }
.saas-scope .bi-chat-square-dots::before { content: "\f25f"; }
.saas-scope .bi-chat-square-fill::before { content: "\f260"; }
.saas-scope .bi-chat-square-quote-fill::before { content: "\f261"; }
.saas-scope .bi-chat-square-quote::before { content: "\f262"; }
.saas-scope .bi-chat-square-text-fill::before { content: "\f263"; }
.saas-scope .bi-chat-square-text::before { content: "\f264"; }
.saas-scope .bi-chat-square::before { content: "\f265"; }
.saas-scope .bi-chat-text-fill::before { content: "\f266"; }
.saas-scope .bi-chat-text::before { content: "\f267"; }
.saas-scope .bi-chat::before { content: "\f268"; }
.saas-scope .bi-check-all::before { content: "\f269"; }
.saas-scope .bi-check-circle-fill::before { content: "\f26a"; }
.saas-scope .bi-check-circle::before { content: "\f26b"; }
.saas-scope .bi-check-square-fill::before { content: "\f26c"; }
.saas-scope .bi-check-square::before { content: "\f26d"; }
.saas-scope .bi-check::before { content: "\f26e"; }
.saas-scope .bi-check2-all::before { content: "\f26f"; }
.saas-scope .bi-check2-circle::before { content: "\f270"; }
.saas-scope .bi-check2-square::before { content: "\f271"; }
.saas-scope .bi-check2::before { content: "\f272"; }
.saas-scope .bi-chevron-bar-contract::before { content: "\f273"; }
.saas-scope .bi-chevron-bar-down::before { content: "\f274"; }
.saas-scope .bi-chevron-bar-expand::before { content: "\f275"; }
.saas-scope .bi-chevron-bar-left::before { content: "\f276"; }
.saas-scope .bi-chevron-bar-right::before { content: "\f277"; }
.saas-scope .bi-chevron-bar-up::before { content: "\f278"; }
.saas-scope .bi-chevron-compact-down::before { content: "\f279"; }
.saas-scope .bi-chevron-compact-left::before { content: "\f27a"; }
.saas-scope .bi-chevron-compact-right::before { content: "\f27b"; }
.saas-scope .bi-chevron-compact-up::before { content: "\f27c"; }
.saas-scope .bi-chevron-contract::before { content: "\f27d"; }
.saas-scope .bi-chevron-double-down::before { content: "\f27e"; }
.saas-scope .bi-chevron-double-left::before { content: "\f27f"; }
.saas-scope .bi-chevron-double-right::before { content: "\f280"; }
.saas-scope .bi-chevron-double-up::before { content: "\f281"; }
.saas-scope .bi-chevron-down::before { content: "\f282"; }
.saas-scope .bi-chevron-expand::before { content: "\f283"; }
.saas-scope .bi-chevron-left::before { content: "\f284"; }
.saas-scope .bi-chevron-right::before { content: "\f285"; }
.saas-scope .bi-chevron-up::before { content: "\f286"; }
.saas-scope .bi-circle-fill::before { content: "\f287"; }
.saas-scope .bi-circle-half::before { content: "\f288"; }
.saas-scope .bi-circle-square::before { content: "\f289"; }
.saas-scope .bi-circle::before { content: "\f28a"; }
.saas-scope .bi-clipboard-check::before { content: "\f28b"; }
.saas-scope .bi-clipboard-data::before { content: "\f28c"; }
.saas-scope .bi-clipboard-minus::before { content: "\f28d"; }
.saas-scope .bi-clipboard-plus::before { content: "\f28e"; }
.saas-scope .bi-clipboard-x::before { content: "\f28f"; }
.saas-scope .bi-clipboard::before { content: "\f290"; }
.saas-scope .bi-clock-fill::before { content: "\f291"; }
.saas-scope .bi-clock-history::before { content: "\f292"; }
.saas-scope .bi-clock::before { content: "\f293"; }
.saas-scope .bi-cloud-arrow-down-fill::before { content: "\f294"; }
.saas-scope .bi-cloud-arrow-down::before { content: "\f295"; }
.saas-scope .bi-cloud-arrow-up-fill::before { content: "\f296"; }
.saas-scope .bi-cloud-arrow-up::before { content: "\f297"; }
.saas-scope .bi-cloud-check-fill::before { content: "\f298"; }
.saas-scope .bi-cloud-check::before { content: "\f299"; }
.saas-scope .bi-cloud-download-fill::before { content: "\f29a"; }
.saas-scope .bi-cloud-download::before { content: "\f29b"; }
.saas-scope .bi-cloud-drizzle-fill::before { content: "\f29c"; }
.saas-scope .bi-cloud-drizzle::before { content: "\f29d"; }
.saas-scope .bi-cloud-fill::before { content: "\f29e"; }
.saas-scope .bi-cloud-fog-fill::before { content: "\f29f"; }
.saas-scope .bi-cloud-fog::before { content: "\f2a0"; }
.saas-scope .bi-cloud-fog2-fill::before { content: "\f2a1"; }
.saas-scope .bi-cloud-fog2::before { content: "\f2a2"; }
.saas-scope .bi-cloud-hail-fill::before { content: "\f2a3"; }
.saas-scope .bi-cloud-hail::before { content: "\f2a4"; }
.saas-scope .bi-cloud-haze-1::before { content: "\f2a5"; }
.saas-scope .bi-cloud-haze-fill::before { content: "\f2a6"; }
.saas-scope .bi-cloud-haze::before { content: "\f2a7"; }
.saas-scope .bi-cloud-haze2-fill::before { content: "\f2a8"; }
.saas-scope .bi-cloud-lightning-fill::before { content: "\f2a9"; }
.saas-scope .bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.saas-scope .bi-cloud-lightning-rain::before { content: "\f2ab"; }
.saas-scope .bi-cloud-lightning::before { content: "\f2ac"; }
.saas-scope .bi-cloud-minus-fill::before { content: "\f2ad"; }
.saas-scope .bi-cloud-minus::before { content: "\f2ae"; }
.saas-scope .bi-cloud-moon-fill::before { content: "\f2af"; }
.saas-scope .bi-cloud-moon::before { content: "\f2b0"; }
.saas-scope .bi-cloud-plus-fill::before { content: "\f2b1"; }
.saas-scope .bi-cloud-plus::before { content: "\f2b2"; }
.saas-scope .bi-cloud-rain-fill::before { content: "\f2b3"; }
.saas-scope .bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.saas-scope .bi-cloud-rain-heavy::before { content: "\f2b5"; }
.saas-scope .bi-cloud-rain::before { content: "\f2b6"; }
.saas-scope .bi-cloud-slash-fill::before { content: "\f2b7"; }
.saas-scope .bi-cloud-slash::before { content: "\f2b8"; }
.saas-scope .bi-cloud-sleet-fill::before { content: "\f2b9"; }
.saas-scope .bi-cloud-sleet::before { content: "\f2ba"; }
.saas-scope .bi-cloud-snow-fill::before { content: "\f2bb"; }
.saas-scope .bi-cloud-snow::before { content: "\f2bc"; }
.saas-scope .bi-cloud-sun-fill::before { content: "\f2bd"; }
.saas-scope .bi-cloud-sun::before { content: "\f2be"; }
.saas-scope .bi-cloud-upload-fill::before { content: "\f2bf"; }
.saas-scope .bi-cloud-upload::before { content: "\f2c0"; }
.saas-scope .bi-cloud::before { content: "\f2c1"; }
.saas-scope .bi-clouds-fill::before { content: "\f2c2"; }
.saas-scope .bi-clouds::before { content: "\f2c3"; }
.saas-scope .bi-cloudy-fill::before { content: "\f2c4"; }
.saas-scope .bi-cloudy::before { content: "\f2c5"; }
.saas-scope .bi-code-slash::before { content: "\f2c6"; }
.saas-scope .bi-code-square::before { content: "\f2c7"; }
.saas-scope .bi-code::before { content: "\f2c8"; }
.saas-scope .bi-collection-fill::before { content: "\f2c9"; }
.saas-scope .bi-collection-play-fill::before { content: "\f2ca"; }
.saas-scope .bi-collection-play::before { content: "\f2cb"; }
.saas-scope .bi-collection::before { content: "\f2cc"; }
.saas-scope .bi-columns-gap::before { content: "\f2cd"; }
.saas-scope .bi-columns::before { content: "\f2ce"; }
.saas-scope .bi-command::before { content: "\f2cf"; }
.saas-scope .bi-compass-fill::before { content: "\f2d0"; }
.saas-scope .bi-compass::before { content: "\f2d1"; }
.saas-scope .bi-cone-striped::before { content: "\f2d2"; }
.saas-scope .bi-cone::before { content: "\f2d3"; }
.saas-scope .bi-controller::before { content: "\f2d4"; }
.saas-scope .bi-cpu-fill::before { content: "\f2d5"; }
.saas-scope .bi-cpu::before { content: "\f2d6"; }
.saas-scope .bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.saas-scope .bi-credit-card-2-back::before { content: "\f2d8"; }
.saas-scope .bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.saas-scope .bi-credit-card-2-front::before { content: "\f2da"; }
.saas-scope .bi-credit-card-fill::before { content: "\f2db"; }
.saas-scope .bi-credit-card::before { content: "\f2dc"; }
.saas-scope .bi-crop::before { content: "\f2dd"; }
.saas-scope .bi-cup-fill::before { content: "\f2de"; }
.saas-scope .bi-cup-straw::before { content: "\f2df"; }
.saas-scope .bi-cup::before { content: "\f2e0"; }
.saas-scope .bi-cursor-fill::before { content: "\f2e1"; }
.saas-scope .bi-cursor-text::before { content: "\f2e2"; }
.saas-scope .bi-cursor::before { content: "\f2e3"; }
.saas-scope .bi-dash-circle-dotted::before { content: "\f2e4"; }
.saas-scope .bi-dash-circle-fill::before { content: "\f2e5"; }
.saas-scope .bi-dash-circle::before { content: "\f2e6"; }
.saas-scope .bi-dash-square-dotted::before { content: "\f2e7"; }
.saas-scope .bi-dash-square-fill::before { content: "\f2e8"; }
.saas-scope .bi-dash-square::before { content: "\f2e9"; }
.saas-scope .bi-dash::before { content: "\f2ea"; }
.saas-scope .bi-diagram-2-fill::before { content: "\f2eb"; }
.saas-scope .bi-diagram-2::before { content: "\f2ec"; }
.saas-scope .bi-diagram-3-fill::before { content: "\f2ed"; }
.saas-scope .bi-diagram-3::before { content: "\f2ee"; }
.saas-scope .bi-diamond-fill::before { content: "\f2ef"; }
.saas-scope .bi-diamond-half::before { content: "\f2f0"; }
.saas-scope .bi-diamond::before { content: "\f2f1"; }
.saas-scope .bi-dice-1-fill::before { content: "\f2f2"; }
.saas-scope .bi-dice-1::before { content: "\f2f3"; }
.saas-scope .bi-dice-2-fill::before { content: "\f2f4"; }
.saas-scope .bi-dice-2::before { content: "\f2f5"; }
.saas-scope .bi-dice-3-fill::before { content: "\f2f6"; }
.saas-scope .bi-dice-3::before { content: "\f2f7"; }
.saas-scope .bi-dice-4-fill::before { content: "\f2f8"; }
.saas-scope .bi-dice-4::before { content: "\f2f9"; }
.saas-scope .bi-dice-5-fill::before { content: "\f2fa"; }
.saas-scope .bi-dice-5::before { content: "\f2fb"; }
.saas-scope .bi-dice-6-fill::before { content: "\f2fc"; }
.saas-scope .bi-dice-6::before { content: "\f2fd"; }
.saas-scope .bi-disc-fill::before { content: "\f2fe"; }
.saas-scope .bi-disc::before { content: "\f2ff"; }
.saas-scope .bi-discord::before { content: "\f300"; }
.saas-scope .bi-display-fill::before { content: "\f301"; }
.saas-scope .bi-display::before { content: "\f302"; }
.saas-scope .bi-distribute-horizontal::before { content: "\f303"; }
.saas-scope .bi-distribute-vertical::before { content: "\f304"; }
.saas-scope .bi-door-closed-fill::before { content: "\f305"; }
.saas-scope .bi-door-closed::before { content: "\f306"; }
.saas-scope .bi-door-open-fill::before { content: "\f307"; }
.saas-scope .bi-door-open::before { content: "\f308"; }
.saas-scope .bi-dot::before { content: "\f309"; }
.saas-scope .bi-download::before { content: "\f30a"; }
.saas-scope .bi-droplet-fill::before { content: "\f30b"; }
.saas-scope .bi-droplet-half::before { content: "\f30c"; }
.saas-scope .bi-droplet::before { content: "\f30d"; }
.saas-scope .bi-earbuds::before { content: "\f30e"; }
.saas-scope .bi-easel-fill::before { content: "\f30f"; }
.saas-scope .bi-easel::before { content: "\f310"; }
.saas-scope .bi-egg-fill::before { content: "\f311"; }
.saas-scope .bi-egg-fried::before { content: "\f312"; }
.saas-scope .bi-egg::before { content: "\f313"; }
.saas-scope .bi-eject-fill::before { content: "\f314"; }
.saas-scope .bi-eject::before { content: "\f315"; }
.saas-scope .bi-emoji-angry-fill::before { content: "\f316"; }
.saas-scope .bi-emoji-angry::before { content: "\f317"; }
.saas-scope .bi-emoji-dizzy-fill::before { content: "\f318"; }
.saas-scope .bi-emoji-dizzy::before { content: "\f319"; }
.saas-scope .bi-emoji-expressionless-fill::before { content: "\f31a"; }
.saas-scope .bi-emoji-expressionless::before { content: "\f31b"; }
.saas-scope .bi-emoji-frown-fill::before { content: "\f31c"; }
.saas-scope .bi-emoji-frown::before { content: "\f31d"; }
.saas-scope .bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.saas-scope .bi-emoji-heart-eyes::before { content: "\f31f"; }
.saas-scope .bi-emoji-laughing-fill::before { content: "\f320"; }
.saas-scope .bi-emoji-laughing::before { content: "\f321"; }
.saas-scope .bi-emoji-neutral-fill::before { content: "\f322"; }
.saas-scope .bi-emoji-neutral::before { content: "\f323"; }
.saas-scope .bi-emoji-smile-fill::before { content: "\f324"; }
.saas-scope .bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.saas-scope .bi-emoji-smile-upside-down::before { content: "\f326"; }
.saas-scope .bi-emoji-smile::before { content: "\f327"; }
.saas-scope .bi-emoji-sunglasses-fill::before { content: "\f328"; }
.saas-scope .bi-emoji-sunglasses::before { content: "\f329"; }
.saas-scope .bi-emoji-wink-fill::before { content: "\f32a"; }
.saas-scope .bi-emoji-wink::before { content: "\f32b"; }
.saas-scope .bi-envelope-fill::before { content: "\f32c"; }
.saas-scope .bi-envelope-open-fill::before { content: "\f32d"; }
.saas-scope .bi-envelope-open::before { content: "\f32e"; }
.saas-scope .bi-envelope::before { content: "\f32f"; }
.saas-scope .bi-eraser-fill::before { content: "\f330"; }
.saas-scope .bi-eraser::before { content: "\f331"; }
.saas-scope .bi-exclamation-circle-fill::before { content: "\f332"; }
.saas-scope .bi-exclamation-circle::before { content: "\f333"; }
.saas-scope .bi-exclamation-diamond-fill::before { content: "\f334"; }
.saas-scope .bi-exclamation-diamond::before { content: "\f335"; }
.saas-scope .bi-exclamation-octagon-fill::before { content: "\f336"; }
.saas-scope .bi-exclamation-octagon::before { content: "\f337"; }
.saas-scope .bi-exclamation-square-fill::before { content: "\f338"; }
.saas-scope .bi-exclamation-square::before { content: "\f339"; }
.saas-scope .bi-exclamation-triangle-fill::before { content: "\f33a"; }
.saas-scope .bi-exclamation-triangle::before { content: "\f33b"; }
.saas-scope .bi-exclamation::before { content: "\f33c"; }
.saas-scope .bi-exclude::before { content: "\f33d"; }
.saas-scope .bi-eye-fill::before { content: "\f33e"; }
.saas-scope .bi-eye-slash-fill::before { content: "\f33f"; }
.saas-scope .bi-eye-slash::before { content: "\f340"; }
.saas-scope .bi-eye::before { content: "\f341"; }
.saas-scope .bi-eyedropper::before { content: "\f342"; }
.saas-scope .bi-eyeglasses::before { content: "\f343"; }
.saas-scope .bi-facebook::before { content: "\f344"; }
.saas-scope .bi-file-arrow-down-fill::before { content: "\f345"; }
.saas-scope .bi-file-arrow-down::before { content: "\f346"; }
.saas-scope .bi-file-arrow-up-fill::before { content: "\f347"; }
.saas-scope .bi-file-arrow-up::before { content: "\f348"; }
.saas-scope .bi-file-bar-graph-fill::before { content: "\f349"; }
.saas-scope .bi-file-bar-graph::before { content: "\f34a"; }
.saas-scope .bi-file-binary-fill::before { content: "\f34b"; }
.saas-scope .bi-file-binary::before { content: "\f34c"; }
.saas-scope .bi-file-break-fill::before { content: "\f34d"; }
.saas-scope .bi-file-break::before { content: "\f34e"; }
.saas-scope .bi-file-check-fill::before { content: "\f34f"; }
.saas-scope .bi-file-check::before { content: "\f350"; }
.saas-scope .bi-file-code-fill::before { content: "\f351"; }
.saas-scope .bi-file-code::before { content: "\f352"; }
.saas-scope .bi-file-diff-fill::before { content: "\f353"; }
.saas-scope .bi-file-diff::before { content: "\f354"; }
.saas-scope .bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.saas-scope .bi-file-earmark-arrow-down::before { content: "\f356"; }
.saas-scope .bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.saas-scope .bi-file-earmark-arrow-up::before { content: "\f358"; }
.saas-scope .bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.saas-scope .bi-file-earmark-bar-graph::before { content: "\f35a"; }
.saas-scope .bi-file-earmark-binary-fill::before { content: "\f35b"; }
.saas-scope .bi-file-earmark-binary::before { content: "\f35c"; }
.saas-scope .bi-file-earmark-break-fill::before { content: "\f35d"; }
.saas-scope .bi-file-earmark-break::before { content: "\f35e"; }
.saas-scope .bi-file-earmark-check-fill::before { content: "\f35f"; }
.saas-scope .bi-file-earmark-check::before { content: "\f360"; }
.saas-scope .bi-file-earmark-code-fill::before { content: "\f361"; }
.saas-scope .bi-file-earmark-code::before { content: "\f362"; }
.saas-scope .bi-file-earmark-diff-fill::before { content: "\f363"; }
.saas-scope .bi-file-earmark-diff::before { content: "\f364"; }
.saas-scope .bi-file-earmark-easel-fill::before { content: "\f365"; }
.saas-scope .bi-file-earmark-easel::before { content: "\f366"; }
.saas-scope .bi-file-earmark-excel-fill::before { content: "\f367"; }
.saas-scope .bi-file-earmark-excel::before { content: "\f368"; }
.saas-scope .bi-file-earmark-fill::before { content: "\f369"; }
.saas-scope .bi-file-earmark-font-fill::before { content: "\f36a"; }
.saas-scope .bi-file-earmark-font::before { content: "\f36b"; }
.saas-scope .bi-file-earmark-image-fill::before { content: "\f36c"; }
.saas-scope .bi-file-earmark-image::before { content: "\f36d"; }
.saas-scope .bi-file-earmark-lock-fill::before { content: "\f36e"; }
.saas-scope .bi-file-earmark-lock::before { content: "\f36f"; }
.saas-scope .bi-file-earmark-lock2-fill::before { content: "\f370"; }
.saas-scope .bi-file-earmark-lock2::before { content: "\f371"; }
.saas-scope .bi-file-earmark-medical-fill::before { content: "\f372"; }
.saas-scope .bi-file-earmark-medical::before { content: "\f373"; }
.saas-scope .bi-file-earmark-minus-fill::before { content: "\f374"; }
.saas-scope .bi-file-earmark-minus::before { content: "\f375"; }
.saas-scope .bi-file-earmark-music-fill::before { content: "\f376"; }
.saas-scope .bi-file-earmark-music::before { content: "\f377"; }
.saas-scope .bi-file-earmark-person-fill::before { content: "\f378"; }
.saas-scope .bi-file-earmark-person::before { content: "\f379"; }
.saas-scope .bi-file-earmark-play-fill::before { content: "\f37a"; }
.saas-scope .bi-file-earmark-play::before { content: "\f37b"; }
.saas-scope .bi-file-earmark-plus-fill::before { content: "\f37c"; }
.saas-scope .bi-file-earmark-plus::before { content: "\f37d"; }
.saas-scope .bi-file-earmark-post-fill::before { content: "\f37e"; }
.saas-scope .bi-file-earmark-post::before { content: "\f37f"; }
.saas-scope .bi-file-earmark-ppt-fill::before { content: "\f380"; }
.saas-scope .bi-file-earmark-ppt::before { content: "\f381"; }
.saas-scope .bi-file-earmark-richtext-fill::before { content: "\f382"; }
.saas-scope .bi-file-earmark-richtext::before { content: "\f383"; }
.saas-scope .bi-file-earmark-ruled-fill::before { content: "\f384"; }
.saas-scope .bi-file-earmark-ruled::before { content: "\f385"; }
.saas-scope .bi-file-earmark-slides-fill::before { content: "\f386"; }
.saas-scope .bi-file-earmark-slides::before { content: "\f387"; }
.saas-scope .bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.saas-scope .bi-file-earmark-spreadsheet::before { content: "\f389"; }
.saas-scope .bi-file-earmark-text-fill::before { content: "\f38a"; }
.saas-scope .bi-file-earmark-text::before { content: "\f38b"; }
.saas-scope .bi-file-earmark-word-fill::before { content: "\f38c"; }
.saas-scope .bi-file-earmark-word::before { content: "\f38d"; }
.saas-scope .bi-file-earmark-x-fill::before { content: "\f38e"; }
.saas-scope .bi-file-earmark-x::before { content: "\f38f"; }
.saas-scope .bi-file-earmark-zip-fill::before { content: "\f390"; }
.saas-scope .bi-file-earmark-zip::before { content: "\f391"; }
.saas-scope .bi-file-earmark::before { content: "\f392"; }
.saas-scope .bi-file-easel-fill::before { content: "\f393"; }
.saas-scope .bi-file-easel::before { content: "\f394"; }
.saas-scope .bi-file-excel-fill::before { content: "\f395"; }
.saas-scope .bi-file-excel::before { content: "\f396"; }
.saas-scope .bi-file-fill::before { content: "\f397"; }
.saas-scope .bi-file-font-fill::before { content: "\f398"; }
.saas-scope .bi-file-font::before { content: "\f399"; }
.saas-scope .bi-file-image-fill::before { content: "\f39a"; }
.saas-scope .bi-file-image::before { content: "\f39b"; }
.saas-scope .bi-file-lock-fill::before { content: "\f39c"; }
.saas-scope .bi-file-lock::before { content: "\f39d"; }
.saas-scope .bi-file-lock2-fill::before { content: "\f39e"; }
.saas-scope .bi-file-lock2::before { content: "\f39f"; }
.saas-scope .bi-file-medical-fill::before { content: "\f3a0"; }
.saas-scope .bi-file-medical::before { content: "\f3a1"; }
.saas-scope .bi-file-minus-fill::before { content: "\f3a2"; }
.saas-scope .bi-file-minus::before { content: "\f3a3"; }
.saas-scope .bi-file-music-fill::before { content: "\f3a4"; }
.saas-scope .bi-file-music::before { content: "\f3a5"; }
.saas-scope .bi-file-person-fill::before { content: "\f3a6"; }
.saas-scope .bi-file-person::before { content: "\f3a7"; }
.saas-scope .bi-file-play-fill::before { content: "\f3a8"; }
.saas-scope .bi-file-play::before { content: "\f3a9"; }
.saas-scope .bi-file-plus-fill::before { content: "\f3aa"; }
.saas-scope .bi-file-plus::before { content: "\f3ab"; }
.saas-scope .bi-file-post-fill::before { content: "\f3ac"; }
.saas-scope .bi-file-post::before { content: "\f3ad"; }
.saas-scope .bi-file-ppt-fill::before { content: "\f3ae"; }
.saas-scope .bi-file-ppt::before { content: "\f3af"; }
.saas-scope .bi-file-richtext-fill::before { content: "\f3b0"; }
.saas-scope .bi-file-richtext::before { content: "\f3b1"; }
.saas-scope .bi-file-ruled-fill::before { content: "\f3b2"; }
.saas-scope .bi-file-ruled::before { content: "\f3b3"; }
.saas-scope .bi-file-slides-fill::before { content: "\f3b4"; }
.saas-scope .bi-file-slides::before { content: "\f3b5"; }
.saas-scope .bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.saas-scope .bi-file-spreadsheet::before { content: "\f3b7"; }
.saas-scope .bi-file-text-fill::before { content: "\f3b8"; }
.saas-scope .bi-file-text::before { content: "\f3b9"; }
.saas-scope .bi-file-word-fill::before { content: "\f3ba"; }
.saas-scope .bi-file-word::before { content: "\f3bb"; }
.saas-scope .bi-file-x-fill::before { content: "\f3bc"; }
.saas-scope .bi-file-x::before { content: "\f3bd"; }
.saas-scope .bi-file-zip-fill::before { content: "\f3be"; }
.saas-scope .bi-file-zip::before { content: "\f3bf"; }
.saas-scope .bi-file::before { content: "\f3c0"; }
.saas-scope .bi-files-alt::before { content: "\f3c1"; }
.saas-scope .bi-files::before { content: "\f3c2"; }
.saas-scope .bi-film::before { content: "\f3c3"; }
.saas-scope .bi-filter-circle-fill::before { content: "\f3c4"; }
.saas-scope .bi-filter-circle::before { content: "\f3c5"; }
.saas-scope .bi-filter-left::before { content: "\f3c6"; }
.saas-scope .bi-filter-right::before { content: "\f3c7"; }
.saas-scope .bi-filter-square-fill::before { content: "\f3c8"; }
.saas-scope .bi-filter-square::before { content: "\f3c9"; }
.saas-scope .bi-filter::before { content: "\f3ca"; }
.saas-scope .bi-flag-fill::before { content: "\f3cb"; }
.saas-scope .bi-flag::before { content: "\f3cc"; }
.saas-scope .bi-flower1::before { content: "\f3cd"; }
.saas-scope .bi-flower2::before { content: "\f3ce"; }
.saas-scope .bi-flower3::before { content: "\f3cf"; }
.saas-scope .bi-folder-check::before { content: "\f3d0"; }
.saas-scope .bi-folder-fill::before { content: "\f3d1"; }
.saas-scope .bi-folder-minus::before { content: "\f3d2"; }
.saas-scope .bi-folder-plus::before { content: "\f3d3"; }
.saas-scope .bi-folder-symlink-fill::before { content: "\f3d4"; }
.saas-scope .bi-folder-symlink::before { content: "\f3d5"; }
.saas-scope .bi-folder-x::before { content: "\f3d6"; }
.saas-scope .bi-folder::before { content: "\f3d7"; }
.saas-scope .bi-folder2-open::before { content: "\f3d8"; }
.saas-scope .bi-folder2::before { content: "\f3d9"; }
.saas-scope .bi-fonts::before { content: "\f3da"; }
.saas-scope .bi-forward-fill::before { content: "\f3db"; }
.saas-scope .bi-forward::before { content: "\f3dc"; }
.saas-scope .bi-front::before { content: "\f3dd"; }
.saas-scope .bi-fullscreen-exit::before { content: "\f3de"; }
.saas-scope .bi-fullscreen::before { content: "\f3df"; }
.saas-scope .bi-funnel-fill::before { content: "\f3e0"; }
.saas-scope .bi-funnel::before { content: "\f3e1"; }
.saas-scope .bi-gear-fill::before { content: "\f3e2"; }
.saas-scope .bi-gear-wide-connected::before { content: "\f3e3"; }
.saas-scope .bi-gear-wide::before { content: "\f3e4"; }
.saas-scope .bi-gear::before { content: "\f3e5"; }
.saas-scope .bi-gem::before { content: "\f3e6"; }
.saas-scope .bi-geo-alt-fill::before { content: "\f3e7"; }
.saas-scope .bi-geo-alt::before { content: "\f3e8"; }
.saas-scope .bi-geo-fill::before { content: "\f3e9"; }
.saas-scope .bi-geo::before { content: "\f3ea"; }
.saas-scope .bi-gift-fill::before { content: "\f3eb"; }
.saas-scope .bi-gift::before { content: "\f3ec"; }
.saas-scope .bi-github::before { content: "\f3ed"; }
.saas-scope .bi-globe::before { content: "\f3ee"; }
.saas-scope .bi-globe2::before { content: "\f3ef"; }
.saas-scope .bi-google::before { content: "\f3f0"; }
.saas-scope .bi-graph-down::before { content: "\f3f1"; }
.saas-scope .bi-graph-up::before { content: "\f3f2"; }
.saas-scope .bi-grid-1x2-fill::before { content: "\f3f3"; }
.saas-scope .bi-grid-1x2::before { content: "\f3f4"; }
.saas-scope .bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.saas-scope .bi-grid-3x2-gap::before { content: "\f3f6"; }
.saas-scope .bi-grid-3x2::before { content: "\f3f7"; }
.saas-scope .bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.saas-scope .bi-grid-3x3-gap::before { content: "\f3f9"; }
.saas-scope .bi-grid-3x3::before { content: "\f3fa"; }
.saas-scope .bi-grid-fill::before { content: "\f3fb"; }
.saas-scope .bi-grid::before { content: "\f3fc"; }
.saas-scope .bi-grip-horizontal::before { content: "\f3fd"; }
.saas-scope .bi-grip-vertical::before { content: "\f3fe"; }
.saas-scope .bi-hammer::before { content: "\f3ff"; }
.saas-scope .bi-hand-index-fill::before { content: "\f400"; }
.saas-scope .bi-hand-index-thumb-fill::before { content: "\f401"; }
.saas-scope .bi-hand-index-thumb::before { content: "\f402"; }
.saas-scope .bi-hand-index::before { content: "\f403"; }
.saas-scope .bi-hand-thumbs-down-fill::before { content: "\f404"; }
.saas-scope .bi-hand-thumbs-down::before { content: "\f405"; }
.saas-scope .bi-hand-thumbs-up-fill::before { content: "\f406"; }
.saas-scope .bi-hand-thumbs-up::before { content: "\f407"; }
.saas-scope .bi-handbag-fill::before { content: "\f408"; }
.saas-scope .bi-handbag::before { content: "\f409"; }
.saas-scope .bi-hash::before { content: "\f40a"; }
.saas-scope .bi-hdd-fill::before { content: "\f40b"; }
.saas-scope .bi-hdd-network-fill::before { content: "\f40c"; }
.saas-scope .bi-hdd-network::before { content: "\f40d"; }
.saas-scope .bi-hdd-rack-fill::before { content: "\f40e"; }
.saas-scope .bi-hdd-rack::before { content: "\f40f"; }
.saas-scope .bi-hdd-stack-fill::before { content: "\f410"; }
.saas-scope .bi-hdd-stack::before { content: "\f411"; }
.saas-scope .bi-hdd::before { content: "\f412"; }
.saas-scope .bi-headphones::before { content: "\f413"; }
.saas-scope .bi-headset::before { content: "\f414"; }
.saas-scope .bi-heart-fill::before { content: "\f415"; }
.saas-scope .bi-heart-half::before { content: "\f416"; }
.saas-scope .bi-heart::before { content: "\f417"; }
.saas-scope .bi-heptagon-fill::before { content: "\f418"; }
.saas-scope .bi-heptagon-half::before { content: "\f419"; }
.saas-scope .bi-heptagon::before { content: "\f41a"; }
.saas-scope .bi-hexagon-fill::before { content: "\f41b"; }
.saas-scope .bi-hexagon-half::before { content: "\f41c"; }
.saas-scope .bi-hexagon::before { content: "\f41d"; }
.saas-scope .bi-hourglass-bottom::before { content: "\f41e"; }
.saas-scope .bi-hourglass-split::before { content: "\f41f"; }
.saas-scope .bi-hourglass-top::before { content: "\f420"; }
.saas-scope .bi-hourglass::before { content: "\f421"; }
.saas-scope .bi-house-door-fill::before { content: "\f422"; }
.saas-scope .bi-house-door::before { content: "\f423"; }
.saas-scope .bi-house-fill::before { content: "\f424"; }
.saas-scope .bi-house::before { content: "\f425"; }
.saas-scope .bi-hr::before { content: "\f426"; }
.saas-scope .bi-hurricane::before { content: "\f427"; }
.saas-scope .bi-image-alt::before { content: "\f428"; }
.saas-scope .bi-image-fill::before { content: "\f429"; }
.saas-scope .bi-image::before { content: "\f42a"; }
.saas-scope .bi-images::before { content: "\f42b"; }
.saas-scope .bi-inbox-fill::before { content: "\f42c"; }
.saas-scope .bi-inbox::before { content: "\f42d"; }
.saas-scope .bi-inboxes-fill::before { content: "\f42e"; }
.saas-scope .bi-inboxes::before { content: "\f42f"; }
.saas-scope .bi-info-circle-fill::before { content: "\f430"; }
.saas-scope .bi-info-circle::before { content: "\f431"; }
.saas-scope .bi-info-square-fill::before { content: "\f432"; }
.saas-scope .bi-info-square::before { content: "\f433"; }
.saas-scope .bi-info::before { content: "\f434"; }
.saas-scope .bi-input-cursor-text::before { content: "\f435"; }
.saas-scope .bi-input-cursor::before { content: "\f436"; }
.saas-scope .bi-instagram::before { content: "\f437"; }
.saas-scope .bi-intersect::before { content: "\f438"; }
.saas-scope .bi-journal-album::before { content: "\f439"; }
.saas-scope .bi-journal-arrow-down::before { content: "\f43a"; }
.saas-scope .bi-journal-arrow-up::before { content: "\f43b"; }
.saas-scope .bi-journal-bookmark-fill::before { content: "\f43c"; }
.saas-scope .bi-journal-bookmark::before { content: "\f43d"; }
.saas-scope .bi-journal-check::before { content: "\f43e"; }
.saas-scope .bi-journal-code::before { content: "\f43f"; }
.saas-scope .bi-journal-medical::before { content: "\f440"; }
.saas-scope .bi-journal-minus::before { content: "\f441"; }
.saas-scope .bi-journal-plus::before { content: "\f442"; }
.saas-scope .bi-journal-richtext::before { content: "\f443"; }
.saas-scope .bi-journal-text::before { content: "\f444"; }
.saas-scope .bi-journal-x::before { content: "\f445"; }
.saas-scope .bi-journal::before { content: "\f446"; }
.saas-scope .bi-journals::before { content: "\f447"; }
.saas-scope .bi-joystick::before { content: "\f448"; }
.saas-scope .bi-justify-left::before { content: "\f449"; }
.saas-scope .bi-justify-right::before { content: "\f44a"; }
.saas-scope .bi-justify::before { content: "\f44b"; }
.saas-scope .bi-kanban-fill::before { content: "\f44c"; }
.saas-scope .bi-kanban::before { content: "\f44d"; }
.saas-scope .bi-key-fill::before { content: "\f44e"; }
.saas-scope .bi-key::before { content: "\f44f"; }
.saas-scope .bi-keyboard-fill::before { content: "\f450"; }
.saas-scope .bi-keyboard::before { content: "\f451"; }
.saas-scope .bi-ladder::before { content: "\f452"; }
.saas-scope .bi-lamp-fill::before { content: "\f453"; }
.saas-scope .bi-lamp::before { content: "\f454"; }
.saas-scope .bi-laptop-fill::before { content: "\f455"; }
.saas-scope .bi-laptop::before { content: "\f456"; }
.saas-scope .bi-layer-backward::before { content: "\f457"; }
.saas-scope .bi-layer-forward::before { content: "\f458"; }
.saas-scope .bi-layers-fill::before { content: "\f459"; }
.saas-scope .bi-layers-half::before { content: "\f45a"; }
.saas-scope .bi-layers::before { content: "\f45b"; }
.saas-scope .bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.saas-scope .bi-layout-sidebar-inset::before { content: "\f45d"; }
.saas-scope .bi-layout-sidebar-reverse::before { content: "\f45e"; }
.saas-scope .bi-layout-sidebar::before { content: "\f45f"; }
.saas-scope .bi-layout-split::before { content: "\f460"; }
.saas-scope .bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.saas-scope .bi-layout-text-sidebar::before { content: "\f462"; }
.saas-scope .bi-layout-text-window-reverse::before { content: "\f463"; }
.saas-scope .bi-layout-text-window::before { content: "\f464"; }
.saas-scope .bi-layout-three-columns::before { content: "\f465"; }
.saas-scope .bi-layout-wtf::before { content: "\f466"; }
.saas-scope .bi-life-preserver::before { content: "\f467"; }
.saas-scope .bi-lightbulb-fill::before { content: "\f468"; }
.saas-scope .bi-lightbulb-off-fill::before { content: "\f469"; }
.saas-scope .bi-lightbulb-off::before { content: "\f46a"; }
.saas-scope .bi-lightbulb::before { content: "\f46b"; }
.saas-scope .bi-lightning-charge-fill::before { content: "\f46c"; }
.saas-scope .bi-lightning-charge::before { content: "\f46d"; }
.saas-scope .bi-lightning-fill::before { content: "\f46e"; }
.saas-scope .bi-lightning::before { content: "\f46f"; }
.saas-scope .bi-link-45deg::before { content: "\f470"; }
.saas-scope .bi-link::before { content: "\f471"; }
.saas-scope .bi-linkedin::before { content: "\f472"; }
.saas-scope .bi-list-check::before { content: "\f473"; }
.saas-scope .bi-list-nested::before { content: "\f474"; }
.saas-scope .bi-list-ol::before { content: "\f475"; }
.saas-scope .bi-list-stars::before { content: "\f476"; }
.saas-scope .bi-list-task::before { content: "\f477"; }
.saas-scope .bi-list-ul::before { content: "\f478"; }
.saas-scope .bi-list::before { content: "\f479"; }
.saas-scope .bi-lock-fill::before { content: "\f47a"; }
.saas-scope .bi-lock::before { content: "\f47b"; }
.saas-scope .bi-mailbox::before { content: "\f47c"; }
.saas-scope .bi-mailbox2::before { content: "\f47d"; }
.saas-scope .bi-map-fill::before { content: "\f47e"; }
.saas-scope .bi-map::before { content: "\f47f"; }
.saas-scope .bi-markdown-fill::before { content: "\f480"; }
.saas-scope .bi-markdown::before { content: "\f481"; }
.saas-scope .bi-mask::before { content: "\f482"; }
.saas-scope .bi-megaphone-fill::before { content: "\f483"; }
.saas-scope .bi-megaphone::before { content: "\f484"; }
.saas-scope .bi-menu-app-fill::before { content: "\f485"; }
.saas-scope .bi-menu-app::before { content: "\f486"; }
.saas-scope .bi-menu-button-fill::before { content: "\f487"; }
.saas-scope .bi-menu-button-wide-fill::before { content: "\f488"; }
.saas-scope .bi-menu-button-wide::before { content: "\f489"; }
.saas-scope .bi-menu-button::before { content: "\f48a"; }
.saas-scope .bi-menu-down::before { content: "\f48b"; }
.saas-scope .bi-menu-up::before { content: "\f48c"; }
.saas-scope .bi-mic-fill::before { content: "\f48d"; }
.saas-scope .bi-mic-mute-fill::before { content: "\f48e"; }
.saas-scope .bi-mic-mute::before { content: "\f48f"; }
.saas-scope .bi-mic::before { content: "\f490"; }
.saas-scope .bi-minecart-loaded::before { content: "\f491"; }
.saas-scope .bi-minecart::before { content: "\f492"; }
.saas-scope .bi-moisture::before { content: "\f493"; }
.saas-scope .bi-moon-fill::before { content: "\f494"; }
.saas-scope .bi-moon-stars-fill::before { content: "\f495"; }
.saas-scope .bi-moon-stars::before { content: "\f496"; }
.saas-scope .bi-moon::before { content: "\f497"; }
.saas-scope .bi-mouse-fill::before { content: "\f498"; }
.saas-scope .bi-mouse::before { content: "\f499"; }
.saas-scope .bi-mouse2-fill::before { content: "\f49a"; }
.saas-scope .bi-mouse2::before { content: "\f49b"; }
.saas-scope .bi-mouse3-fill::before { content: "\f49c"; }
.saas-scope .bi-mouse3::before { content: "\f49d"; }
.saas-scope .bi-music-note-beamed::before { content: "\f49e"; }
.saas-scope .bi-music-note-list::before { content: "\f49f"; }
.saas-scope .bi-music-note::before { content: "\f4a0"; }
.saas-scope .bi-music-player-fill::before { content: "\f4a1"; }
.saas-scope .bi-music-player::before { content: "\f4a2"; }
.saas-scope .bi-newspaper::before { content: "\f4a3"; }
.saas-scope .bi-node-minus-fill::before { content: "\f4a4"; }
.saas-scope .bi-node-minus::before { content: "\f4a5"; }
.saas-scope .bi-node-plus-fill::before { content: "\f4a6"; }
.saas-scope .bi-node-plus::before { content: "\f4a7"; }
.saas-scope .bi-nut-fill::before { content: "\f4a8"; }
.saas-scope .bi-nut::before { content: "\f4a9"; }
.saas-scope .bi-octagon-fill::before { content: "\f4aa"; }
.saas-scope .bi-octagon-half::before { content: "\f4ab"; }
.saas-scope .bi-octagon::before { content: "\f4ac"; }
.saas-scope .bi-option::before { content: "\f4ad"; }
.saas-scope .bi-outlet::before { content: "\f4ae"; }
.saas-scope .bi-paint-bucket::before { content: "\f4af"; }
.saas-scope .bi-palette-fill::before { content: "\f4b0"; }
.saas-scope .bi-palette::before { content: "\f4b1"; }
.saas-scope .bi-palette2::before { content: "\f4b2"; }
.saas-scope .bi-paperclip::before { content: "\f4b3"; }
.saas-scope .bi-paragraph::before { content: "\f4b4"; }
.saas-scope .bi-patch-check-fill::before { content: "\f4b5"; }
.saas-scope .bi-patch-check::before { content: "\f4b6"; }
.saas-scope .bi-patch-exclamation-fill::before { content: "\f4b7"; }
.saas-scope .bi-patch-exclamation::before { content: "\f4b8"; }
.saas-scope .bi-patch-minus-fill::before { content: "\f4b9"; }
.saas-scope .bi-patch-minus::before { content: "\f4ba"; }
.saas-scope .bi-patch-plus-fill::before { content: "\f4bb"; }
.saas-scope .bi-patch-plus::before { content: "\f4bc"; }
.saas-scope .bi-patch-question-fill::before { content: "\f4bd"; }
.saas-scope .bi-patch-question::before { content: "\f4be"; }
.saas-scope .bi-pause-btn-fill::before { content: "\f4bf"; }
.saas-scope .bi-pause-btn::before { content: "\f4c0"; }
.saas-scope .bi-pause-circle-fill::before { content: "\f4c1"; }
.saas-scope .bi-pause-circle::before { content: "\f4c2"; }
.saas-scope .bi-pause-fill::before { content: "\f4c3"; }
.saas-scope .bi-pause::before { content: "\f4c4"; }
.saas-scope .bi-peace-fill::before { content: "\f4c5"; }
.saas-scope .bi-peace::before { content: "\f4c6"; }
.saas-scope .bi-pen-fill::before { content: "\f4c7"; }
.saas-scope .bi-pen::before { content: "\f4c8"; }
.saas-scope .bi-pencil-fill::before { content: "\f4c9"; }
.saas-scope .bi-pencil-square::before { content: "\f4ca"; }
.saas-scope .bi-pencil::before { content: "\f4cb"; }
.saas-scope .bi-pentagon-fill::before { content: "\f4cc"; }
.saas-scope .bi-pentagon-half::before { content: "\f4cd"; }
.saas-scope .bi-pentagon::before { content: "\f4ce"; }
.saas-scope .bi-people-fill::before { content: "\f4cf"; }
.saas-scope .bi-people::before { content: "\f4d0"; }
.saas-scope .bi-percent::before { content: "\f4d1"; }
.saas-scope .bi-person-badge-fill::before { content: "\f4d2"; }
.saas-scope .bi-person-badge::before { content: "\f4d3"; }
.saas-scope .bi-person-bounding-box::before { content: "\f4d4"; }
.saas-scope .bi-person-check-fill::before { content: "\f4d5"; }
.saas-scope .bi-person-check::before { content: "\f4d6"; }
.saas-scope .bi-person-circle::before { content: "\f4d7"; }
.saas-scope .bi-person-dash-fill::before { content: "\f4d8"; }
.saas-scope .bi-person-dash::before { content: "\f4d9"; }
.saas-scope .bi-person-fill::before { content: "\f4da"; }
.saas-scope .bi-person-lines-fill::before { content: "\f4db"; }
.saas-scope .bi-person-plus-fill::before { content: "\f4dc"; }
.saas-scope .bi-person-plus::before { content: "\f4dd"; }
.saas-scope .bi-person-square::before { content: "\f4de"; }
.saas-scope .bi-person-x-fill::before { content: "\f4df"; }
.saas-scope .bi-person-x::before { content: "\f4e0"; }
.saas-scope .bi-person::before { content: "\f4e1"; }
.saas-scope .bi-phone-fill::before { content: "\f4e2"; }
.saas-scope .bi-phone-landscape-fill::before { content: "\f4e3"; }
.saas-scope .bi-phone-landscape::before { content: "\f4e4"; }
.saas-scope .bi-phone-vibrate-fill::before { content: "\f4e5"; }
.saas-scope .bi-phone-vibrate::before { content: "\f4e6"; }
.saas-scope .bi-phone::before { content: "\f4e7"; }
.saas-scope .bi-pie-chart-fill::before { content: "\f4e8"; }
.saas-scope .bi-pie-chart::before { content: "\f4e9"; }
.saas-scope .bi-pin-angle-fill::before { content: "\f4ea"; }
.saas-scope .bi-pin-angle::before { content: "\f4eb"; }
.saas-scope .bi-pin-fill::before { content: "\f4ec"; }
.saas-scope .bi-pin::before { content: "\f4ed"; }
.saas-scope .bi-pip-fill::before { content: "\f4ee"; }
.saas-scope .bi-pip::before { content: "\f4ef"; }
.saas-scope .bi-play-btn-fill::before { content: "\f4f0"; }
.saas-scope .bi-play-btn::before { content: "\f4f1"; }
.saas-scope .bi-play-circle-fill::before { content: "\f4f2"; }
.saas-scope .bi-play-circle::before { content: "\f4f3"; }
.saas-scope .bi-play-fill::before { content: "\f4f4"; }
.saas-scope .bi-play::before { content: "\f4f5"; }
.saas-scope .bi-plug-fill::before { content: "\f4f6"; }
.saas-scope .bi-plug::before { content: "\f4f7"; }
.saas-scope .bi-plus-circle-dotted::before { content: "\f4f8"; }
.saas-scope .bi-plus-circle-fill::before { content: "\f4f9"; }
.saas-scope .bi-plus-circle::before { content: "\f4fa"; }
.saas-scope .bi-plus-square-dotted::before { content: "\f4fb"; }
.saas-scope .bi-plus-square-fill::before { content: "\f4fc"; }
.saas-scope .bi-plus-square::before { content: "\f4fd"; }
.saas-scope .bi-plus::before { content: "\f4fe"; }
.saas-scope .bi-power::before { content: "\f4ff"; }
.saas-scope .bi-printer-fill::before { content: "\f500"; }
.saas-scope .bi-printer::before { content: "\f501"; }
.saas-scope .bi-puzzle-fill::before { content: "\f502"; }
.saas-scope .bi-puzzle::before { content: "\f503"; }
.saas-scope .bi-question-circle-fill::before { content: "\f504"; }
.saas-scope .bi-question-circle::before { content: "\f505"; }
.saas-scope .bi-question-diamond-fill::before { content: "\f506"; }
.saas-scope .bi-question-diamond::before { content: "\f507"; }
.saas-scope .bi-question-octagon-fill::before { content: "\f508"; }
.saas-scope .bi-question-octagon::before { content: "\f509"; }
.saas-scope .bi-question-square-fill::before { content: "\f50a"; }
.saas-scope .bi-question-square::before { content: "\f50b"; }
.saas-scope .bi-question::before { content: "\f50c"; }
.saas-scope .bi-rainbow::before { content: "\f50d"; }
.saas-scope .bi-receipt-cutoff::before { content: "\f50e"; }
.saas-scope .bi-receipt::before { content: "\f50f"; }
.saas-scope .bi-reception-0::before { content: "\f510"; }
.saas-scope .bi-reception-1::before { content: "\f511"; }
.saas-scope .bi-reception-2::before { content: "\f512"; }
.saas-scope .bi-reception-3::before { content: "\f513"; }
.saas-scope .bi-reception-4::before { content: "\f514"; }
.saas-scope .bi-record-btn-fill::before { content: "\f515"; }
.saas-scope .bi-record-btn::before { content: "\f516"; }
.saas-scope .bi-record-circle-fill::before { content: "\f517"; }
.saas-scope .bi-record-circle::before { content: "\f518"; }
.saas-scope .bi-record-fill::before { content: "\f519"; }
.saas-scope .bi-record::before { content: "\f51a"; }
.saas-scope .bi-record2-fill::before { content: "\f51b"; }
.saas-scope .bi-record2::before { content: "\f51c"; }
.saas-scope .bi-reply-all-fill::before { content: "\f51d"; }
.saas-scope .bi-reply-all::before { content: "\f51e"; }
.saas-scope .bi-reply-fill::before { content: "\f51f"; }
.saas-scope .bi-reply::before { content: "\f520"; }
.saas-scope .bi-rss-fill::before { content: "\f521"; }
.saas-scope .bi-rss::before { content: "\f522"; }
.saas-scope .bi-rulers::before { content: "\f523"; }
.saas-scope .bi-save-fill::before { content: "\f524"; }
.saas-scope .bi-save::before { content: "\f525"; }
.saas-scope .bi-save2-fill::before { content: "\f526"; }
.saas-scope .bi-save2::before { content: "\f527"; }
.saas-scope .bi-scissors::before { content: "\f528"; }
.saas-scope .bi-screwdriver::before { content: "\f529"; }
.saas-scope .bi-search::before { content: "\f52a"; }
.saas-scope .bi-segmented-nav::before { content: "\f52b"; }
.saas-scope .bi-server::before { content: "\f52c"; }
.saas-scope .bi-share-fill::before { content: "\f52d"; }
.saas-scope .bi-share::before { content: "\f52e"; }
.saas-scope .bi-shield-check::before { content: "\f52f"; }
.saas-scope .bi-shield-exclamation::before { content: "\f530"; }
.saas-scope .bi-shield-fill-check::before { content: "\f531"; }
.saas-scope .bi-shield-fill-exclamation::before { content: "\f532"; }
.saas-scope .bi-shield-fill-minus::before { content: "\f533"; }
.saas-scope .bi-shield-fill-plus::before { content: "\f534"; }
.saas-scope .bi-shield-fill-x::before { content: "\f535"; }
.saas-scope .bi-shield-fill::before { content: "\f536"; }
.saas-scope .bi-shield-lock-fill::before { content: "\f537"; }
.saas-scope .bi-shield-lock::before { content: "\f538"; }
.saas-scope .bi-shield-minus::before { content: "\f539"; }
.saas-scope .bi-shield-plus::before { content: "\f53a"; }
.saas-scope .bi-shield-shaded::before { content: "\f53b"; }
.saas-scope .bi-shield-slash-fill::before { content: "\f53c"; }
.saas-scope .bi-shield-slash::before { content: "\f53d"; }
.saas-scope .bi-shield-x::before { content: "\f53e"; }
.saas-scope .bi-shield::before { content: "\f53f"; }
.saas-scope .bi-shift-fill::before { content: "\f540"; }
.saas-scope .bi-shift::before { content: "\f541"; }
.saas-scope .bi-shop-window::before { content: "\f542"; }
.saas-scope .bi-shop::before { content: "\f543"; }
.saas-scope .bi-shuffle::before { content: "\f544"; }
.saas-scope .bi-signpost-2-fill::before { content: "\f545"; }
.saas-scope .bi-signpost-2::before { content: "\f546"; }
.saas-scope .bi-signpost-fill::before { content: "\f547"; }
.saas-scope .bi-signpost-split-fill::before { content: "\f548"; }
.saas-scope .bi-signpost-split::before { content: "\f549"; }
.saas-scope .bi-signpost::before { content: "\f54a"; }
.saas-scope .bi-sim-fill::before { content: "\f54b"; }
.saas-scope .bi-sim::before { content: "\f54c"; }
.saas-scope .bi-skip-backward-btn-fill::before { content: "\f54d"; }
.saas-scope .bi-skip-backward-btn::before { content: "\f54e"; }
.saas-scope .bi-skip-backward-circle-fill::before { content: "\f54f"; }
.saas-scope .bi-skip-backward-circle::before { content: "\f550"; }
.saas-scope .bi-skip-backward-fill::before { content: "\f551"; }
.saas-scope .bi-skip-backward::before { content: "\f552"; }
.saas-scope .bi-skip-end-btn-fill::before { content: "\f553"; }
.saas-scope .bi-skip-end-btn::before { content: "\f554"; }
.saas-scope .bi-skip-end-circle-fill::before { content: "\f555"; }
.saas-scope .bi-skip-end-circle::before { content: "\f556"; }
.saas-scope .bi-skip-end-fill::before { content: "\f557"; }
.saas-scope .bi-skip-end::before { content: "\f558"; }
.saas-scope .bi-skip-forward-btn-fill::before { content: "\f559"; }
.saas-scope .bi-skip-forward-btn::before { content: "\f55a"; }
.saas-scope .bi-skip-forward-circle-fill::before { content: "\f55b"; }
.saas-scope .bi-skip-forward-circle::before { content: "\f55c"; }
.saas-scope .bi-skip-forward-fill::before { content: "\f55d"; }
.saas-scope .bi-skip-forward::before { content: "\f55e"; }
.saas-scope .bi-skip-start-btn-fill::before { content: "\f55f"; }
.saas-scope .bi-skip-start-btn::before { content: "\f560"; }
.saas-scope .bi-skip-start-circle-fill::before { content: "\f561"; }
.saas-scope .bi-skip-start-circle::before { content: "\f562"; }
.saas-scope .bi-skip-start-fill::before { content: "\f563"; }
.saas-scope .bi-skip-start::before { content: "\f564"; }
.saas-scope .bi-slack::before { content: "\f565"; }
.saas-scope .bi-slash-circle-fill::before { content: "\f566"; }
.saas-scope .bi-slash-circle::before { content: "\f567"; }
.saas-scope .bi-slash-square-fill::before { content: "\f568"; }
.saas-scope .bi-slash-square::before { content: "\f569"; }
.saas-scope .bi-slash::before { content: "\f56a"; }
.saas-scope .bi-sliders::before { content: "\f56b"; }
.saas-scope .bi-smartwatch::before { content: "\f56c"; }
.saas-scope .bi-snow::before { content: "\f56d"; }
.saas-scope .bi-snow2::before { content: "\f56e"; }
.saas-scope .bi-snow3::before { content: "\f56f"; }
.saas-scope .bi-sort-alpha-down-alt::before { content: "\f570"; }
.saas-scope .bi-sort-alpha-down::before { content: "\f571"; }
.saas-scope .bi-sort-alpha-up-alt::before { content: "\f572"; }
.saas-scope .bi-sort-alpha-up::before { content: "\f573"; }
.saas-scope .bi-sort-down-alt::before { content: "\f574"; }
.saas-scope .bi-sort-down::before { content: "\f575"; }
.saas-scope .bi-sort-numeric-down-alt::before { content: "\f576"; }
.saas-scope .bi-sort-numeric-down::before { content: "\f577"; }
.saas-scope .bi-sort-numeric-up-alt::before { content: "\f578"; }
.saas-scope .bi-sort-numeric-up::before { content: "\f579"; }
.saas-scope .bi-sort-up-alt::before { content: "\f57a"; }
.saas-scope .bi-sort-up::before { content: "\f57b"; }
.saas-scope .bi-soundwave::before { content: "\f57c"; }
.saas-scope .bi-speaker-fill::before { content: "\f57d"; }
.saas-scope .bi-speaker::before { content: "\f57e"; }
.saas-scope .bi-speedometer::before { content: "\f57f"; }
.saas-scope .bi-speedometer2::before { content: "\f580"; }
.saas-scope .bi-spellcheck::before { content: "\f581"; }
.saas-scope .bi-square-fill::before { content: "\f582"; }
.saas-scope .bi-square-half::before { content: "\f583"; }
.saas-scope .bi-square::before { content: "\f584"; }
.saas-scope .bi-stack::before { content: "\f585"; }
.saas-scope .bi-star-fill::before { content: "\f586"; }
.saas-scope .bi-star-half::before { content: "\f587"; }
.saas-scope .bi-star::before { content: "\f588"; }
.saas-scope .bi-stars::before { content: "\f589"; }
.saas-scope .bi-stickies-fill::before { content: "\f58a"; }
.saas-scope .bi-stickies::before { content: "\f58b"; }
.saas-scope .bi-sticky-fill::before { content: "\f58c"; }
.saas-scope .bi-sticky::before { content: "\f58d"; }
.saas-scope .bi-stop-btn-fill::before { content: "\f58e"; }
.saas-scope .bi-stop-btn::before { content: "\f58f"; }
.saas-scope .bi-stop-circle-fill::before { content: "\f590"; }
.saas-scope .bi-stop-circle::before { content: "\f591"; }
.saas-scope .bi-stop-fill::before { content: "\f592"; }
.saas-scope .bi-stop::before { content: "\f593"; }
.saas-scope .bi-stoplights-fill::before { content: "\f594"; }
.saas-scope .bi-stoplights::before { content: "\f595"; }
.saas-scope .bi-stopwatch-fill::before { content: "\f596"; }
.saas-scope .bi-stopwatch::before { content: "\f597"; }
.saas-scope .bi-subtract::before { content: "\f598"; }
.saas-scope .bi-suit-club-fill::before { content: "\f599"; }
.saas-scope .bi-suit-club::before { content: "\f59a"; }
.saas-scope .bi-suit-diamond-fill::before { content: "\f59b"; }
.saas-scope .bi-suit-diamond::before { content: "\f59c"; }
.saas-scope .bi-suit-heart-fill::before { content: "\f59d"; }
.saas-scope .bi-suit-heart::before { content: "\f59e"; }
.saas-scope .bi-suit-spade-fill::before { content: "\f59f"; }
.saas-scope .bi-suit-spade::before { content: "\f5a0"; }
.saas-scope .bi-sun-fill::before { content: "\f5a1"; }
.saas-scope .bi-sun::before { content: "\f5a2"; }
.saas-scope .bi-sunglasses::before { content: "\f5a3"; }
.saas-scope .bi-sunrise-fill::before { content: "\f5a4"; }
.saas-scope .bi-sunrise::before { content: "\f5a5"; }
.saas-scope .bi-sunset-fill::before { content: "\f5a6"; }
.saas-scope .bi-sunset::before { content: "\f5a7"; }
.saas-scope .bi-symmetry-horizontal::before { content: "\f5a8"; }
.saas-scope .bi-symmetry-vertical::before { content: "\f5a9"; }
.saas-scope .bi-table::before { content: "\f5aa"; }
.saas-scope .bi-tablet-fill::before { content: "\f5ab"; }
.saas-scope .bi-tablet-landscape-fill::before { content: "\f5ac"; }
.saas-scope .bi-tablet-landscape::before { content: "\f5ad"; }
.saas-scope .bi-tablet::before { content: "\f5ae"; }
.saas-scope .bi-tag-fill::before { content: "\f5af"; }
.saas-scope .bi-tag::before { content: "\f5b0"; }
.saas-scope .bi-tags-fill::before { content: "\f5b1"; }
.saas-scope .bi-tags::before { content: "\f5b2"; }
.saas-scope .bi-telegram::before { content: "\f5b3"; }
.saas-scope .bi-telephone-fill::before { content: "\f5b4"; }
.saas-scope .bi-telephone-forward-fill::before { content: "\f5b5"; }
.saas-scope .bi-telephone-forward::before { content: "\f5b6"; }
.saas-scope .bi-telephone-inbound-fill::before { content: "\f5b7"; }
.saas-scope .bi-telephone-inbound::before { content: "\f5b8"; }
.saas-scope .bi-telephone-minus-fill::before { content: "\f5b9"; }
.saas-scope .bi-telephone-minus::before { content: "\f5ba"; }
.saas-scope .bi-telephone-outbound-fill::before { content: "\f5bb"; }
.saas-scope .bi-telephone-outbound::before { content: "\f5bc"; }
.saas-scope .bi-telephone-plus-fill::before { content: "\f5bd"; }
.saas-scope .bi-telephone-plus::before { content: "\f5be"; }
.saas-scope .bi-telephone-x-fill::before { content: "\f5bf"; }
.saas-scope .bi-telephone-x::before { content: "\f5c0"; }
.saas-scope .bi-telephone::before { content: "\f5c1"; }
.saas-scope .bi-terminal-fill::before { content: "\f5c2"; }
.saas-scope .bi-terminal::before { content: "\f5c3"; }
.saas-scope .bi-text-center::before { content: "\f5c4"; }
.saas-scope .bi-text-indent-left::before { content: "\f5c5"; }
.saas-scope .bi-text-indent-right::before { content: "\f5c6"; }
.saas-scope .bi-text-left::before { content: "\f5c7"; }
.saas-scope .bi-text-paragraph::before { content: "\f5c8"; }
.saas-scope .bi-text-right::before { content: "\f5c9"; }
.saas-scope .bi-textarea-resize::before { content: "\f5ca"; }
.saas-scope .bi-textarea-t::before { content: "\f5cb"; }
.saas-scope .bi-textarea::before { content: "\f5cc"; }
.saas-scope .bi-thermometer-half::before { content: "\f5cd"; }
.saas-scope .bi-thermometer-high::before { content: "\f5ce"; }
.saas-scope .bi-thermometer-low::before { content: "\f5cf"; }
.saas-scope .bi-thermometer-snow::before { content: "\f5d0"; }
.saas-scope .bi-thermometer-sun::before { content: "\f5d1"; }
.saas-scope .bi-thermometer::before { content: "\f5d2"; }
.saas-scope .bi-three-dots-vertical::before { content: "\f5d3"; }
.saas-scope .bi-three-dots::before { content: "\f5d4"; }
.saas-scope .bi-toggle-off::before { content: "\f5d5"; }
.saas-scope .bi-toggle-on::before { content: "\f5d6"; }
.saas-scope .bi-toggle2-off::before { content: "\f5d7"; }
.saas-scope .bi-toggle2-on::before { content: "\f5d8"; }
.saas-scope .bi-toggles::before { content: "\f5d9"; }
.saas-scope .bi-toggles2::before { content: "\f5da"; }
.saas-scope .bi-tools::before { content: "\f5db"; }
.saas-scope .bi-tornado::before { content: "\f5dc"; }
.saas-scope .bi-trash-fill::before { content: "\f5dd"; }
.saas-scope .bi-trash::before { content: "\f5de"; }
.saas-scope .bi-trash2-fill::before { content: "\f5df"; }
.saas-scope .bi-trash2::before { content: "\f5e0"; }
.saas-scope .bi-tree-fill::before { content: "\f5e1"; }
.saas-scope .bi-tree::before { content: "\f5e2"; }
.saas-scope .bi-triangle-fill::before { content: "\f5e3"; }
.saas-scope .bi-triangle-half::before { content: "\f5e4"; }
.saas-scope .bi-triangle::before { content: "\f5e5"; }
.saas-scope .bi-trophy-fill::before { content: "\f5e6"; }
.saas-scope .bi-trophy::before { content: "\f5e7"; }
.saas-scope .bi-tropical-storm::before { content: "\f5e8"; }
.saas-scope .bi-truck-flatbed::before { content: "\f5e9"; }
.saas-scope .bi-truck::before { content: "\f5ea"; }
.saas-scope .bi-tsunami::before { content: "\f5eb"; }
.saas-scope .bi-tv-fill::before { content: "\f5ec"; }
.saas-scope .bi-tv::before { content: "\f5ed"; }
.saas-scope .bi-twitch::before { content: "\f5ee"; }
.saas-scope .bi-twitter::before { content: "\f5ef"; }
.saas-scope .bi-type-bold::before { content: "\f5f0"; }
.saas-scope .bi-type-h1::before { content: "\f5f1"; }
.saas-scope .bi-type-h2::before { content: "\f5f2"; }
.saas-scope .bi-type-h3::before { content: "\f5f3"; }
.saas-scope .bi-type-italic::before { content: "\f5f4"; }
.saas-scope .bi-type-strikethrough::before { content: "\f5f5"; }
.saas-scope .bi-type-underline::before { content: "\f5f6"; }
.saas-scope .bi-type::before { content: "\f5f7"; }
.saas-scope .bi-ui-checks-grid::before { content: "\f5f8"; }
.saas-scope .bi-ui-checks::before { content: "\f5f9"; }
.saas-scope .bi-ui-radios-grid::before { content: "\f5fa"; }
.saas-scope .bi-ui-radios::before { content: "\f5fb"; }
.saas-scope .bi-umbrella-fill::before { content: "\f5fc"; }
.saas-scope .bi-umbrella::before { content: "\f5fd"; }
.saas-scope .bi-union::before { content: "\f5fe"; }
.saas-scope .bi-unlock-fill::before { content: "\f5ff"; }
.saas-scope .bi-unlock::before { content: "\f600"; }
.saas-scope .bi-upc-scan::before { content: "\f601"; }
.saas-scope .bi-upc::before { content: "\f602"; }
.saas-scope .bi-upload::before { content: "\f603"; }
.saas-scope .bi-vector-pen::before { content: "\f604"; }
.saas-scope .bi-view-list::before { content: "\f605"; }
.saas-scope .bi-view-stacked::before { content: "\f606"; }
.saas-scope .bi-vinyl-fill::before { content: "\f607"; }
.saas-scope .bi-vinyl::before { content: "\f608"; }
.saas-scope .bi-voicemail::before { content: "\f609"; }
.saas-scope .bi-volume-down-fill::before { content: "\f60a"; }
.saas-scope .bi-volume-down::before { content: "\f60b"; }
.saas-scope .bi-volume-mute-fill::before { content: "\f60c"; }
.saas-scope .bi-volume-mute::before { content: "\f60d"; }
.saas-scope .bi-volume-off-fill::before { content: "\f60e"; }
.saas-scope .bi-volume-off::before { content: "\f60f"; }
.saas-scope .bi-volume-up-fill::before { content: "\f610"; }
.saas-scope .bi-volume-up::before { content: "\f611"; }
.saas-scope .bi-vr::before { content: "\f612"; }
.saas-scope .bi-wallet-fill::before { content: "\f613"; }
.saas-scope .bi-wallet::before { content: "\f614"; }
.saas-scope .bi-wallet2::before { content: "\f615"; }
.saas-scope .bi-watch::before { content: "\f616"; }
.saas-scope .bi-water::before { content: "\f617"; }
.saas-scope .bi-whatsapp::before { content: "\f618"; }
.saas-scope .bi-wifi-1::before { content: "\f619"; }
.saas-scope .bi-wifi-2::before { content: "\f61a"; }
.saas-scope .bi-wifi-off::before { content: "\f61b"; }
.saas-scope .bi-wifi::before { content: "\f61c"; }
.saas-scope .bi-wind::before { content: "\f61d"; }
.saas-scope .bi-window-dock::before { content: "\f61e"; }
.saas-scope .bi-window-sidebar::before { content: "\f61f"; }
.saas-scope .bi-window::before { content: "\f620"; }
.saas-scope .bi-wrench::before { content: "\f621"; }
.saas-scope .bi-x-circle-fill::before { content: "\f622"; }
.saas-scope .bi-x-circle::before { content: "\f623"; }
.saas-scope .bi-x-diamond-fill::before { content: "\f624"; }
.saas-scope .bi-x-diamond::before { content: "\f625"; }
.saas-scope .bi-x-octagon-fill::before { content: "\f626"; }
.saas-scope .bi-x-octagon::before { content: "\f627"; }
.saas-scope .bi-x-square-fill::before { content: "\f628"; }
.saas-scope .bi-x-square::before { content: "\f629"; }
.saas-scope .bi-x::before { content: "\f62a"; }
.saas-scope .bi-youtube::before { content: "\f62b"; }
.saas-scope .bi-zoom-in::before { content: "\f62c"; }
.saas-scope .bi-zoom-out::before { content: "\f62d"; }
.saas-scope .bi-bank::before { content: "\f62e"; }
.saas-scope .bi-bank2::before { content: "\f62f"; }
.saas-scope .bi-bell-slash-fill::before { content: "\f630"; }
.saas-scope .bi-bell-slash::before { content: "\f631"; }
.saas-scope .bi-cash-coin::before { content: "\f632"; }
.saas-scope .bi-check-lg::before { content: "\f633"; }
.saas-scope .bi-coin::before { content: "\f634"; }
.saas-scope .bi-currency-bitcoin::before { content: "\f635"; }
.saas-scope .bi-currency-dollar::before { content: "\f636"; }
.saas-scope .bi-currency-euro::before { content: "\f637"; }
.saas-scope .bi-currency-exchange::before { content: "\f638"; }
.saas-scope .bi-currency-pound::before { content: "\f639"; }
.saas-scope .bi-currency-yen::before { content: "\f63a"; }
.saas-scope .bi-dash-lg::before { content: "\f63b"; }
.saas-scope .bi-exclamation-lg::before { content: "\f63c"; }
.saas-scope .bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.saas-scope .bi-file-earmark-pdf::before { content: "\f63e"; }
.saas-scope .bi-file-pdf-fill::before { content: "\f63f"; }
.saas-scope .bi-file-pdf::before { content: "\f640"; }
.saas-scope .bi-gender-ambiguous::before { content: "\f641"; }
.saas-scope .bi-gender-female::before { content: "\f642"; }
.saas-scope .bi-gender-male::before { content: "\f643"; }
.saas-scope .bi-gender-trans::before { content: "\f644"; }
.saas-scope .bi-headset-vr::before { content: "\f645"; }
.saas-scope .bi-info-lg::before { content: "\f646"; }
.saas-scope .bi-mastodon::before { content: "\f647"; }
.saas-scope .bi-messenger::before { content: "\f648"; }
.saas-scope .bi-piggy-bank-fill::before { content: "\f649"; }
.saas-scope .bi-piggy-bank::before { content: "\f64a"; }
.saas-scope .bi-pin-map-fill::before { content: "\f64b"; }
.saas-scope .bi-pin-map::before { content: "\f64c"; }
.saas-scope .bi-plus-lg::before { content: "\f64d"; }
.saas-scope .bi-question-lg::before { content: "\f64e"; }
.saas-scope .bi-recycle::before { content: "\f64f"; }
.saas-scope .bi-reddit::before { content: "\f650"; }
.saas-scope .bi-safe-fill::before { content: "\f651"; }
.saas-scope .bi-safe2-fill::before { content: "\f652"; }
.saas-scope .bi-safe2::before { content: "\f653"; }
.saas-scope .bi-sd-card-fill::before { content: "\f654"; }
.saas-scope .bi-sd-card::before { content: "\f655"; }
.saas-scope .bi-skype::before { content: "\f656"; }
.saas-scope .bi-slash-lg::before { content: "\f657"; }
.saas-scope .bi-translate::before { content: "\f658"; }
.saas-scope .bi-x-lg::before { content: "\f659"; }
.saas-scope .bi-safe::before { content: "\f65a"; }
.saas-scope .bi-apple::before { content: "\f65b"; }
.saas-scope .bi-microsoft::before { content: "\f65d"; }
.saas-scope .bi-windows::before { content: "\f65e"; }
.saas-scope .bi-behance::before { content: "\f65c"; }
.saas-scope .bi-dribbble::before { content: "\f65f"; }
.saas-scope .bi-line::before { content: "\f660"; }
.saas-scope .bi-medium::before { content: "\f661"; }
.saas-scope .bi-paypal::before { content: "\f662"; }
.saas-scope .bi-pinterest::before { content: "\f663"; }
.saas-scope .bi-signal::before { content: "\f664"; }
.saas-scope .bi-snapchat::before { content: "\f665"; }
.saas-scope .bi-spotify::before { content: "\f666"; }
.saas-scope .bi-stack-overflow::before { content: "\f667"; }
.saas-scope .bi-strava::before { content: "\f668"; }
.saas-scope .bi-wordpress::before { content: "\f669"; }
.saas-scope .bi-vimeo::before { content: "\f66a"; }
.saas-scope .bi-activity::before { content: "\f66b"; }
.saas-scope .bi-easel2-fill::before { content: "\f66c"; }
.saas-scope .bi-easel2::before { content: "\f66d"; }
.saas-scope .bi-easel3-fill::before { content: "\f66e"; }
.saas-scope .bi-easel3::before { content: "\f66f"; }
.saas-scope .bi-fan::before { content: "\f670"; }
.saas-scope .bi-fingerprint::before { content: "\f671"; }
.saas-scope .bi-graph-down-arrow::before { content: "\f672"; }
.saas-scope .bi-graph-up-arrow::before { content: "\f673"; }
.saas-scope .bi-hypnotize::before { content: "\f674"; }
.saas-scope .bi-magic::before { content: "\f675"; }
.saas-scope .bi-person-rolodex::before { content: "\f676"; }
.saas-scope .bi-person-video::before { content: "\f677"; }
.saas-scope .bi-person-video2::before { content: "\f678"; }
.saas-scope .bi-person-video3::before { content: "\f679"; }
.saas-scope .bi-person-workspace::before { content: "\f67a"; }
.saas-scope .bi-radioactive::before { content: "\f67b"; }
.saas-scope .bi-webcam-fill::before { content: "\f67c"; }
.saas-scope .bi-webcam::before { content: "\f67d"; }
.saas-scope .bi-yin-yang::before { content: "\f67e"; }
.saas-scope .bi-bandaid-fill::before { content: "\f680"; }
.saas-scope .bi-bandaid::before { content: "\f681"; }
.saas-scope .bi-bluetooth::before { content: "\f682"; }
.saas-scope .bi-body-text::before { content: "\f683"; }
.saas-scope .bi-boombox::before { content: "\f684"; }
.saas-scope .bi-boxes::before { content: "\f685"; }
.saas-scope .bi-dpad-fill::before { content: "\f686"; }
.saas-scope .bi-dpad::before { content: "\f687"; }
.saas-scope .bi-ear-fill::before { content: "\f688"; }
.saas-scope .bi-ear::before { content: "\f689"; }
.saas-scope .bi-envelope-check-1::before { content: "\f68a"; }
.saas-scope .bi-envelope-check-fill::before { content: "\f68b"; }
.saas-scope .bi-envelope-check::before { content: "\f68c"; }
.saas-scope .bi-envelope-dash-1::before { content: "\f68d"; }
.saas-scope .bi-envelope-dash-fill::before { content: "\f68e"; }
.saas-scope .bi-envelope-dash::before { content: "\f68f"; }
.saas-scope .bi-envelope-exclamation-1::before { content: "\f690"; }
.saas-scope .bi-envelope-exclamation-fill::before { content: "\f691"; }
.saas-scope .bi-envelope-exclamation::before { content: "\f692"; }
.saas-scope .bi-envelope-plus-fill::before { content: "\f693"; }
.saas-scope .bi-envelope-plus::before { content: "\f694"; }
.saas-scope .bi-envelope-slash-1::before { content: "\f695"; }
.saas-scope .bi-envelope-slash-fill::before { content: "\f696"; }
.saas-scope .bi-envelope-slash::before { content: "\f697"; }
.saas-scope .bi-envelope-x-1::before { content: "\f698"; }
.saas-scope .bi-envelope-x-fill::before { content: "\f699"; }
.saas-scope .bi-envelope-x::before { content: "\f69a"; }
.saas-scope .bi-explicit-fill::before { content: "\f69b"; }
.saas-scope .bi-explicit::before { content: "\f69c"; }
.saas-scope .bi-git::before { content: "\f69d"; }
.saas-scope .bi-infinity::before { content: "\f69e"; }
.saas-scope .bi-list-columns-reverse::before { content: "\f69f"; }
.saas-scope .bi-list-columns::before { content: "\f6a0"; }
.saas-scope .bi-meta::before { content: "\f6a1"; }
.saas-scope .bi-mortorboard-fill::before { content: "\f6a2"; }
.saas-scope .bi-mortorboard::before { content: "\f6a3"; }
.saas-scope .bi-nintendo-switch::before { content: "\f6a4"; }
.saas-scope .bi-pc-display-horizontal::before { content: "\f6a5"; }
.saas-scope .bi-pc-display::before { content: "\f6a6"; }
.saas-scope .bi-pc-horizontal::before { content: "\f6a7"; }
.saas-scope .bi-pc::before { content: "\f6a8"; }
.saas-scope .bi-playstation::before { content: "\f6a9"; }
.saas-scope .bi-plus-slash-minus::before { content: "\f6aa"; }
.saas-scope .bi-projector-fill::before { content: "\f6ab"; }
.saas-scope .bi-projector::before { content: "\f6ac"; }
.saas-scope .bi-qr-code-scan::before { content: "\f6ad"; }
.saas-scope .bi-qr-code::before { content: "\f6ae"; }
.saas-scope .bi-quora::before { content: "\f6af"; }
.saas-scope .bi-quote::before { content: "\f6b0"; }
.saas-scope .bi-robot::before { content: "\f6b1"; }
.saas-scope .bi-send-check-fill::before { content: "\f6b2"; }
.saas-scope .bi-send-check::before { content: "\f6b3"; }
.saas-scope .bi-send-dash-fill::before { content: "\f6b4"; }
.saas-scope .bi-send-dash::before { content: "\f6b5"; }
.saas-scope .bi-send-exclamation-1::before { content: "\f6b6"; }
.saas-scope .bi-send-exclamation-fill::before { content: "\f6b7"; }
.saas-scope .bi-send-exclamation::before { content: "\f6b8"; }
.saas-scope .bi-send-fill::before { content: "\f6b9"; }
.saas-scope .bi-send-plus-fill::before { content: "\f6ba"; }
.saas-scope .bi-send-plus::before { content: "\f6bb"; }
.saas-scope .bi-send-slash-fill::before { content: "\f6bc"; }
.saas-scope .bi-send-slash::before { content: "\f6bd"; }
.saas-scope .bi-send-x-fill::before { content: "\f6be"; }
.saas-scope .bi-send-x::before { content: "\f6bf"; }
.saas-scope .bi-send::before { content: "\f6c0"; }
.saas-scope .bi-steam::before { content: "\f6c1"; }
.saas-scope .bi-terminal-dash-1::before { content: "\f6c2"; }
.saas-scope .bi-terminal-dash::before { content: "\f6c3"; }
.saas-scope .bi-terminal-plus::before { content: "\f6c4"; }
.saas-scope .bi-terminal-split::before { content: "\f6c5"; }
.saas-scope .bi-ticket-detailed-fill::before { content: "\f6c6"; }
.saas-scope .bi-ticket-detailed::before { content: "\f6c7"; }
.saas-scope .bi-ticket-fill::before { content: "\f6c8"; }
.saas-scope .bi-ticket-perforated-fill::before { content: "\f6c9"; }
.saas-scope .bi-ticket-perforated::before { content: "\f6ca"; }
.saas-scope .bi-ticket::before { content: "\f6cb"; }
.saas-scope .bi-tiktok::before { content: "\f6cc"; }
.saas-scope .bi-window-dash::before { content: "\f6cd"; }
.saas-scope .bi-window-desktop::before { content: "\f6ce"; }
.saas-scope .bi-window-fullscreen::before { content: "\f6cf"; }
.saas-scope .bi-window-plus::before { content: "\f6d0"; }
.saas-scope .bi-window-split::before { content: "\f6d1"; }
.saas-scope .bi-window-stack::before { content: "\f6d2"; }
.saas-scope .bi-window-x::before { content: "\f6d3"; }
.saas-scope .bi-xbox::before { content: "\f6d4"; }
.saas-scope .bi-ethernet::before { content: "\f6d5"; }
.saas-scope .bi-hdmi-fill::before { content: "\f6d6"; }
.saas-scope .bi-hdmi::before { content: "\f6d7"; }
.saas-scope .bi-usb-c-fill::before { content: "\f6d8"; }
.saas-scope .bi-usb-c::before { content: "\f6d9"; }
.saas-scope .bi-usb-fill::before { content: "\f6da"; }
.saas-scope .bi-usb-plug-fill::before { content: "\f6db"; }
.saas-scope .bi-usb-plug::before { content: "\f6dc"; }
.saas-scope .bi-usb-symbol::before { content: "\f6dd"; }
.saas-scope .bi-usb::before { content: "\f6de"; }
.saas-scope .bi-boombox-fill::before { content: "\f6df"; }
.saas-scope .bi-displayport-1::before { content: "\f6e0"; }
.saas-scope .bi-displayport::before { content: "\f6e1"; }
.saas-scope .bi-gpu-card::before { content: "\f6e2"; }
.saas-scope .bi-memory::before { content: "\f6e3"; }
.saas-scope .bi-modem-fill::before { content: "\f6e4"; }
.saas-scope .bi-modem::before { content: "\f6e5"; }
.saas-scope .bi-motherboard-fill::before { content: "\f6e6"; }
.saas-scope .bi-motherboard::before { content: "\f6e7"; }
.saas-scope .bi-optical-audio-fill::before { content: "\f6e8"; }
.saas-scope .bi-optical-audio::before { content: "\f6e9"; }
.saas-scope .bi-pci-card::before { content: "\f6ea"; }
.saas-scope .bi-router-fill::before { content: "\f6eb"; }
.saas-scope .bi-router::before { content: "\f6ec"; }
.saas-scope .bi-ssd-fill::before { content: "\f6ed"; }
.saas-scope .bi-ssd::before { content: "\f6ee"; }
.saas-scope .bi-thunderbolt-fill::before { content: "\f6ef"; }
.saas-scope .bi-thunderbolt::before { content: "\f6f0"; }
.saas-scope .bi-usb-drive-fill::before { content: "\f6f1"; }
.saas-scope .bi-usb-drive::before { content: "\f6f2"; }
.saas-scope .bi-usb-micro-fill::before { content: "\f6f3"; }
.saas-scope .bi-usb-micro::before { content: "\f6f4"; }
.saas-scope .bi-usb-mini-fill::before { content: "\f6f5"; }
.saas-scope .bi-usb-mini::before { content: "\f6f6"; }
.saas-scope .bi-cloud-haze2::before { content: "\f6f7"; }
.saas-scope .bi-device-hdd-fill::before { content: "\f6f8"; }
.saas-scope .bi-device-hdd::before { content: "\f6f9"; }
.saas-scope .bi-device-ssd-fill::before { content: "\f6fa"; }
.saas-scope .bi-device-ssd::before { content: "\f6fb"; }
.saas-scope .bi-displayport-fill::before { content: "\f6fc"; }
.saas-scope .bi-mortarboard-fill::before { content: "\f6fd"; }
.saas-scope .bi-mortarboard::before { content: "\f6fe"; }
.saas-scope .bi-terminal-x::before { content: "\f6ff"; }
.saas-scope .bi-arrow-through-heart-fill::before { content: "\f700"; }
.saas-scope .bi-arrow-through-heart::before { content: "\f701"; }
.saas-scope .bi-badge-sd-fill::before { content: "\f702"; }
.saas-scope .bi-badge-sd::before { content: "\f703"; }
.saas-scope .bi-bag-heart-fill::before { content: "\f704"; }
.saas-scope .bi-bag-heart::before { content: "\f705"; }
.saas-scope .bi-balloon-fill::before { content: "\f706"; }
.saas-scope .bi-balloon-heart-fill::before { content: "\f707"; }
.saas-scope .bi-balloon-heart::before { content: "\f708"; }
.saas-scope .bi-balloon::before { content: "\f709"; }
.saas-scope .bi-box2-fill::before { content: "\f70a"; }
.saas-scope .bi-box2-heart-fill::before { content: "\f70b"; }
.saas-scope .bi-box2-heart::before { content: "\f70c"; }
.saas-scope .bi-box2::before { content: "\f70d"; }
.saas-scope .bi-braces-asterisk::before { content: "\f70e"; }
.saas-scope .bi-calendar-heart-fill::before { content: "\f70f"; }
.saas-scope .bi-calendar-heart::before { content: "\f710"; }
.saas-scope .bi-calendar2-heart-fill::before { content: "\f711"; }
.saas-scope .bi-calendar2-heart::before { content: "\f712"; }
.saas-scope .bi-chat-heart-fill::before { content: "\f713"; }
.saas-scope .bi-chat-heart::before { content: "\f714"; }
.saas-scope .bi-chat-left-heart-fill::before { content: "\f715"; }
.saas-scope .bi-chat-left-heart::before { content: "\f716"; }
.saas-scope .bi-chat-right-heart-fill::before { content: "\f717"; }
.saas-scope .bi-chat-right-heart::before { content: "\f718"; }
.saas-scope .bi-chat-square-heart-fill::before { content: "\f719"; }
.saas-scope .bi-chat-square-heart::before { content: "\f71a"; }
.saas-scope .bi-clipboard-check-fill::before { content: "\f71b"; }
.saas-scope .bi-clipboard-data-fill::before { content: "\f71c"; }
.saas-scope .bi-clipboard-fill::before { content: "\f71d"; }
.saas-scope .bi-clipboard-heart-fill::before { content: "\f71e"; }
.saas-scope .bi-clipboard-heart::before { content: "\f71f"; }
.saas-scope .bi-clipboard-minus-fill::before { content: "\f720"; }
.saas-scope .bi-clipboard-plus-fill::before { content: "\f721"; }
.saas-scope .bi-clipboard-pulse::before { content: "\f722"; }
.saas-scope .bi-clipboard-x-fill::before { content: "\f723"; }
.saas-scope .bi-clipboard2-check-fill::before { content: "\f724"; }
.saas-scope .bi-clipboard2-check::before { content: "\f725"; }
.saas-scope .bi-clipboard2-data-fill::before { content: "\f726"; }
.saas-scope .bi-clipboard2-data::before { content: "\f727"; }
.saas-scope .bi-clipboard2-fill::before { content: "\f728"; }
.saas-scope .bi-clipboard2-heart-fill::before { content: "\f729"; }
.saas-scope .bi-clipboard2-heart::before { content: "\f72a"; }
.saas-scope .bi-clipboard2-minus-fill::before { content: "\f72b"; }
.saas-scope .bi-clipboard2-minus::before { content: "\f72c"; }
.saas-scope .bi-clipboard2-plus-fill::before { content: "\f72d"; }
.saas-scope .bi-clipboard2-plus::before { content: "\f72e"; }
.saas-scope .bi-clipboard2-pulse-fill::before { content: "\f72f"; }
.saas-scope .bi-clipboard2-pulse::before { content: "\f730"; }
.saas-scope .bi-clipboard2-x-fill::before { content: "\f731"; }
.saas-scope .bi-clipboard2-x::before { content: "\f732"; }
.saas-scope .bi-clipboard2::before { content: "\f733"; }
.saas-scope .bi-emoji-kiss-fill::before { content: "\f734"; }
.saas-scope .bi-emoji-kiss::before { content: "\f735"; }
.saas-scope .bi-envelope-heart-fill::before { content: "\f736"; }
.saas-scope .bi-envelope-heart::before { content: "\f737"; }
.saas-scope .bi-envelope-open-heart-fill::before { content: "\f738"; }
.saas-scope .bi-envelope-open-heart::before { content: "\f739"; }
.saas-scope .bi-envelope-paper-fill::before { content: "\f73a"; }
.saas-scope .bi-envelope-paper-heart-fill::before { content: "\f73b"; }
.saas-scope .bi-envelope-paper-heart::before { content: "\f73c"; }
.saas-scope .bi-envelope-paper::before { content: "\f73d"; }
.saas-scope .bi-filetype-aac::before { content: "\f73e"; }
.saas-scope .bi-filetype-ai::before { content: "\f73f"; }
.saas-scope .bi-filetype-bmp::before { content: "\f740"; }
.saas-scope .bi-filetype-cs::before { content: "\f741"; }
.saas-scope .bi-filetype-css::before { content: "\f742"; }
.saas-scope .bi-filetype-csv::before { content: "\f743"; }
.saas-scope .bi-filetype-doc::before { content: "\f744"; }
.saas-scope .bi-filetype-docx::before { content: "\f745"; }
.saas-scope .bi-filetype-exe::before { content: "\f746"; }
.saas-scope .bi-filetype-gif::before { content: "\f747"; }
.saas-scope .bi-filetype-heic::before { content: "\f748"; }
.saas-scope .bi-filetype-html::before { content: "\f749"; }
.saas-scope .bi-filetype-java::before { content: "\f74a"; }
.saas-scope .bi-filetype-jpg::before { content: "\f74b"; }
.saas-scope .bi-filetype-js::before { content: "\f74c"; }
.saas-scope .bi-filetype-jsx::before { content: "\f74d"; }
.saas-scope .bi-filetype-key::before { content: "\f74e"; }
.saas-scope .bi-filetype-m4p::before { content: "\f74f"; }
.saas-scope .bi-filetype-md::before { content: "\f750"; }
.saas-scope .bi-filetype-mdx::before { content: "\f751"; }
.saas-scope .bi-filetype-mov::before { content: "\f752"; }
.saas-scope .bi-filetype-mp3::before { content: "\f753"; }
.saas-scope .bi-filetype-mp4::before { content: "\f754"; }
.saas-scope .bi-filetype-otf::before { content: "\f755"; }
.saas-scope .bi-filetype-pdf::before { content: "\f756"; }
.saas-scope .bi-filetype-php::before { content: "\f757"; }
.saas-scope .bi-filetype-png::before { content: "\f758"; }
.saas-scope .bi-filetype-ppt-1::before { content: "\f759"; }
.saas-scope .bi-filetype-ppt::before { content: "\f75a"; }
.saas-scope .bi-filetype-psd::before { content: "\f75b"; }
.saas-scope .bi-filetype-py::before { content: "\f75c"; }
.saas-scope .bi-filetype-raw::before { content: "\f75d"; }
.saas-scope .bi-filetype-rb::before { content: "\f75e"; }
.saas-scope .bi-filetype-sass::before { content: "\f75f"; }
.saas-scope .bi-filetype-scss::before { content: "\f760"; }
.saas-scope .bi-filetype-sh::before { content: "\f761"; }
.saas-scope .bi-filetype-svg::before { content: "\f762"; }
.saas-scope .bi-filetype-tiff::before { content: "\f763"; }
.saas-scope .bi-filetype-tsx::before { content: "\f764"; }
.saas-scope .bi-filetype-ttf::before { content: "\f765"; }
.saas-scope .bi-filetype-txt::before { content: "\f766"; }
.saas-scope .bi-filetype-wav::before { content: "\f767"; }
.saas-scope .bi-filetype-woff::before { content: "\f768"; }
.saas-scope .bi-filetype-xls-1::before { content: "\f769"; }
.saas-scope .bi-filetype-xls::before { content: "\f76a"; }
.saas-scope .bi-filetype-xml::before { content: "\f76b"; }
.saas-scope .bi-filetype-yml::before { content: "\f76c"; }
.saas-scope .bi-heart-arrow::before { content: "\f76d"; }
.saas-scope .bi-heart-pulse-fill::before { content: "\f76e"; }
.saas-scope .bi-heart-pulse::before { content: "\f76f"; }
.saas-scope .bi-heartbreak-fill::before { content: "\f770"; }
.saas-scope .bi-heartbreak::before { content: "\f771"; }
.saas-scope .bi-hearts::before { content: "\f772"; }
.saas-scope .bi-hospital-fill::before { content: "\f773"; }
.saas-scope .bi-hospital::before { content: "\f774"; }
.saas-scope .bi-house-heart-fill::before { content: "\f775"; }
.saas-scope .bi-house-heart::before { content: "\f776"; }
.saas-scope .bi-incognito::before { content: "\f777"; }
.saas-scope .bi-magnet-fill::before { content: "\f778"; }
.saas-scope .bi-magnet::before { content: "\f779"; }
.saas-scope .bi-person-heart::before { content: "\f77a"; }
.saas-scope .bi-person-hearts::before { content: "\f77b"; }
.saas-scope .bi-phone-flip::before { content: "\f77c"; }
.saas-scope .bi-plugin::before { content: "\f77d"; }
.saas-scope .bi-postage-fill::before { content: "\f77e"; }
.saas-scope .bi-postage-heart-fill::before { content: "\f77f"; }
.saas-scope .bi-postage-heart::before { content: "\f780"; }
.saas-scope .bi-postage::before { content: "\f781"; }
.saas-scope .bi-postcard-fill::before { content: "\f782"; }
.saas-scope .bi-postcard-heart-fill::before { content: "\f783"; }
.saas-scope .bi-postcard-heart::before { content: "\f784"; }
.saas-scope .bi-postcard::before { content: "\f785"; }
.saas-scope .bi-search-heart-fill::before { content: "\f786"; }
.saas-scope .bi-search-heart::before { content: "\f787"; }
.saas-scope .bi-sliders2-vertical::before { content: "\f788"; }
.saas-scope .bi-sliders2::before { content: "\f789"; }
.saas-scope .bi-trash3-fill::before { content: "\f78a"; }
.saas-scope .bi-trash3::before { content: "\f78b"; }
.saas-scope .bi-valentine::before { content: "\f78c"; }
.saas-scope .bi-valentine2::before { content: "\f78d"; }
.saas-scope .bi-wrench-adjustable-circle-fill::before { content: "\f78e"; }
.saas-scope .bi-wrench-adjustable-circle::before { content: "\f78f"; }
.saas-scope .bi-wrench-adjustable::before { content: "\f790"; }
.saas-scope .bi-filetype-json::before { content: "\f791"; }
.saas-scope .bi-filetype-pptx::before { content: "\f792"; }
.saas-scope .bi-filetype-xlsx::before { content: "\f793"; }
/* AUTO-GENERATED from animate.css by scripts/scope-saaslyn-css.mjs — do not edit by hand. */
/*!Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/
.saas-scope .animated{animation-duration:1s;animation-fill-mode:both}
.saas-scope .animated.hinge{animation-duration:2s}
@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
.saas-scope .bounce{animation-name:bounce}
@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
.saas-scope .flash{animation-name:flash}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.saas-scope .pulse{animation-name:pulse}
@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}
.saas-scope .slideOutDown{animation-name:slideOutDown}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:.05}}
.saas-scope .zoomIn{animation-name:zoomIn}
@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85)}100%{transform:scale(1)}}
.saas-scope .rubberBand{animation-name:rubberBand}
@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}
.saas-scope .shake{animation-name:shake}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}
.saas-scope .swing{transform-origin:top center;animation-name:swing}
@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}
.saas-scope .tada{animation-name:tada}
@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}
.saas-scope .wobble{animation-name:wobble}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}
.saas-scope .bounceIn{animation-name:bounceIn}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}
.saas-scope .bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}
.saas-scope .bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}
.saas-scope .bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}
.saas-scope .bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}
.saas-scope .bounceOut{animation-name:bounceOut}
@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}
.saas-scope .bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}
.saas-scope .bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}
.saas-scope .bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}
.saas-scope .bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.saas-scope .fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
.saas-scope .fadeInDown{animation-name:fadeInDown}
@keyframes height{0%{opacity:0;height:0;transition:all .6s linear}100%{opacity:.3;height:50%}}
.saas-scope .height{animation-name:height}
@keyframes fadeInDown2{0%{transform:translateY(-40px);opacity:0}100%{transform:translateY(0);opacity:.2}}
.saas-scope .fadeInDown2{animation-name:fadeInDown2}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}
.saas-scope .fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}
.saas-scope .fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}
.saas-scope .fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}
.saas-scope .fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}
.saas-scope .fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.saas-scope .fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUp2{0%{opacity:0;transform:translateY(20px)}100%{opacity:.2;transform:translateY(0)}}
.saas-scope .fadeInUp2{animation-name:fadeInUp2}
@keyframes fadeInUp3{0%{transform:translateY(30px)}100%{transform:translateY(0)}}
.saas-scope .fadeInUp3{animation-name:fadeInUp3}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}
.saas-scope .fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.saas-scope .fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}
.saas-scope .fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}
.saas-scope .fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}
.saas-scope .fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}
.saas-scope .fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}
.saas-scope .fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}
.saas-scope .fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.saas-scope .fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}
.saas-scope .fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in}}
.saas-scope .animated.flip{backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}
.saas-scope .flipInX{backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}
.saas-scope .flipInY{backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}
.saas-scope .flipOutX{animation-name:flipOutX;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}
.saas-scope .flipOutY{backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}
.saas-scope .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}
.saas-scope .lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}
.saas-scope .rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}
.saas-scope .rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}
.saas-scope .rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}
.saas-scope .rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}
.saas-scope .rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}
.saas-scope .rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}
.saas-scope .rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}
.saas-scope .rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}
.saas-scope .rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}
.saas-scope .rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}100%{transform:translateY(0)}}
.saas-scope .slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{transform:translateX(0)}}
.saas-scope .slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}100%{transform:translateX(0)}}
.saas-scope .slideInRight{animation-name:slideInRight}
@keyframes slideOutLeft{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}
.saas-scope .slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}
.saas-scope .slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}
.saas-scope .slideOutUp{animation-name:slideOutUp}
@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}
.saas-scope .hinge{animation-name:hinge}
@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}
.saas-scope .rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}
.saas-scope .rollOut{animation-name:rollOut}
@keyframes rollIncustom{0%{opacity:0;transform:translateX(220%) translateY(220px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom{animation-name:rollIncustom}
@keyframes rollIncustom1{0%{opacity:0;transform:translateX(150%) translateY(150px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom1{animation-name:rollIncustom1}
@keyframes rollIncustom3{0%{opacity:0;transform:translateX(-20px) translateY(350px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom3{animation-name:rollIncustom3}
@keyframes rollIncustom4{0%{opacity:0;transform:translateX(-90px) translateY(70px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom4{animation-name:rollIncustom4}
@keyframes rollIncustom5{0%{opacity:0;transform:translateX(-500px) translateY(-50px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom5{animation-name:rollIncustom5}
@keyframes rollIncustom6{0%{opacity:0;transform:translateX(30px) translateY(-150px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom6{animation-name:rollIncustom6}
@keyframes rollIncustom7{0%{opacity:0;transform:translateX(-150px) translateY(-150px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom7{animation-name:rollIncustom7}
@keyframes rollIncustom8{0%{opacity:0;transform:translateX(0px) translateY(-200px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom8{animation-name:rollIncustom8}
@keyframes rollIncustom9{0%{opacity:0;transform:translateX(200px) translateY(-150px)}100%{opacity:1;transform:translateX(0px) translateY(0px)}}
.saas-scope .rollIncustom9{animation-name:rollIncustom9}
@keyframes slideInnew{0%{opacity:0;transform:translate(-10px,-80px)}100%{transform:translate(0,0)}}
.saas-scope .slideInnew{animation-name:slideInnew}
.saas-scope .slideInnew3{animation-name:slideInnew3}
@keyframes slideInnew3{0%{opacity:0;transform:translate(80px,-80px)}100%{transform:translate(0,0)}}
.saas-scope .slideInnew3{animation-name:slideInnew3}
@keyframes slideInnew2{0%{opacity:0;transform:matrix(.97029,.34192,-.84486,.9425,0,0) translate(-10px,80px)}100%{transform:matrix(.97029,.34192,-.84486,.9425,0,0) translate(0px,0px)}}
.saas-scope .slideInnew2{animation-name:slideInnew2}
@keyframes spinnerRotateone{0%{transform:rotate(0deg) translateY(30px)}100%{transform:rotate(160deg) translateY(30px)}}
.saas-scope .spinnerRotateone{animation-name:spinnerRotateone}
@keyframes pop-char-out{0%,40%{transform:translate(0);opacity:0}20%{transform:translate(0.05em,-0.1em)}to{transform:translate(0);opacity:1}}
@keyframes widthL{0%{opacity:0;transform:translate3d(0,0,0)}100%{opacity:1;transform:translate3d(0,100%,0)}}
.saas-scope .widthL{animation-name:widthL}
/* AUTO-GENERATED from swiper-bundle.min.css by scripts/scope-saaslyn-css.mjs — do not edit by hand. */
/**
 * Swiper 7.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 4, 2021
 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.saas-scope .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.saas-scope .swiper-vertical>.swiper-wrapper{flex-direction:column}
.saas-scope .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.saas-scope .swiper-android .swiper-slide,.saas-scope .swiper-wrapper{transform:translate3d(0px,0,0)}
.saas-scope .swiper-pointer-events{touch-action:pan-y}
.saas-scope .swiper-pointer-events.swiper-vertical{touch-action:pan-x}
.saas-scope .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.saas-scope .swiper-slide-invisible-blank{visibility:hidden}
.saas-scope .swiper-autoheight,.saas-scope .swiper-autoheight .swiper-slide{height:auto}
.saas-scope .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.saas-scope .swiper-3d,.saas-scope .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.saas-scope .swiper-3d .swiper-cube-shadow,.saas-scope .swiper-3d .swiper-slide,.saas-scope .swiper-3d .swiper-slide-shadow,.saas-scope .swiper-3d .swiper-slide-shadow-bottom,.saas-scope .swiper-3d .swiper-slide-shadow-left,.saas-scope .swiper-3d .swiper-slide-shadow-right,.saas-scope .swiper-3d .swiper-slide-shadow-top,.saas-scope .swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.saas-scope .swiper-3d .swiper-slide-shadow,.saas-scope .swiper-3d .swiper-slide-shadow-bottom,.saas-scope .swiper-3d .swiper-slide-shadow-left,.saas-scope .swiper-3d .swiper-slide-shadow-right,.saas-scope .swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.saas-scope .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.saas-scope .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.saas-scope .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.saas-scope .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.saas-scope .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.saas-scope .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.saas-scope .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.saas-scope .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.saas-scope .swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.saas-scope .swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.saas-scope .swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
.saas-scope .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.saas-scope .swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.saas-scope .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.saas-scope .swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.saas-scope .swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
.saas-scope .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}
.saas-scope .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.saas-scope .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
:root{--swiper-navigation-size:44px}
.saas-scope .swiper-button-next,.saas-scope .swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.saas-scope .swiper-button-next.swiper-button-disabled,.saas-scope .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.saas-scope .swiper-button-next:after,.saas-scope .swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.saas-scope .swiper-button-prev,.saas-scope .swiper-rtl .swiper-button-next{left:10px;right:auto}
.saas-scope .swiper-button-prev:after,.saas-scope .swiper-rtl .swiper-button-next:after{content:'prev'}
.saas-scope .swiper-button-next,.saas-scope .swiper-rtl .swiper-button-prev{right:10px;left:auto}
.saas-scope .swiper-button-next:after,.saas-scope .swiper-rtl .swiper-button-prev:after{content:'next'}
.saas-scope .swiper-button-lock{display:none}
.saas-scope .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.saas-scope .swiper-pagination.swiper-pagination-hidden{opacity:0}
.saas-scope .swiper-horizontal>.swiper-pagination-bullets,.saas-scope .swiper-pagination-bullets.swiper-pagination-horizontal,.saas-scope .swiper-pagination-custom,.saas-scope .swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.saas-scope .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.saas-scope .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.saas-scope .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.saas-scope .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.saas-scope .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.saas-scope .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.saas-scope .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.saas-scope .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.saas-scope .swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}
.saas-scope button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.saas-scope .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.saas-scope .swiper-pagination-bullet:only-child{display:none!important}
.saas-scope .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.saas-scope .swiper-pagination-vertical.swiper-pagination-bullets,.saas-scope .swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.saas-scope .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.saas-scope .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
.saas-scope .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.saas-scope .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.saas-scope .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.saas-scope .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.saas-scope .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.saas-scope .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.saas-scope .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.saas-scope .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.saas-scope .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.saas-scope .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.saas-scope .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.saas-scope .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.saas-scope .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.saas-scope .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.saas-scope .swiper-horizontal>.swiper-pagination-progressbar,.saas-scope .swiper-pagination-progressbar.swiper-pagination-horizontal,.saas-scope .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.saas-scope .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.saas-scope .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.saas-scope .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.saas-scope .swiper-pagination-progressbar.swiper-pagination-vertical,.saas-scope .swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.saas-scope .swiper-pagination-lock{display:none}
.saas-scope .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.saas-scope .swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.saas-scope .swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.saas-scope .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.saas-scope .swiper-scrollbar-cursor-drag{cursor:move}
.saas-scope .swiper-scrollbar-lock{display:none}
.saas-scope .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.saas-scope .swiper-zoom-container>canvas,.saas-scope .swiper-zoom-container>img,.saas-scope .swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.saas-scope .swiper-slide-zoomed{cursor:move}
.saas-scope .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.saas-scope .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.saas-scope .swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.saas-scope .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.saas-scope .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.saas-scope .swiper-grid>.swiper-wrapper{flex-wrap:wrap}
.saas-scope .swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.saas-scope .swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
.saas-scope .swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.saas-scope .swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.saas-scope .swiper-fade .swiper-slide-active,.saas-scope .swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.saas-scope .swiper-cube{overflow:visible}
.saas-scope .swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.saas-scope .swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
.saas-scope .swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
.saas-scope .swiper-cube .swiper-slide-active,.saas-scope .swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.saas-scope .swiper-cube .swiper-slide-active,.saas-scope .swiper-cube .swiper-slide-next,.saas-scope .swiper-cube .swiper-slide-next+.swiper-slide,.saas-scope .swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.saas-scope .swiper-cube .swiper-slide-shadow-bottom,.saas-scope .swiper-cube .swiper-slide-shadow-left,.saas-scope .swiper-cube .swiper-slide-shadow-right,.saas-scope .swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.saas-scope .swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}
.saas-scope .swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.saas-scope .swiper-flip{overflow:visible}
.saas-scope .swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}
.saas-scope .swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
.saas-scope .swiper-flip .swiper-slide-active,.saas-scope .swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.saas-scope .swiper-flip .swiper-slide-shadow-bottom,.saas-scope .swiper-flip .swiper-slide-shadow-left,.saas-scope .swiper-flip .swiper-slide-shadow-right,.saas-scope .swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.saas-scope .swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}
.saas-scope .swiper-cards{overflow:visible}
.saas-scope .swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}
/* AUTO-GENERATED from style.css by scripts/scope-saaslyn-css.mjs — do not edit by hand. */
/* CSS Index 
-----------------------------------
  1. Global CSS and Reset.
  2.Animations and Background Start
  3. Custom utilities start
  4. Typography css start
  5. Reuseable components start
  6. Navbar area start
  7. Hero style start
  8. fun fact style start
  9. features style start
  10. Blog Style start
  11. Newslatter style start
  12. footer style start
  13. Country map style start
  14. testimonial style start
  15. app download style start
  16. Pricing style start
  17. Register style start
  18. Pyment method style start
  19. Partner style start
  20. Contect Wrapper start
  21. team style start
  22. Blog wrapper start
  23. About wrapper start
  24. service area start
  25. AI service area
  26. AI Works
  27. AI Dreams
  28. AI Price
  29. Ai Contact
*/
/*====================
1. Global CSS and Reset.
======================*/
/*Google Fonts*/
/*CSS Variable*/
:root {
  /*color Variable*/
  --c-white: #ffffff;
  --primary-purple: #8976fd;
  --primary-yellow: #fca61f;
  --c-skyblue: #6dcbff;
  --c-easter-purple: #c06ef3;
  --c-softblue: #7188ff;
  --c-selective-yellow: #fdba09;
  --c-light-turquoise: #6dedc3;
  --text-bright-gray: #332c5c;
  --text-nevy-blue: #18063c;
  --text-purple-haze: #494369;
  --text-purple-haze-700: #494369cc;
  --text-mid-gray: #5e587a;
  --text-soft-black: #1c0e0d;
  --text-bright-green: #5bc17f;
  --text-light-purple: #8976fd;
  /*font Variable*/
  --ff-poppins: "Poppins", sans-serif;
  --ff-nunito: "Nunito Sans", sans-serif;
  --ff-inter: "Inter", sans-serif;
}
/* Media Query Variable */
.saas-scope {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.saas-scope * {
  box-sizing: border-box;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.saas-scope ol,.saas-scope 
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.saas-scope ins,.saas-scope 
a {
  text-decoration: none !important;
}
/* *****
input's defult style
**** */
.saas-scope input {
  padding: 8px 15px;
  display: block;
  width: 100%;
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 5px;
  height: 45px;
}
.saas-scope input:focus {
  outline: none !important;
  border: 1px solid rgb(194, 124, 124);
}
.saas-scope input[type=submit] {
  background: #000000;
  border: none;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #000000;
  text-transform: uppercase;
}
.saas-scope input[type=submit]:hover {
  background: #ffffff;
  color: #000000;
}
.saas-scope input[type=submit]:focus {
  outline: none;
}
.saas-scope textarea {
  padding: 8px 10px;
  background: #ffffff;
  border-radius: 5px;
  display: block;
  width: 100%;
  border: 1px solid #eee;
  transition: all 0.4s ease;
}
.saas-scope select {
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  display: block;
  width: 100%;
  transition: all 0.4s ease;
  margin-bottom: 0;
  height: 45px;
}
.saas-scope select:focus {
  outline: none;
  border: 1px solid #ff5235;
}
/* *****
table's defult style
**** */
.saas-scope table tbody tr td,.saas-scope 
table tbody tr th,.saas-scope 
table thead tr td,.saas-scope 
table thead tr th,.saas-scope 
table tfoot tr td,.saas-scope 
table tfoot tr th {
  border: 1px solid #eee;
  padding: 10px 10px;
}
/* =============================
  Global CSS end
==============================*/
/* =============================
 2.Animations and Background Start
==============================*/
.saas-scope .anima-trasform-y-1 {
  animation: anima-trasform-y-one 3s ease infinite alternate;
}
@keyframes anima-trasform-y-one {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
}
.saas-scope .anima-trasform-x-1 {
  animation: anima-trasform-x-one 2.5s ease infinite alternate;
}
@keyframes anima-trasform-x-one {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-30px);
  }
}
.saas-scope .anima-trasform-z-1 {
  animation: anima-trasform-z-one 2s ease infinite alternate;
}
@keyframes anima-trasform-z-one {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
.saas-scope .hero-animated-shape {
  right: 105%;
}
.saas-scope .florting-balon-icon {
  top: 30%;
}
.saas-scope .corner-line {
  width: 5%;
}
.saas-scope .highlighter-shape {
  width: 70%;
}
/* =============================
Animations and Background end
==============================*/
/* =============================
 3. Custom utilities start
==============================*/
.saas-scope .section-gap-xl-top {
  padding-top: 140px;
}
.saas-scope .section-gap-xl-bottom {
  padding-bottom: 140px;
}
.saas-scope .section-gap-top-y-1 {
  padding-top: 120px;
}
.saas-scope .section-gap-top-y-2 {
  padding-top: 105px;
}
.saas-scope .section-gap-bottom-y-1 {
  padding-bottom: 120px;
}
.saas-scope .img-contain {
  width: 100%;
}
.saas-scope .low-index {
  z-index: -1;
}
.saas-scope .z-index-1 {
  z-index: 1;
}
.saas-scope .z-index-5 {
  z-index: 5;
}
.saas-scope .font-inter {
  font-family: var(--ff-inter);
}
.saas-scope .font-poppins {
  font-family: var(--ff-poppins);
}
.saas-scope .font-nunito {
  font-family: var(--ff-nunito);
}
.saas-scope .primary-purple {
  color: var(--primary-purple);
}
.saas-scope .primary-yellow {
  color: var(--primary-yellow);
}
.saas-scope .text-bright-gray {
  color: var(--text-bright-gray);
}
.saas-scope .text-purple-haze {
  color: var(--text-purple-haze);
}
.saas-scope .text-purple-haze-700 {
  color: var(--text-purple-haze-700);
}
.saas-scope .text-mid-gray {
  color: var(--text-mid-gray);
}
.saas-scope .text-soft-black {
  color: var(--text-soft-black);
}
.saas-scope .text-bright-green {
  color: var(--text-bright-green);
}
.saas-scope .text-nevy-blue {
  color: var(--text-nevy-blue);
}
.saas-scope .feature-filter-img {
  filter: drop-shadow(-40px 60px 120px rgba(0, 0, 0, 0.03));
  border-radius: 31px;
}
.saas-scope .fit-content {
  width: -moz-fit-content;
  width: fit-content;
}
.saas-scope .circle-shadow {
  box-shadow: -15px 15px 60px rgba(25, 15, 44, 0.08);
}
.saas-scope .circle-shadow-two {
  box-shadow: 0px 64px 64px -20px rgba(0, 0, 0, 0.1);
}
.saas-scope .line-height-70 {
  line-height: 70px;
}
.saas-scope .top-25 {
  top: 25%;
}
.saas-scope .pt-20 {
  padding-top: 20px;
}
.saas-scope .mt-60 {
  margin-top: 60px;
}
.saas-scope .mt-24 {
  margin-top: 24px;
}
.saas-scope .mt-20 {
  margin-top: 20px;
}
.saas-scope .mt-30 {
  margin-top: 30px;
}
.saas-scope .pt-50 {
  padding-top: 50px;
}
.saas-scope .pt-30 {
  padding-top: 30px;
}
.saas-scope .pt-80 {
  padding-top: 80px;
}
.saas-scope .pt-60 {
  padding-top: 60px;
}
.saas-scope .pt-120 {
  padding-top: 120px;
}
.saas-scope .pb-120 {
  padding-bottom: 120px;
}
.saas-scope .pb-80 {
  padding-bottom: 80px;
}
.saas-scope .pb-70 {
  padding-bottom: 70px;
}
.saas-scope .pb-60 {
  padding-bottom: 60px;
}
.saas-scope .mt-100 {
  margin-top: 100px;
}
.saas-scope .pt-xxl {
  padding-top: 220px;
}
/* =============================
Custom utilities end
==============================*/
/* =============================
  4. Typography css start
==============================*/
/*body typography styles*/
.saas-scope p {
  margin: 0;
  font-family: var(--ff-nunito);
  font-style: normal;
  font-size: 16px;
}
/*Heading typography styles*/
.saas-scope h1,.saas-scope 
h2,.saas-scope 
h3,.saas-scope 
h4,.saas-scope 
h5,.saas-scope 
h6 {
  margin: 0;
  padding: 0;
  font-family: var(--ff-poppins);
  font-style: normal;
}
.saas-scope h1 {
  font-weight: 700;
  font-size: 56px;
  line-height: 130%;
  text-transform: capitalize;
}
.saas-scope h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 130%;
  text-transform: capitalize;
}
.saas-scope h3 {
  font-weight: 600;
  font-size: 44px;
  line-height: 140%;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .saas-scope h3 {
    font-size: 38px;
  }
}
.saas-scope h4 {
  font-weight: 600;
  font-size: 36px;
  text-transform: capitalize;
  line-height: 140%;
}
.saas-scope h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  text-transform: capitalize;
}
.saas-scope .text-xxl {
  font-family: var(--ff-poppins);
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 90px;
  letter-spacing: 2px;
  text-transform: capitalize;
}
.saas-scope .body-disply-1 {
  font-family: var(--ff-nunito);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
}
.saas-scope .body-disply-2 {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  color: rgba(64, 64, 64, 0.8);
}
/* =============================
  Typography css end
==============================*/
/* =============================
  5. Reuseable components start
==============================*/
.saas-scope .btn-transparent-v1 {
  font-family: var(--ff-poppins);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #5bc17f;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
}
.saas-scope .btn-transparent-v1:hover {
  color: hsl(141, 45%, 46%);
}
.saas-scope .btn-transparent-v1:hover i {
  transform: translateX(5px);
}
.saas-scope .btn-transparent-v1 i {
  margin-left: 8px;
  font-size: 16px;
  transition: all 0.3s;
}
.saas-scope .btn-transparent-v1 i::before {
  vertical-align: middle;
}
.saas-scope .submit-defult-btn {
  border: none;
  display: inline-flex;
  font-family: var(--ff-nunito);
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  background: #fca61f;
  border-radius: 15px;
  position: relative;
  padding: 18px 32px;
  transition: all 0.3s;
}
.saas-scope .submit-defult-btn:hover {
  transform: translate3d(3px, 0, 0);
  color: #fff;
  background: hsl(37, 97%, 50%);
}
.saas-scope .btn-fill-rounded {
  display: inline-flex;
  font-family: var(--ff-nunito);
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  background: var(--primary-purple);
  border-radius: 15px;
  position: relative;
  padding: 18px 32px;
  transition: all 0.3s;
}
.saas-scope .btn-fill-rounded:hover {
  box-shadow: 0 1rem 2.5rem rgba(115, 94, 253, 0.1), 0 0.5rem 1rem -0.75rem rgba(115, 94, 253, 0.1) !important;
  transform: translate3d(0, -3px, 0);
  color: #fff;
  background: hsl(248, 98%, 68%);
}
.saas-scope .btn-outlined-round {
  display: inline-flex;
  font-weight: 700;
  font-size: 18px;
  color: var(--primary-purple);
  font-family: var(--ff-nunito);
  border: 1px solid var(--primary-purple);
  box-sizing: border-box;
  border-radius: 15px;
  padding: 15px 31px;
  text-align: center;
  transition: all 0.3s;
}
.saas-scope .btn-outlined-round.hover-fill:hover {
  background: #8976fd;
  color: #fff;
}
.saas-scope .btn-outlined-round:hover {
  background: rgba(137, 118, 253, 0.1);
  transform: translate3d(0, -3px, 0);
  color: var(--primary-purple);
}
.saas-scope .btn-transparent-xl {
  font-family: var(--ff-nunito);
  font-weight: 700;
  font-size: 18px;
  color: var(--primary-purple);
  padding: 13px;
}
.saas-scope .btn-transparent-xl.btn-transparent-v2 {
  color: #ff553e;
}
.saas-scope .btn-transparent-xl.btn-transparent-v2:hover {
  color: #ff553e;
}
.saas-scope .btn-transparent-xl.btn-transparent-v3 {
  color: #5bc17f;
}
.saas-scope .btn-transparent-xl.btn-transparent-v3:hover {
  color: #5bc17f;
}
.saas-scope .btn-transparent-xl:hover {
  color: var(--primary-purple);
}
.saas-scope .btn-fill-pill {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  padding: 23px 40px;
  background: #ff553e;
  border-radius: 40px;
  line-height: 28px;
  font-family: var(--ff-poppins);
  overflow: hidden;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.saas-scope .btn-fill-pill.md-btn {
  padding: 16px 32px;
}
.saas-scope .btn-fill-pill span {
  position: absolute;
  width: 40%;
  background: hsl(7, 100%, 54%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 0%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
}
.saas-scope .btn-fill-pill:hover {
  color: #fff;
}
.saas-scope .btn-fill-pill:hover span {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill:hover::after {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill:hover::before {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill::before {
  position: absolute;
  content: "";
  width: 40%;
  background: hsl(7, 100%, 54%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 40%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
  transition-delay: 0.1s;
}
.saas-scope .btn-fill-pill::after {
  position: absolute;
  content: "";
  width: 40%;
  background: hsl(7, 100%, 54%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 80%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
  transition-delay: 0.2s;
}
.saas-scope .btn-fill-pill-v2 {
  font-family: var(--ff-poppins);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  background: #5bc17f;
  border-radius: 34px;
  display: inline-block;
  padding: 23px 40px;
  position: relative;
  z-index: 1;
  color: #fff;
  overflow: hidden;
  transition: all 0.4s;
}
.saas-scope .btn-fill-pill-v2.md-btn {
  padding: 16px 32px;
}
.saas-scope .btn-fill-pill-v2 span {
  position: absolute;
  width: 40%;
  background: hsl(141, 45%, 46%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 0%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
}
.saas-scope .btn-fill-pill-v2:hover {
  color: #fff;
}
.saas-scope .btn-fill-pill-v2:hover span {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill-v2:hover::after {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill-v2:hover::before {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill-v2::before {
  position: absolute;
  content: "";
  width: 40%;
  background: hsl(141, 45%, 46%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 40%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
  transition-delay: 0.1s;
}
.saas-scope .btn-fill-pill-v2::after {
  position: absolute;
  content: "";
  width: 40%;
  background: hsl(141, 45%, 46%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 80%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
  transition-delay: 0.2s;
}
.saas-scope .btn-fill-pill-v3 {
  font-family: var(--ff-poppins);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  background: #ffffff;
  border-radius: 34px;
  display: inline-block;
  padding: 23px 40px;
  position: relative;
  z-index: 1;
  color: #5bc17f;
  overflow: hidden;
  transition: all 0.4s;
}
.saas-scope .btn-fill-pill-v3 span {
  position: absolute;
  width: 40%;
  background: hsl(141, 45%, 46%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 0%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
}
.saas-scope .btn-fill-pill-v3:hover {
  color: #fff;
}
.saas-scope .btn-fill-pill-v3:hover span {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill-v3:hover::after {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill-v3:hover::before {
  transform: skewX(15deg) translateY(-75%);
}
.saas-scope .btn-fill-pill-v3::before {
  position: absolute;
  content: "";
  width: 40%;
  background: hsl(141, 45%, 46%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 40%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
  transition-delay: 0.1s;
}
.saas-scope .btn-fill-pill-v3::after {
  position: absolute;
  content: "";
  width: 40%;
  background: hsl(141, 45%, 46%);
  border-radius: 34px;
  height: 150px;
  transform: skewX(15deg);
  left: 80%;
  top: 100%;
  z-index: -1;
  transition: all 0.4s;
  transition-delay: 0.2s;
}
.saas-scope .btn-fill-outlined {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  color: #ff553e;
  padding: 23px 40px;
  background: transparent;
  border-radius: 40px;
  line-height: 28px;
  border: 1px solid #ff553e;
  font-family: var(--ff-poppins);
  transition: all 0.3s;
}
.saas-scope .btn-fill-outlined:hover {
  color: #ff553e;
  background: hsl(7, 100%, 90%);
}
@media only screen and (max-width: 767.98px) {
  .saas-scope .btn-fill-outlined {
    padding: 15px 33px;
  }
}
.saas-scope .btn-fill-outlined-purple {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  color: var(--text-light-purple);
  padding: 15px 40px;
  background: transparent;
  border-radius: 40px;
  line-height: 28px;
  border: 1px solid var(--text-light-purple);
  font-family: var(--ff-poppins);
  transition: all 0.3s;
}
.saas-scope .btn-fill-outlined-purple:hover {
  color: #8976fd;
  background: hsl(248, 97%, 95%);
}
@media only screen and (max-width: 767.98px) {
  .saas-scope .btn-fill-outlined-purple {
    padding: 15px 33px;
  }
}
/*Preloder CSS*/
.saas-scope .preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #141414;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saas-scope .preloader .spinner-wrap {
  width: 120px;
  height: 120px;
  position: relative;
}
.saas-scope .preloader .preloder-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 50px;
  transform: translate(-50%, -50%);
}
.saas-scope .preloader .spinner {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid #f3f3f3;
  border-top: 3px solid #8976fd;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: spin 1s infinite linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* =============================
  Reuseable components end
==============================*/
/* =============================
  6. Navbar area start 
==============================*/
.saas-scope .inner-logo {
  padding-top: 40px;
}
.saas-scope .inner-contact-options .contact-box-inner {
  font-weight: 600;
  font-size: 15px;
  color: #2d373c;
  display: flex;
  padding-left: 20px;
  padding-top: 8px;
}
.saas-scope .inner-contact-options .contact-box-inner a {
  color: inherit;
  display: inline-block;
}
.saas-scope .inner-contact-options .contact-box-inner i {
  margin-right: 10px;
  color: #2d373c;
}
/*header-defult*/
.saas-scope header .header-defult .main-nav ul li .sub-menu {
  box-shadow: rgba(12, 12, 50, 0.1) 0px 4px 10px, rgba(12, 12, 20, 0.02) 0px 8px 32px;
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  min-width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-block: 10px;
  background: #fff;
  opacity: 0;
  z-index: 9999;
  transform: scale(0);
  transform-origin: 0% 0%;
  transition: all 0.3s;
}
.saas-scope header .header-defult .main-nav ul li .sub-menu li .sub-menu {
  right: -200px;
  left: inherit;
  top: 0;
}
.saas-scope header .header-defult .main-nav ul li .sub-menu > li {
  display: block;
  margin: 0;
  position: relative;
}
.saas-scope header .header-defult .main-nav ul > li a:hover {
  background: transparent;
  color: var(--primary-purple) !important;
}
.saas-scope header .header-defult .main-nav .fl {
  width: 30px;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #2d373c;
  font-style: normal;
  position: absolute;
  right: -5px;
  top: 0;
  z-index: 999;
  display: none;
  cursor: pointer;
}
.saas-scope header .header-defult .main-nav .fl:before {
  font-size: 14px;
  text-align: center;
  line-height: 35px;
}
.saas-scope header .header-defult .main-nav > ul > li + li > .sub-menu {
  left: 15px;
}
.saas-scope header .header-defult .main-nav > ul > li:hover > .sub-menu {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
.saas-scope header .header-defult .main-nav ul li .sub-menu li:hover > .sub-menu,.saas-scope 
header .header-defult .main-nav ul li .sub-menu li .sub-menu li:hover > .sub-menu {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.saas-scope header .header-defult .main-nav ul {
  margin: 0;
  list-style: none;
}
.saas-scope header .header-defult .main-nav ul li {
  display: inline-block;
  position: relative;
  padding: 0 20px;
}
.saas-scope header .header-defult .main-nav ul li:last-child {
  padding-right: 0;
}
.saas-scope header .header-defult .main-nav ul li:hover > a {
  color: var(--primary-purple);
}
.saas-scope header .header-defult .main-nav ul li:hover > a::before {
  opacity: 1;
  background: #f96822;
}
.saas-scope header .header-defult .main-nav ul li a {
  display: block;
  text-transform: capitalize;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 30.5px 0;
  position: relative;
  font-family: var(--ff-nunito);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: var(--text-bright-gray);
}
.saas-scope header .header-defult .main-nav ul li ul.sub-menu > li {
  padding: 0;
}
.saas-scope header .header-defult .main-nav ul li ul.sub-menu > li a {
  display: block;
  padding: 10px 10px;
  color: #162b32;
  line-height: 1;
  text-transform: capitalize;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.saas-scope header .header-defult .main-nav ul li ul.sub-menu > li a.active {
  color: #f96822;
  font-weight: 600;
}
.saas-scope header .header-defult .main-nav ul li ul.sub-menu > li a:hover {
  background: transparent;
  color: var(--primary-purple) !important;
  transform: translateX(10px);
}
.saas-scope header .header-defult .main-nav ul li ul.sub-menu > li a:hover::before {
  opacity: 0;
}
.saas-scope header .header-defult .main-nav ul li.has-child-menu:after {
  position: absolute;
  right: 0;
  color: var(--text-bright-gray);
  font-family: bootstrap-icons !important;
  content: "\f282";
  font-size: 13px;
  font-weight: 600;
  top: 36px;
  transition: all 0.5s ease-in-out;
}
.saas-scope header .header-defult .main-nav ul li:hover.has-child-menu:after {
  transform: rotate(-180deg);
}
.saas-scope header .header-defult .main-nav > ul > li > a.active {
  color: #f96822;
  font-weight: 600;
  font-size: 16px;
}
.saas-scope header .header-defult .nav-right {
  display: flex;
  align-items: center;
  height: 100%;
}
.saas-scope header .header-defult .nav-right a {
  margin-right: 24px;
}
.saas-scope header .header-defult .nav-right a:last-child {
  margin-right: 0;
}
.saas-scope header .header-defult {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 25px;
}
.saas-scope .header-area {
  transition: all 0.3s;
}
.saas-scope .header-area.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 21;
  padding: 0;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1200px) {
  .saas-scope .has-child-menu-mega-menu {
    position: unset !important;
  }
  .saas-scope .has-child-menu-mega-menu::after {
    content: unset !important;
  }
}
.saas-scope .has-child-menu-mega-menu ul {
  display: none;
  z-index: -1;
}
.saas-scope .has-child-menu-mega-menu .sub-nav {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  height: 75vh;
  overflow-y: scroll;
  left: 0;
  right: 0;
  top: 72%;
  transition: all ease 0.4s;
  z-index: 5;
  border-radius: 28px;
  padding: 20px 0;
  background-color: #f3f3f3;
  max-width: 98%;
  margin: 0 auto;
  transform-origin: 0 0 0;
  transform: scaleY(0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media only screen and (max-width: 1199.98px) {
  .saas-scope .has-child-menu-mega-menu .sub-nav {
    display: none;
  }
}
.saas-scope .has-child-menu-mega-menu .sub-nav::-webkit-scrollbar {
  width: 0.3em;
}
.saas-scope .has-child-menu-mega-menu .sub-nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.saas-scope .has-child-menu-mega-menu .sub-nav::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 10px;
}
.saas-scope .has-child-menu-mega-menu .sub-nav .nav-item .nav-item-img {
  border-radius: 16px;
  padding: 6px;
  background-color: #ddd;
}
.saas-scope .has-child-menu-mega-menu .sub-nav .nav-item .nav-item-img img {
  border-radius: 14px;
  transition: all 0.3s;
}
.saas-scope .has-child-menu-mega-menu .sub-nav .nav-item h6 {
  font-weight: 600;
  font-size: 18px;
  color: #040a10;
}
.saas-scope .has-child-menu-mega-menu .sub-nav .nav-item a {
  padding: 0;
}
.saas-scope .has-child-menu-mega-menu:hover .sub-nav {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
/* =============================
     Navbar area end 
==============================*/
/* =============================
  7. Hero style start
==============================*/
.saas-scope .background-wrap {
  overflow: hidden;
}
.saas-scope .background-wrap.inner-bg {
  background: url("/saaslyn/inner-bg.png") no-repeat center;
  background-size: cover;
}
.saas-scope .background-wrap.home-bg-one {
  background: url("/saaslyn/home-bg-one.png") no-repeat center;
  background-size: cover;
}
.saas-scope .background-wrap.home-bg-two {
  background: url("/saaslyn/home-bg-two.png") no-repeat center;
  background-size: cover;
}
.saas-scope .background-wrap.home-bg-ai {
  background: url("/saaslyn/home-bg-ai.png") no-repeat center;
  background-size: cover;
}
/*hero style one*/
.saas-scope .hero-one-row {
  min-height: 950px;
}
.saas-scope .hero-florting-col .hero-line-vactor {
  position: absolute;
  left: 10%;
  top: 12%;
  width: 25%;
}
.saas-scope .hero-style-one {
  overflow-x: hidden;
}
.saas-scope .hero-style-one .hero-content p {
  max-width: 465px;
  color: rgba(28, 14, 13, 0.8);
}
.saas-scope .hero-style-one .hero-content .hero-btn {
  padding-top: 38px;
}
.saas-scope .hero-img-filter {
  filter: drop-shadow(-10px 20px 60px rgba(0, 0, 0, 0.05));
  border-radius: 21px;
}
/*hero style two*/
.saas-scope .hero-style-two-wrapper {
  overflow: hidden;
}
.saas-scope .hero-style-two {
  background: url("/saaslyn/hero-bg-2.png"), linear-gradient(rgb(255, 248, 242) 100%, rgb(255, 248, 242) 100%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.saas-scope .hero-style-two .hero-mobil-screen {
  right: -102px;
  bottom: -325px;
}
.saas-scope .hero-style-two .hero-contents .hero-floting-img-one,.saas-scope 
.hero-style-two .hero-contents .hero-floting-img-two {
  width: 18%;
}
.saas-scope .hero-style-two .hero-contents .hero-floting-img-one {
  bottom: 70%;
}
.saas-scope .hero-style-two .hero-contents h1 {
  font-weight: 700;
  font-size: 64px;
  line-height: 90px;
}
.saas-scope .hero-style-two .hero-contents p {
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: rgba(64, 32, 30, 0.8);
  padding-top: 25px;
  max-width: 595px;
  margin: 0 auto;
}
.saas-scope .hero-style-two .hero-contents .hero-btn {
  padding-top: 65px;
}
/*hero-style-three*/
.saas-scope .hero-style-three {
  /* Header là sticky (đã chiếm chỗ) nên không cần chừa 160px như template gốc. */
  padding-top: 48px;
  padding-bottom: 80px;
}
.saas-scope .hero-style-three .hero-mobil-screen .hero-screen-three {
  max-width: 123%;
}
.saas-scope .hero-style-three .hero-mobil-screen .animated-kit {
  width: 57%;
  top: 30%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 24px 40px rgba(34, 34, 34, 0.1);
  backdrop-filter: blur(50px);
  border-radius: 30px;
  overflow: hidden;
  right: -30%;
}
.saas-scope .hero-style-three .hero-mobil-screen .animated-kit-two {
  background: rgb(255, 255, 255);
  box-shadow: 0px 24px 40px rgba(34, 34, 34, 0.1);
  border-radius: 30px;
  overflow: hidden;
  bottom: 7%;
  left: -4%;
  width: 41%;
}
.saas-scope .hero-style-three .dot-shape {
  position: absolute;
  top: 10%;
  left: 0;
}
.saas-scope .hero-style-three .hero-content h1 {
  color: #18063c;
}
.saas-scope .hero-style-three .hero-content p {
  max-width: 595px;
  padding-top: 24px;
  font-size: 20px;
}
.saas-scope .hero-style-three .hero-content .hero-btn {
  margin-top: 64px;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .hero-style-three {
    padding-top: 28px;
  }
}
.saas-scope .hero-animated-blobs span {
  position: absolute;
  border-radius: 50%;
  animation: dot-scale-up 1.2s infinite linear alternate;
}
@keyframes dot-scale-up {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.saas-scope .hero-animated-blobs span:first-child {
  height: 14px;
  width: 14px;
  background: #fd4c5c;
  bottom: 35%;
  left: 6%;
}
.saas-scope .hero-animated-blobs span:nth-child(2) {
  height: 8px;
  width: 8px;
  background: #1293ec;
  top: 15%;
  left: 15%;
}
.saas-scope .hero-animated-blobs span:nth-child(3) {
  height: 10px;
  width: 10px;
  background: #fd4c5c;
  bottom: 25%;
  left: 40%;
}
.saas-scope .hero-animated-blobs span:nth-child(4) {
  height: 14px;
  width: 14px;
  background: #fd4c5c;
  bottom: 50%;
  left: 50%;
}
.saas-scope .hero-animated-blobs span:nth-child(5) {
  height: 20px;
  width: 20px;
  background: #5abe7d;
  top: 10%;
  left: 70%;
}
/* =============================
    Hero style end
==============================*/
/* =============================
  8. fun fact style start
==============================*/
/*fun fact style one*/
.saas-scope .single-fact {
  display: flex;
  align-items: center;
}
.saas-scope .single-fact:hover .fact-icon {
  background: rgba(192, 110, 243, 0.3);
  transform: translate3d(0, -3px, 0);
}
.saas-scope .single-fact:hover .fact-icon.bg-varient-1 {
  background: rgba(253, 186, 9, 0.3);
}
.saas-scope .single-fact:hover .fact-icon.bg-varient-2 {
  background: rgba(109, 237, 195, 0.3);
}
.saas-scope .single-fact .fact-icon {
  width: 128px;
  height: 128px;
  background: rgba(192, 110, 243, 0.2);
  box-shadow: 14px 20px 48px rgba(25, 15, 44, 0.02);
  border-radius: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 32px;
  transition: all 0.25s;
}
.saas-scope .single-fact .fact-icon.bg-varient-1 {
  background: rgba(253, 186, 9, 0.2);
}
.saas-scope .single-fact .fact-icon.bg-varient-2 {
  background: rgba(109, 237, 195, 0.2);
}
.saas-scope .single-fact .fact-disc p {
  font-weight: 400;
  font-size: 18px;
  color: var(--text-mid-gray);
  padding-top: 8px;
}
/*fun fact style two*/
.saas-scope .fun-fact-style-two {
  position: relative;
}
.saas-scope .fun-fact-style-two .fun-fact-overlay {
  position: absolute;
  background: rgb(255, 248, 242);
  inset: 0;
}
.saas-scope .fun-fact-style-two .fun-fact-bg-wrap {
  background: url("/saaslyn/fun-fact-bg.png") no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 9;
  padding: 80px 0 50px;
}
.saas-scope .single-fact-style-two {
  text-align: center;
}
.saas-scope .single-fact-style-two h2 {
  padding-bottom: 2px;
}
.saas-scope .single-fact-style-two span {
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 18px;
  color: rgba(64, 64, 64, 0.6);
}
/*fun fact style three*/
.saas-scope .single-fact-style-three {
  text-align: center;
}
.saas-scope .single-fact-style-three.has-border-right {
  border-right: 1px solid rgba(30, 12, 62, 0.2);
}
.saas-scope .single-fact-style-three p {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: rgba(64, 64, 64, 0.6);
  padding-top: 10px;
}
/* =============================
    fun fact style end
==============================*/
/* =============================
  9.  features style start
==============================*/
/*features style one*/
.saas-scope .work-feature-style-one .w-feature-content-title {
  padding-bottom: 16px;
}
.saas-scope .work-feature-card {
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.03);
  border-radius: 24px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  padding: 20px;
  max-width: 528px;
}
.saas-scope .work-feature-card:hover .feature-icon {
  transform: rotate3d(1, 1, 1, 360deg);
}
.saas-scope .work-feature-card .feature-icon {
  background: #ffffff;
  box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  width: 90px;
  height: 90px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  transition: all 0.35s;
}
.saas-scope .work-feature-card .feature-info p {
  font-family: var(--ff-nunito);
  font-weight: 400;
  font-size: 18px;
  color: #5e587a;
  padding-top: 4px;
}
.saas-scope .features-screen-group {
  transform: translateX(-230px);
}
.saas-scope .single-feature-content-one {
  max-width: 485px;
}
.saas-scope .single-feature-one-style .single-feature-one-bg {
  width: 72%;
  top: -10%;
  bottom: -10%;
  background: rgba(253, 186, 9, 0.1);
  border-radius: 60px;
}
.saas-scope .feature-screen-dots {
  position: absolute;
  right: 0;
  bottom: -6%;
  max-width: 14%;
}
.saas-scope .single-feature-screens .feat-one-screen {
  filter: drop-shadow(10px 34px 120px rgba(0, 0, 0, 0.07));
  border-radius: 14px;
}
.saas-scope .single-feature-screens .feat-one-screen.feat-one-screen-sm {
  transform: translateX(26%);
}
.saas-scope .single-feature-screens .feat-one-line {
  position: absolute;
  z-index: 1;
  left: 43%;
  width: 27%;
  top: 1%;
}
.saas-scope .single-feature-screens .feat-one-dots {
  position: absolute;
  bottom: 4%;
  left: 12%;
  width: 24%;
}
.saas-scope .feature-single-dot {
  position: absolute;
  right: 13%;
  top: -10%;
  width: 32%;
}
/*features style two*/
.saas-scope .feature-card-style-one {
  background: #70d0dc;
  box-shadow: 14px 20px 48px rgba(25, 15, 44, 0.06);
  border-radius: 48px;
  padding: 28px;
  padding-bottom: 22px;
}
.saas-scope .feature-card-style-one:hover .feature-icon {
  transform: rotate3d(1, 1, 1, 360deg);
}
.saas-scope .feature-card-style-one.bg-varient-2 {
  background: #fa865f;
}
.saas-scope .feature-card-style-one.bg-varient-2 .feature-icon {
  background: rgba(255, 255, 255, 0.5);
}
.saas-scope .feature-card-style-one.bg-varient-1 {
  background: #7562e0;
}
.saas-scope .feature-card-style-one.bg-varient-1 .feature-icon {
  background: rgba(255, 255, 255, 0.5);
}
.saas-scope .feature-card-style-one .feature-icon {
  display: inline-flex;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 14px 20px 48px rgba(25, 15, 44, 0.06);
  border-radius: 24px;
  width: 88px;
  height: 88px;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
}
.saas-scope .feature-card-style-one .feature-disc {
  padding-top: 18px;
}
.saas-scope .feature-card-style-one .feature-disc h5 {
  font-weight: 600;
  font-size: 28px;
  color: #ffffff;
}
.saas-scope .feature-card-style-one .feature-disc p {
  padding-top: 5px;
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.8);
}
.saas-scope .feature-card-style-two {
  display: inline-flex;
  max-width: 480px;
  margin-top: 40px;
}
.saas-scope .feature-card-style-two.varient-1 .feature-icon {
  background: #7ad6e1;
}
.saas-scope .feature-card-style-two.varient-2 .feature-icon {
  background: #ffc954;
}
.saas-scope .feature-card-style-two .feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  height: 88px;
  background: #fa855c;
  border-radius: 20px;
  margin-top: 8px;
  margin-right: 24px;
}
.saas-scope .feature-card-style-two .feature-disc h5 {
  font-weight: 600;
  font-size: 28px;
  color: #404040;
}
.saas-scope .feature-card-style-two .feature-disc p {
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: rgba(64, 64, 64, 0.8);
}
.saas-scope .single-feature-style-three {
  background: rgba(243, 253, 254, 0.6);
  overflow-x: hidden;
}
.saas-scope .single-feature-style-three .feature-three-screen img {
  filter: drop-shadow(0px 32px 54px rgba(65, 74, 85, 0.05));
  border-radius: 20px;
}
.saas-scope .feature-card-style-three {
  display: inline-flex;
  max-width: 464px;
  margin-top: 60px;
}
.saas-scope .feature-card-style-three.feature-futured-card {
  margin-left: 145px;
}
.saas-scope .feature-card-style-three.varient-1 .feature-icon {
  background: #fe6292;
}
.saas-scope .feature-card-style-three.varient-2 .feature-icon {
  background: #6b72ff;
}
.saas-scope .feature-card-style-three .feature-icon {
  background: #5bc17f;
  border-radius: 28px;
  min-width: 116px;
  height: 116px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 10px;
  margin-right: 30px;
}
.saas-scope .feature-card-style-three .feature-disc h5 {
  font-family: var(--ff-poppins);
  font-weight: 600;
  font-size: 28px;
  color: #404040;
  padding-bottom: 12px;
}
.saas-scope .single-feature-style-two {
  overflow: hidden;
}
.saas-scope .single-feature-style-two .feature-analytics-contents {
  max-width: 568px;
}
.saas-scope .single-feature-style-two .float-screen-one {
  top: -50px;
  right: -80px;
}
.saas-scope .single-feature-style-two .float-screen-two {
  left: -70px;
  top: 20%;
}
.saas-scope .single-feature-style-two .float-screen-three {
  right: -140px;
  top: 40%;
}
.saas-scope .single-feature-style-two .float-screen-four {
  right: -50px;
  bottom: 40px;
}
/*features style four*/
.saas-scope .feature-style-four .feature-four-content {
  max-width: 550px;
  margin-left: 68px;
}
.saas-scope .feature-style-four .feature-four-animi {
  width: 39%;
  right: 6%;
}
/*features style five*/
.saas-scope .feature-style-five .feature-animi {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 10px 8px 40px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(30px);
  border-radius: 22px;
  width: 44%;
}
.saas-scope .feature-card-style-four {
  text-align: center;
  background: #ffffff;
  box-shadow: 14px 20px 48px rgba(25, 15, 44, 0.06);
  border-radius: 30px;
  padding: 36px 24px;
  padding-bottom: 28px;
}
.saas-scope .feature-card-style-four .feature-icon {
  min-height: 68px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.saas-scope .feature-card-style-four .feature-disc {
  padding-top: 15px;
}
.saas-scope .feature-card-style-four .feature-disc h5 {
  color: #404040;
}
.saas-scope .feature-card-style-four .feature-disc P {
  font-size: 16px;
  color: rgba(82, 82, 82, 0.8);
  line-height: 26px;
  padding-top: 10px;
}
/*feature style six*/
.saas-scope .feature-six-screen {
  position: relative;
}
.saas-scope .feature-six-screen img {
  margin-left: 30px;
}
.saas-scope .feature-six-screen .feature-six-bg {
  position: absolute;
  width: 610px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #f0f0f5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.saas-scope .feature-six-screen .feature-six-bg::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #fd4c5c;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
  animation: circle-around 8s linear infinite;
}
.saas-scope .feature-six-screen .feature-six-bg::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #fd4c5c;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
  animation: circle-around 6s linear infinite;
}
.saas-scope .feature-six-contents {
  max-width: 600px;
}
.saas-scope .feature-action-single {
  background: #ffffff;
  border-radius: 30px;
  box-shadow: 14px 20px 48px rgba(25, 15, 44, 0.06);
  color: #404040;
  padding: 30px;
  padding-bottom: 22px;
  max-width: 270px;
  transition: all 0.3s;
}
.saas-scope .feature-action-single:hover {
  background: #5bc17f;
  color: #fffefe;
}
.saas-scope .feature-action-single:hover p {
  color: rgba(255, 254, 254, 0.8);
}
.saas-scope .feature-action-single:hover .action-btn a {
  color: #fff;
}
.saas-scope .feature-action-single.feature-action {
  background: #5bc17f;
  color: #fffefe;
}
.saas-scope .feature-action-single.feature-action p {
  color: rgba(255, 254, 254, 0.8);
}
.saas-scope .feature-action-single.feature-action .action-btn a {
  color: #fff;
}
.saas-scope .feature-action-single h5 {
  line-height: 100%;
  padding-bottom: 12px;
}
.saas-scope .feature-action-single p {
  color: rgba(82, 82, 82, 0.8);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--ff-inter);
  padding-bottom: 15px;
  transition: all 0.3s;
}
.saas-scope .feature-action-single .action-btn a {
  color: #38363c;
  font-size: 20px;
  display: inline-block;
  transition: all 0.3s;
}
@keyframes circle-around {
  0% {
    transform: rotate(360deg) translate(-305px);
  }
  100% {
    transform: rotate(0deg) translate(-305px);
  }
}
/* =============================
    features style end
==============================*/
/* =============================
   10. Blog Style start
==============================*/
.saas-scope .blog-style-one .blog-header p {
  font-size: 18px;
}
.saas-scope .blog-style-one .blog-slider-nav .blog-prev {
  margin-right: 18px;
}
.saas-scope .blog-style-one .blog-slider-nav .blog-next i,.saas-scope 
.blog-style-one .blog-slider-nav .blog-prev i {
  display: inline-block;
  width: 54px;
  height: 54px;
  background: rgba(137, 118, 253, 0.2);
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s;
  color: var(--primary-purple);
}
.saas-scope .blog-style-one .blog-slider-nav .blog-next i:hover,.saas-scope 
.blog-style-one .blog-slider-nav .blog-prev i:hover {
  background: var(--primary-purple);
  color: #fff;
}
.saas-scope .blog-card-style-one:hover .blog-thumb {
  transform: translateY(-4px);
}
.saas-scope .blog-card-style-one:hover .blog-thumb img {
  transform: scale(1.03);
}
.saas-scope .blog-card-style-one:hover .blog-disc .blog-title {
  color: var(--text-bright-gray);
}
.saas-scope .blog-card-style-one .blog-thumb {
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.saas-scope .blog-card-style-one .blog-thumb img {
  width: 100%;
  transition: all 0.3s ease;
}
.saas-scope .blog-card-style-one .blog-disc .blog-meta {
  padding-top: 22px;
}
.saas-scope .blog-card-style-one .blog-disc .blog-meta a {
  display: inline-block;
  font-family: var(--ff-nunito);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #5e587a;
}
.saas-scope .blog-card-style-one .blog-disc .blog-title {
  color: rgba(51, 44, 92, 0.8);
  margin-top: 18px;
  transition: all 0.3s ease;
}
.saas-scope .blog-card-style-one .blog-disc .blog-title a {
  color: inherit;
}
.saas-scope .blog-card-style-one .blog-disc .blog-btn {
  margin-top: 26px;
}
.saas-scope .blog-card-style-one .blog-disc .blog-btn a {
  font-family: var(--ff-nunito);
  font-weight: 700;
  font-size: 18px;
  color: var(--primary-purple);
  display: inline-block;
  background: rgba(137, 118, 253, 0.2);
  border-radius: 15px;
  padding: 15px 32px;
  transition: all 0.3s ease;
}
.saas-scope .blog-card-style-one .blog-disc .blog-btn a:hover {
  background: rgba(137, 118, 253, 0.3);
}
/* =============================
    Blog Style end
==============================*/
/* =============================
   11. Newslatter style start
==============================*/
.saas-scope .newslatter-style-one {
  margin-bottom: -210px;
  z-index: 9;
}
.saas-scope .newslatter-style-one .newslatter-wrap {
  background: var(--primary-purple);
  border-radius: 60px;
  padding-bottom: 120px;
  padding-top: 100px;
}
.saas-scope .newslatter-style-one .newslatter-wrap h3 {
  max-width: 885px;
  margin: 0 auto;
}
.saas-scope .newslatter-style-one .newslatter-wrap p {
  color: rgba(255, 255, 255, 0.8);
  padding-top: 22px;
}
.saas-scope .newslatter-form-style-one {
  max-width: 569px;
  margin: 0 auto;
  position: relative;
}
.saas-scope .newslatter-form-style-one .form-icon {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
.saas-scope .newslatter-form-style-one .submit-btn-one {
  position: absolute;
  top: 15px;
  bottom: 15px;
  right: 14px;
}
.saas-scope .newslatter-form-style-one input {
  background: #ffffff;
  border-radius: 22px;
  height: 96px;
  border: none;
  padding-left: 80px;
  font-weight: 600;
  color: var(--text-purple-haze);
}
.saas-scope .newslatter-form-style-one input::-moz-placeholder {
  font-family: var(--ff-nunito);
  font-weight: 400;
  font-size: 20px;
  color: rgba(94, 88, 122, 0.6);
}
.saas-scope .newslatter-form-style-one input::placeholder {
  font-family: var(--ff-nunito);
  font-weight: 400;
  font-size: 20px;
  color: rgba(94, 88, 122, 0.6);
}
/* =============================
    Newslatter style end
==============================*/
/* =============================
   12. footer style start
==============================*/
/*footer style one*/
.saas-scope .footer-style-one {
  background: rgba(137, 118, 253, 0.1);
  padding-top: 285px;
  padding-bottom: 50px;
}
.saas-scope .footer-style-one .footer-about .footer-disc {
  padding-top: 36px;
}
.saas-scope .footer-style-one .footer-about .footer-social-links {
  padding-top: 40px;
}
.saas-scope .footer-style-one .footer-about .footer-social-links li {
  margin-right: 20px;
}
.saas-scope .footer-style-one .footer-about .footer-social-links li:last-child {
  margin-right: 0;
}
.saas-scope .footer-style-one .footer-about .footer-social-links li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  color: #fff;
  background: rgba(137, 118, 253, 0.2);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.saas-scope .footer-style-one .footer-about .footer-social-links li a:hover {
  background: var(--primary-purple);
  transform: translate3d(0, -3px, 0);
}
.saas-scope .footer-style-one .footer-widget .footer-widget-title {
  padding-bottom: 24px;
}
.saas-scope .footer-style-one .footer-widget .footer-links li a {
  font-family: var(--ff-nunito);
  font-weight: 400;
  font-size: 20px;
  color: #494369;
  display: inline-block;
  margin-top: 15px;
  transition: all 0.3s;
}
.saas-scope .footer-style-one .footer-widget .footer-links li a:hover {
  color: var(--text-bright-gray);
  transform: translate3d(3px, 0, 0);
}
.saas-scope .footer-style-one .footer-terms-text,.saas-scope 
.footer-style-one .footer-right-text {
  font-family: var(--ff-nunito);
  font-weight: 400;
  font-size: 18px;
  color: #5e587a;
}
.saas-scope .footer-style-one .footer-terms-text a,.saas-scope 
.footer-style-one .footer-right-text a {
  color: inherit;
}
.saas-scope .footer-style-one.footer-ai {
  padding-top: 80px;
}
/*footer style two */
.saas-scope .footer-style-two {
  padding-top: 100px;
  padding-bottom: 60px;
}
.saas-scope .footer-style-two .footer-quick-links li {
  margin-right: 48px;
}
.saas-scope .footer-style-two .footer-quick-links li:last-child {
  margin-right: 0;
}
.saas-scope .footer-style-two .footer-quick-links li a {
  display: inline-block;
  font-family: var(--ff-poppins);
  font-weight: 400;
  font-size: 18px;
  color: #1c0e0d;
  transition: all 0.25s;
}
.saas-scope .footer-style-two .footer-quick-links li a:hover {
  color: #5bc17f;
}
.saas-scope .footer-style-two .footer-social-links li {
  margin-right: 48px;
}
.saas-scope .footer-style-two .footer-social-links li:last-child {
  margin-right: 0;
}
.saas-scope .footer-style-two .footer-social-links li a {
  display: inline-block;
  color: #18063c;
  transition: all 0.25s;
}
.saas-scope .footer-style-two .footer-social-links li a:hover {
  color: #5bc17f;
}
.saas-scope .footer-style-two .footer-bottom {
  padding-top: 38px;
  margin-top: 55px;
  border-top: 1px solid rgba(64, 64, 64, 0.2);
}
.saas-scope .footer-style-two .footer-defult-links {
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 18px;
  color: #404040;
}
.saas-scope .footer-style-two .footer-defult-links a {
  color: #404040;
}
/* fotter style three */
.saas-scope .footer-style-three .footer-social-links li a {
  display: inline-block;
  color: #18063c;
  transition: all 0.25s;
}
.saas-scope .footer-style-three .footer-social-links li a:hover {
  color: #5bc17f;
}
.saas-scope .footer-style-three .footer-top {
  padding-bottom: 46px;
}
.saas-scope .footer-style-three .foooter-main-wrap {
  padding-top: 20px;
  border-top: 1px solid rgba(64, 64, 64, 0.1);
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter h4 {
  font-family: var(--ff-poppins);
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 48px;
  color: #404040;
  padding-bottom: 35px;
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter .footer-newslatter-form {
  position: relative;
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter .footer-newslatter-form input {
  width: 100%;
  background: transparent;
  border: none;
  height: 60px;
  border-bottom: 1px solid rgba(64, 64, 64, 0.8);
  border-radius: 0;
  padding: 10px 0;
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter .footer-newslatter-form input:focus {
  border-bottom: 1px solid rgb(64, 64, 64);
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter .footer-newslatter-form input:focus + i {
  transform: translateX(8px) translateY(-50%);
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter .footer-newslatter-form input::-moz-placeholder {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: rgba(24, 6, 60, 0.5);
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter .footer-newslatter-form input::placeholder {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: rgba(24, 6, 60, 0.5);
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-newslatter .footer-newslatter-form i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #5bc17f;
  font-size: 20px;
  transition: all 0.3s;
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-widget {
  padding-top: 30px;
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-widget .footer-widget-title {
  font-family: var(--ff-poppins);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #18063c;
  padding-bottom: 15px;
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-widget .footer-links li {
  margin-top: 24px;
}
.saas-scope .footer-style-three .foooter-main-wrap .footer-widget .footer-links li a {
  display: inline-block;
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #404040;
  line-height: 24px;
}
.saas-scope .footer-style-three .footer-bottom {
  padding-top: 70px;
}
.saas-scope .footer-style-three .footer-defult-links {
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 18px;
  color: #404040;
}
.saas-scope .footer-style-three .footer-defult-links a {
  color: #404040;
}
/* =============================
    footer style start
==============================*/
/* =============================
  13. Country map style start
==============================*/
.saas-scope .country-map-style-one .country-map-wrap {
  position: relative;
  padding-top: 65px;
}
.saas-scope .country-map-style-one .country-map-wrap .map-bg img {
  width: 100%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country {
  position: absolute;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country::before {
  position: absolute;
  content: "";
  background: rgba(137, 118, 253, 0.6);
  z-index: -1;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  animation: country-ripple 2s linear infinite;
  animation-delay: 2s;
}
@keyframes country-ripple {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-1 {
  top: 26%;
  left: 16%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-2 {
  top: 11%;
  left: 36%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-3 {
  bottom: 20%;
  left: 26%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-4 {
  top: 20%;
  left: 48%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-5 {
  bottom: 20%;
  left: 55%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-6 {
  top: 28%;
  right: 27%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-7 {
  top: 16%;
  right: 10%;
}
.saas-scope .country-map-style-one .country-map-wrap .single-country.country-8 {
  bottom: 20%;
  right: 8%;
}
/* =============================
  Country map style end
==============================*/
/* =============================
  14. testimonial style start
==============================*/
/*testimonial style one*/
.saas-scope .testimonial-style-one .testimonial-slider-wrap h3 {
  padding-bottom: 36px;
}
.saas-scope .testimonial-style-one .floarting-avater-1 {
  top: 98%;
}
.saas-scope .testimonial-style-one .testi-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  opacity: 0.4;
  border: 1px solid var(--primary-purple);
  background: transparent;
  margin: 0 10px;
}
.saas-scope .testimonial-style-one .testi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--primary-purple);
  opacity: 1;
}
.saas-scope .testimonial-card-style-one p {
  font-family: var(--ff-poppins);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 190%;
  color: rgba(64, 64, 64, 0.9);
}
.saas-scope .testimonial-card-style-one .testimonial-bottom {
  padding-top: 55px;
}
.saas-scope .testimonial-card-style-one .testimonial-bottom h5 {
  padding-bottom: 8px;
}
.saas-scope .testimonial-card-style-one .testimonial-bottom span {
  font-family: var(--ff-nunito);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #5e587a;
}
.saas-scope .testimonial-thumb-style .thumb-avater {
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.45s;
}
.saas-scope .testimonial-thumb-style .thumb-avater img {
  border: 40px solid #fff;
  box-shadow: -20px 34px 80px rgba(25, 15, 44, 0.05);
  border-radius: 50%;
}
.saas-scope .testimonial-thumbs {
  padding-right: 0 !important;
  text-align: right;
}
.saas-scope .testimonial-thumbs .swiper-slide.swiper-slide-active .testimonial-thumb-style .thumb-avater {
  opacity: 1;
  transform: scale(1);
}
/*testimonial style two*/
.saas-scope .testimonial-style-two {
  background: url("/saaslyn/testimonial-bg-2.png"), linear-gradient(rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: rgb(255, 255, 255);
}
.saas-scope .testimonial-style-two .testi-pagination-two .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 85, 62, 0.4);
  border-radius: 50%;
  transition: all 0.3s;
  margin: 0;
  margin-right: 10px;
}
.saas-scope .testimonial-style-two .testi-pagination-two .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.saas-scope .testimonial-style-two .testi-pagination-two .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 36px;
  background: #ff553e;
  border-radius: 7px;
}
.saas-scope .testimonial-thumbs-two .swiper-slide-active .testimonial-thumb-style-two {
  opacity: 1;
  transform: scale(1);
}
.saas-scope .testimonial-thumb-style-two {
  background: #fff8f2;
  border-radius: 370px;
  max-width: 310px;
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.4s;
}
.saas-scope .testimonial-thumb-style-two img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.saas-scope .testimonial-card-style-two p {
  font-size: 20px;
}
.saas-scope .testimonial-card-style-two .testimonial-card-bottom {
  padding-top: 30px;
}
.saas-scope .testimonial-card-style-two .testimonial-card-bottom h5 {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  color: #38363c;
  padding-bottom: 4px;
}
.saas-scope .testimonial-card-style-two .testimonial-card-bottom span {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: rgba(56, 54, 60, 0.7);
}
/*testimonial style three*/
.saas-scope .testimonial-card-style-three {
  max-width: 1000px;
  text-align: center;
  padding: 20px;
}
.saas-scope .testimonial-card-style-three P {
  max-width: 770px;
  margin: 0 auto;
}
.saas-scope .testimonial-card-style-three h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: #38363c;
  font-family: var(--ff-inter);
  padding-top: 40px;
  padding-bottom: 10px;
}
.saas-scope .testimonial-card-style-three span {
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 16px;
  color: rgba(56, 54, 60, 0.7);
}
.saas-scope .testimonil-slider-three .swiper-slide.swiper-slide-active {
  position: relative;
}
.saas-scope .testimonil-slider-three .swiper-slide.swiper-slide-active::before {
  position: absolute;
  content: "";
  height: 80%;
  width: 1px;
  background: rgba(56, 54, 60, 0.4);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.saas-scope .testimonil-slider-three .swiper-slide.swiper-slide-active::after {
  position: absolute;
  content: "";
  height: 80%;
  width: 1px;
  background: rgba(56, 54, 60, 0.4);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.saas-scope .swiper-thumb-style-three {
  max-width: 240px;
}
.saas-scope .swiper-thumb-style-three img {
  border-radius: 50%;
  box-sizing: border-box;
}
.saas-scope .testimonial-thumbs-three {
  max-width: 918px;
  padding-right: 20px;
}
.saas-scope .testimonial-thumbs-three .swiper-slide {
  transform: scale(0.7);
  position: relative;
  transition: all 0.3s;
  width: 185px;
  height: 240px;
  border-radius: 50%;
}
.saas-scope .testimonial-thumbs-three .swiper-slide.swiper-slide-next {
  transform: scale(0.85) translateX(22px);
}
.saas-scope .testimonial-thumbs-three .swiper-slide.swiper-slide-prev {
  transform: scale(0.85) translateX(-22px);
}
.saas-scope .testimonial-thumbs-three .swiper-slide.swiper-slide-active {
  transform: scale(1);
  z-index: 2;
}
.saas-scope .testimonial-style-three .testi-pagination-three .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: rgba(91, 193, 127, 0.4);
}
.saas-scope .testimonial-style-three .testi-pagination-three .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #5bc17f;
}
/* =============================
  testimonial style end
==============================*/
/* =============================
  15. app download style start
==============================*/
.saas-scope .app-download-style {
  background: url("/saaslyn/download-app-bg.png"), linear-gradient(rgb(255, 248, 242) 100%, rgb(255, 248, 242) 100%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.saas-scope .app-download-style .app-download-content-wrap .download-options {
  display: flex;
  flex-wrap: wrap;
}
.saas-scope .app-download-style .app-download-content-wrap .download-options a {
  margin-right: 20px;
}
.saas-scope .app-download-style .app-download-content-wrap .download-options a:last-child {
  margin-right: 0;
}
.saas-scope .download-btn-fill {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ff553e;
  color: #fff;
  background: #ff553e;
  padding: 10.5px 30px;
  border-radius: 40px;
  transition: all 0.3s;
}
.saas-scope .download-btn-fill:hover {
  color: #ff553e;
  background: transparent;
}
.saas-scope .download-btn-fill i {
  font-size: 28px;
  margin-bottom: 9px;
  margin-right: 8px;
}
.saas-scope .download-btn-fill i::before {
  vertical-align: middle;
}
.saas-scope .download-btn-fill span {
  font-size: 10px;
}
.saas-scope .download-btn-fill h5 {
  line-height: 1;
  font-size: 16px;
  padding-bottom: 9px;
}
.saas-scope .download-btn-outlined {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ff553e;
  color: #ff553e;
  background: transparent;
  padding: 10.5px 33px;
  border-radius: 40px;
  transition: all 0.3s;
}
.saas-scope .download-btn-outlined:hover {
  color: #fff;
  background: #ff553e;
}
.saas-scope .download-btn-outlined i {
  font-size: 28px;
  margin-bottom: 9px;
  margin-right: 8px;
}
.saas-scope .download-btn-outlined i::before {
  vertical-align: middle;
}
.saas-scope .download-btn-outlined span {
  font-size: 10px;
}
.saas-scope .download-btn-outlined h5 {
  line-height: 1;
  font-size: 16px;
  padding-bottom: 9px;
}
/* =============================
  app download style end
==============================*/
/* =============================
 16. Pricing style start
==============================*/
.saas-scope .switch-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.saas-scope .switch-container h6 {
  font-weight: 500;
}
.saas-scope .switch-container .switch {
  position: relative;
  display: inline-block;
  min-width: 84px;
  height: 40px;
  margin: 0 25px;
}
.saas-scope .switch-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.saas-scope .switch-container .switch input:checked + .slider {
  background-image: linear-gradient(to right, hsla(7, 100%, 62%, 0.4), hsla(7, 100%, 40%, 0.3));
}
.saas-scope .switch-container .switch input:focus + .slider {
  box-shadow: 0 0 1px hsla(7, 100%, 62%, 0.4);
}
.saas-scope .switch-container .switch input:checked + .slider:before {
  transform: translateX(44px);
}
.saas-scope .switch-container .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 85, 62, 0.2);
  transition: 0.4s;
}
.saas-scope .switch-container .switch .slider.round {
  border-radius: 34px;
}
.saas-scope .switch-container .switch .slider.round:before {
  border-radius: 50%;
}
.saas-scope .switch-container .switch .slider::before {
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  left: 4px;
  bottom: 4px;
  background-color: #ff553e;
  transition: 0.4s;
}
.saas-scope .plan-tables-hidden {
  display: none;
}
.saas-scope .pricing-card-style {
  border: 1px solid #ff553e;
  box-sizing: border-box;
  border-radius: 110px;
  text-align: center;
  padding: 45px;
  padding-top: 34px;
  background: #fff;
}
.saas-scope .pricing-card-style.featured-plan {
  background: #ff553e;
}
.saas-scope .pricing-card-style.featured-plan .card-status {
  color: #fff;
}
.saas-scope .pricing-card-style.featured-plan .pricing-features li {
  color: #fff;
}
.saas-scope .pricing-card-style.featured-plan .plan-pricing .doller-sign {
  color: rgba(255, 255, 255, 0.8);
}
.saas-scope .pricing-card-style.featured-plan .plan-pricing h2 {
  color: #fff;
}
.saas-scope .pricing-card-style.featured-plan .plan-pricing h2 span {
  color: rgba(255, 255, 255, 0.8);
}
.saas-scope .pricing-card-style.featured-plan .pricing-btn a {
  background: #fff;
  color: #ff553e;
}
.saas-scope .pricing-card-style .card-status {
  color: #404040;
  line-height: 100%;
  padding-bottom: 40px;
}
.saas-scope .pricing-card-style .pricing-features li {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 50px;
  color: rgba(255, 85, 62, 0.8);
  padding-top: 10px;
}
.saas-scope .pricing-card-style .plan-pricing {
  position: relative;
  display: inline-block;
  margin-top: 60px;
}
.saas-scope .pricing-card-style .plan-pricing .doller-sign {
  position: absolute;
  top: 4px;
  right: calc(100% + 3px);
  color: rgba(64, 64, 64, 0.7);
  font-size: 18px;
  font-weight: 500;
}
.saas-scope .pricing-card-style .plan-pricing h2 {
  font-family: var(--ff-inter);
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 100%;
  color: #404040;
}
.saas-scope .pricing-card-style .plan-pricing h2 span {
  font-weight: 500;
  font-size: 18px;
  color: rgba(64, 64, 64, 0.4);
}
.saas-scope .pricing-card-style .pricing-btn {
  padding-top: 50px;
}
.saas-scope .pricing-card-style .pricing-btn a {
  font-family: var(--ff-poppins);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  padding: 22px 40px;
  background: #ff553e;
  border-radius: 40px;
  display: inline-block;
  transition: all 0.3s;
}
.saas-scope .pricing-card-style .pricing-btn a:hover {
  transform: translate3d(0, -3px, 0);
}
.saas-scope .pricing-card-style-two {
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.03);
  border-radius: 30px;
  padding: 48px 36px;
  padding-top: 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.saas-scope .pricing-card-style-two .pricing-tag {
  padding-top: 12px;
}
.saas-scope .pricing-card-style-two p {
  padding-top: 10px;
}
.saas-scope .pricing-card-style-two .pricing-features {
  padding-top: 12px;
}
.saas-scope .pricing-card-style-two .pricing-features li {
  position: relative;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 180%;
  color: #494369;
  font-family: var(--ff-nunito);
  margin-top: 12px;
  padding-left: 40px;
}
.saas-scope .pricing-card-style-two .pricing-features li::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #494369;
  border-radius: 50%;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}
/* =============================
  Pricing style end
==============================*/
/* =============================
  17. Register style start
==============================*/
.saas-scope .register-style-one {
  overflow: hidden;
}
.saas-scope .register-style-one .register-content {
  max-width: 612px;
}
.saas-scope .register-style-one .register-content p {
  color: rgba(255, 255, 255, 0.8);
}
.saas-scope .register-style-one .register-style-one-bg {
  position: absolute;
  background: #5bc17f;
  border-radius: 70px;
  width: 94%;
  height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* =============================
  Register style end
==============================*/
/* =============================
  18. Pyment method style start
==============================*/
.saas-scope .payment-style-one .payment-style-one-header p {
  max-width: 600px;
  margin: 0 auto;
}
.saas-scope .payment-style-one .payment-method-single {
  background: #ffffff;
  box-shadow: 14px 20px 48px rgba(25, 15, 44, 0.05);
  border-radius: 40px;
  padding: 40px;
}
.saas-scope .payment-style-one .payment-method-single .method-top {
  display: flex;
  align-items: center;
  padding-bottom: 46px;
  border-bottom: 1px solid rgba(56, 54, 60, 0.2);
}
.saas-scope .payment-style-one .payment-method-single .method-top .system-icon {
  margin-right: 22px;
  min-width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(91, 193, 127, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.saas-scope .payment-style-one .payment-method-single .method-top .system-icon img {
  border-radius: 50%;
}
.saas-scope .payment-style-one .payment-method-single .method-top .top-info h5 {
  line-height: 1.2;
  color: #34303c;
  padding-bottom: 12px;
}
.saas-scope .payment-style-one .payment-method-single .method-top .top-info p {
  line-height: 30px;
}
.saas-scope .payment-style-one .payment-method-single .method-body {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 40px;
}
.saas-scope .payment-style-one .payment-method-single .method-body .single-method-card {
  flex-basis: calc(50% - 10px);
  box-shadow: 0px 0px 80px rgba(25, 15, 44, 0.05);
  border-radius: 16px;
  margin-right: 20px;
}
.saas-scope .payment-style-one .payment-method-single .method-body .single-method-card:last-child {
  margin-right: 0;
}
.saas-scope .payment-style-one .payment-method-single .method-body .single-method-card.single-payment-logo {
  min-height: 98px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100%;
}
.saas-scope .payment-style-one .payment-method-single .method-body .single-method-card.single-payment-safety {
  text-align: center;
  padding: 33px 22px;
  padding-bottom: 22px;
}
.saas-scope .payment-style-one .payment-method-single .method-body .single-method-card.single-payment-safety .safety-icon {
  min-width: 56px;
  height: 56px;
  background: rgba(91, 193, 127, 0.1);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.saas-scope .payment-style-one .payment-method-single .method-body .single-method-card.single-payment-safety p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(56, 54, 60, 0.8);
  font-family: var(--ff-inter);
  line-height: 28px;
  padding-top: 17px;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .payment-style-one .payment-method-single .method-body {
    grid-template-columns: auto;
  }
}
/* =============================
  Pyment method style end
==============================*/
/* =============================
 19. Partner style start
==============================*/
.saas-scope .single-client-logo {
  transform: translateX(100%);
}
.saas-scope .partner-style-one {
  background: #f8fefe;
}
.saas-scope .partner-style-one .partner-one-content {
  max-width: 540px;
  padding-left: 70px;
}
/* =============================
  Partner style end
==============================*/
/* =============================
20. Contect Wrapper start
==============================*/
.saas-scope .contact-wrapper .contact-content p {
  color: rgba(73, 67, 105, 0.8);
  padding-top: 26px;
  padding-bottom: 15px;
}
.saas-scope .contact-wrapper .contact-info .contact-info-box {
  margin-top: 32px;
}
.saas-scope .contact-wrapper .contact-info .contact-info-box p {
  font-family: var(--ff-nunito);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: rgba(73, 67, 105, 0.8);
  padding-bottom: 5px;
}
.saas-scope .contact-wrapper .contact-info .contact-info-box h5 {
  font-family: var(--ff-poppins);
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  text-transform: capitalize;
  color: rgba(73, 67, 105, 0.8);
  transition: all 0.25s;
  margin-top: 14px;
}
.saas-scope .contact-wrapper .contact-info .contact-info-box h5:hover {
  color: rgb(73, 67, 105);
}
.saas-scope .contact-wrapper .contact-info .contact-info-box h5 a {
  color: inherit;
}
.saas-scope .primary-input-group {
  position: relative;
  margin-top: 35px;
}
.saas-scope .primary-input-group textarea {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid rgba(51, 44, 92, 0.41);
  height: 80px;
  width: 100%;
  padding: 0;
  background: transparent;
  font-size: 20px;
  font-family: var(--ff-nunito);
  font-weight: 700;
  color: #494369;
}
.saas-scope .primary-input-group textarea:focus {
  border-bottom: 2px solid rgba(51, 44, 92, 0.9);
}
.saas-scope .primary-input-group textarea:focus ~ label {
  top: -8px;
  color: rgba(73, 67, 105, 0.6);
  font-weight: 400;
  font-size: 18px;
}
.saas-scope .primary-input-group input {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid rgba(51, 44, 92, 0.41);
  height: 55px;
  width: 100%;
  padding: 0;
  background: transparent;
  font-size: 20px;
  font-family: var(--ff-nunito);
  font-weight: 700;
  color: #494369;
}
.saas-scope .primary-input-group input:focus {
  border-bottom: 2px solid rgba(51, 44, 92, 0.9);
}
.saas-scope .primary-input-group input:focus ~ label {
  top: -6px;
  color: rgba(73, 67, 105, 0.6);
  font-weight: 400;
  font-size: 18px;
}
.saas-scope .primary-input-group label.area-label {
  top: 10px;
}
.saas-scope .primary-input-group label {
  font-family: var(--ff-nunito);
  font-weight: 700;
  font-size: 20px;
  color: rgb(73, 67, 105);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  transition: 0.2s all;
  cursor: text;
  color: rgba(73, 67, 105, 0.8);
}
/* =============================
Contect Wrapper end
==============================*/
/* =============================
21. team style start
==============================*/
.saas-scope .team-style-one {
  background: url("/saaslyn/team-bg.png") no-repeat center;
  background-size: cover;
  padding-top: 50px;
}
.saas-scope .team-card-style-one {
  background: #ffffff;
  border-radius: 24px;
  text-align: center;
  padding: 60px 25px;
  padding-bottom: 55px;
}
.saas-scope .team-card-style-one:hover .team-avater img {
  transform: scale(1.05);
}
.saas-scope .team-card-style-one .team-avater {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.saas-scope .team-card-style-one .team-avater img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.2s;
}
.saas-scope .team-card-style-one .team-disc {
  padding-top: 48px;
}
.saas-scope .team-card-style-one .team-disc h5 {
  color: #5e587a;
  padding-bottom: 5px;
}
.saas-scope .team-card-style-one .team-disc p {
  font-family: var(--ff-nunito);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  color: #5e587a;
}
/* =============================
team style end
==============================*/
/* =============================
22. Blog wrapper start
==============================*/
.saas-scope .featured-blog-content {
  max-width: 668px;
}
.saas-scope .featured-blog-content p {
  padding-top: 24px;
  color: rgba(28, 14, 1, 0.8);
  max-width: 465px;
}
/*blog card sm*/
.saas-scope .blog-card-sm:hover .blog-info h5 {
  color: rgb(73, 67, 105);
}
.saas-scope .blog-card-sm:hover .blog-info h5 a {
  background-size: 100% 100%;
}
.saas-scope .blog-card-sm .blog-thumb img {
  width: 100%;
  border-radius: 40px;
}
.saas-scope .blog-card-sm .blog-info h5 {
  padding-top: 16px;
  font-family: var(--ff-nunito);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 180%;
  color: rgba(73, 67, 105, 0.8);
}
.saas-scope .blog-card-sm .blog-info h5 a {
  color: inherit;
  text-decoration: none;
  background-repeat: no-repeat;
  transition: all 0.35s ease;
  background-image: linear-gradient(180deg, transparent 90%, rgba(73, 67, 105, 0.2) 0);
  background-size: 0 100%;
}
/*blog card md*/
.saas-scope .blog-card-md {
  padding-bottom: 30px;
}
.saas-scope .blog-card-md.has-bottom-border {
  border-bottom: 1px solid rgba(94, 88, 122, 0.5);
}
.saas-scope .blog-card-md:hover .blog-title {
  color: rgb(73, 67, 105);
}
.saas-scope .blog-card-md:hover .blog-title a {
  background-size: 100% 100%;
}
.saas-scope .blog-card-md .blog-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.saas-scope .blog-card-md .blog-meta li {
  font-weight: 400;
  font-size: 18px;
  line-height: 180%;
  color: rgba(73, 67, 105, 0.8);
  font-family: var(--ff-nunito);
}
.saas-scope .blog-card-md .blog-meta li a {
  font-weight: 700;
  color: inherit;
}
.saas-scope .blog-card-md .blog-title {
  padding-top: 10px;
}
.saas-scope .blog-card-md .blog-title a {
  color: rgba(73, 67, 105, 0.8);
  text-decoration: none;
  background-repeat: no-repeat;
  transition: all 0.35s ease;
  background-image: linear-gradient(180deg, transparent 90%, rgba(73, 67, 105, 0.2) 0);
  background-size: 0 100%;
}
.saas-scope .blog-card-md p {
  padding-top: 6px;
  font-family: var(--ff-nunito);
  font-weight: 400;
  font-size: 18px;
  line-height: 180%;
  color: rgba(72, 66, 105, 0.8);
}
.saas-scope .blog-grid-featured-image img {
  width: 100%;
  border-radius: 60px;
}
/*blog card xl*/
.saas-scope .blog-card-xl:hover .blog-thumb img {
  transform: scale(1.04);
}
.saas-scope .blog-card-xl:hover .blog-info .blog-title a {
  background-size: 100% 100%;
}
.saas-scope .blog-card-xl .blog-thumb {
  border-radius: 20px;
  overflow: hidden;
}
.saas-scope .blog-card-xl .blog-thumb img {
  width: 100%;
  transition: all 0.35s;
}
.saas-scope .blog-card-xl .blog-info .blog-title {
  color: #494369;
  padding-top: 28px;
}
.saas-scope .blog-card-xl .blog-info .blog-title a {
  color: inherit;
  text-decoration: none;
  background-repeat: no-repeat;
  transition: all 0.35s ease;
  background-image: linear-gradient(180deg, transparent 90%, rgba(73, 67, 105, 0.2) 0);
  background-size: 0 100%;
}
.saas-scope .blog-card-xl .blog-info p {
  color: rgba(73, 67, 105, 0.8);
  padding-top: 12px;
}
/*blog card sm v2*/
.saas-scope .blog-card-sm-v2:hover .blog-thumb img {
  transform: scale(1.04);
}
.saas-scope .blog-card-sm-v2:hover .blog-info .blog-title a {
  background-size: 100% 100%;
}
.saas-scope .blog-card-sm-v2 .blog-thumb {
  overflow: hidden;
  border-radius: 24px;
}
.saas-scope .blog-card-sm-v2 .blog-thumb img {
  width: 100%;
  filter: drop-shadow(0px 20px 80px rgba(0, 0, 0, 0.03));
  transition: all 0.35s;
}
.saas-scope .blog-card-sm-v2 .blog-title {
  padding-top: 18px;
  color: #494369;
}
.saas-scope .blog-card-sm-v2 .blog-title a {
  color: inherit;
  text-decoration: none;
  background-repeat: no-repeat;
  transition: all 0.35s ease;
  background-image: linear-gradient(180deg, transparent 90%, rgba(73, 67, 105, 0.2) 0);
  background-size: 0 100%;
}
.saas-scope .blog-card-sm-v2 p {
  color: rgba(72, 66, 105, 0.8);
  padding-top: 4px;
}
.saas-scope .featured-article-wrapper .featured-blog-two-content p {
  color: rgba(73, 67, 105, 0.8);
}
/*blog details wrapper*/
.saas-scope .blog-details-wrapper .blog-det-thumb img {
  width: 100%;
}
.saas-scope .blog-details-wrapper .blog-det-featured {
  max-width: 670px;
  background: #ffffff;
  border-radius: 50px;
  padding: 48px;
  padding-bottom: 44px;
  margin-top: -220px;
}
.saas-scope .blog-details-wrapper .blog-det-featured .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.saas-scope .blog-details-wrapper .blog-det-featured .meta li {
  font-weight: 400;
  font-size: 18px;
  line-height: 180%;
  color: rgba(73, 67, 105, 0.8);
  font-family: var(--ff-nunito);
}
.saas-scope .blog-details-wrapper .blog-det-featured .meta li a {
  font-weight: 700;
  color: inherit;
}
.saas-scope .blog-details-wrapper .blog-det-featured h5 {
  color: rgba(73, 67, 105, 0.8);
  padding-top: 10px;
}
.saas-scope .blog-details-wrapper .blog-det-featured p {
  padding-top: 6px;
  color: rgba(73, 67, 105, 0.8);
}
.saas-scope .blog-details-wrapper p {
  color: rgba(73, 67, 105, 0.8);
}
.saas-scope .blog-details-wrapper .related-links {
  border-top: 10px solid var(--primary-purple);
  padding-top: 20px;
  margin-top: 10px;
}
.saas-scope .blog-details-wrapper .related-links h4 {
  color: rgba(73, 67, 105, 0.8);
  padding-bottom: 5px;
}
.saas-scope .blog-details-wrapper .related-links .link-list li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(51, 44, 92, 0.3);
}
.saas-scope .blog-details-wrapper .related-links .link-list li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.saas-scope .blog-details-wrapper .related-links .link-list li a {
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  text-transform: capitalize;
  color: rgba(137, 118, 253, 0.8);
  font-family: var(--ff-poppins);
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s;
}
.saas-scope .blog-details-wrapper .related-links .link-list li a:hover {
  color: rgb(137, 118, 253);
}
/* =============================
Blog wrapper end
==============================*/
/* =============================
23. About wrapper start
==============================*/
.saas-scope .about-wrapper .about-highlighted-screens .line-shape {
  width: 30%;
}
.saas-scope .about-wrapper .about-highlighted-screens .about-screen-two img,.saas-scope 
.about-wrapper .about-highlighted-screens .about-screen-one img {
  filter: drop-shadow(-6px 6px 60px rgba(0, 0, 0, 0.08));
  border-radius: 10px;
}
.saas-scope .about-wrapper .about-highlighted-screens .about-screen-two {
  position: absolute;
  bottom: -12%;
  left: -21%;
  filter: drop-shadow(-6px 6px 60px rgba(0, 0, 0, 0.08));
  border-radius: 10px;
  width: 40%;
}
.saas-scope .about-experience-wrap .experience-screen {
  width: 52%;
}
.saas-scope .about-company-wrapper .about-company-header {
  max-width: 540px;
}
.saas-scope .company-clients {
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.03);
  border-radius: 24px;
  padding: 90px 42px;
  margin-top: 45px;
}
.saas-scope .company-clients .single-client-logo {
  text-align: center;
}
.saas-scope .about-fact-card {
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.03);
  border-radius: 24px;
  text-align: center;
  padding: 48px 20px;
}
.saas-scope .about-fact-card h1 {
  color: var(--text-bright-gray);
}
.saas-scope .about-fact-card h5 {
  margin-top: 20px;
  color: #5e587a;
}
.saas-scope .experience-content {
  max-width: 600px;
}
.saas-scope .experience-content .experience-list li {
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.03);
  border-radius: 24px;
  padding: 30px 30px;
  position: relative;
  margin-top: 20px;
}
.saas-scope .experience-content .experience-list li:first-child {
  margin-top: 0;
}
.saas-scope .experience-content .experience-list li span {
  width: 24px;
  height: 24px;
  background: rgba(109, 237, 195, 0.8);
  border-radius: 50%;
  display: inline-block;
  margin-right: 32px;
  position: relative;
}
.saas-scope .experience-content .experience-list li span::before {
  position: absolute;
  content: "";
  background: rgba(109, 237, 195, 0.1);
  inset: -12px;
  border-radius: 50%;
}
.saas-scope .experience-content .experience-list li h5 {
  color: rgba(28, 14, 13, 0.8);
}
.saas-scope .about-experience-screens .experience-screen img {
  filter: drop-shadow(10px 34px 120px rgba(0, 0, 0, 0.07));
  border-radius: 14px;
}
.saas-scope .about-experience-screens .experience-screen.screen-1 {
  bottom: 18px;
}
.saas-scope .about-experience-screens .experience-screen.screen-2 {
  top: 18px;
}
.saas-scope .about-experience-screens .experience-screen.screen-3 {
  top: 60%;
  right: 10%;
}
.saas-scope .disply-feature-cards::before {
  position: absolute;
  content: "";
  width: 90%;
  aspect-ratio: 1/1;
  background: rgba(252, 166, 31, 0.1);
  z-index: -1;
  border-radius: 50%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.saas-scope .disply-feature-card {
  display: flex;
  align-items: center;
  max-width: 470px;
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.03);
  border-radius: 24px;
  padding: 22px 33px;
  padding-top: 26px;
}
.saas-scope .disply-feature-card.v1 .feature-icon {
  background: #6dedc3;
}
.saas-scope .disply-feature-card.v2 .feature-icon {
  background: #fca61f;
}
.saas-scope .disply-feature-card .feature-icon {
  margin-right: 24px;
  min-width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #7188ff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.saas-scope .disply-feature-card .feature-icon img {
  max-width: 100%;
}
.saas-scope .disply-feature-card .feature-info span {
  font-family: var(--ff-nunito);
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: rgba(73, 67, 105, 0.8);
}
.saas-scope .disply-feature-card .feature-info h5 {
  margin-top: 6px;
  color: rgba(51, 44, 92, 0.8);
}
/* =============================
About wrapper end
==============================*/
/* =============================
24. service area start
==============================*/
.saas-scope .service-wrapper .service-main-content {
  max-width: 660px;
}
.saas-scope .service-slider .swiper-slide .single-service-slide {
  position: relative;
  overflow: hidden;
}
.saas-scope .service-slider .swiper-slide .single-service-slide .service-slide-img {
  border-radius: 30px;
  overflow: hidden;
}
.saas-scope .service-slider .swiper-slide .single-service-slide .service-slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.saas-scope .service-slider .swiper-slide .single-service-slide .service-slide-overlay {
  inset: 0;
  position: absolute;
  padding: 30px 24px;
}
.saas-scope .service-details-wrapper .service-price .service-price-shape {
  animation: service-trasform-z-one 14s linear infinite;
}
@keyframes service-trasform-z-one {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.saas-scope .service-details-wrapper .service-price .service-price-tag {
  position: absolute;
  width: 42%;
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  aspect-ratio: 1/1;
}
.saas-scope .service-details-wrapper .service-price .service-price-tag h5 {
  color: #5e587a;
}
.saas-scope .service-process-wrap .service-porcess-single {
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.saas-scope .service-process-wrap .service-porcess-single:hover .service-porcess-img img {
  transform: scale(1.03);
}
.saas-scope .service-process-wrap .service-porcess-single:hover .service-porcess-overlay {
  opacity: 1;
}
.saas-scope .service-process-wrap .service-porcess-single:hover .service-porcess-overlay h5 {
  opacity: 1;
  transform: translateY(0);
}
.saas-scope .service-process-wrap .service-porcess-single img {
  width: 100%;
  transition: all 0.2s;
}
.saas-scope .service-process-wrap .service-porcess-single .service-porcess-overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(15.96deg, rgba(192, 110, 243, 0.6) 12.02%, rgba(137, 118, 253, 0.33) 44.21%, rgba(137, 118, 253, 0) 89.1%);
  padding: 25px 30px;
  display: flex;
  align-items: flex-end;
  transition: all 0.2s;
}
.saas-scope .service-process-wrap .service-porcess-single .service-porcess-overlay h5 {
  color: #fff;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.2s;
}
.saas-scope .service-process-wrap .service-porcess-single .service-porcess-overlay h5 a {
  color: inherit;
}
.saas-scope .about-service-wrapper .service-thumb img {
  border-radius: 24px;
}
/*service card style*/
.saas-scope .service-card-style {
  background: #ffffff;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.03);
  border-radius: 24px;
  padding: 28px;
}
.saas-scope .service-card-style:hover .service-icon {
  transform: rotate3d(1, 1, 1, 360deg);
}
.saas-scope .service-card-style .service-icon {
  width: 88px;
  height: 88px;
  background: #8976fd;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s;
}
.saas-scope .service-card-style .service-icon.bg-6 {
  background: #fca61f;
}
.saas-scope .service-card-style .service-icon.bg-5 {
  background: #c06ef3;
}
.saas-scope .service-card-style .service-icon.bg-4 {
  background: #6dedc3;
}
.saas-scope .service-card-style .service-icon.bg-3 {
  background: #7188ff;
}
.saas-scope .service-card-style .service-icon.bg-2 {
  background: #6dcbff;
}
.saas-scope .service-card-style .service-card-info {
  padding-top: 28px;
}
.saas-scope .service-card-style .service-card-info p {
  padding-top: 16px;
}
.saas-scope .service-card-style .service-card-info .service-card-btn {
  margin-top: 35px;
}
.saas-scope .service-card-style .service-card-info .service-card-btn a {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #fca61f;
  font-family: var(--ff-nunito);
  display: inline-flex;
  align-items: center;
}
.saas-scope .service-card-style .service-card-info .service-card-btn a i {
  margin-left: 10px;
}
/* =============================
service area end
==============================*/
/* New Pricing Section */
.saas-scope .price-box {
  border: 0.5px solid #ddd;
  padding: 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 0;
}
.saas-scope .price-box .price-title-box {
  min-height: 179px;
}
.saas-scope .price-box .price-title-box .price-title {
  font-size: 24px;
  font-weight: 400;
}
.saas-scope .price-box .price-title-box .price-number {
  font-size: 50px;
  font-weight: 500;
  margin: 10px 0 10px;
}
.saas-scope .price-box .price-title-box .price-number sub {
  font-size: 12px;
  font-weight: 700;
}
.saas-scope .price-box .price-title-box p {
  font-weight: 600;
}
.saas-scope .price-box .price-list ul {
  margin-top: 33px;
}
.saas-scope .price-box .price-list ul li {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.saas-scope .price-box .price-list ul li:last-child {
  margin-bottom: 0;
}
.saas-scope .price-box .price-list ul li .tooltip-btn {
  background: none;
}
.saas-scope .price-box .price-list ul li .tooltip-btn i {
  color: #8976fd;
}
.saas-scope .price-box.popular {
  background-color: #8976fd;
  position: relative;
}
.saas-scope .price-box.popular .price-title-box .price-title {
  color: #fff;
}
.saas-scope .price-box.popular .price-title-box .price-number {
  color: #fff;
}
.saas-scope .price-box.popular .price-title-box p {
  color: #fff;
}
.saas-scope .price-box.popular .price-list .btn-fill-rounded {
  background: #253053;
}
.saas-scope .price-box.popular .price-list .btn-fill-rounded:hover {
  background: hsl(226, 38%, 16%);
}
.saas-scope .price-box.popular .price-list ul {
  margin-top: 33px;
}
.saas-scope .price-box.popular .price-list ul li {
  color: #fff;
}
.saas-scope .price-box.popular .price-list ul li .tooltip-btn i {
  color: #fff;
}
.saas-scope .price-box.popular:before {
  position: absolute;
  background: url("/saaslyn/download.svg");
  background-size: contain;
  width: 93px;
  height: 93px;
  top: -8.5px;
  right: -6px;
  content: "";
  z-index: 10;
}
.saas-scope .price-wrap .row .price-col:first-child .price-box {
  border-left: 0.5px solid #ddd;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.saas-scope .price-wrap .row .price-col:last-child .price-box {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.saas-scope .price-nav {
  border: 1px solid #ddd;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.saas-scope .price-nav li {
  flex-grow: 1;
  margin: -2px -2px 0;
  max-width: 100%;
}
.saas-scope .price-nav li .nav-link {
  display: unset;
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  border-radius: unset;
  color: #212529;
  padding: 50px 50px;
  border-radius: 7px 7px 0 0;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.saas-scope .price-nav li .nav-link span {
  font-weight: 400;
  font-size: 16px;
}
.saas-scope .price-nav .nav-link.active,.saas-scope 
.price-nav .nav-pills .show > .nav-link {
  color: #212529;
  background-color: #fff;
  box-shadow: 5px -10px 20px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.saas-scope .price-nav .nav-link.active::before,.saas-scope 
.price-nav .nav-pills .show > .nav-link::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background-color: #8976fd;
  content: "";
}
/* =============================
AI service area
==============================*/
.saas-scope .ai-service .nav-pills .nav-link.active,.saas-scope 
.ai-service .nav-pills .show > .nav-link {
  background-color: var(--text-light-purple);
}
.saas-scope .ai-service .nav-item {
  flex-grow: 1;
}
.saas-scope .ai-service .nav {
  justify-content: space-between;
  border-radius: 40px;
  background: linear-gradient(90deg, rgba(192, 109, 243, 0.05), rgba(116, 97, 224, 0.05) 100%);
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
}
.saas-scope .ai-service .nav .nav-link {
  width: 100%;
  border-radius: 40px;
  font-weight: 500;
  padding: 16px 30px;
  white-space: nowrap;
  line-height: 1;
}
.saas-scope .ai-service.price-ai .nav {
  max-width: 842px;
}
.saas-scope .ai-service.price-ai .nav .nav-link span {
  border-radius: 7px;
  border: 2px solid var(--text-light-purple);
  padding: 1px 14px 2px;
  font-weight: 700;
}
.saas-scope .ai-service.price-ai .nav-pills .nav-link.active,.saas-scope 
.ai-service.price-ai .nav-pills .show > .nav-link {
  background-color: var(--text-light-purple);
}
.saas-scope .ai-service.price-ai .nav-pills .nav-link.active span,.saas-scope 
.ai-service.price-ai .nav-pills .show > .nav-link span {
  border: 2px solid #fff;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-service .nav {
    justify-content: space-between;
    border-radius: 40px;
    background: linear-gradient(90deg, rgba(192, 109, 243, 0.05), rgba(116, 97, 224, 0.05) 100%);
    overflow: hidden;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .saas-scope .ai-service .nav .nav-link {
    border-radius: 40px;
    font-weight: 500;
    padding: 13px 30px;
    white-space: nowrap;
  }
}
.saas-scope .ai-side-info .ai-side-title {
  font-size: 35px;
}
.saas-scope .ai-side-info .ai-side-text {
  margin: 15px 0 25px;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-side-info .ai-side-text {
    margin: 5px 0 15px;
  }
}
.saas-scope .ai-side-info ul li {
  display: flex;
  align-items: center;
  color: var(--text-bright-gray);
  font-weight: 500;
}
.saas-scope .ai-side-info ul li:not(:last-child) {
  margin-bottom: 10px;
}
.saas-scope .ai-side-info ul li svg {
  color: var(--text-light-purple);
  margin-right: 10px;
}
.saas-scope .ai-side-info.ai-side-info-about ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 30px;
}
.saas-scope .ai-side-info.ai-side-info-about ul li {
  margin-bottom: 0;
}
@media only screen and (max-width: 767.98px) {
  .saas-scope .ai-side-info.ai-side-info-about ul {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 20px;
  }
}
.saas-scope .ai-service-img {
  background: linear-gradient(90deg, rgba(192, 109, 243, 0.05), rgba(116, 97, 224, 0.05) 100%);
  padding: 20px;
  border-radius: 20px;
}
.saas-scope .ai-side-img {
  padding: 22px;
  border-radius: 20px;
  background: linear-gradient(90deg, rgba(192, 109, 243, 0.05), rgba(116, 97, 224, 0.05) 100%);
}
.saas-scope .ai-side-img.ai-side-img-about {
  padding: 16px;
}
.saas-scope .fun-fact-style-one {
  padding: 80px 0;
  background: linear-gradient(90deg, rgba(192, 109, 243, 0.05), rgba(116, 97, 224, 0.05) 100%);
}
/* =============================
AI service area End
==============================*/
/* =============================
AI Works
==============================*/
.saas-scope .ai-work-box-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .saas-scope .ai-work-box-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.saas-scope .ai-work-box {
  padding: 30px 20px;
  border-radius: 20px;
  background: linear-gradient(90deg, rgba(192, 109, 243, 0.05), rgba(116, 97, 224, 0.05));
  transition: all 0.3s;
}
.saas-scope .ai-work-box svg {
  color: var(--text-light-purple);
}
.saas-scope .ai-work-box h4 {
  font-size: 20px;
  margin: 15px 0 10px;
}
.saas-scope .ai-work-box:hover {
  background: linear-gradient(90deg, rgba(192, 109, 243, 0.15), rgba(116, 97, 224, 0.15));
  transform: translateY(4px);
}
/* =============================
AI Works End
==============================*/
/* =============================
AI Dreams
==============================*/
.saas-scope .bg-pink {
  background: rgba(192, 110, 243, 0.05);
}
.saas-scope .ai-dreams-single {
  padding: 0 65px;
}
.saas-scope .ai-dreams-single .ai-dreams-icon-wrap {
  max-width: 250px;
  width: 100%;
  height: 250px;
  border-radius: 50%;
  background-color: rgba(107, 203, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.saas-scope .ai-dreams-single h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  text-transform: capitalize;
  margin: 25px 0 5px;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-dreams-single h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .saas-scope .ai-dreams-single {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .saas-scope .ai-dreams-single {
    padding: 0 0px;
  }
}
.saas-scope .ai-dreams-wrap {
  counter-reset: count;
}
.saas-scope .ai-dreams-wrap .ai-dreams-box .ai-dreams-single .ai-dreams-icon-wrap {
  position: relative;
}
.saas-scope .ai-dreams-wrap .ai-dreams-box .ai-dreams-single .ai-dreams-icon-wrap::before {
  position: absolute;
  left: 30px;
  top: 0;
  background-color: var(--c-skyblue);
  content: "0" counter(count);
  counter-increment: count;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #fff;
}
.saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(2) .ai-dreams-single .ai-dreams-icon-wrap {
  background-color: rgba(192, 109, 243, 0.2);
}
.saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(2) .ai-dreams-single .ai-dreams-icon-wrap::before {
  background-color: #c06ef3;
}
.saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(2) .ai-dreams-single .ai-dreams-icon-wrap::after {
  position: absolute;
  background-image: url("/saaslyn/dream-sp-1.png");
  content: "";
  height: 52px;
  width: 155px;
  right: 100%;
  background-repeat: no-repeat;
  top: 0;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(2) .ai-dreams-single .ai-dreams-icon-wrap::after {
    display: none;
  }
}
.saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(3) .ai-dreams-single .ai-dreams-icon-wrap {
  background-color: rgba(252, 166, 29, 0.2);
}
.saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(3) .ai-dreams-single .ai-dreams-icon-wrap::before {
  background-color: #fca61f;
}
.saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(3) .ai-dreams-single .ai-dreams-icon-wrap::after {
  position: absolute;
  background-image: url("/saaslyn/dream-sp-2.png");
  content: "";
  height: 42px;
  width: 155px;
  right: 100%;
  background-repeat: no-repeat;
  bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-dreams-wrap .ai-dreams-box:nth-child(3) .ai-dreams-single .ai-dreams-icon-wrap::after {
    display: none;
  }
}
.saas-scope .ai-dreams-wrap .ai-dreams-box .ai-dreams-single:hover .ai-dreams-icon-wrap::before {
  background-color: #212529;
  transition: 0.3s;
  transform: scale(1.1) translateY(4px);
}
/* =============================
AI Dreams End
==============================*/
/* =============================
AI Portfolio
==============================*/
.saas-scope .ai-portfolio-container {
  gap: 40px;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
}
.saas-scope .ai-portfolio-container .ai-portfolio-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: initial;
  flex-grow: 0;
  gap: 40px;
  max-width: 17%;
}
.saas-scope .ai-portfolio-container .ai-portfolio-item:nth-child(3) {
  max-width: 32%;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-portfolio-container {
    gap: 24px;
    flex-direction: column;
  }
  .saas-scope .ai-portfolio-container .ai-portfolio-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: initial;
    flex-grow: 0;
    gap: 24px;
    max-width: 400px;
  }
  .saas-scope .ai-portfolio-container .ai-portfolio-item:nth-child(3) {
    max-width: 400px;
  }
}
/* =============================
AI Portfolio End
==============================*/
/* =============================
AI Price
==============================*/
.saas-scope .ai-price-wrap {
  border-radius: 15px;
  border: 1px solid var(--text-light-purple);
  height: 100%;
  padding: 30px;
  transition: all 0.3s;
}
.saas-scope .ai-price-wrap .ai-price-content mark {
  border: 1px solid var(--text-light-purple);
  border-radius: 7px;
  color: var(--text-light-purple);
  background-color: transparent;
  padding: 0px 18px 2px;
}
.saas-scope .ai-price-wrap .ai-price-content h2 {
  font-size: 56px;
  margin: 30px 0;
}
.saas-scope .ai-price-wrap .ai-price-content h2 span {
  font-size: 20px;
  font-weight: 400;
  font-family: var(--ff-nunito);
  text-transform: lowercase;
}
@media only screen and (max-width: 1199.98px) {
  .saas-scope .ai-price-wrap .ai-price-content h2 {
    font-size: 38px;
  }
}
.saas-scope .ai-price-wrap .ai-price-content ul {
  margin-bottom: 40px;
}
.saas-scope .ai-price-wrap .ai-price-content ul li {
  font-weight: 600;
}
.saas-scope .ai-price-wrap .ai-price-content ul li svg {
  color: var(--text-light-purple);
  margin-right: 6px;
}
.saas-scope .ai-price-wrap .ai-price-content ul li:not(:last-child) {
  margin-bottom: 20px;
}
.saas-scope .ai-price-wrap .ai-price-btn-wrap .ai-price-btn {
  background-color: var(--text-light-purple);
  color: #fff;
  border-radius: 15px;
  padding: 15px;
}
.saas-scope .ai-price-wrap:hover {
  transform: translateY(-4px);
}
.saas-scope .ai-price-wrap:hover .ai-price-content mark {
  background-color: var(--text-light-purple);
  color: #fff;
  transition: all 0.3s;
}
/* =============================
AI Price End
==============================*/
/* =============================
AI Hero End
==============================*/
.saas-scope .ai-hero-area {
  z-index: 1;
  padding: 210px 0 300px;
  background-image: url("/saaslyn/ai-hero.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-hero-area {
    padding: 150px 0 270px;
  }
}
.saas-scope .hero-sp-round {
  z-index: -1;
  animation: slide_2 15s ease-in-out alternate infinite;
  right: 30px;
  top: 50%;
}
.saas-scope .hero-sp-parallax {
  z-index: -1;
  animation: slide_1 15s ease-in-out alternate infinite;
  left: -30px;
  top: 40%;
  max-width: 11%;
}
@media only screen and (max-width: 1199.98px) {
  .saas-scope .hero-sp-parallax {
    left: -10px;
  }
}
@keyframes slide_2 {
  0% {
    transform: translate(0) rotate(0deg);
  }
  25% {
    transform: translate(25px, -15px) rotate(-15deg);
  }
  50% {
    transform: translate(-20px, 20px) rotate(0deg);
  }
  75% {
    transform: translate(15px, -15px) rotate(25deg);
  }
  100% {
    transform: translate(0) rotate(0deg);
  }
}
@keyframes slide_1 {
  0% {
    transform: translate(0) rotate(0deg) scale(1);
  }
  15% {
    transform: translate(10px, 10px) rotate(15deg);
  }
  30% {
    transform: translate(10px, -15px) rotate(0deg);
  }
  45% {
    transform: translate(-10px, -20px) rotate(-10deg);
  }
  60% {
    transform: translate(0, 20px) rotate(15deg);
  }
  75% {
    transform: translate(-10px, -15px) rotate(10deg);
  }
  90% {
    transform: translate(-5, -5px) rotate(-10deg);
  }
  100% {
    transform: translate(0) rotate(0deg) scale(1.04);
  }
}
.saas-scope .ai-hero-info h2 {
  font-size: 56px;
  margin-bottom: 24px;
}
.saas-scope .ai-hero-info h2 span {
  color: var(--text-light-purple);
}
@media only screen and (max-width: 991.98px) {
  .saas-scope .ai-hero-info h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
}
.saas-scope .ai-hero-slide-area {
  margin-top: -209px;
}
.saas-scope .ai-hero-slider .ai-hero-pagination {
  text-align: center;
}
/* =============================
AI Hero End
==============================*/
/* =============================
Ai Contact
==============================*/
.saas-scope .ai-contact input,.saas-scope 
.ai-contact textarea {
  background-color: transparent;
  margin-bottom: 30px;
  border: 1px solid #ddddde;
  border-radius: 3px;
}
.saas-scope .ai-contact input:focus,.saas-scope 
.ai-contact textarea:focus {
  border: 1px solid #ddddde;
}
/* =============================
Ai Contact End
==============================*/
/*# sourceMappingURL=style.css.map */
/* AUTO-GENERATED from responsive.css by scripts/scope-saaslyn-css.mjs — do not edit by hand. */
/* Extra extra large Layout*/
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .saas-scope header .header-defult .main-nav ul li {
    padding: 0 12px;
  }
  .saas-scope header .header-defult .main-nav ul li.has-child-menu:after {
    right: -3px;
  }
}
/* Extra Large Layout */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* Hub Price Table */
  .saas-scope .price-box {
    border-left: .5px solid #ddd;
    border-radius: 5px;
  }
  .saas-scope .price-box.popular {
    background-color: #8976FD;
    position: relative;
    border: none;
  }
}
@media only screen and (max-width: 1400px) {
  .saas-scope .single-feature-two-screen .float-screen-three {
    right: -50px;
    top: 45%;
  }
}
@media only screen and (max-width: 1199px) {
  .saas-scope header .header-defult.header-style-three .main-nav ul li ul.sub-menu > li a::before {
    background: #5bc17f;
  }
  .saas-scope header .header-defult.header-style-three .hamburger span {
    background: #5bc17f !important;
  }
  .saas-scope header .header-defult.header-style-two .main-nav ul li ul.sub-menu > li a::before {
    background: #5BC17F;
  }
  .saas-scope header .header-defult.header-style-two .hamburger span {
    background: #5BC17F !important;
  }
  .saas-scope header .header-defult .hamburger {
    display: block !important;
    position: relative;
    width: 28px !important;
    height: 22px !important;
    margin: 8px 0;
    cursor: pointer;
    border: 3px solid transparent !important;
    float: right;
  }
  .saas-scope header .header-defult .hamburger:focus {
    border: 3px solid transparent !important;
  }
  .saas-scope header .header-defult .hamburger span {
    width: 100%;
    height: 2px;
    background: #8976FD !important;
    display: block;
    position: absolute;
    right: 0;
    transition: all 0.3s;
  }
  .saas-scope header .header-defult .hamburger span.h-top {
    top: 0;
  }
  .saas-scope header .header-defult .hamburger span.h-bottom {
    bottom: 0;
    width: 100%;
  }
  .saas-scope header .header-defult .hamburger span.h-middle {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  .saas-scope header .header-defult .hamburger.h-active span {
    width: 80%;
  }
  .saas-scope header .header-defult .hamburger.h-active span.h-top {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -1px;
  }
  .saas-scope header .header-defult .hamburger.h-active span.h-middle {
    transform: translateX(-30px);
    opacity: 0;
  }
  .saas-scope header .header-defult .hamburger.h-active span.h-bottom {
    transform: rotate(-45deg);
    bottom: 50%;
    margin-bottom: -1px;
  }
  .saas-scope header .header-defult .main-nav ul li ul.sub-menu > li a::before {
    position: absolute;
    width: 7px !important;
    height: 7px;
    content: "";
    background-color: #8976FD;
    opacity: 1;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .saas-scope header .header-defult .main-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    padding: 10px 15px !important;
    z-index: 99999;
    height: 100%;
    overflow: auto;
    background: #fff;
    transform: translateX(-260px);
    transition: transform 0.3s ease-in;
  }
  .saas-scope header .header-defult .main-nav > ul > li > a {
    font-size: 16px !important;
    color: #2D373C !important;
    line-height: 35px;
    margin: 10px 0;
  }
  .saas-scope header .header-defult .main-nav ul li a {
    padding: 0 !important;
  }
  .saas-scope header .header-defult .main-nav ul li a::before {
    bottom: 0rem !important;
  }
  .saas-scope header .header-defult .main-nav ul > li a.active::before {
    opacity: 1 !important;
  }
  .saas-scope header .header-defult .main-nav ul > li a:hover {
    background: transparent;
  }
  .saas-scope header .header-defult .main-nav > ul > li.has-child-menu:after {
    display: none !important;
  }
  .saas-scope header .header-defult .main-nav.slidenav {
    transform: translateX(0);
  }
  .saas-scope header .header-defult .main-nav > ul {
    float: none;
    padding: 25px 10px 25px 0;
    margin-top: 40px !important;
  }
  .saas-scope header .header-defult .main-nav > ul > li {
    display: block;
    padding: 0;
    margin-left: 0;
  }
  .saas-scope header .header-defult .main-nav > ul > li.has-child-menu:after,.saas-scope  header .header-defult .main-nav > ul > li > a:after {
    content: none;
  }
  .saas-scope header .header-defult .main-nav > ul > li a {
    font-size: 16px;
    color: #fff;
    line-height: 35px;
  }
  .saas-scope header .header-defult .main-nav ul li .fl {
    display: block;
    line-height: 35px;
  }
  .saas-scope header .header-defult .main-nav ul li .sub-menu {
    position: static;
    min-width: 200px;
    background: transparent;
    border: none;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    transform: none;
    transition: none;
    display: none;
  }
  .saas-scope header .header-defult .main-nav ul li .sub-menu > li a {
    display: block;
    padding: 10px 0;
    color: #707070;
    border: none;
    line-height: 0.8;
    font-size: 14px;
    text-decoration: none;
    padding-left: 18px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    transition: all 0.3s;
  }
  .saas-scope header .header-defult li a.active {
    color: #ddd;
    font-weight: 600;
    font-size: 1.5rem;
  }
  .saas-scope header .header-defult li a.active::before {
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    opacity: 0 !important;
    transition: all 200ms linear;
  }
  .saas-scope header .header-defult .main-nav ul li {
    display: block;
    position: relative;
    padding: 0 20px;
  }
  .saas-scope header .header-defult .mobile-menu {
    background: #fff;
    padding: 0 5px;
    margin: 16px 0;
    border-radius: 50%;
    box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
  }
  .saas-scope .mobile-menu {
    padding: 0 7px;
    margin: 16px 0;
  }
  .saas-scope .single-feature-style-two .float-screen-two {
    left: 0;
    top: 10%;
  }
}
/* Tablet Layout*/
/* Wide Mobile Layout*/
@media only screen and (max-width: 991px) {
  /*typography*/
  .saas-scope .text-xxl {
    font-size: 48px;
    line-height: 66px;
  }
  .saas-scope h1 {
    font-size: 48px;
  }
  .saas-scope h2 {
    font-size: 44px;
  }
  .saas-scope h3 {
    font-size: 36px;
  }
  .saas-scope h4 {
    font-size: 32px;
  }
  .saas-scope h5 {
    font-size: 22px;
  }
  /*typography*/
  .saas-scope .single-country img {
    width: 50%;
  }
  .saas-scope .hero-style-one .hero-florting-col {
    position: static !important;
    transform: translateY(0) !important;
  }
  .saas-scope .feature-screen-three img,.saas-scope  .feature-screen-one img {
    max-width: 100%;
  }
  .saas-scope .register-style-one {
    background: #5BC17F;
    padding: 60px 0;
  }
  .saas-scope .feature-card-style-three.feature-futured-card {
    margin-left: 0;
  }
  .saas-scope .testimonial-slider-two {
    margin-top: 30px;
  }
  .saas-scope .hero-style-three .hero-mobil-screen .animated-kit {
    right: 0;
  }
  .saas-scope .hero-style-three .hero-mobil-screen img {
    max-width: 100%;
  }
  .saas-scope .blog-details-wrapper .blog-det-featured {
    margin-top: 40px;
    padding: 0;
    padding-bottom: 0;
    background: transparent;
  }
  .saas-scope .about-experience-screens {
    gap: 20px;
  }
  .saas-scope .about-experience-screens .experience-screen {
    position: static !important;
  }
  .saas-scope .about-experience-screens .experience-screen img {
    max-width: 100%;
  }
  .saas-scope .about-wrapper .about-highlighted-screens img {
    max-width: 100%;
  }
  .saas-scope .about-wrapper .about-highlighted-screens .about-screen-two {
    left: 0;
  }
  .saas-scope .feature-style-four .feature-four-content {
    margin-left: 0;
  }
  .saas-scope .feature-five-screen .screen-five {
    max-width: 100%;
  }
  .saas-scope .single-fact-style-three.has-border-right {
    border: none;
  }
  .saas-scope .line-height-70 {
    line-height: 65px;
  }
  .saas-scope .hero-style-two .hero-contents h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 75px;
  }
  .saas-scope .single-feature-screens .feat-one-screen.feat-one-screen-sm {
    transform: translateX(0);
  }
  .saas-scope .partner-style-one .partner-one-content {
    padding-left: 0px;
  }
  .saas-scope .footer-style-two .footer-quick-links li {
    margin-right: 24px;
  }
  .saas-scope .footer-style-two .footer-social-links li {
    margin-right: 24px;
  }
  /* Hub Price Table */
  .saas-scope .price-box {
    border-left: .5px solid #ddd;
    border-radius: 5px;
  }
  .saas-scope .price-box.popular {
    background-color: #8976FD;
    position: relative;
    border: none;
  }
  .saas-scope .price-nav li .nav-link {
    font-size: 21px;
    padding: 26px 20px;
    text-align: center;
  }
}
/* Mobile Layout*/
@media only screen and (max-width: 575.98px) {
  /*typography*/
  .saas-scope .body-disply-2 {
    line-height: 32px;
    font-size: 16px;
  }
  .saas-scope .body-disply-1 {
    font-size: 18px;
  }
  .saas-scope .text-xxl {
    font-size: 38px;
    line-height: 50px;
  }
  .saas-scope h1 {
    font-size: 36px;
  }
  .saas-scope h2 {
    font-size: 34px;
  }
  .saas-scope h3 {
    font-size: 32px;
  }
  .saas-scope h4 {
    font-size: 28px;
  }
  .saas-scope h5 {
    font-size: 20px;
  }
  /*typography*/
  /*spacing*/
  .saas-scope .section-gap-xl-top {
    padding-top: 80px;
  }
  .saas-scope .section-gap-xl-bottom {
    padding-bottom: 80px;
  }
  .saas-scope .section-gap-top-y-1 {
    padding-top: 80px;
  }
  .saas-scope .section-gap-top-y-2 {
    padding-top: 80px;
  }
  .saas-scope .section-gap-bottom-y-1 {
    padding-bottom: 80px;
  }
  .saas-scope .footer-style-one .footer-widget .footer-links li a {
    font-size: 18px;
  }
  .saas-scope .payment-style-one .payment-method-single .method-body .single-method-card {
    flex-basis: 100%;
  }
  .saas-scope .feature-single-three-screens img {
    max-width: 100%;
  }
  .saas-scope .feature-card-style-three .feature-icon {
    min-width: 90px;
    height: 90px;
    margin-right: 20px;
  }
  .saas-scope .single-feature-style-two .float-screen-four,.saas-scope  .single-feature-style-two .float-screen-three {
    right: 0;
  }
  .saas-scope .single-feature-style-two .float-screen-four img,.saas-scope  .single-feature-style-two .float-screen-three img {
    width: 70%;
  }
  .saas-scope .testimonial-card-style-three {
    padding: 0;
  }
  .saas-scope .line-height-70 {
    line-height: 50px;
  }
  .saas-scope .newslatter-form-style-one .submit-btn-one {
    font-size: 16px;
    padding: 18px 25px;
  }
  .saas-scope .newslatter-form-style-one .form-icon {
    left: 18px;
  }
  .saas-scope .newslatter-form-style-one input {
    padding-left: 62px;
    height: 86px;
  }
  .saas-scope .newslatter-style-one .newslatter-wrap {
    padding-bottom: 80px;
    padding-top: 60px;
    border-radius: 15px;
  }
  .saas-scope .hero-style-two .hero-contents h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 62px;
  }
  .saas-scope .pricing-card-style {
    border-radius: 44px;
    padding: 40px;
  }
  .saas-scope .hero-style-three .hero-content p {
    font-size: 18px;
  }
  .saas-scope .disply-feature-card {
    gap: 20px;
    padding: 20px 27px;
    padding-top: 24px;
  }
  .saas-scope .disply-feature-card .feature-icon {
    min-width: 80px;
    height: 81px;
  }
  .saas-scope .pricing-card-style-two .pricing-features li {
    font-size: 18px;
  }
  .saas-scope .testimonial-card-style-one p {
    font-size: 18px;
  }
  .saas-scope .testimonial-card-style-one .testimonial-bottom {
    padding-top: 30px;
  }
  .saas-scope .contact-wrapper .contact-info .contact-info-box h5 {
    font-size: 20px;
    margin-top: 7px;
  }
  .saas-scope .company-clients {
    padding: 40px 22px;
    margin-top: 24px;
  }
  .saas-scope .feature-card-style-two .feature-disc h5 {
    font-size: 22px;
  }
}
/*# sourceMappingURL=responsive.css.map */
/* Overrides bổ sung cho bản port SaaSLyn — scoped .saas-scope.
   Sửa lỗi nút header xuống dòng + tinh chỉnh nhỏ. Tách riêng để không đụng CSS generated. */

/* Nút pill header không được wrap chữ + không co lại */
.saas-scope .btn-fill-pill-v2,
.saas-scope .btn-fill-pill-v3,
.saas-scope .btn-transparent-v3,
.saas-scope .btn-transparent-xl {
  white-space: nowrap;
}

/* Cụm actions bên phải header: giữ 1 hàng, không co, canh phải */
.saas-scope .header-area .nav-right {
  flex-wrap: nowrap;
  flex-shrink: 0;
  white-space: nowrap;
}
.saas-scope .header-area .nav-right > * {
  flex-shrink: 0;
}

/* Desktop: menu nav phải nằm 1 hàng, không rớt dòng (mobile là drawer dọc — không đụng) */
@media (min-width: 1200px) {
  .saas-scope .header-area .main-nav > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
  }
  .saas-scope .header-area .main-nav > ul > li > a {
    white-space: nowrap;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 15px;
  }
  /* Đẩy menu canh giữa gọn, chừa chỗ cho cụm actions bên phải (không đè icon search) */
  .saas-scope .header-area .main-nav {
    float: none;
    margin: 0 auto;
  }
}

/* =========================================================================
   ANIMATION / HOVER bổ sung cho bản port index-16 (Phase 1)
   Bám template SaaSLyn; scoped .saas-scope nên không rò sang app sau /login.
   ========================================================================= */

/* --- Nav link hover đổi màu xanh (template chỉ đổi màu link active) --- */
.saas-scope .header-area .main-nav > ul > li > a {
  transition: color 0.25s ease;
}
.saas-scope .header-area .main-nav > ul > li > a:hover {
  color: var(--text-bright-green);
}

/* --- Feature card (4 icon) hover: nền xanh + chữ trắng + nhấc + shadow.
   Template gốc KHÔNG có hover cho .feature-card-style-four → thêm mới. --- */
.saas-scope .feature-card-style-four {
  transition: background 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
  will-change: transform;
}
.saas-scope .feature-card-style-four:hover {
  background: #5bc17f;
  transform: translateY(-10px);
  box-shadow: 14px 28px 60px rgba(37, 140, 86, 0.28);
}
.saas-scope .feature-card-style-four:hover .feature-disc h5,
.saas-scope .feature-card-style-four:hover .feature-disc p,
.saas-scope .feature-card-style-four:hover .feature-disc P {
  color: #ffffff;
}
/* Icon SVG xanh → trắng khi hover (giữ nét, đổi tông) */
.saas-scope .feature-card-style-four:hover .feature-icon img {
  filter: brightness(0) invert(1);
}
.saas-scope .feature-card-style-four .feature-icon img {
  transition: filter 0.35s ease;
}

/* --- Action card (feature-style-six): giữ hover xanh sẵn có + nhấc nhẹ + shadow --- */
.saas-scope .feature-action-single {
  transition: background 0.35s ease, color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
  will-change: transform;
}
.saas-scope .feature-action-single:hover {
  transform: translateY(-8px);
  box-shadow: 14px 28px 60px rgba(37, 140, 86, 0.28);
}

/* --- Hero: vòng tròn glow mờ phía sau khối mock phone (pulse nhẹ) --- */
.saas-scope .hero-mobil-screen::before {
  content: "";
  position: absolute;
  width: 118%;
  aspect-ratio: 1 / 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(91, 193, 127, 0.18) 0%, rgba(91, 193, 127, 0) 68%);
  z-index: -1;
  animation: saas-hero-glow 6s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes saas-hero-glow {
  0% { transform: translate(-50%, -50%) scale(0.92); opacity: 0.75; }
  100% { transform: translate(-50%, -50%) scale(1.06); opacity: 1; }
}

/* --- Partner logos marquee (chạy ngang liên tục, 2 track nối tiếp) --- */
.saas-scope .saas-marquee {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.saas-scope .saas-marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  gap: 20px;
  animation: saas-marquee-scroll 28s linear infinite;
}
.saas-scope .saas-marquee:hover .saas-marquee-track {
  animation-play-state: paused;
}
@keyframes saas-marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.saas-scope .saas-marquee-chip {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  padding: 16px 24px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 14px 20px 48px rgba(25, 15, 44, 0.06);
  white-space: nowrap;
}
.saas-scope .saas-marquee-chip img {
  height: 34px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.saas-scope .saas-marquee-avatar {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--text-bright-green);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  font-family: var(--ff-poppins);
}
.saas-scope .saas-marquee-name {
  font-family: var(--ff-poppins);
  font-weight: 600;
  color: var(--text-nevy-blue);
  font-size: 16px;
}

/* =========================================================================
   POLISH Phase 2 — bám WOW live index-16: nền, nút, shimmer, hover phong phú
   ========================================================================= */

/* --- Nền home-bg-two.png đang THIẾU → tắt url hỏng (tránh 404) để lớp aurora
   (.mk-aurora ở MarketingLayout) hiện xuyên qua. Giữ overflow của background-wrap. --- */
.saas-scope .background-wrap.home-bg-two {
  background: none !important;
}

/* --- Nút template btn-fill-pill (v2/v3) đã đúng nền xanh #5bc17f + shine sweep
   của template (span/::before/::after trượt lên khi hover). Bổ sung: nhấc + phóng
   nhẹ + glow xanh để "sang" hơn, KHÔNG phá hiệu ứng shine gốc. --- */
.saas-scope .btn-fill-pill-v2,
.saas-scope .btn-fill-pill-v3 {
  transition: all 0.4s, transform 0.35s ease, box-shadow 0.35s ease;
  will-change: transform;
}
.saas-scope .btn-fill-pill-v2:hover,
.saas-scope .btn-fill-pill-v3:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 18px 40px rgba(91, 193, 127, 0.42);
}

/* --- Gradient text shimmer: từ khoá xanh trong HEADING có dải sáng chạy qua nhẹ.
   Chỉ áp trong h1/h2 để không làm rối text nội dung nhỏ. --- */
.saas-scope h1 .text-bright-green,
.saas-scope h2 .text-bright-green {
  background-image: linear-gradient(
    100deg,
    #5bc17f 0%, #5bc17f 38%,
    #9fe6b8 48%, #ffffff 52%, #9fe6b8 56%,
    #5bc17f 66%, #5bc17f 100%
  );
  background-size: 250% 100%;
  background-position: 120% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: saas-text-shimmer 5.5s ease-in-out infinite;
}
@keyframes saas-text-shimmer {
  0%   { background-position: 120% 0; }
  55%  { background-position: -20% 0; }
  100% { background-position: 120% 0; }
}

/* --- Ring vàng khoanh từ khoá: vẽ dần (stroke-dashoffset) khi cuộn tới.
   Áp cho RingDraw (SVG inline) khi có class .in-view. --- */
.saas-scope .saas-ring-draw path {
  stroke-dasharray: 760;
  stroke-dashoffset: 760;
}
.saas-scope .saas-ring-draw.in-view path {
  animation: saas-ring-draw 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 0.25s;
}
@keyframes saas-ring-draw {
  to { stroke-dashoffset: 0; }
}

/* --- Feature card (4 icon): nâng cấp hover — thêm phóng nhẹ + glow + icon nảy --- */
.saas-scope .feature-card-style-four:hover {
  transform: translateY(-10px) scale(1.02);
}
.saas-scope .feature-card-style-four .feature-icon img {
  transition: filter 0.35s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.saas-scope .feature-card-style-four:hover .feature-icon img {
  transform: translateY(-4px) rotate(-6deg) scale(1.08);
}

/* --- Action card (feature-six): glow xanh + mũi tên trượt phải khi hover --- */
.saas-scope .feature-action-single .action-btn i,
.saas-scope .feature-action-single .action-btn a {
  transition: transform 0.35s ease;
  display: inline-block;
}
.saas-scope .feature-action-single:hover .action-btn i {
  transform: translateX(6px);
}

/* --- Ghost/partner link mũi tên trượt phải khi hover --- */
.saas-scope .btn-transparent-v1 i {
  display: inline-block;
  transition: transform 0.3s ease;
}
.saas-scope .btn-transparent-v1:hover i {
  transform: translateX(5px);
}

/* --- Decor blob nổi thêm quanh vài section (đào/xanh dương) — trôi chậm.
   Thuần trang trí, pointer-events none, nằm sau nội dung. --- */
.saas-scope .feature-style-five,
.saas-scope .testimonial-style-three,
.saas-scope .payment-style-one {
  position: relative;
}
.saas-scope .feature-style-five::before,
.saas-scope .payment-style-one::after {
  content: "";
  position: absolute;
  width: 320px; height: 320px;
  border-radius: 50%;
  filter: blur(70px);
  opacity: 0.5;
  z-index: -1;
  pointer-events: none;
}
.saas-scope .feature-style-five::before {
  background: radial-gradient(circle, rgba(91, 193, 127, 0.30) 0%, transparent 68%);
  top: 6%; left: -6%;
  animation: saas-decor-float 20s ease-in-out infinite alternate;
}
.saas-scope .payment-style-one::after {
  background: radial-gradient(circle, rgba(120, 160, 255, 0.26) 0%, transparent 68%);
  bottom: 4%; right: -5%;
  animation: saas-decor-float 24s ease-in-out infinite alternate-reverse;
}
@keyframes saas-decor-float {
  0%   { transform: translate(0, 0) scale(1); }
  100% { transform: translate(28px, -22px) scale(1.12); }
}

/* --- Reduced-motion: tắt các animation lặp/nặng để tôn trọng người dùng --- */
@media (prefers-reduced-motion: reduce) {
  .saas-scope .anima-trasform-y-1,
  .saas-scope .anima-trasform-x-1,
  .saas-scope .anima-trasform-z-1,
  .saas-scope .hero-animated-blobs span,
  .saas-scope .hero-mobil-screen::before,
  .saas-scope .feature-six-screen .feature-six-bg::before,
  .saas-scope .feature-six-screen .feature-six-bg::after,
  .saas-scope .saas-marquee-track,
  .saas-scope h1 .text-bright-green,
  .saas-scope h2 .text-bright-green,
  .saas-scope .saas-ring-draw.in-view path,
  .saas-scope .feature-style-five::before,
  .saas-scope .payment-style-one::after {
    animation: none !important;
  }
  /* Shimmer tắt → trả lại màu xanh đặc, chữ hiện rõ */
  .saas-scope h1 .text-bright-green,
  .saas-scope h2 .text-bright-green {
    -webkit-text-fill-color: var(--text-bright-green);
    color: var(--text-bright-green);
    background: none;
  }
  .saas-scope .saas-ring-draw path {
    stroke-dashoffset: 0;
  }
}

/* ===========================================================================
   FIX header: cột Bootstrap cố định (col-xl-3/5/4) làm menu nhiều item tràn,
   đè lên icon search + nút bên phải. Đổi sang flex tự co giãn ở desktop (≥1200);
   mobile giữ nguyên (hamburger + slidenav).
   =========================================================================== */
@media (min-width: 1200px) {
  .saas-scope .header-style-three .container > .row {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
  }
  .saas-scope .header-style-three .container > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
  /* Cụm menu giữa: chiếm khoảng trống còn lại, căn giữa */
  .saas-scope .header-style-three .container > .row > .col-xl-5 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
  }
  .saas-scope .header-style-three .main-nav { float: none !important; }
  .saas-scope .header-style-three .main-nav > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
  }
  /* Nút/menu phải: không float, giữ nguyên bề rộng, không bị đè */
  .saas-scope .header-style-three .nav-right { float: none !important; margin-left: auto; }
  /* Giảm padding ngang mỗi item để 6+ mục vẫn đủ chỗ */
  .saas-scope .header-style-three .main-nav > ul > li > a { padding-left: 12px; padding-right: 12px; white-space: nowrap; }
}