@layer reset, base, tokens, recipes, utilities;
@layer reset, base, tokens, recipes, utilities;
@layer reset{
  html,:host {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    font-family: var(--global-font-body, var(--font-fallback));
}

  *,::before,::after,::backdrop,::file-selector-button {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border-width: 0px;
    border-style: solid;
    border-color: var(--global-color-border, currentColor);
}

  hr {
    height: 0px;
    color: inherit;
    border-top-width: 1px;
}

  body {
    height: 100%;
    line-height: inherit;
}

  img {
    border-style: none;
}

  img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle;
}

  img,video {
    max-width: 100%;
    height: auto;
}

  h1,h2,h3,h4,h5,h6 {
    text-wrap: balance;
    font-size: inherit;
    font-weight: inherit;
}

  p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word;
}

  ol,ul,menu {
    list-style: none;
}

  button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}

  button,input,optgroup,select,textarea,::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: var(--pando-colors-transparent);
}

  ::placeholder {
    opacity: 1;
    --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
    color: var(--global-color-placeholder, var(--placeholder-fallback));
}

  textarea {
    resize: vertical;
}

  table {
    text-indent: 0px;
    border-collapse: collapse;
    border-color: inherit;
}

  summary {
    display: list-item;
}

  small {
    font-size: 80%;
}

  sub,sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

  sub {
    bottom: -0.25em;
}

  sup {
    top: -0.5em;
}

  dialog {
    padding: 0px;
}

  a {
    color: inherit;
    text-decoration: inherit;
}

  abbr:where([title]) {
    text-decoration: underline dotted;
}

  b,strong {
    font-weight: bolder;
}

  code,kbd,samp,pre {
    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
}

  progress {
    vertical-align: baseline;
}

  ::-webkit-search-decoration,::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto;
}

  :-moz-ui-invalid {
    box-shadow: none;
}

  :-moz-focusring {
    outline: auto;
}

  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}
}
@layer base{
  :root {
    --made-with-panda: '🐼';
}

  html {
    color: var(--pando-colors-neutral-text-300);
    font-feature-settings: 'tnum' on, 'lnum' on;
    font-variation-settings: 'wght' 500;
    text-rendering: geometricprecision;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: var(--pando-colors-neutral-surface-100);
    font-family: var(--pando-fonts-sans);
    font-size: 1em;
    line-height: 150%;
}

  body {
    font-size: 1rem;
}

  body:is([data-modal-open=true]) {
    overflow: hidden;
    overscroll-behavior: contain;
    padding-inline-start: var(--pando-spacing-0);
    padding-inline-end: 0.5em;
    position: relative;
    margin-left: var(--pando-spacing-0);
    margin-right: var(--pando-spacing-0);
    margin-top: var(--pando-spacing-0);
    padding-top: var(--pando-spacing-0);
}

  body::-webkit-scrollbar {
    width: 0.5em;
}

  body::-webkit-scrollbar-track {
    outline: var(--pando-borders-none);
    background-color: var(--pando-colors-neutral-surface-100);
}

  body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    outline: var(--pando-borders-none);
    background-color: var(--pando-colors-neutral-text-100);
}

  strong {
    font-variation-settings: 'wght' 700;
}

  kbd {
    box-shadow: none;
}

  :is(mark::before, mark::after) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(100%);
    -webkit-clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

  mark::before {
    content: highlight start;
}

  mark::after {
    content: highlight end;
}

  img {
    max-width: 100%;
    vertical-align: middle;
}

  :is(img[width], img[height]) {
    max-width: none;
}

  *,::before,::after,::backdrop {
    --blur: /*-*/ /*-*/;
    --brightness: /*-*/ /*-*/;
    --contrast: /*-*/ /*-*/;
    --grayscale: /*-*/ /*-*/;
    --hue-rotate: /*-*/ /*-*/;
    --invert: /*-*/ /*-*/;
    --saturate: /*-*/ /*-*/;
    --sepia: /*-*/ /*-*/;
    --drop-shadow: /*-*/ /*-*/;
    --backdrop-blur: /*-*/ /*-*/;
    --backdrop-brightness: /*-*/ /*-*/;
    --backdrop-contrast: /*-*/ /*-*/;
    --backdrop-grayscale: /*-*/ /*-*/;
    --backdrop-hue-rotate: /*-*/ /*-*/;
    --backdrop-invert: /*-*/ /*-*/;
    --backdrop-opacity: /*-*/ /*-*/;
    --backdrop-saturate: /*-*/ /*-*/;
    --backdrop-sepia: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}
}
@layer tokens{
  :where(:root, :host) {
    --pando-aspect-ratios-square: 1 / 1;
    --pando-aspect-ratios-landscape: 4 / 3;
    --pando-aspect-ratios-portrait: 3 / 4;
    --pando-aspect-ratios-wide: 16 / 9;
    --pando-aspect-ratios-ultrawide: 18 / 5;
    --pando-aspect-ratios-golden: 1.618 / 1;
    --pando-borders-none: none;
    --pando-easings-default: cubic-bezier(0.4, 0, 0.2, 1);
    --pando-easings-linear: linear;
    --pando-easings-in: cubic-bezier(0.4, 0, 1, 1);
    --pando-easings-out: cubic-bezier(0, 0, 0.2, 1);
    --pando-easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --pando-durations-fastest: 50ms;
    --pando-durations-faster: 100ms;
    --pando-durations-fast: 150ms;
    --pando-durations-normal: 200ms;
    --pando-durations-slow: 300ms;
    --pando-durations-slower: 400ms;
    --pando-durations-slowest: 500ms;
    --pando-radii-xs: 0.125rem;
    --pando-radii-sm: 0.25rem;
    --pando-radii-md: 0.375rem;
    --pando-radii-lg: 0.5rem;
    --pando-radii-xl: 0.75rem;
    --pando-radii-2xl: 1rem;
    --pando-radii-3xl: 1.5rem;
    --pando-radii-4xl: 2rem;
    --pando-radii-full: 9999px;
    --pando-font-weights-thin: 100;
    --pando-font-weights-extralight: 200;
    --pando-font-weights-light: 300;
    --pando-font-weights-normal: 400;
    --pando-font-weights-medium: 500;
    --pando-font-weights-semibold: 600;
    --pando-font-weights-bold: 700;
    --pando-font-weights-extrabold: 800;
    --pando-font-weights-black: 900;
    --pando-line-heights-none: 1;
    --pando-line-heights-tight: 1.25;
    --pando-line-heights-snug: 1.375;
    --pando-line-heights-normal: 1.5;
    --pando-line-heights-relaxed: 1.625;
    --pando-line-heights-loose: 2;
    --pando-letter-spacings-tighter: -0.05em;
    --pando-letter-spacings-tight: -0.025em;
    --pando-letter-spacings-normal: 0em;
    --pando-letter-spacings-wide: 0.025em;
    --pando-letter-spacings-wider: 0.05em;
    --pando-letter-spacings-widest: 0.1em;
    --pando-font-sizes-2xs: 0.5rem;
    --pando-font-sizes-xs: 0.75rem;
    --pando-font-sizes-sm: 0.875rem;
    --pando-font-sizes-md: 1rem;
    --pando-font-sizes-lg: 1.125rem;
    --pando-font-sizes-xl: 1.25rem;
    --pando-font-sizes-2xl: 1.5rem;
    --pando-font-sizes-3xl: 1.875rem;
    --pando-font-sizes-4xl: 2.25rem;
    --pando-font-sizes-5xl: 3rem;
    --pando-font-sizes-6xl: 3.75rem;
    --pando-font-sizes-7xl: 4.5rem;
    --pando-font-sizes-8xl: 6rem;
    --pando-font-sizes-9xl: 8rem;
    --pando-shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --pando-shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --pando-shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --pando-shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --pando-shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --pando-shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --pando-shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --pando-colors-current: currentColor;
    --pando-colors-black: #000;
    --pando-colors-white: #fff;
    --pando-colors-transparent: rgb(0 0 0 / 0);
    --pando-colors-rose-50: #fff1f2;
    --pando-colors-rose-100: #ffe4e6;
    --pando-colors-rose-200: #fecdd3;
    --pando-colors-rose-300: #fda4af;
    --pando-colors-rose-400: #fb7185;
    --pando-colors-rose-500: #f43f5e;
    --pando-colors-rose-600: #e11d48;
    --pando-colors-rose-700: #be123c;
    --pando-colors-rose-800: #9f1239;
    --pando-colors-rose-900: #881337;
    --pando-colors-rose-950: #4c0519;
    --pando-colors-pink-50: #fdf2f8;
    --pando-colors-pink-100: #fce7f3;
    --pando-colors-pink-200: #fbcfe8;
    --pando-colors-pink-300: #f9a8d4;
    --pando-colors-pink-400: #f472b6;
    --pando-colors-pink-500: #ec4899;
    --pando-colors-pink-600: #db2777;
    --pando-colors-pink-700: #be185d;
    --pando-colors-pink-800: #9d174d;
    --pando-colors-pink-900: #831843;
    --pando-colors-pink-950: #500724;
    --pando-colors-fuchsia-50: #fdf4ff;
    --pando-colors-fuchsia-100: #fae8ff;
    --pando-colors-fuchsia-200: #f5d0fe;
    --pando-colors-fuchsia-300: #f0abfc;
    --pando-colors-fuchsia-400: #e879f9;
    --pando-colors-fuchsia-500: #d946ef;
    --pando-colors-fuchsia-600: #c026d3;
    --pando-colors-fuchsia-700: #a21caf;
    --pando-colors-fuchsia-800: #86198f;
    --pando-colors-fuchsia-900: #701a75;
    --pando-colors-fuchsia-950: #4a044e;
    --pando-colors-purple-50: #faf5ff;
    --pando-colors-purple-100: #f3e8ff;
    --pando-colors-purple-200: #e9d5ff;
    --pando-colors-purple-300: #d8b4fe;
    --pando-colors-purple-400: #c084fc;
    --pando-colors-purple-500: #a855f7;
    --pando-colors-purple-600: #9333ea;
    --pando-colors-purple-700: #7e22ce;
    --pando-colors-purple-800: #6b21a8;
    --pando-colors-purple-900: #581c87;
    --pando-colors-purple-950: #3b0764;
    --pando-colors-violet-50: #f5f3ff;
    --pando-colors-violet-100: #ede9fe;
    --pando-colors-violet-200: #ddd6fe;
    --pando-colors-violet-300: #c4b5fd;
    --pando-colors-violet-400: #a78bfa;
    --pando-colors-violet-500: #8b5cf6;
    --pando-colors-violet-600: #7c3aed;
    --pando-colors-violet-700: #6d28d9;
    --pando-colors-violet-800: #5b21b6;
    --pando-colors-violet-900: #4c1d95;
    --pando-colors-violet-950: #2e1065;
    --pando-colors-indigo-50: #eef2ff;
    --pando-colors-indigo-100: #e0e7ff;
    --pando-colors-indigo-200: #c7d2fe;
    --pando-colors-indigo-300: #a5b4fc;
    --pando-colors-indigo-400: #818cf8;
    --pando-colors-indigo-500: #6366f1;
    --pando-colors-indigo-600: #4f46e5;
    --pando-colors-indigo-700: #4338ca;
    --pando-colors-indigo-800: #3730a3;
    --pando-colors-indigo-900: #312e81;
    --pando-colors-indigo-950: #1e1b4b;
    --pando-colors-blue-50: #eff6ff;
    --pando-colors-blue-100: #dbeafe;
    --pando-colors-blue-200: #bfdbfe;
    --pando-colors-blue-300: #93c5fd;
    --pando-colors-blue-400: #60a5fa;
    --pando-colors-blue-500: #3b82f6;
    --pando-colors-blue-600: #2563eb;
    --pando-colors-blue-700: #1d4ed8;
    --pando-colors-blue-800: #1e40af;
    --pando-colors-blue-900: #1e3a8a;
    --pando-colors-blue-950: #172554;
    --pando-colors-sky-50: #f0f9ff;
    --pando-colors-sky-100: #e0f2fe;
    --pando-colors-sky-200: #bae6fd;
    --pando-colors-sky-300: #7dd3fc;
    --pando-colors-sky-400: #38bdf8;
    --pando-colors-sky-500: #0ea5e9;
    --pando-colors-sky-600: #0284c7;
    --pando-colors-sky-700: #0369a1;
    --pando-colors-sky-800: #075985;
    --pando-colors-sky-900: #0c4a6e;
    --pando-colors-sky-950: #082f49;
    --pando-colors-cyan-50: #ecfeff;
    --pando-colors-cyan-100: #cffafe;
    --pando-colors-cyan-200: #a5f3fc;
    --pando-colors-cyan-300: #67e8f9;
    --pando-colors-cyan-400: #22d3ee;
    --pando-colors-cyan-500: #06b6d4;
    --pando-colors-cyan-600: #0891b2;
    --pando-colors-cyan-700: #0e7490;
    --pando-colors-cyan-800: #155e75;
    --pando-colors-cyan-900: #164e63;
    --pando-colors-cyan-950: #083344;
    --pando-colors-teal-50: #f0fdfa;
    --pando-colors-teal-100: #ccfbf1;
    --pando-colors-teal-200: #99f6e4;
    --pando-colors-teal-300: #5eead4;
    --pando-colors-teal-400: #2dd4bf;
    --pando-colors-teal-500: #14b8a6;
    --pando-colors-teal-600: #0d9488;
    --pando-colors-teal-700: #0f766e;
    --pando-colors-teal-800: #115e59;
    --pando-colors-teal-900: #134e4a;
    --pando-colors-teal-950: #042f2e;
    --pando-colors-emerald-50: #ecfdf5;
    --pando-colors-emerald-100: #d1fae5;
    --pando-colors-emerald-200: #a7f3d0;
    --pando-colors-emerald-300: #6ee7b7;
    --pando-colors-emerald-400: #34d399;
    --pando-colors-emerald-500: #10b981;
    --pando-colors-emerald-600: #059669;
    --pando-colors-emerald-700: #047857;
    --pando-colors-emerald-800: #065f46;
    --pando-colors-emerald-900: #064e3b;
    --pando-colors-emerald-950: #022c22;
    --pando-colors-green-50: #f0fdf4;
    --pando-colors-green-100: #dcfce7;
    --pando-colors-green-200: #bbf7d0;
    --pando-colors-green-300: #86efac;
    --pando-colors-green-400: #4ade80;
    --pando-colors-green-500: #22c55e;
    --pando-colors-green-600: #16a34a;
    --pando-colors-green-700: #15803d;
    --pando-colors-green-800: #166534;
    --pando-colors-green-900: #14532d;
    --pando-colors-green-950: #052e16;
    --pando-colors-lime-50: #f7fee7;
    --pando-colors-lime-100: #ecfccb;
    --pando-colors-lime-200: #d9f99d;
    --pando-colors-lime-300: #bef264;
    --pando-colors-lime-400: #a3e635;
    --pando-colors-lime-500: #84cc16;
    --pando-colors-lime-600: #65a30d;
    --pando-colors-lime-700: #4d7c0f;
    --pando-colors-lime-800: #3f6212;
    --pando-colors-lime-900: #365314;
    --pando-colors-lime-950: #1a2e05;
    --pando-colors-yellow-50: #fefce8;
    --pando-colors-yellow-100: #fef9c3;
    --pando-colors-yellow-200: #fef08a;
    --pando-colors-yellow-300: #fde047;
    --pando-colors-yellow-400: #facc15;
    --pando-colors-yellow-500: #eab308;
    --pando-colors-yellow-600: #ca8a04;
    --pando-colors-yellow-700: #a16207;
    --pando-colors-yellow-800: #854d0e;
    --pando-colors-yellow-900: #713f12;
    --pando-colors-yellow-950: #422006;
    --pando-colors-amber-50: #fffbeb;
    --pando-colors-amber-100: #fef3c7;
    --pando-colors-amber-200: #fde68a;
    --pando-colors-amber-300: #fcd34d;
    --pando-colors-amber-400: #fbbf24;
    --pando-colors-amber-500: #f59e0b;
    --pando-colors-amber-600: #d97706;
    --pando-colors-amber-700: #b45309;
    --pando-colors-amber-800: #92400e;
    --pando-colors-amber-900: #78350f;
    --pando-colors-amber-950: #451a03;
    --pando-colors-orange-50: #fff7ed;
    --pando-colors-orange-100: #ffedd5;
    --pando-colors-orange-200: #fed7aa;
    --pando-colors-orange-300: #fdba74;
    --pando-colors-orange-400: #fb923c;
    --pando-colors-orange-500: #f97316;
    --pando-colors-orange-600: #ea580c;
    --pando-colors-orange-700: #c2410c;
    --pando-colors-orange-800: #9a3412;
    --pando-colors-orange-900: #7c2d12;
    --pando-colors-orange-950: #431407;
    --pando-colors-red-50: #fef2f2;
    --pando-colors-red-100: #fee2e2;
    --pando-colors-red-200: #fecaca;
    --pando-colors-red-300: #fca5a5;
    --pando-colors-red-400: #f87171;
    --pando-colors-red-500: #ef4444;
    --pando-colors-red-600: #dc2626;
    --pando-colors-red-700: #b91c1c;
    --pando-colors-red-800: #991b1b;
    --pando-colors-red-900: #7f1d1d;
    --pando-colors-red-950: #450a0a;
    --pando-colors-neutral-50: #fafafa;
    --pando-colors-neutral-100: #f5f5f5;
    --pando-colors-neutral-200: #e5e5e5;
    --pando-colors-neutral-300: #d4d4d4;
    --pando-colors-neutral-400: #a3a3a3;
    --pando-colors-neutral-500: #737373;
    --pando-colors-neutral-600: #525252;
    --pando-colors-neutral-700: #404040;
    --pando-colors-neutral-800: #262626;
    --pando-colors-neutral-900: #171717;
    --pando-colors-neutral-950: #0a0a0a;
    --pando-colors-stone-50: #fafaf9;
    --pando-colors-stone-100: #f5f5f4;
    --pando-colors-stone-200: #e7e5e4;
    --pando-colors-stone-300: #d6d3d1;
    --pando-colors-stone-400: #a8a29e;
    --pando-colors-stone-500: #78716c;
    --pando-colors-stone-600: #57534e;
    --pando-colors-stone-700: #44403c;
    --pando-colors-stone-800: #292524;
    --pando-colors-stone-900: #1c1917;
    --pando-colors-stone-950: #0c0a09;
    --pando-colors-zinc-50: #fafafa;
    --pando-colors-zinc-100: #f4f4f5;
    --pando-colors-zinc-200: #e4e4e7;
    --pando-colors-zinc-300: #d4d4d8;
    --pando-colors-zinc-400: #a1a1aa;
    --pando-colors-zinc-500: #71717a;
    --pando-colors-zinc-600: #52525b;
    --pando-colors-zinc-700: #3f3f46;
    --pando-colors-zinc-800: #27272a;
    --pando-colors-zinc-900: #18181b;
    --pando-colors-zinc-950: #09090b;
    --pando-colors-gray-50: #f9fafb;
    --pando-colors-gray-100: #f3f4f6;
    --pando-colors-gray-200: #e5e7eb;
    --pando-colors-gray-300: #d1d5db;
    --pando-colors-gray-400: #9ca3af;
    --pando-colors-gray-500: #6b7280;
    --pando-colors-gray-600: #4b5563;
    --pando-colors-gray-700: #374151;
    --pando-colors-gray-800: #1f2937;
    --pando-colors-gray-900: #111827;
    --pando-colors-gray-950: #030712;
    --pando-colors-slate-50: #f8fafc;
    --pando-colors-slate-100: #f1f5f9;
    --pando-colors-slate-200: #e2e8f0;
    --pando-colors-slate-300: #cbd5e1;
    --pando-colors-slate-400: #94a3b8;
    --pando-colors-slate-500: #64748b;
    --pando-colors-slate-600: #475569;
    --pando-colors-slate-700: #334155;
    --pando-colors-slate-800: #1e293b;
    --pando-colors-slate-900: #0f172a;
    --pando-colors-slate-950: #020617;
    --pando-blurs-sm: 4px;
    --pando-blurs-base: 8px;
    --pando-blurs-md: 12px;
    --pando-blurs-lg: 16px;
    --pando-blurs-xl: 24px;
    --pando-blurs-2xl: 40px;
    --pando-blurs-3xl: 64px;
    --pando-spacing-0: 0rem;
    --pando-spacing-1: 0.25rem;
    --pando-spacing-2: 0.5rem;
    --pando-spacing-3: 0.75rem;
    --pando-spacing-4: 1rem;
    --pando-spacing-5: 1.25rem;
    --pando-spacing-6: 1.5rem;
    --pando-spacing-7: 1.75rem;
    --pando-spacing-8: 2rem;
    --pando-spacing-9: 2.25rem;
    --pando-spacing-10: 2.5rem;
    --pando-spacing-11: 2.75rem;
    --pando-spacing-12: 3rem;
    --pando-spacing-14: 3.5rem;
    --pando-spacing-16: 4rem;
    --pando-spacing-20: 5rem;
    --pando-spacing-24: 6rem;
    --pando-spacing-28: 7rem;
    --pando-spacing-32: 8rem;
    --pando-spacing-36: 9rem;
    --pando-spacing-40: 10rem;
    --pando-spacing-44: 11rem;
    --pando-spacing-48: 12rem;
    --pando-spacing-52: 13rem;
    --pando-spacing-56: 14rem;
    --pando-spacing-60: 15rem;
    --pando-spacing-64: 16rem;
    --pando-spacing-72: 18rem;
    --pando-spacing-80: 20rem;
    --pando-spacing-96: 24rem;
    --pando-spacing-0\.5: 0.125rem;
    --pando-spacing-1\.5: 0.375rem;
    --pando-spacing-2\.5: 0.625rem;
    --pando-spacing-3\.5: 0.875rem;
    --pando-sizes-0: 0rem;
    --pando-sizes-1: 0.25rem;
    --pando-sizes-2: 0.5rem;
    --pando-sizes-3: 0.75rem;
    --pando-sizes-4: 1rem;
    --pando-sizes-5: 1.25rem;
    --pando-sizes-6: 1.5rem;
    --pando-sizes-7: 1.75rem;
    --pando-sizes-8: 2rem;
    --pando-sizes-9: 2.25rem;
    --pando-sizes-10: 2.5rem;
    --pando-sizes-11: 2.75rem;
    --pando-sizes-12: 3rem;
    --pando-sizes-14: 3.5rem;
    --pando-sizes-16: 4rem;
    --pando-sizes-20: 5rem;
    --pando-sizes-24: 6rem;
    --pando-sizes-28: 7rem;
    --pando-sizes-32: 8rem;
    --pando-sizes-36: 9rem;
    --pando-sizes-40: 10rem;
    --pando-sizes-44: 11rem;
    --pando-sizes-48: 12rem;
    --pando-sizes-52: 13rem;
    --pando-sizes-56: 14rem;
    --pando-sizes-60: 15rem;
    --pando-sizes-64: 16rem;
    --pando-sizes-72: 18rem;
    --pando-sizes-80: 20rem;
    --pando-sizes-96: 24rem;
    --pando-sizes-0\.5: 0.125rem;
    --pando-sizes-1\.5: 0.375rem;
    --pando-sizes-2\.5: 0.625rem;
    --pando-sizes-3\.5: 0.875rem;
    --pando-sizes-xs: 20rem;
    --pando-sizes-sm: 24rem;
    --pando-sizes-md: 28rem;
    --pando-sizes-lg: 32rem;
    --pando-sizes-xl: 36rem;
    --pando-sizes-2xl: 42rem;
    --pando-sizes-3xl: 48rem;
    --pando-sizes-4xl: 56rem;
    --pando-sizes-5xl: 64rem;
    --pando-sizes-6xl: 72rem;
    --pando-sizes-7xl: 80rem;
    --pando-sizes-8xl: 90rem;
    --pando-sizes-prose: 65ch;
    --pando-sizes-full: 100%;
    --pando-sizes-min: min-content;
    --pando-sizes-max: max-content;
    --pando-sizes-fit: fit-content;
    --pando-sizes-breakpoint-2xl: 1536px;
    --pando-sizes-breakpoint-xs: 479px;
    --pando-sizes-breakpoint-sm: 767px;
    --pando-sizes-breakpoint-md: 1023px;
    --pando-sizes-breakpoint-lg: 1279px;
    --pando-sizes-breakpoint-xl: 1439px;
    --pando-animations-spin: spin 1s linear infinite;
    --pando-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --pando-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --pando-animations-bounce: bounce 1s infinite;
    --pando-fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --pando-fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --pando-fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --pando-fonts-title: var(--font-pando-title);
    --pando-fonts-body: var(--font-pando-body);
    --pando-fonts-code: var(--font-pando-code);
    --pando-z-index-hide: -1;
    --pando-z-index-base: 0;
    --pando-z-index-decorator: 50;
    --pando-z-index-dropdown: 1000;
    --pando-z-index-sticky: 1200;
    --pando-z-index-banner: 1300;
    --pando-z-index-overlay: 1400;
    --pando-z-index-modal: 1500;
    --pando-z-index-popover: 1600;
    --pando-z-index-toast: 1700;
    --pando-z-index-tooltip: 1800;
    --pando-breakpoints-2xl: 1536px;
    --pando-breakpoints-xs: 479px;
    --pando-breakpoints-sm: 767px;
    --pando-breakpoints-md: 1023px;
    --pando-breakpoints-lg: 1279px;
    --pando-breakpoints-xl: 1439px;
}

  [data-theme=inkyBlue] {
    --pando-colors-neutral-bg-100-initial: #2a2753;
    --pando-colors-neutral-bg-100-hover: #343063;
    --pando-colors-neutral-bg-100-active: #24186a;
    --pando-colors-neutral-bg-initial: #393b6b;
    --pando-colors-neutral-bg-active: #2d2d55;
    --pando-colors-neutral-bg-hover: #404376;
    --pando-colors-neutral-border-100: #2d2d55;
    --pando-colors-neutral-border-200: #585fa2;
    --pando-colors-neutral-border-initial: #404376;
    --pando-colors-neutral-surface-100: #1b1834;
    --pando-colors-neutral-surface-200: #242145;
    --pando-colors-neutral-surface-300: #2a2753;
    --pando-colors-neutral-surface-initial: #130f25;
    --pando-colors-neutral-surface-inverse: #f3f3f8;
    --pando-colors-neutral-text-100: #b3b7da;
    --pando-colors-neutral-text-200: #bdcaff;
    --pando-colors-neutral-text-300: #f3f3f8;
    --pando-colors-neutral-text-initial: #d1d2e6;
    --pando-colors-neutral-text-inverse: #130f25;
    --pando-colors-action-bg-100-initial: #2a2753;
    --pando-colors-action-bg-100-hover: #343063;
    --pando-colors-action-bg-100-active: #24186a;
    --pando-colors-action-bg-300-initial: #d3cfff;
    --pando-colors-action-bg-300-hover: #ada5ff;
    --pando-colors-action-bg-300-active: #897eff;
    --pando-colors-action-bg-initial: #4a33d1;
    --pando-colors-action-bg-hover: #3c28b1;
    --pando-colors-action-bg-active: #30208d;
    --pando-colors-action-border-initial: #6855d9;
    --pando-colors-action-border-focus: #3895ff;
    --pando-colors-action-navigation-initial: #73c7ff;
    --pando-colors-action-navigation-hover: #73c7ff;
    --pando-colors-action-navigation-visited: #cfafe4;
    --pando-colors-action-text-100: #b3bcdc;
    --pando-colors-action-text-200: #adb3fc;
    --pando-colors-action-text-300: #130f25;
    --pando-colors-action-text-initial: #e1ddf7;
    --pando-colors-action-text-inverse: #e1ddf7;
    --pando-colors-info-border-initial: #00a3ff;
    --pando-colors-info-surface-initial: #003655;
    --pando-colors-info-text-100: #80d1ff;
    --pando-colors-info-text-200: #2bb2ff;
    --pando-colors-info-text-initial: #d5f0ff;
    --pando-colors-success-border-initial: #02e088;
    --pando-colors-success-surface-initial: #014b2d;
    --pando-colors-success-text-100: #43fdb4;
    --pando-colors-success-text-200: #02bb71;
    --pando-colors-success-text-initial: #d0ffec;
    --pando-colors-warning-border-initial: #ffba0d;
    --pando-colors-warning-surface-initial: #6b4c00;
    --pando-colors-warning-text-100: #ffe4a1;
    --pando-colors-warning-text-200: #ffd262;
    --pando-colors-warning-text-initial: #fff6e0;
    --pando-colors-danger-bg-initial: #b9004b;
    --pando-colors-danger-bg-hover: #8b0038;
    --pando-colors-danger-bg-active: #5c0026;
    --pando-colors-danger-border-initial: #ff1675;
    --pando-colors-danger-surface-initial: #5c0026;
    --pando-colors-danger-text-100: #ffa2c8;
    --pando-colors-danger-text-200: #ff73ac;
    --pando-colors-danger-text-initial: #fff0f6;
    --pando-colors-danger-text-inverse: #fff0f6
}

  [data-theme=inkyBlue]:where([data-color-mode=light], .light) {
    --pando-colors-neutral-bg-100-initial: #e5e8eb;
    --pando-colors-neutral-bg-100-hover: #f4f5f6;
    --pando-colors-neutral-bg-100-active: #d1dfef;
    --pando-colors-neutral-bg-initial: #d9e4f2;
    --pando-colors-neutral-bg-active: #d1dfef;
    --pando-colors-neutral-bg-hover: #dae3ee;
    --pando-colors-neutral-border-100: #dae3ee;
    --pando-colors-neutral-border-200: #89a4c7;
    --pando-colors-neutral-border-initial: #c2d1e2;
    --pando-colors-neutral-surface-100: #f4f7fa;
    --pando-colors-neutral-surface-200: #e8ecf2;
    --pando-colors-neutral-surface-300: #e5e8eb;
    --pando-colors-neutral-surface-initial: #ffffff;
    --pando-colors-neutral-surface-inverse: #1a2737;
    --pando-colors-neutral-text-100: #546f92;
    --pando-colors-neutral-text-200: #4e6583;
    --pando-colors-neutral-text-300: #1a2737;
    --pando-colors-neutral-text-initial: #3e5674;
    --pando-colors-neutral-text-inverse: #ffffff;
    --pando-colors-action-bg-100-initial: #e5e8eb;
    --pando-colors-action-bg-100-hover: #f4f5f6;
    --pando-colors-action-bg-100-active: #d1dfef;
    --pando-colors-action-bg-300-initial: #7940ff;
    --pando-colors-action-bg-300-hover: #4706dd;
    --pando-colors-action-bg-300-active: #3800b8;
    --pando-colors-action-bg-initial: #3c28b1;
    --pando-colors-action-bg-hover: #30208d;
    --pando-colors-action-bg-active: #24186a;
    --pando-colors-action-border-initial: #6855d9;
    --pando-colors-action-border-focus: #3895ff;
    --pando-colors-action-navigation-initial: #0969da;
    --pando-colors-action-navigation-hover: #0969da;
    --pando-colors-action-navigation-visited: #8c40bf;
    --pando-colors-action-text-100: #24186a;
    --pando-colors-action-text-200: #3c28b1;
    --pando-colors-action-text-300: #f4f7fa;
    --pando-colors-action-text-initial: #f4f7fa;
    --pando-colors-action-text-inverse: #1a2737;
    --pando-colors-info-border-initial: #00a3ff;
    --pando-colors-info-surface-initial: #aae0ff;
    --pando-colors-info-text-100: #005180;
    --pando-colors-info-text-200: #0088d5;
    --pando-colors-info-text-initial: #003655;
    --pando-colors-success-border-initial: #02bb71;
    --pando-colors-success-surface-initial: #a1fed9;
    --pando-colors-success-text-100: #017044;
    --pando-colors-success-text-200: #01955b;
    --pando-colors-success-text-initial: #002517;
    --pando-colors-warning-border-initial: #ffba0d;
    --pando-colors-warning-surface-initial: #ffedc0;
    --pando-colors-warning-text-100: #a17300;
    --pando-colors-warning-text-200: #d69900;
    --pando-colors-warning-text-initial: #352600;
    --pando-colors-danger-bg-initial: #b9004b;
    --pando-colors-danger-bg-hover: #8b0038;
    --pando-colors-danger-bg-active: #5c0026;
    --pando-colors-danger-border-initial: #ff4591;
    --pando-colors-danger-surface-initial: #ffd0e3;
    --pando-colors-danger-text-100: #b9004b;
    --pando-colors-danger-text-200: #e7005e;
    --pando-colors-danger-text-initial: #5c0026;
    --pando-colors-danger-text-inverse: #f4f7fa
        }

  [data-theme=inkyBlue]:where([data-color-mode=dark], .dark) {
    --pando-colors-neutral-bg-100-initial: #2a2753;
    --pando-colors-neutral-bg-100-hover: #343063;
    --pando-colors-neutral-bg-100-active: #24186a;
    --pando-colors-neutral-bg-initial: #393b6b;
    --pando-colors-neutral-bg-active: #2d2d55;
    --pando-colors-neutral-bg-hover: #404376;
    --pando-colors-neutral-border-100: #2d2d55;
    --pando-colors-neutral-border-200: #585fa2;
    --pando-colors-neutral-border-initial: #404376;
    --pando-colors-neutral-surface-100: #1b1834;
    --pando-colors-neutral-surface-200: #242145;
    --pando-colors-neutral-surface-300: #2a2753;
    --pando-colors-neutral-surface-initial: #130f25;
    --pando-colors-neutral-surface-inverse: #f3f3f8;
    --pando-colors-neutral-text-100: #b3b7da;
    --pando-colors-neutral-text-200: #bdcaff;
    --pando-colors-neutral-text-300: #f3f3f8;
    --pando-colors-neutral-text-initial: #d1d2e6;
    --pando-colors-neutral-text-inverse: #130f25;
    --pando-colors-action-bg-100-initial: #2a2753;
    --pando-colors-action-bg-100-hover: #343063;
    --pando-colors-action-bg-100-active: #24186a;
    --pando-colors-action-bg-300-initial: #d3cfff;
    --pando-colors-action-bg-300-hover: #ada5ff;
    --pando-colors-action-bg-300-active: #897eff;
    --pando-colors-action-bg-initial: #4a33d1;
    --pando-colors-action-bg-hover: #3c28b1;
    --pando-colors-action-bg-active: #30208d;
    --pando-colors-action-border-initial: #6855d9;
    --pando-colors-action-border-focus: #3895ff;
    --pando-colors-action-navigation-initial: #73c7ff;
    --pando-colors-action-navigation-hover: #73c7ff;
    --pando-colors-action-navigation-visited: #cfafe4;
    --pando-colors-action-text-100: #b3bcdc;
    --pando-colors-action-text-200: #adb3fc;
    --pando-colors-action-text-300: #130f25;
    --pando-colors-action-text-initial: #e1ddf7;
    --pando-colors-action-text-inverse: #e1ddf7;
    --pando-colors-info-border-initial: #00a3ff;
    --pando-colors-info-surface-initial: #003655;
    --pando-colors-info-text-100: #80d1ff;
    --pando-colors-info-text-200: #2bb2ff;
    --pando-colors-info-text-initial: #d5f0ff;
    --pando-colors-success-border-initial: #02e088;
    --pando-colors-success-surface-initial: #014b2d;
    --pando-colors-success-text-100: #43fdb4;
    --pando-colors-success-text-200: #02bb71;
    --pando-colors-success-text-initial: #d0ffec;
    --pando-colors-warning-border-initial: #ffba0d;
    --pando-colors-warning-surface-initial: #6b4c00;
    --pando-colors-warning-text-100: #ffe4a1;
    --pando-colors-warning-text-200: #ffd262;
    --pando-colors-warning-text-initial: #fff6e0;
    --pando-colors-danger-bg-initial: #b9004b;
    --pando-colors-danger-bg-hover: #8b0038;
    --pando-colors-danger-bg-active: #5c0026;
    --pando-colors-danger-border-initial: #ff1675;
    --pando-colors-danger-surface-initial: #5c0026;
    --pando-colors-danger-text-100: #ffa2c8;
    --pando-colors-danger-text-200: #ff73ac;
    --pando-colors-danger-text-initial: #fff0f6;
    --pando-colors-danger-text-inverse: #fff0f6
        }

  @keyframes spin {
    to {
      transform: rotate(360deg);
}
}

  @keyframes ping {
    75%,100% {
      transform: scale(2);
      opacity: 0;
}
}

  @keyframes pulse {
    50% {
      opacity: 0.5;
}
}

  @keyframes bounce {
    0%,100% {
      transform: translateY(-25%);
      animation-timing-function: cubic-bezier(0.8,0,1,1);
}

    50% {
      transform: none;
      animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}

  @keyframes fadeIn {
    0% {
      opacity: 0;
}

    100% {
      opacity: 1;
}
}

  @keyframes fadeOut {
    0% {
      opacity: 1;
}

    100% {
      opacity: 0;
}
}

  @keyframes loading {
    0% {
      stroke-dasharray: 1, 400;
      stroke-dashoffset: 0;
}

    50% {
      stroke-dasharray: 400, 400;
      stroke-dashoffset: -100;
}

    100% {
      stroke-dasharray: 400, 400;
      stroke-dashoffset: -260;
}
}

  @keyframes fadeInDownAnimation {
    0% {
      opacity: 0;
      transform: translate3d(0, -5px, 0);
}

    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
}
}

  @keyframes increase {
    from {
      width: 5%;
      left: -5%;
}

    to {
      width: 100%;
      left: 130%;
}
}

  @keyframes decrease {
    from {
      width: 80%;
      left: -80%;
}

    to {
      width: 10%;
      left: 110%;
}
}
}
@layer recipes{
  @layer _base{

    .pando-badge {
      border-radius: 1px;
      border: 1px solid;
      font-variation-settings: 'wght' 600;
      gap: 4px;
      max-width: initial;
      padding-inline-start: 8px;
      padding-inline-end: 8px;
      text-transform: uppercase;
      line-height: initial;
}

    .pando-badge,.pando-icon-button {
      display: inline-flex;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      align-items: center;
}

    .pando-button {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      border-radius: 0.375rem;
      align-items: center;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: var(--pando-durations-fast);
      transition-duration: var(--pando-durations-fast);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
}

    .pando-button:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-button:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-button:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-button[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-chip {
      appearance: none;
      -webkit-appearance: none;
      border: 1px solid;
      color: var(--pando-colors-action-text-inverse);
      cursor: pointer;
      display: inline-flex;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      padding-inline: var(--pando-spacing-3);
      padding-block: var(--pando-spacing-1);
      border-radius: var(--pando-radii-full);
      text-align: center;
      text-decoration: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      align-items: center;
      background-color: var(--pando-colors-transparent);
      border-color: var(--pando-colors-action-bg-300-initial);
      align-content: center;
      font-family: inherit;
      font-weight: 500;
      justify-content: center;
      line-height: 1;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: var(--pando-durations-fast);
      transition-duration: var(--pando-durations-fast);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
}

    .pando-chip:is(:focus, [data-focus]) {
      border: var(--pando-borders-none);
      color: var(--pando-colors-action-text-300);
      background-color: var(--pando-colors-action-bg-300-hover);
}

    .pando-chip:is(:focus, [data-focus]):is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-chip:is(:hover, [data-hover]) {
      color: var(--pando-colors-action-text-300);
      background-color: var(--pando-colors-action-bg-300-hover);
      border-color: var(--pando-colors-action-bg-300-hover);
}

    .pando-definitionList {
      display: flex;
      gap: 0.5rem;
      flex-direction: column;
}

    .pando-definitionList dd {
      margin-inline-start: var(--pando-spacing-0);
}

    .pando-definitionList div {
      display: flex;
      gap: 1.5rem;
      align-self: stretch;
}

    .pando-definitionList dt,.pando-definitionList dd {
      flex: 1 0 0;
      min-width: 1px;
      color: var(--pando-colors-neutral-text-300);
      font-family: var(--font/family/body);
      font-weight: var(--font/weight/medium);
      font-size: var(--font/size/md);
      line-height: 1.5;
}

    .pando-field-message {
      color: var(--pando-colors-color-palette-text-200);
      display: block;
      text-align: left;
      font-size: var(--pando-font-sizes-xs);
}

    .pando-field-set {
      border-radius: 4px;
      border: 1px;
      padding: 1rem;
      margin-block-start: 1rem;
      border-color: var(--pando-colors-neutral-border-100);
      border-style: solid;
}

    .pando-flexContainer {
      display: flex;
      width: 100%;
}

    .pando-flexItem {
      min-width: initial;
}

    .pando-gridCell {
      display: inherit;
      grid-column: span 12;
}

    .pando-gridContainer {
      display: grid;
      width: 100%;
      grid-template-columns: repeat(12, 1fr);
}

    .pando-icon-button {
      appearance: none;
      -webkit-appearance: none;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: var(--pando-durations-fast);
      transition-duration: var(--pando-durations-fast);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
}

    .pando-icon-button:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-icon-button:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-icon-button:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-icon-button[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-inline-code {
      border-radius: var(--pando-radii-md);
      border: 1px solid;
      padding: 0px 4px;
      color: var(--pando-colors-info-text-initial);
      background-color: var(--pando-colors-neutral-surface-initial);
      border-color: var(--pando-colors-neutral-border-initial);
      line-height: 1rem;
      font-size: inherit;
}

    .pando-label {
      color: var(--pando-colors-color-palette-text-200);
      display: flex;
      gap: var(--pando-spacing-3);
      margin-inline-end: var(--pando-spacing-0);
      opacity: 1;
      text-align: start;
      -webkit-user-select: none;
      user-select: none;
      font-variation-settings: "wght" 700;
      align-items: center;
      font-size: var(--pando-font-sizes-sm);
      margin-bottom: var(--pando-spacing-0);
}

    .pando-label:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.5;
}

    .pando-legend {
      padding-inline-end: 0.25rem;
      padding-inline-start: 0.25rem;
      font-weight: var(--pando-font-weights-bold);
}

    .pando-orderedList {
      padding-inline-start: 1.5rem;
      list-style-position: outside;
}

    .pando-orderedList li {
      margin-top: .5rem;
      margin-bottom: .5rem;
}

    .pando-skeleton {
      color: var(--pando-colors-transparent);
      cursor: default;
      pointer-events: none;
      -webkit-user-select: none;
      user-select: none;
      width: var(--pando-sizes-full);
      background-color: var(--pando-colors-neutral-bg-initial);
}

    .pando-tag {
      border: 1px solid;
      color: var(--pando-colors-action-navigation-initial);
      border-radius: var(--pando-radii-md);
      text-decoration: underline;
      font-family: var(--font-pando-body);
      border-color: var(--pando-colors-neutral-border-initial);
}

    .pando-tag:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-tag:is(:hover, [data-hover]) {
      color: var(--pando-colors-action-navigation-hover);
      text-decoration: none;
}

    .pando-tag:visited {
      color: var(--pando-colors-action-navigation-visited);
}

    .pando-text-link {
      color: var(--pando-colors-action-navigation-initial);
      display: inline-flex;
      gap: 4px;
      border-radius: var(--pando-radii-sm);
      text-decoration: underline;
      font-family: var(--font-pando-body);
      align-items: center;
}

    .pando-text-link svg {
      height: 1.1em;
      width: 1.1em;
}

    .pando-text-link:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-text-link:is(:hover, [data-hover]) {
      color: var(--pando-colors-action-navigation-hover);
}

    .pando-text-link:visited {
      color: var(--pando-colors-action-navigation-visited);
}

    .pando-unorderedList {
      display: block;
      list-style-position: inside;
}

    .pando-unorderedList li {
      margin-top: .5rem;
      margin-bottom: .5rem;
}

    .pando-unorderedList li ul {
      padding-inline-start: 1.5rem;
}

    .pando-unorderedList li::marker {
      color: var(--pando-colors-neutral-border-200);
}
}

  .pando-badge--palette_beta {
    color: #130F25;
    background-color: #FFBA0D;
    border-color: #FFBA0D;
}

  .pando-badge--palette_complete {
    color: #130F25;
    background-color: #02BB71;
    border-color: #02BB71;
}

  .pando-badge--palette_danger {
    color: var(--pando-colors-danger-text-initial);
    background-color: var(--pando-colors-danger-surface-initial);
    border-color: var(--pando-colors-danger-border-initial);
}

  .pando-badge--palette_info {
    color: var(--pando-colors-info-text-initial);
    background-color: var(--pando-colors-info-surface-initial);
    border-color: var(--pando-colors-info-border-initial);
}

  .pando-badge--palette_neutral {
    color: var(--pando-colors-neutral-text-initial);
    background-color: var(--pando-colors-neutral-bg-initial);
    border-color: var(--pando-colors-neutral-border-initial);
}

  .pando-badge--palette_new {
    color: #130F25;
    background-color: #2BB2FF;
    border-color: #2BB2FF;
}

  .pando-badge--palette_success {
    color: var(--pando-colors-success-text-initial);
    background-color: var(--pando-colors-success-surface-initial);
    border-color: var(--pando-colors-success-border-initial);
}

  .pando-badge--palette_warning {
    color: var(--pando-colors-warning-text-initial);
    background-color: var(--pando-colors-warning-surface-initial);
    border-color: var(--pando-colors-warning-border-initial);
}

  .pando-badge--palette_wow {
    background: linear-gradient(90deg, #FE5EA5 0.11%, #FDA151 99.89%);
    color: #130F25;
    border-image-source: linear-gradient(90deg, #FE5EA5 0.11%, #FDA151 99.89%);
    border-image-slice: 1;
}

  .pando-badge--size_lg {
    height: 1.5rem;
    font-size: var(--pando-font-sizes-xs);
}

  .pando-badge--size_md {
    height: 1.125rem;
    font-size: var(--pando-font-sizes-xs);
}

  .pando-badge--usage_filled {
    border: var(--pando-borders-none);
}

  .pando-badge--usage_outline {
    background: var(--pando-colors-transparent);
    background-color: var(--pando-colors-transparent);
}

  .pando-button--palette_action {
    --pando-colors-color-palette-bg-100-initial: var(--pando-colors-action-bg-100-initial);
    --pando-colors-color-palette-bg-100-hover: var(--pando-colors-action-bg-100-hover);
    --pando-colors-color-palette-bg-100-active: var(--pando-colors-action-bg-100-active);
    --pando-colors-color-palette-bg-300-initial: var(--pando-colors-action-bg-300-initial);
    --pando-colors-color-palette-bg-300-hover: var(--pando-colors-action-bg-300-hover);
    --pando-colors-color-palette-bg-300-active: var(--pando-colors-action-bg-300-active);
    --pando-colors-color-palette-bg-initial: var(--pando-colors-action-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-action-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-action-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-action-border-initial);
    --pando-colors-color-palette-border-focus: var(--pando-colors-action-border-focus);
    --pando-colors-color-palette-navigation-initial: var(--pando-colors-action-navigation-initial);
    --pando-colors-color-palette-navigation-hover: var(--pando-colors-action-navigation-hover);
    --pando-colors-color-palette-navigation-visited: var(--pando-colors-action-navigation-visited);
    --pando-colors-color-palette-text-100: var(--pando-colors-action-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-action-text-200);
    --pando-colors-color-palette-text-300: var(--pando-colors-action-text-300);
    --pando-colors-color-palette-text-initial: var(--pando-colors-action-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-action-text-inverse);
}

  .pando-button--palette_danger {
    --pando-colors-color-palette-bg-initial: var(--pando-colors-danger-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-danger-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-danger-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-danger-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-danger-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-danger-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-danger-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-danger-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-danger-text-inverse);
}

  .pando-button--palette_neutral {
    --pando-colors-color-palette-50: var(--pando-colors-neutral-50);
    --pando-colors-color-palette-100: var(--pando-colors-neutral-100);
    --pando-colors-color-palette-200: var(--pando-colors-neutral-200);
    --pando-colors-color-palette-300: var(--pando-colors-neutral-300);
    --pando-colors-color-palette-400: var(--pando-colors-neutral-400);
    --pando-colors-color-palette-500: var(--pando-colors-neutral-500);
    --pando-colors-color-palette-600: var(--pando-colors-neutral-600);
    --pando-colors-color-palette-700: var(--pando-colors-neutral-700);
    --pando-colors-color-palette-800: var(--pando-colors-neutral-800);
    --pando-colors-color-palette-900: var(--pando-colors-neutral-900);
    --pando-colors-color-palette-950: var(--pando-colors-neutral-950);
    --pando-colors-color-palette-bg-100-initial: var(--pando-colors-neutral-bg-100-initial);
    --pando-colors-color-palette-bg-100-hover: var(--pando-colors-neutral-bg-100-hover);
    --pando-colors-color-palette-bg-100-active: var(--pando-colors-neutral-bg-100-active);
    --pando-colors-color-palette-bg-initial: var(--pando-colors-neutral-bg-initial);
    --pando-colors-color-palette-bg-active: var(--pando-colors-neutral-bg-active);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-neutral-bg-hover);
    --pando-colors-color-palette-border-100: var(--pando-colors-neutral-border-100);
    --pando-colors-color-palette-border-200: var(--pando-colors-neutral-border-200);
    --pando-colors-color-palette-border-initial: var(--pando-colors-neutral-border-initial);
    --pando-colors-color-palette-surface-100: var(--pando-colors-neutral-surface-100);
    --pando-colors-color-palette-surface-200: var(--pando-colors-neutral-surface-200);
    --pando-colors-color-palette-surface-300: var(--pando-colors-neutral-surface-300);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-neutral-surface-initial);
    --pando-colors-color-palette-surface-inverse: var(--pando-colors-neutral-surface-inverse);
    --pando-colors-color-palette-text-100: var(--pando-colors-neutral-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-neutral-text-200);
    --pando-colors-color-palette-text-300: var(--pando-colors-neutral-text-300);
    --pando-colors-color-palette-text-initial: var(--pando-colors-neutral-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-neutral-text-inverse);
}

  .pando-button--size_lg {
    height: var(--pando-sizes-12);
    min-width: 2.5rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

  .pando-button--size_md {
    height: var(--pando-sizes-8);
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
}

  .pando-button--size_md,.pando-button--size_xs {
    min-width: 2.5rem;
    font-size: 0.875rem;
    font-weight: 600;
}

  .pando-button--size_xs {
    height: 1.5625rem;
    padding-inline-start: 0.25rem;
    padding-inline-end: 0.25rem;
    padding-block: 0.125rem;
}

  .pando-button--size_xs svg {
    width: 14px;
    height: 14px;
}

  .pando-button--usage_filled {
    color: var(--pando-colors-action-text-initial);
    background-color: var(--pando-colors-color-palette-bg-initial);
}

  .pando-button--usage_filled:is(:active, [data-active]) {
    background-color: var(--pando-colors-color-palette-bg-active);
}

  .pando-button--usage_filled:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-color-palette-bg-hover);
    border-color: var(--pando-colors-color-palette-bg-hover);
}

  .pando-button--usage_filled:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
    background-color: var(--pando-colors-color-palette-bg-initial);
}

  .pando-button--usage_filled[class*="palette_neutral"] {
    color: var(--pando-colors-color-palette-text-initial);
}

  .pando-button--usage_outline {
    border: 2px solid;
    color: var(--pando-colors-color-palette-text-200);
    border-color: var(--pando-colors-color-palette-border-initial);
}

  .pando-button--usage_outline:is(:active, [data-active]) {
    background-color: var(--pando-colors-color-palette-bg-active);
}

  .pando-button--usage_outline:is(:hover, [data-hover]) {
    color: var(--pando-colors-action-text-initial);
    border-color: var(--pando-colors-color-palette-bg-hover);
    background-color: var(--pando-colors-color-palette-bg-hover);
}

  .pando-button--usage_outline:is(:hover, [data-hover])[class*="palette_neutral"] {
    color: var(--pando-colors-color-palette-text-initial);
}

  .pando-button--usage_outline[class*="palette_neutral"] {
    color: var(--pando-colors-color-palette-text-initial);
}

  .pando-button--usage_text {
    color: var(--pando-colors-color-palette-text-200);
}

  .pando-button--usage_text:is(:active, [data-active]) {
    color: var(--pando-colors-action-text-inverse);
}

  .pando-button--usage_text:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
    color: var(--pando-colors-color-palette-text-100);
}

  .pando-button--usage_text:is(:focus, [data-focus]) {
    color: var(--pando-colors-action-text-initial);
    background-color: var(--pando-colors-color-palette-bg-hover);
}

  .pando-button--usage_text:is(:hover, [data-hover]) {
    color: var(--pando-colors-action-text-initial);
    background-color: var(--pando-colors-color-palette-bg-hover);
    border-color: var(--pando-colors-color-palette-bg-hover);
}

  .pando-button--usage_text:is(:hover, [data-hover])[class*="palette_neutral"] {
    color: var(--pando-colors-color-palette-text-initial);
}

  .pando-chip--size_lg {
    height: 2rem;
    min-width: 2rem;
    font-size: var(--pando-font-sizes-sm);
}

  .pando-chip--size_sm {
    height: 1.5rem;
    min-width: 1.25rem;
    font-size: var(--pando-font-sizes-xs);
}

  .pando-chip--usage_filter {
    color: var(--pando-colors-action-text-300);
    background-color: var(--pando-colors-action-bg-300-initial);
}

  .pando-chip--usage_filter:is(:focus, [data-focus]) {
    border: var(--pando-borders-none);
    color: var(--pando-colors-action-text-300);
    background-color: var(--pando-colors-action-bg-300-hover);
}

  .pando-chip--usage_filter:is(:focus, [data-focus]):is(:focus, [data-focus]) {
    box-shadow: none;
    outline: 3px solid;
    outline-offset: 2px;
    outline-color: var(--pando-colors-action-border-focus);
}

  .pando-chip--usage_filter:is(:hover, [data-hover]) {
    color: var(--pando-colors-action-text-300);
    background-color: var(--pando-colors-action-bg-300-hover);
    border-color: var(--pando-colors-action-bg-300-hover);
}

  .pando-field-message--position_first {
    padding-top: var(--pando-spacing-2);
}

  .pando-field-message--position_secondary {
    padding-top: var(--pando-spacing-0);
}

  .pando-field-message--usage_help {
    --pando-colors-color-palette-50: var(--pando-colors-neutral-50);
    --pando-colors-color-palette-100: var(--pando-colors-neutral-100);
    --pando-colors-color-palette-200: var(--pando-colors-neutral-200);
    --pando-colors-color-palette-300: var(--pando-colors-neutral-300);
    --pando-colors-color-palette-400: var(--pando-colors-neutral-400);
    --pando-colors-color-palette-500: var(--pando-colors-neutral-500);
    --pando-colors-color-palette-600: var(--pando-colors-neutral-600);
    --pando-colors-color-palette-700: var(--pando-colors-neutral-700);
    --pando-colors-color-palette-800: var(--pando-colors-neutral-800);
    --pando-colors-color-palette-900: var(--pando-colors-neutral-900);
    --pando-colors-color-palette-950: var(--pando-colors-neutral-950);
    --pando-colors-color-palette-bg-100-initial: var(--pando-colors-neutral-bg-100-initial);
    --pando-colors-color-palette-bg-100-hover: var(--pando-colors-neutral-bg-100-hover);
    --pando-colors-color-palette-bg-100-active: var(--pando-colors-neutral-bg-100-active);
    --pando-colors-color-palette-bg-initial: var(--pando-colors-neutral-bg-initial);
    --pando-colors-color-palette-bg-active: var(--pando-colors-neutral-bg-active);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-neutral-bg-hover);
    --pando-colors-color-palette-border-100: var(--pando-colors-neutral-border-100);
    --pando-colors-color-palette-border-200: var(--pando-colors-neutral-border-200);
    --pando-colors-color-palette-border-initial: var(--pando-colors-neutral-border-initial);
    --pando-colors-color-palette-surface-100: var(--pando-colors-neutral-surface-100);
    --pando-colors-color-palette-surface-200: var(--pando-colors-neutral-surface-200);
    --pando-colors-color-palette-surface-300: var(--pando-colors-neutral-surface-300);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-neutral-surface-initial);
    --pando-colors-color-palette-surface-inverse: var(--pando-colors-neutral-surface-inverse);
    --pando-colors-color-palette-text-100: var(--pando-colors-neutral-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-neutral-text-200);
    --pando-colors-color-palette-text-300: var(--pando-colors-neutral-text-300);
    --pando-colors-color-palette-text-initial: var(--pando-colors-neutral-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-neutral-text-inverse);
}

  .pando-field-message--usage_invalid {
    --pando-colors-color-palette-bg-initial: var(--pando-colors-danger-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-danger-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-danger-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-danger-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-danger-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-danger-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-danger-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-danger-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-danger-text-inverse);
}

  .pando-flexContainer--align_baseline {
    align-items: baseline;
}

  .pando-flexContainer--align_center {
    align-items: center;
}

  .pando-flexContainer--align_flexEnd {
    align-items: flex-end;
}

  .pando-flexContainer--align_flexStart {
    align-items: flex-start;
}

  .pando-flexContainer--align_stretch {
    align-items: stretch;
}

  .pando-flexContainer--direction_col {
    flex-direction: column;
}

  .pando-flexContainer--direction_colReverse {
    flex-direction: column-reverse;
}

  .pando-flexContainer--direction_row {
    flex-direction: row;
}

  .pando-flexContainer--direction_rowReverse {
    flex-direction: row-reverse;
}

  .pando-flexContainer--justify_center {
    justify-content: center;
}

  .pando-flexContainer--justify_end {
    justify-content: end;
}

  .pando-flexContainer--justify_flexEnd {
    justify-content: flex-end;
}

  .pando-flexContainer--justify_flexStart {
    justify-content: flex-start;
}

  .pando-flexContainer--justify_left {
    justify-content: left;
}

  .pando-flexContainer--justify_right {
    justify-content: right;
}

  .pando-flexContainer--justify_spaceAround {
    justify-content: space-around;
}

  .pando-flexContainer--justify_spaceBetween {
    justify-content: space-between;
}

  .pando-flexContainer--justify_spaceEvenly {
    justify-content: space-evenly;
}

  .pando-flexContainer--justify_start {
    justify-content: start;
}

  .pando-flexContainer--wrap_nowrap {
    flex-wrap: nowrap;
}

  .pando-flexContainer--wrap_wrap {
    flex-wrap: wrap;
}

  .pando-flexContainer--wrap_wrapReverse {
    flex-wrap: wrap-reverse;
}

  .pando-flexItem--basis_auto {
    flex-item: auto -webkit-auto;
}

  .pando-flexItem--basis_content {
    flex-item: content;
}

  .pando-flexItem--basis_fitContent {
    flex-item: fit-content -moz-fit-content;
}

  .pando-flexItem--basis_maxContent {
    flex-item: max-content -moz-max-content;
}

  .pando-flexItem--basis_minContent {
    flex-item: min-content -moz-min-content;
}

  .pando-gridCell--positionContentCenter_true {
    display: flex;
    justify-content: center;
    align-items: center;
}

  .pando-gridCell--positionContentX_center {
    display: flex;
    justify-content: center;
}

  .pando-gridCell--positionContentX_end {
    display: flex;
    justify-content: flex-end;
}

  .pando-gridCell--positionContentX_start {
    display: flex;
    justify-content: flex-start;
}

  .pando-gridCell--positionContentX_stretch {
    display: flex;
    justify-content: stretch;
}

  .pando-gridCell--positionContentY_bottom {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}

  .pando-gridCell--positionContentY_center {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

  .pando-gridCell--positionContentY_stretch {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
}

  .pando-gridCell--positionContentY_top {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

  .pando-gridCell--subgrid_all {
    display: grid;
    grid-template: subgrid;
}

  .pando-gridCell--subgrid_columns {
    display: grid;
    grid-template-columns: subgrid;
}

  .pando-gridCell--subgrid_rows {
    display: grid;
    grid-template-rows: subgrid;
}

  .pando-gridContainer--columnSpacing_0 {
    column-gap: var(--pando-spacing-0);
}

  .pando-gridContainer--columnSpacing_1 {
    column-gap: var(--pando-spacing-1);
}

  .pando-gridContainer--columnSpacing_2 {
    column-gap: var(--pando-spacing-2);
}

  .pando-gridContainer--rowSpacing_0 {
    row-gap: var(--pando-spacing-0);
}

  .pando-gridContainer--rowSpacing_1 {
    row-gap: var(--pando-spacing-1);
}

  .pando-gridContainer--rowSpacing_2 {
    row-gap: var(--pando-spacing-2);
}

  .pando-gridContainer--spacing_0 {
    grid-gap: var(--pando-spacing-0);
}

  .pando-gridContainer--spacing_1 {
    grid-gap: var(--pando-spacing-1);
}

  .pando-gridContainer--spacing_2 {
    grid-gap: var(--pando-spacing-2);
}

  .pando-icon-button--palette_action {
    --pando-colors-color-palette-bg-100-initial: var(--pando-colors-action-bg-100-initial);
    --pando-colors-color-palette-bg-100-hover: var(--pando-colors-action-bg-100-hover);
    --pando-colors-color-palette-bg-100-active: var(--pando-colors-action-bg-100-active);
    --pando-colors-color-palette-bg-300-initial: var(--pando-colors-action-bg-300-initial);
    --pando-colors-color-palette-bg-300-hover: var(--pando-colors-action-bg-300-hover);
    --pando-colors-color-palette-bg-300-active: var(--pando-colors-action-bg-300-active);
    --pando-colors-color-palette-bg-initial: var(--pando-colors-action-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-action-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-action-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-action-border-initial);
    --pando-colors-color-palette-border-focus: var(--pando-colors-action-border-focus);
    --pando-colors-color-palette-navigation-initial: var(--pando-colors-action-navigation-initial);
    --pando-colors-color-palette-navigation-hover: var(--pando-colors-action-navigation-hover);
    --pando-colors-color-palette-navigation-visited: var(--pando-colors-action-navigation-visited);
    --pando-colors-color-palette-text-100: var(--pando-colors-action-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-action-text-200);
    --pando-colors-color-palette-text-300: var(--pando-colors-action-text-300);
    --pando-colors-color-palette-text-initial: var(--pando-colors-action-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-action-text-inverse);
}

  .pando-icon-button--palette_danger {
    --pando-colors-color-palette-bg-initial: var(--pando-colors-danger-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-danger-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-danger-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-danger-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-danger-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-danger-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-danger-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-danger-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-danger-text-inverse);
}

  .pando-icon-button--palette_info {
    --pando-colors-color-palette-border-initial: var(--pando-colors-info-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-info-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-info-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-info-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-info-text-initial);
}

  .pando-icon-button--palette_neutral {
    --pando-colors-color-palette-50: var(--pando-colors-neutral-50);
    --pando-colors-color-palette-100: var(--pando-colors-neutral-100);
    --pando-colors-color-palette-200: var(--pando-colors-neutral-200);
    --pando-colors-color-palette-300: var(--pando-colors-neutral-300);
    --pando-colors-color-palette-400: var(--pando-colors-neutral-400);
    --pando-colors-color-palette-500: var(--pando-colors-neutral-500);
    --pando-colors-color-palette-600: var(--pando-colors-neutral-600);
    --pando-colors-color-palette-700: var(--pando-colors-neutral-700);
    --pando-colors-color-palette-800: var(--pando-colors-neutral-800);
    --pando-colors-color-palette-900: var(--pando-colors-neutral-900);
    --pando-colors-color-palette-950: var(--pando-colors-neutral-950);
    --pando-colors-color-palette-bg-100-initial: var(--pando-colors-neutral-bg-100-initial);
    --pando-colors-color-palette-bg-100-hover: var(--pando-colors-neutral-bg-100-hover);
    --pando-colors-color-palette-bg-100-active: var(--pando-colors-neutral-bg-100-active);
    --pando-colors-color-palette-bg-initial: var(--pando-colors-neutral-bg-initial);
    --pando-colors-color-palette-bg-active: var(--pando-colors-neutral-bg-active);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-neutral-bg-hover);
    --pando-colors-color-palette-border-100: var(--pando-colors-neutral-border-100);
    --pando-colors-color-palette-border-200: var(--pando-colors-neutral-border-200);
    --pando-colors-color-palette-border-initial: var(--pando-colors-neutral-border-initial);
    --pando-colors-color-palette-surface-100: var(--pando-colors-neutral-surface-100);
    --pando-colors-color-palette-surface-200: var(--pando-colors-neutral-surface-200);
    --pando-colors-color-palette-surface-300: var(--pando-colors-neutral-surface-300);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-neutral-surface-initial);
    --pando-colors-color-palette-surface-inverse: var(--pando-colors-neutral-surface-inverse);
    --pando-colors-color-palette-text-100: var(--pando-colors-neutral-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-neutral-text-200);
    --pando-colors-color-palette-text-300: var(--pando-colors-neutral-text-300);
    --pando-colors-color-palette-text-initial: var(--pando-colors-neutral-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-neutral-text-inverse);
}

  .pando-icon-button--palette_success {
    --pando-colors-color-palette-border-initial: var(--pando-colors-success-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-success-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-success-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-success-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-success-text-initial);
}

  .pando-icon-button--palette_warning {
    --pando-colors-color-palette-border-initial: var(--pando-colors-warning-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-warning-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-warning-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-warning-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-warning-text-initial);
}

  .pando-icon-button--shape_circle {
    border-radius: 50%;
}

  .pando-icon-button--shape_square {
    border-radius: 0.375rem;
}

  .pando-icon-button--size_lg {
    height: 3rem;
    width: 3rem;
    padding-inline-start: var(--pando-spacing-3);
    padding-inline-end: var(--pando-spacing-3);
}

  .pando-icon-button--size_md {
    height: 2.5rem;
    width: 2.5rem;
    padding-inline-start: var(--pando-spacing-2\.5);
    padding-inline-end: var(--pando-spacing-2\.5);
}

  .pando-icon-button--size_sm {
    height: 2rem;
    width: 2rem;
    padding-inline-start: var(--pando-spacing-2);
    padding-inline-end: var(--pando-spacing-2);
}

  .pando-icon-button--size_xs {
    height: 1.5rem;
    width: 1.5rem;
    padding-inline-start: var(--pando-spacing-1);
    padding-inline-end: var(--pando-spacing-1);
}

  .pando-icon-button--usage_filled {
    color: var(--pando-colors-action-text-initial);
    background-color: var(--pando-colors-color-palette-bg-initial);
}

  .pando-icon-button--usage_filled:is(:active, [data-active]) {
    background-color: var(--pando-colors-color-palette-bg-active);
}

  .pando-icon-button--usage_filled:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-color-palette-bg-hover);
    border-color: var(--pando-colors-color-palette-bg-hover);
}

  .pando-icon-button--usage_filled:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
    background-color: var(--pando-colors-color-palette-bg-initial);
}

  .pando-icon-button--usage_filled[class*="palette_neutral"] {
    color: var(--pando-colors-color-palette-text-initial);
}

  .pando-icon-button--usage_outline {
    border: 2px solid;
    color: var(--pando-colors-color-palette-text-200);
    border-color: var(--pando-colors-color-palette-border-initial);
}

  .pando-icon-button--usage_outline:is(:active, [data-active]) {
    background-color: var(--pando-colors-color-palette-bg-active);
}

  .pando-icon-button--usage_outline:is(:hover, [data-hover]) {
    color: var(--pando-colors-action-text-initial);
    border-color: var(--pando-colors-color-palette-bg-hover);
    background-color: var(--pando-colors-color-palette-bg-hover);
}

  .pando-icon-button--usage_outline:is(:hover, [data-hover])[class*="palette_neutral"] {
    color: var(--pando-colors-color-palette-text-initial);
}

  .pando-icon-button--usage_outline[class*="palette_neutral"] {
    color: var(--pando-colors-color-palette-text-initial);
}

  .pando-icon-button--usage_text {
    color: var(--pando-colors-color-palette-text-200);
}

  .pando-icon-button--usage_text:is(:active, [data-active]) {
    color: var(--pando-colors-color-palette-text-initial);
    background-color: var(--pando-colors-color-palette-bg-100-active);
}

  .pando-icon-button--usage_text:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
    color: var(--pando-colors-color-palette-text-100);
}

  .pando-icon-button--usage_text:is(:focus, [data-focus]) {
    background-color: var(--pando-colors-color-palette-bg-100-hover);
}

  .pando-icon-button--usage_text:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-color-palette-bg-100-hover);
}

  .pando-label--usage_hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: var(--pando-spacing-0);
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

  .pando-label--usage_invalid {
    --pando-colors-color-palette-bg-initial: var(--pando-colors-danger-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-danger-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-danger-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-danger-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-danger-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-danger-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-danger-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-danger-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-danger-text-inverse);
}

  .pando-orderedList--type_noStyle {
    list-style-type: none;
}

  .pando-orderedList--type_orderedList {
    list-style-type: alpha;
}

  .pando-skeleton--motion_animated {
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

  .pando-skeleton--motion_static {
    animation: none;
}

  .pando-skeleton--shape_block {
    border-radius: var(--pando-radii-sm);
    margin-bottom: var(--pando-spacing-2);
}

  .pando-skeleton--shape_circle {
    border-radius: var(--pando-radii-full);
}

  .pando-skeleton--size_lg {
    height: var(--pando-sizes-10);
}

  .pando-skeleton--size_md {
    height: var(--pando-sizes-8);
}

  .pando-skeleton--size_sm {
    height: var(--pando-sizes-4);
}

  .pando-skeleton--size_xl {
    height: var(--pando-sizes-20);
}

  .pando-tag--size_md {
    padding-inline-start: var(--pando-spacing-3);
    padding-inline-end: var(--pando-spacing-3);
    padding-block: var(--pando-spacing-1);
}

  .pando-tag--size_sm {
    padding-inline-start: var(--pando-spacing-2);
    padding-inline-end: var(--pando-spacing-2);
    padding-block: 1.5px;
    font-size: var(--pando-font-sizes-sm);
}

  .pando-unorderedList--type_noStyle {
    list-style-type: none;
}

  .pando-unorderedList--type_unorderedList {
    list-style-type: disc;
}

  .pando-unorderedList--type_unorderedList li ul li {
    list-style-type: circle;
}

  @media screen and (min-width: 29.9375rem) {
    .pando-gridCell--xsmall_1 {
      grid-column: span 1;
}
    .pando-gridCell--xsmall_2 {
      grid-column: span 2;
}
    .pando-gridCell--xsmall_3 {
      grid-column: span 3;
}
    .pando-gridCell--xsmall_4 {
      grid-column: span 4;
}
    .pando-gridCell--xsmall_5 {
      grid-column: span 5;
}
    .pando-gridCell--xsmall_6 {
      grid-column: span 6;
}
    .pando-gridCell--xsmall_7 {
      grid-column: span 7;
}
    .pando-gridCell--xsmall_8 {
      grid-column: span 8;
}
    .pando-gridCell--xsmall_9 {
      grid-column: span 9;
}
    .pando-gridCell--xsmall_10 {
      grid-column: span 10;
}
    .pando-gridCell--xsmall_11 {
      grid-column: span 11;
}
    .pando-gridCell--xsmall_12 {
      grid-column: span 12;
}
}

  @media screen and (min-width: 47.9375rem) {
    .pando-gridCell--small_1 {
      grid-column: span 1;
}
    .pando-gridCell--small_2 {
      grid-column: span 2;
}
    .pando-gridCell--small_3 {
      grid-column: span 3;
}
    .pando-gridCell--small_4 {
      grid-column: span 4;
}
    .pando-gridCell--small_5 {
      grid-column: span 5;
}
    .pando-gridCell--small_6 {
      grid-column: span 6;
}
    .pando-gridCell--small_7 {
      grid-column: span 7;
}
    .pando-gridCell--small_8 {
      grid-column: span 8;
}
    .pando-gridCell--small_9 {
      grid-column: span 9;
}
    .pando-gridCell--small_10 {
      grid-column: span 10;
}
    .pando-gridCell--small_11 {
      grid-column: span 11;
}
    .pando-gridCell--small_12 {
      grid-column: span 12;
}
}

  @media screen and (min-width: 63.9375rem) {
    .pando-gridCell--medium_1 {
      grid-column: span 1;
}
    .pando-gridCell--medium_2 {
      grid-column: span 2;
}
    .pando-gridCell--medium_3 {
      grid-column: span 3;
}
    .pando-gridCell--medium_4 {
      grid-column: span 4;
}
    .pando-gridCell--medium_5 {
      grid-column: span 5;
}
    .pando-gridCell--medium_6 {
      grid-column: span 6;
}
    .pando-gridCell--medium_7 {
      grid-column: span 7;
}
    .pando-gridCell--medium_8 {
      grid-column: span 8;
}
    .pando-gridCell--medium_9 {
      grid-column: span 9;
}
    .pando-gridCell--medium_10 {
      grid-column: span 10;
}
    .pando-gridCell--medium_11 {
      grid-column: span 11;
}
    .pando-gridCell--medium_12 {
      grid-column: span 12;
}
}

  @media screen and (min-width: 79.9375rem) {
    .pando-gridCell--large_1 {
      grid-column: span 1;
}
    .pando-gridCell--large_2 {
      grid-column: span 2;
}
    .pando-gridCell--large_3 {
      grid-column: span 3;
}
    .pando-gridCell--large_4 {
      grid-column: span 4;
}
    .pando-gridCell--large_5 {
      grid-column: span 5;
}
    .pando-gridCell--large_6 {
      grid-column: span 6;
}
    .pando-gridCell--large_7 {
      grid-column: span 7;
}
    .pando-gridCell--large_8 {
      grid-column: span 8;
}
    .pando-gridCell--large_9 {
      grid-column: span 9;
}
    .pando-gridCell--large_10 {
      grid-column: span 10;
}
    .pando-gridCell--large_11 {
      grid-column: span 11;
}
    .pando-gridCell--large_12 {
      grid-column: span 12;
}
}

  @media screen and (min-width: 89.9375rem) {
    .pando-gridCell--xlarge_1 {
      grid-column: span 1;
}
    .pando-gridCell--xlarge_2 {
      grid-column: span 2;
}
    .pando-gridCell--xlarge_3 {
      grid-column: span 3;
}
    .pando-gridCell--xlarge_4 {
      grid-column: span 4;
}
    .pando-gridCell--xlarge_5 {
      grid-column: span 5;
}
    .pando-gridCell--xlarge_6 {
      grid-column: span 6;
}
    .pando-gridCell--xlarge_7 {
      grid-column: span 7;
}
    .pando-gridCell--xlarge_8 {
      grid-column: span 8;
}
    .pando-gridCell--xlarge_9 {
      grid-column: span 9;
}
    .pando-gridCell--xlarge_10 {
      grid-column: span 10;
}
    .pando-gridCell--xlarge_11 {
      grid-column: span 11;
}
    .pando-gridCell--xlarge_12 {
      grid-column: span 12;
}
}
}
@layer recipes.slots{
  @layer _base{

    .pando-accordion__item {
      color: var(--pando-colors-neutral-text-initial);
      border-top: 1px solid;
      width: 100%;
      border-color: var(--pando-colors-neutral-border-initial);
}

    .pando-accordion__itemIndicator {
      display: flex;
      align-self: flex-start;
      padding-right: 16px;
}

    .pando-accordion__itemIndicator svg {
      transition: rotate 0.2s;
      transform-origin: center;
      rotate: 0deg;
}

    .pando-accordion__itemIndicator:is([open], [data-open], [data-state="open"]) svg {
      transition: rotate 0.2s;
      transform-origin: center;
      rotate: 180deg;
}

    .pando-accordion__itemTitle {
      text-align: left;
      line-height: 150%;
}

    .pando-accordion__itemTrigger {
      display: flex;
      width: 100%;
      outline: var(--pando-borders-none);
      align-items: center;
      justify-content: space-between;
}

    .pando-accordion__itemTrigger:is(:focus-visible, [data-focus-visible]) {
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-accordion__itemTrigger:is(:focus, [data-focus]) {
      background-color: var(--pando-colors-neutral-bg-hover);
}

    .pando-accordion__itemTrigger:is(:hover, [data-hover]) {
      background-color: var(--pando-colors-neutral-bg-hover);
}

    .pando-accordion__root {
      min-width: 278px;
}

    .pando-admonition__description {
      color: inherit;
      text-align: left;
      margin-top: var(--pando-spacing-1);
}

    .pando-admonition__featureIcon {
      color: var(--pando-colors-color-palette-text-100);
      display: inline-block;
      margin-inline-end: var(--pando-spacing-3\.5);
      padding-top: 1rem;
}

    .pando-admonition__heading {
      color: inherit;
      text-align: left;
      font-variation-settings: 'wght' 700;
      padding-top: var(--pando-spacing-3\.5);
}

    .pando-admonition__main {
      display: flex;
      flex: 1 1 0%;
      flex-direction: column;
}

    .pando-admonition__root {
      color: var(--pando-colors-color-palette-text-initial);
      border-radius: var(--pando-radii-lg);
      display: flex;
      overflow: hidden;
      padding-inline-end: var(--pando-spacing-0);
      padding-inline-start: var(--pando-spacing-3\.5);
      position: relative;
      width: var(--pando-sizes-full);
      align-items: flex-start;
      background-color: var(--pando-colors-color-palette-surface-initial);
      padding-bottom: var(--pando-spacing-3\.5);
      padding-top: var(--pando-spacing-0);
}

    .pando-admonition__root::before {
      height: var(--pando-sizes-full);
      position: absolute;
      width: 4px;
      z-index: var(--pando-z-index-decorator);
      background-color: var(--pando-colors-color-palette-border-initial);
      border-bottom-left-radius: var(--pando-radii-lg);
      border-top-left-radius: var(--pando-radii-lg);
      content: "";
      left: 0.5px;
      top: var(--pando-spacing-0);
}

    .pando-alertDialog__bodyContent {
      padding-inline: 5px;
      height: initial;
      padding-inline-end: 0.875rem;
      scrollbar-color: var(--pando-colors-neutral-text-100) var(--pando-colors-neutral-surface-100);
      scrollbar-width: auto;
      z-index: var(--pando-z-index-modal);
      padding-bottom: 5px;
      margin-bottom: 5px;
      font-size: 0.875rem;
      overflow-y: auto;
      flex-grow: 1;
}

    .pando-alertDialog__cancelButton {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      border-radius: 6px;
      color: inherit;
      font-variation-settings: 'wght' 600;
      pointer-events: initial;
      height: var(--pando-sizes-8);
      min-width: 2.5rem;
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
      align-items: center;
      border-style: solid;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      background-color: var(--pando-colors-transparent);
      border-width: 2px;
      border-color: var(--pando-colors-action-border-initial);
      font-size: 0.875rem;
      font-weight: 600;
}

    .pando-alertDialog__cancelButton:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-alertDialog__cancelButton:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-alertDialog__cancelButton:is(:hover, [data-hover]) {
      background-color: var(--pando-colors-action-bg-active);
}

    .pando-alertDialog__cancelButton:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-alertDialog__cancelButton[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-alertDialog__closeButton {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: absolute;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      border-radius: var(--pando-radii-sm);
      height: 2.5rem;
      margin: 1rem;
      width: 2.5rem;
      align-items: center;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: var(--pando-durations-fast);
      transition-duration: var(--pando-durations-fast);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      margin-right: var(--pando-spacing-0);
      margin-top: var(--pando-spacing-0);
      right: var(--pando-spacing-0);
      top: var(--pando-spacing-0);
}

    .pando-alertDialog__closeButton:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-alertDialog__closeButton:is(:focus, [data-focus]) {
      border: 3px solid;
      outline: var(--pando-borders-none);
      border-color: var(--pando-colors-action-border-focus);
}

    .pando-alertDialog__closeButton:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-alertDialog__closeButton[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-alertDialog__closeIcon {
      height: 1.25rem;
      width: 1.25rem;
}

    .pando-alertDialog__closeIcon:is(:hover, [data-hover]) {
      cursor: pointer;
      scale: 1.1;
}

    .pando-alertDialog__confirmButton {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      font-variation-settings: 'wght' 600;
      pointer-events: initial;
      border-radius: 6px;
      height: var(--pando-sizes-8);
      min-width: 2.5rem;
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
      align-items: center;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      font-size: 0.875rem;
      font-weight: 600;
}

    .pando-alertDialog__confirmButton:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-alertDialog__confirmButton:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-alertDialog__confirmButton:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-alertDialog__confirmButton[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-alertDialog__footer {
      padding-inline: 5px;
      display: flex;
      gap: 16px;
      margin-top: 11px;
      justify-content: flex-start;
}

    .pando-alertDialog__header {
      display: flex;
      padding-inline-start: 5px;
      padding-inline-end: 24px;
      color: var(--pando-colors-neutral-text-300);
      font-variation-settings: "wght" 600;
      font-family: var(--font-pando-title);
      font-size: 1.125rem;
      line-height: 125%;
      align-items: center;
      margin-bottom: 8px;
      margin-top: 24px;
}

    .pando-alertDialog__headerIcon {
      color: var(--pando-colors-danger-text-100);
      margin-right: 10px;
}

    .pando-alertDialog__inputWrapper {
      margin-top: 1rem;
}

    .pando-alertDialog__root {
      display: none;
}

    .pando-alertDialog__root[open] {
      color: var(--pando-colors-neutral-text-initial);
      display: flex;
      opacity: 0;
      border-radius: 0px;
      height: 100vh;
      max-height: 100vh;
      padding-inline-end: 11px;
      padding-inline-start: 11px;
      text-align: left;
      --drop-shadow: lg;
      z-index: var(--pando-z-index-modal);
      max-width: 100vw;
      min-width: inherit;
      position: fixed;
      translate: var(--translate-x) var(--translate-y);
      --translate-x: -50%;
      --translate-y: -50%;
      width: 100vw;
      -webkit-transform: translate(-50%, -50%);
      animation-duration: 250ms;
      animation-fill-mode: forwards;
      animation-name: fadeInDownAnimation;
      animation-timing-function: ease-in-out;
      animation-delay: 100ms;
      background-color: var(--pando-colors-neutral-surface-100);
      border-color: var(--pando-colors-neutral-border-100);
      border-style: solid;
      flex-direction: column;
      font-family: inherit;
      padding-bottom: 24px;
      border-width: 0px;
      left: 50%;
      overflow-y: hidden;
      top: 50%;
}

    .pando-alertDialog__root[open]::backdrop {
      background: rgba(0 0 0 / 65%);
}

    .pando-avatar__image {
      height: var(--pando-sizes-full);
      object-fit: cover;
      position: absolute;
      opacity: initial;
      transition: opacity 350ms ease-in;
      width: var(--pando-sizes-full);
      left: var(--pando-spacing-0);
      top: var(--pando-spacing-0);
}

    .pando-avatar__image:is([data-loading], [aria-busy=true]) {
      opacity: 0;
}

    .pando-avatar__label {
      font-variation-settings: 'wght' 500;
      text-transform: uppercase;
}

    .pando-avatar__label,.pando-banner__root {
      color: var(--pando-colors-color-palette-text-initial);
}

    .pando-avatar__root {
      appearance: none;
      -webkit-appearance: none;
      aspect-ratio: 1/1;
      border: var(--pando-borders-none);
      border-radius: var(--pando-radii-full);
      display: inline-flex;
      overflow: hidden;
      padding: var(--pando-spacing-0);
      position: relative;
      -webkit-user-select: none;
      user-select: none;
      align-items: center;
      background-color: var(--pando-colors-color-palette-bg-initial);
      justify-content: center;
}

    .pando-avatar__root:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-banner__description {
      color: inherit;
      text-align: left;
      margin-top: var(--pando-spacing-1);
}

    .pando-banner__featureIcon {
      color: var(--pando-colors-color-palette-text-100);
      display: inline-block;
      margin-inline-end: var(--pando-spacing-3\.5);
      padding-top: 1rem;
}

    .pando-banner__heading {
      color: inherit;
      text-align: left;
      font-variation-settings: 'wght' 700;
      padding-top: var(--pando-spacing-3\.5);
}

    .pando-banner__main {
      display: flex;
      flex: 1 1 0%;
      flex-direction: column;
}

    .pando-banner__root {
      border-radius: var(--pando-radii-lg);
      display: flex;
      overflow: hidden;
      padding-inline-end: var(--pando-spacing-0);
      padding-inline-start: var(--pando-spacing-3\.5);
      position: relative;
      width: var(--pando-sizes-full);
      align-items: flex-start;
      background-color: var(--pando-colors-color-palette-surface-initial);
      padding-bottom: var(--pando-spacing-3\.5);
      padding-top: var(--pando-spacing-0);
}

    .pando-banner__root::before {
      height: var(--pando-sizes-full);
      position: absolute;
      width: 4px;
      z-index: var(--pando-z-index-decorator);
      background-color: var(--pando-colors-color-palette-border-initial);
      border-bottom-left-radius: var(--pando-radii-lg);
      border-top-left-radius: var(--pando-radii-lg);
      content: "";
      left: 0.5px;
      top: var(--pando-spacing-0);
}

    .pando-checkbox__control {
      appearance: none;
      -webkit-appearance: none;
      border-image: initial;
      border-radius: var(--pando-radii-sm);
      border: 2px solid;
      color: var(--pando-colors-neutral-text-300);
      height: 1.125rem;
      padding-inline-start: var(--pando-spacing-4);
      padding-inline-end: var(--pando-spacing-10);
      position: relative;
      width: 1.125rem;
      padding: var(--pando-spacing-0);
      z-index: var(--pando-z-index-base);
      background-color: inherit;
      border-color: var(--pando-colors-action-border-initial);
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-prop: border-color;
      transition-property: border-color;
}

    .pando-checkbox__control::placeholder,.pando-checkbox__control[data-placeholder] {
      color: var(--pando-colors-neutral-text-100);
      opacity: 1;
}

    .pando-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      background-color: var(--pando-colors-action-bg-initial);
}

    .pando-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
      background-color: var(--pando-colors-action-bg-hover);
}

    .pando-checkbox__control:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 1;
      color: var(--pando-colors-neutral-text-100);
      background-color: var(--pando-colors-neutral-bg-initial);
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-checkbox__control:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-checkbox__control:is(:hover, [data-hover]) {
      border-color: action.border.inverse;
      background-color: var(--pando-colors-neutral-bg-hover);
}

    .pando-checkbox__control:is(:user-invalid, [aria-invalid]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-checkbox__control:is(:user-invalid, [aria-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      background-color: var(--pando-colors-danger-bg-initial);
}

    .pando-checkbox__icon {
      color: var(--pando-colors-action-text-initial);
      display: none;
      position: absolute;
      height: var(--pando-sizes-full);
      width: var(--pando-sizes-full);
      z-index: var(--pando-z-index-decorator);
      left: var(--pando-spacing-0);
      top: var(--pando-spacing-0);
}

    .pando-checkbox__root {
      display: flex;
      gap: var(--pando-spacing-3);
      position: relative;
      align-items: center;
}

    .pando-checkbox__root:has(input:disabled, input[aria-disabled='true']) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-checkbox__root:has(input[aria-readonly='true']) {
      cursor: default;
}

    .pando-circular-progress__baseCircle {
      stroke: var(--pando-colors-action-border-initial);
      fill: var(--pando-colors-transparent);
      --transition-duration: 600ms;
      transition-duration: 600ms;
      --transition-prop: stroke-dasharray, stroke;
      transition-property: stroke-dasharray, stroke;
      --transition-easing: ease-in;
      transition-timing-function: ease-in;
}

    .pando-circular-progress__progressCircle {
      stroke: var(--pando-colors-neutral-text-initial);
      fill: var(--pando-colors-transparent);
}

    .pando-circular-progress__root {
      display: inline-block;
      position: relative;
      vertical-align: middle;
      font-family: inherit;
}

    .pando-circular-progress__text {
      display: inline-block;
      font-size: 0.75rem;
      line-height: 1rem;
      position: absolute;
      text-align: center;
      width: 100%;
      font-family: inherit;
      top: 32%;
}

    .pando-dataGrid__caption {
      position: relative;
      max-width: 100%;
      text-wrap: wrap;
}

    .pando-dataGrid__footer {
      display: flex;
      gap: var(--pando-spacing-0);
      justify-content: end;
      flex-direction: column;
      margin-top: var(--pando-spacing-0);
}

    .pando-dataGrid__pagination {
      display: flex;
      width: fit-content;
      flex-direction: column;
      align-items: flex-start;
      margin-top: var(--pando-spacing-0);
}

    .pando-dataGrid__paginationButtons {
      margin-top: 16px;
}

    .pando-dataGrid__paginationSelect {
      margin-inline: var(--pando-spacing-0);
      min-width: 200px;
      max-width: 275px;
      margin-top: -8px;
}

    .pando-dataGrid__paginationStatText {
      white-space: nowrap;
      font-size: 16px;
      margin-bottom: 16px;
}

    .pando-dataGrid__paginationStatTextTotal {
      color: var(--pando-colors-neutral-text-200);
}

    .pando-dataGrid__root {
      max-width: 100%;
      overflow: auto;
}

    .pando-dataGrid__sortArrowsDefault {
      color: var(--pando-colors-neutral-text-100);
}

    .pando-dataGrid__sortHeaderButton {
      display: flex;
      justify-content: center;
}

    .pando-dataGrid__sortHeaderButton svg {
      width: 20px;
      margin-inline-start: 8px;
}

    .pando-dataGrid__tableHeader {
      color: var(--pando-colors-neutral-text-initial);
}

    .pando-emptyState__description {
      color: var(--pando-colors-neutral-text-initial);
      max-width: 720px;
      text-align: center;
}

    .pando-emptyState__header {
      max-width: 720px;
      text-align: center;
}

    .pando-file-upload__dropzone {
      border-radius: 0.5rem;
      padding: 1.5rem;
      gap: 1rem;
      width: 100%;
      height: 100%;
      color: var(--pando-colors-neutral-text-initial);
      border-width: 1px;
      border-color: var(--pando-colors-action-border-initial);
      border-style: dashed;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
}

    .pando-file-upload__dropzone:focus-visible {
      outline: 2px solid;
      border: var(--pando-borders-none);
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-file-upload__dropzone:hover {
      background-color: var(--pando-colors-neutral-border-initial);
}

    .pando-file-upload__dropzone[data-dragging] {
      border-color: var(--pando-colors-action-border-focus);
      border-style: solid;
      border-width: 2px;
}

    .pando-file-upload__errorMessageContainer {
      width: 100%;
      margin-top: 8px;
}

    .pando-file-upload__fileIcon {
      position: absolute;
      animation-duration: 100ms;
      animation-fill-mode: backwards;
      animation-name: fadeIn;
      animation-timing-function: ease-in-out;
      animation-delay: 3s;
}

    .pando-file-upload__iconContainer {
      position: relative;
      width: 25px;
      flex-shrink: 0;
}

    .pando-file-upload__item {
      border-radius: 0.5rem;
      padding: 0.75rem;
      gap: 0.5rem;
      border-width: 1px;
      border-color: var(--pando-colors-neutral-border-initial);
      background-color: var(--pando-colors-neutral-surface-100);
      flex-wrap: wrap;
}

    .pando-file-upload__item,.pando-file-upload__itemGroup {
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
}

    .pando-file-upload__itemActions {
      display: flex;
      gap: 0.25rem;
      align-items: center;
      justify-content: flex-end;
}

    .pando-file-upload__itemContainer {
      flex: 1 1 0%;
      min-width: var(--pando-sizes-0);
      width: 100%;
}

    .pando-file-upload__itemGroup {
      border-radius: 0.5rem;
      border: var(--pando-borders-none);
      gap: 1rem;
      border-width: 1px;
      flex-direction: column;
      margin-top: 1rem;
}

    .pando-file-upload__itemGroup:empty {
      display: none;
}

    .pando-file-upload__itemName {
      color: var(--pando-colors-neutral-text-initial);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      padding-bottom: 0.25rem;
}

    .pando-file-upload__itemPreview {
      width: auto;
      justify-content: left;
      padding-left: 0.5rem;
}

    .pando-file-upload__itemSizeText {
      color: var(--pando-colors-neutral-text-200);
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
}

    .pando-file-upload__progressBar {
      padding-block: 8px;
}

    .pando-file-upload__root {
      position: relative;
      max-width: 27rem;
      justify-content: center;
}

    .pando-file-upload__root,.pando-file-upload__dropzone {
      display: flex;
      align-items: center;
      flex-direction: column;
}

    .pando-file-upload__successIcon {
      position: absolute;
      color: var(--pando-colors-success-border-initial);
      animation-duration: 100ms;
      animation-fill-mode: forwards;
      animation-name: fadeOut;
      animation-timing-function: ease-in-out;
      animation-delay: 3s;
}

    .pando-input__control {
      appearance: none;
      -webkit-appearance: none;
      border-image: initial;
      border-radius: var(--pando-radii-md);
      border: 1px solid;
      color: var(--pando-colors-neutral-text-300);
      height: var(--pando-sizes-full);
      padding-inline-start: var(--pando-spacing-4);
      padding-inline-end: var(--pando-spacing-10);
      background-color: inherit;
      border-color: var(--pando-colors-action-border-initial);
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-prop: border-color;
      transition-property: border-color;
}

    .pando-input__control:-webkit-autofill,.pando-input__control:-webkit-autofill:focus,.pando-input__control:-webkit-autofill:hover {
      -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
      -webkit-text-fill-color: inherit;
      transition: background-color 99999s, color 99999s;
}

    .pando-input__control::-ms-reveal,.pando-input__control::-ms-clear {
      display: none;
}

    .pando-input__control::placeholder,.pando-input__control[data-placeholder] {
      color: var(--pando-colors-neutral-text-100);
      opacity: 1;
}

    .pando-input__control:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
      color: var(--pando-colors-neutral-text-100);
      background-color: var(--pando-colors-neutral-bg-initial);
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-input__control:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-input__control:is(:hover, [data-hover]) {
      border-color: var(--pando-colors-neutral-border-200);
}

    .pando-input__control:is(:user-invalid, [aria-invalid]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-input__control:is(:user-invalid, [aria-invalid]):is(:hover, [data-hover]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-input__icon {
      color: var(--pando-colors-neutral-text-300);
      position: absolute;
      transform: translateY(-50%);
      width: 1.5rem;
      top: 50%;
      right: 1.5rem;
}

    .pando-input__root {
      padding-inline-end: var(--pando-spacing-4);
      margin-top: var(--pando-spacing-2);
}

    .pando-input__root,.pando-input__control {
      position: relative;
      width: var(--pando-sizes-full);
}

    .pando-input__showPasswordButton {
      color: var(--pando-colors-neutral-text-300);
      position: absolute;
      transform: translateY(-50%);
      width: auto;
      top: 50%;
      right: 1.5rem;
}

    .pando-input__startIcon {
      color: var(--pando-colors-neutral-text-300);
      position: absolute;
      transform: translateY(-50%);
      width: 1.5rem;
      top: 50%;
      left: 1rem;
}

    .pando-loading-spinner__loadingSpinner {
      box-sizing: border-box;
      display: inline-block;
      position: relative;
      height: 2.5rem;
      width: 2.5rem;
}

    .pando-loading-spinner__loadingSpinner div {
      color: var(--pando-colors-neutral-text-300);
      box-sizing: border-box;
      display: block;
      position: absolute;
      border: 6px solid currentColor;
      border-radius: 50%;
      animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: currentColor transparent transparent transparent;
}

    .pando-loading-spinner__loadingSpinner div:nth-child(1) {
      animation-delay: -0.45s;
}

    .pando-loading-spinner__loadingSpinner div:nth-child(2) {
      animation-delay: -0.3s;
}

    .pando-loading-spinner__loadingSpinner div:nth-child(3) {
      animation-delay: -0.15s;
}

    .pando-loading-spinner__overlay {
      height: 100%;
      width: 100%;
      z-index: var(--pando-z-index-overlay);
      display: flex;
      top: var(--pando-spacing-0);
      left: var(--pando-spacing-0);
      right: var(--pando-spacing-0);
      bottom: var(--pando-spacing-0);
      align-items: center;
      justify-content: center;
      background-color: rgba(19, 15, 37, 0.75);
}

    .pando-loading-spinner__overlayContainer {
      height: fit-content;
      width: fit-content;
      position: relative;
}

    .pando-menu__checkboxItem {
      display: flex;
      gap: 0.5rem;
      padding: 0.5rem;
      width: 100%;
      align-items: center;
}

    .pando-menu__checkboxItem:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none;
}

    .pando-menu__checkboxItem:is(:focus, [data-focus]) {
      background-color: var(--pando-colors-action-bg-100-hover);
}

    .pando-menu__checkboxItem[data-highlighted] {
      cursor: default;
      background-color: var(--pando-colors-action-bg-100-hover);
}

    .pando-menu__checkboxItemControl {
      border-radius: var(--pando-radii-md);
}

    .pando-menu__checkboxItemControl[data-highlighted] {
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-menu__content {
      border: 1px solid;
      border-radius: 6px;
      padding: 0.25rem;
      position: relative;
      max-width: 308px;
      outline: var(--pando-borders-none);
      background-color: var(--pando-colors-action-bg-100-initial);
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-menu__content,.pando-menu__item {
      display: flex;
      flex-direction: column;
}

    .pando-menu__item {
      padding: 0.5rem;
      width: 100%;
}

    .pando-menu__item:is(:active, [data-active]) {
      background-color: var(--pando-colors-action-bg-100-active);
}

    .pando-menu__item:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none;
}

    .pando-menu__item:is(:focus, [data-focus]) {
      background-color: var(--pando-colors-action-bg-100-hover);
}

    .pando-menu__item:is(:hover, [data-hover]) {
      background-color: var(--pando-colors-action-bg-100-hover);
}

    .pando-menu__item[data-highlighted] {
      background-color: var(--pando-colors-action-bg-100-hover);
}

    .pando-menu__itemDescription {
      color: var(--pando-colors-action-text-inverse);
      display: flex;
      font-variation-settings: "wght" 400 !important;
      white-space: normal;
      align-self: flex-start;
      font-size: var(--pando-font-sizes-sm);
      font-style: normal;
      font-weight: var(--pando-font-weights-normal);
      line-height: 1.25rem;
}

    .pando-menu__itemGroup {
      width: 100%;
}

    .pando-menu__itemGroupLabel {
      color: var(--pando-colors-action-text-inverse);
      opacity: 0.7;
      padding: 0.5rem;
      font-family: var(--pando-fonts-body);
      font-size: var(--pando-font-sizes-xs);
      font-style: normal;
      font-weight: var(--pando-font-weights-bold);
      line-height: 150%;
}

    .pando-menu__itemStartIcon {
      padding: 0 0.5rem 0 0;
}

    .pando-menu__itemTitle {
      display: block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: var(--pando-font-weights-medium);
      justify-self: flex-start;
      line-height: 150%;
}

    .pando-menu__itemTitleGroup {
      color: var(--pando-colors-action-text-inverse);
      display: flex;
}

    .pando-menu__itemTitleTextGroup {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}

    .pando-menu__separator {
      color: var(--pando-colors-action-text-inverse);
      height: 1px;
      margin: 0.5rem;
}

    .pando-modal__bodyContent {
      padding-inline: 5px;
      height: initial;
      padding-inline-end: 0.875rem;
      scrollbar-color: var(--pando-colors-neutral-text-100) var(--pando-colors-neutral-surface-100);
      scrollbar-width: auto;
      z-index: var(--pando-z-index-modal);
      padding-bottom: 5px;
      margin-bottom: 5px;
      font-size: 0.875rem;
      overflow-y: auto;
      flex-grow: 1;
}

    .pando-modal__cancelButton {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      border-radius: 6px;
      color: inherit;
      font-variation-settings: 'wght' 600;
      pointer-events: initial;
      height: var(--pando-sizes-8);
      min-width: 2.5rem;
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
      align-items: center;
      border-style: solid;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      background-color: var(--pando-colors-transparent);
      border-width: 2px;
      border-color: var(--pando-colors-action-border-initial);
      font-size: 0.875rem;
      font-weight: 600;
}

    .pando-modal__cancelButton:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-modal__cancelButton:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-modal__cancelButton:is(:hover, [data-hover]) {
      background-color: var(--pando-colors-action-bg-active);
}

    .pando-modal__cancelButton:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-modal__cancelButton[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-modal__closeButton {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: absolute;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      border-radius: var(--pando-radii-sm);
      height: 2.5rem;
      margin: 1rem;
      width: 2.5rem;
      align-items: center;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: var(--pando-durations-fast);
      transition-duration: var(--pando-durations-fast);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      margin-right: var(--pando-spacing-0);
      margin-top: var(--pando-spacing-0);
      right: var(--pando-spacing-0);
      top: var(--pando-spacing-0);
}

    .pando-modal__closeButton:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-modal__closeButton:is(:focus, [data-focus]) {
      border: 3px solid;
      outline: var(--pando-borders-none);
      border-color: var(--pando-colors-action-border-focus);
}

    .pando-modal__closeButton:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-modal__closeButton[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-modal__closeIcon {
      height: 1.25rem;
      width: 1.25rem;
}

    .pando-modal__closeIcon:is(:hover, [data-hover]) {
      cursor: pointer;
      scale: 1.1;
}

    .pando-modal__confirmButton {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      font-variation-settings: 'wght' 600;
      pointer-events: initial;
      border-radius: 6px;
      height: var(--pando-sizes-8);
      min-width: 2.5rem;
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
      align-items: center;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      font-size: 0.875rem;
      font-weight: 600;
}

    .pando-modal__confirmButton:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-modal__confirmButton:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-modal__confirmButton:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-modal__confirmButton[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-modal__footer {
      padding-inline: 5px;
      display: flex;
      gap: 16px;
      margin-top: 11px;
      justify-content: flex-start;
}

    .pando-modal__header {
      display: flex;
      padding-inline-start: 5px;
      padding-inline-end: 24px;
      color: var(--pando-colors-neutral-text-300);
      font-variation-settings: "wght" 600;
      font-family: var(--font-pando-title);
      font-size: 1.125rem;
      line-height: 125%;
      align-items: center;
      margin-bottom: 8px;
      margin-top: 24px;
}

    .pando-modal__headerIcon {
      color: var(--pando-colors-danger-text-100);
      margin-right: 10px;
}

    .pando-modal__inputWrapper {
      margin-top: 1rem;
}

    .pando-modal__root {
      display: none;
}

    .pando-modal__root[open] {
      color: var(--pando-colors-neutral-text-initial);
      display: flex;
      opacity: 0;
      border-radius: 0px;
      height: 100vh;
      max-height: 100vh;
      padding-inline-end: 11px;
      padding-inline-start: 11px;
      text-align: left;
      --drop-shadow: lg;
      z-index: var(--pando-z-index-modal);
      max-width: 100vw;
      min-width: inherit;
      position: fixed;
      translate: var(--translate-x) var(--translate-y);
      --translate-x: -50%;
      --translate-y: -50%;
      width: 100vw;
      -webkit-transform: translate(-50%, -50%);
      animation-duration: 250ms;
      animation-fill-mode: forwards;
      animation-name: fadeInDownAnimation;
      animation-timing-function: ease-in-out;
      animation-delay: 100ms;
      background-color: var(--pando-colors-neutral-surface-100);
      border-color: var(--pando-colors-neutral-border-100);
      border-style: solid;
      flex-direction: column;
      font-family: inherit;
      padding-bottom: 24px;
      border-width: 0px;
      left: 50%;
      overflow-y: hidden;
      top: 50%;
}

    .pando-modal__root[open]::backdrop {
      background: rgba(0 0 0 / 65%);
}

    .pando-popover__arrow {
      fill: var(--pando-colors-neutral-surface-100);
      stroke: var(--pando-colors-neutral-border-initial);
      stroke-width: 0px;
}

    .pando-popover__closeButtonWrapper {
      width: 40px;
      height: 40px;
      padding: 10px;
      gap: 10px;
      display: flex;
      position: absolute;
      z-index: 1601;
      align-items: center;
      justify-content: center;
      right: var(--pando-spacing-0);
      top: var(--pando-spacing-0);
}

    .pando-popover__closeButtonWrapper:is(:hover, [data-hover]) {
      scale: 1.1;
}

    .pando-popover__content {
      gap: 16px;
      align-self: stretch;
      line-height: 1.5;
      font-size: var(--pando-font-sizes-sm);
}

    .pando-popover__dismissButton {
      height: var(--pando-sizes-8);
      min-width: 2.5rem;
      padding-inline-start: 1.125rem;
      padding-inline-end: 1.125rem;
      border-radius: 6px;
      background-color: var(--pando-colors-action-bg-initial);
      font-size: 0.875rem;
      margin-top: 16px;
}

    .pando-popover__dismissButton:is(:hover, [data-hover]) {
      background-color: var(--pando-colors-action-bg-hover);
}

    .pando-popover__header {
      display: flex;
      font-variation-settings: 'wght' 700;
      white-space: nowrap;
      line-height: 1.5;
      align-items: center;
      font-weight: 700;
      padding-bottom: 8px;
}

    .pando-popover__root {
      min-width: 280px;
      max-width: 50ch;
      border-radius: 6px;
      border: 1px solid;
      box-shadow: var(--pando-shadows-md);
      padding: 16px;
      z-index: var(--pando-z-index-popover);
      background-color: var(--pando-colors-neutral-surface-100);
      border-color: var(--pando-colors-neutral-border-initial);
      padding-right: 40px;
}

    .pando-popover__root,.pando-popover__content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
}

    .pando-progress__determinate {
      height: var(--pando-sizes-full);
      width: var(--pando-sizes-0);
      background-color: var(--pando-colors-neutral-text-300);
}

    .pando-progress__indeterminateDecrease {
      animation: decrease 3s 0.5s infinite;
}

    .pando-progress__indeterminateIncrease {
      animation: increase 3s infinite;
}

    .pando-progress__indeterminateIncrease,.pando-progress__indeterminateDecrease {
      height: var(--pando-sizes-full);
      width: var(--pando-sizes-0);
      position: absolute;
      background-color: var(--pando-colors-neutral-text-300);
}

    .pando-progress__root {
      position: relative;
      transition: width 300ms ease;
      width: var(--pando-sizes-full);
      will-change: width;
      background-color: var(--pando-colors-neutral-border-initial);
      overflow-y: hidden;
}

    .pando-radio__container {
      background: inherit;
      border: 2px solid;
      border-image: initial;
      border-radius: 50%;
      color: var(--pando-colors-neutral-text-initial);
      height: 1.125rem;
      margin-inline-end: 0.437rem;
      width: 1.125rem;
      border-color: var(--pando-colors-action-border-initial);
      flex-shrink: 0;
      justify-content: center;
      margin-bottom: 2px;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-prop: background, box-shadow;
      transition-property: background, box-shadow;
}

    .pando-radio__container:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-radio__container:is(:hover, [data-hover]) {
      background: initial;
}

    .pando-radio__container:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: inherit;
}

    .pando-radio__control {
      appearance: none;
      -webkit-appearance: none;
      border-image: initial;
      border-radius: var(--pando-radii-md);
      border: 0;
      color: var(--pando-colors-neutral-text-300);
      height: 1px;
      padding-inline-start: var(--pando-spacing-4);
      padding-inline-end: var(--pando-spacing-10);
      position: absolute;
      width: 1px;
      clip: rect(0, 0, 0, 0);
      margin: -1px;
      overflow: hidden;
      padding: var(--pando-spacing-0);
      white-space: nowrap;
      background-color: inherit;
      border-color: var(--pando-colors-action-border-initial);
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-prop: border-color;
      transition-property: border-color;
}

    .pando-radio__control::placeholder,.pando-radio__control[data-placeholder] {
      color: var(--pando-colors-neutral-text-100);
      opacity: 1;
}

    .pando-radio__control:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
      color: var(--pando-colors-neutral-text-100);
      background-color: var(--pando-colors-neutral-bg-initial);
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-radio__control:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-radio__control:is(:hover, [data-hover]) {
      border-color: var(--pando-colors-neutral-border-200);
}

    .pando-radio__control:is(:user-invalid, [aria-invalid]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-radio__control:is(:user-invalid, [aria-invalid]):is(:hover, [data-hover]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-radio__root {
      cursor: pointer;
      margin-inline-start: var(--pando-spacing-4);
      vertical-align: top;
}

    .pando-radio__root,.pando-radio__container {
      display: inline-flex;
      align-items: center;
}

    .pando-segmentedControl__item {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      border-radius: 0.25rem;
      width: 100%;
      padding: 20px;
      align-items: center;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: var(--pando-durations-fast);
      transition-duration: var(--pando-durations-fast);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      flex-grow: 1;
      font-size: 1rem;
}

    .pando-segmentedControl__item::before {
      position: absolute;
      background: var(--pando-colors-action-border-initial);
      width: 1px;
      content: "";
      left: var(--pando-spacing-0);
}

    .pando-segmentedControl__item:first-child::before,.pando-segmentedControl__item[data-state="checked"]::before,.pando-segmentedControl__item[data-state="checked"] + label::before {
      content: none;
}

    .pando-segmentedControl__item:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-segmentedControl__item:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-segmentedControl__item:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-segmentedControl__item[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-segmentedControl__itemText {
      min-width: 20px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      line-height: 150%;
}

    .pando-segmentedControl__root {
      display: flex;
      border-radius: 0.5rem;
      padding: 0.25rem;
}

    .pando-select__root {
      width: 100%;
}

    .pando-select__selectBase {
      appearance: none;
      -webkit-appearance: none;
      background: inherit;
      border-image: initial;
      border-radius: 6px;
      color: var(--pando-colors-neutral-text-300);
      min-width: var(--pando-sizes-0);
      outline: transparent solid 2px;
      outline-offset: 2px;
      padding-inline-end: 2.75rem;
      position: relative;
      width: 100%;
      padding-inline-start: 1rem;
      font-family: inherit;
      border-style: solid;
      border-width: 1px;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-prop: box-shadow, opacity, transform;
      transition-property: box-shadow, opacity, transform;
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-select__selectBase::placeholder,.pando-select__selectBase[data-placeholder] {
      color: var(--pando-colors-neutral-text-100);
      opacity: 1;
}

    .pando-select__selectBase:focus:not(:focus-visible) {
      box-shadow: none;
      outline: var(--pando-borders-none);
}

    .pando-select__selectBase:is(:disabled, [disabled], [data-disabled]) {
      background-color: var(--pando-colors-neutral-bg-initial);
      border-color: var(--pando-colors-neutral-bg-initial);
}

    .pando-select__selectBase:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-select__selectBase:is(:hover, [data-hover]) {
      box-shadow: neutral.border.200 0 0 0 1px;
      border-color: var(--pando-colors-neutral-border-200);
}

    .pando-select__selectBase:is(:hover, [data-hover]):is(:invalid, [data-invalid], [aria-invalid]) {
      box-shadow: danger.border.initial 0 0 0 1px;
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-select__selectBase:is(:invalid, [data-invalid], [aria-invalid]) {
      box-shadow: danger.border.initial 0 0 0 1px;
      border-color: var(--pando-colors-danger-border-initial);
      border-width: 2px;
}

    .pando-select__selectBase:is(:user-invalid, [data-invalid='true']) {
      box-shadow: danger.border.initial 0 0 0 1px;
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-select__selectBase:is([aria-disabled='true'], :disabled, [disabled], [data-readonly='true']) {
      cursor: not-allowed;
}

    .pando-select__selectBase:is([aria-disabled='true'], :disabled) {
      opacity: 0.5;
}

    .pando-select__selectBase:not(:disabled, [data-readonly='true']):hover {
      box-shadow: neutral.border.300 0 0 0 1px;
}

    .pando-select__selectIcon {
      display: inline-block;
      pointer-events: none;
      position: absolute;
      transform: translateY(-50%);
      z-index: 50;
      color: var(--pando-colors-neutral-text-300);
      line-height: 0;
      right: 0.5rem;
      top: 50%;
}

    .pando-select__selectOption {
      color: initial;
      background-color: initial;
}

    .pando-select__wrapper {
      position: relative;
      width: 100%;
      margin-top: 8px;
}

    .pando-starRating__control {
      display: flex;
      gap: var(--pando-spacing-0);
}

    .pando-starRating__label {
      color: var(--pando-colors-neutral-text-200);
      font-variation-settings: 'wght' 500;
      line-height: 150%;
}

    .pando-starRating__root {
      display: flex;
      gap: 0.75rem;
      flex-direction: row;
      align-items: center;
}

    .pando-starRating__starRatingIconOutline {
      fill: var(--pando-colors-transparent);
      stroke: var(--pando-colors-neutral-surface-inverse);
      stroke-width: 0.75;
      stroke-opacity: 0.5;
}

    .pando-switch-input__caption {
      font-variation-settings: 'wght' 500;
      color: var(--pando-colors-neutral-text-200);
      max-width: 75ch;
      font-size: 0.75rem;
      font-family: var(--pando-fonts-body);
      margin-top: 0.5rem;
      line-height: 150%;
}

    .pando-switch-input__label {
      font-variation-settings: 'wght' 700;
      max-width: 75ch;
      font-size: 0.875rem;
      font-family: var(--pando-fonts-body);
}

    .pando-switch-input__labelContainer {
      display: flex;
      flex-direction: column;
}

    .pando-switch-input__root {
      -webkit-user-select: none;
      user-select: none;
      display: flex;
      gap: 0.875rem;
      align-items: top;
}

    .pando-switch-input__root:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.5;
      cursor: not-allowed;
}

    .pando-switch-input__root:is(:invalid, [data-invalid], [aria-invalid]) {
      color: var(--pando-colors-danger-text-200);
}

    .pando-switch-input__thumb {
      border-radius: var(--pando-radii-full);
      box-shadow: var(--pando-shadows-sm);
      scale: 0.6;
      transform-origin: center;
      transition: all 150ms ease-in-out;
      will-change: transform, scale, background-color;
      background-color: var(--pando-colors-action-text-100);
}

    .pando-switch-input__thumb:is(:invalid, [data-invalid], [aria-invalid]) {
      background-color: var(--pando-colors-danger-bg-initial);
}

    .pando-switch-input__thumb:is(:invalid, [data-invalid], [aria-invalid])[data-state="checked"] {
      background-color: var(--pando-colors-danger-text-inverse);
}

    .pando-switch-input__thumb[data-state="checked"] {
      scale: 1;
      transform: translate3d(130%, 0, 0);
      background-color: var(--pando-colors-action-text-initial);
}

    .pando-switch-input__track {
      display: flex;
      border-radius: var(--pando-radii-full);
      border: 1px solid;
      overflow: hidden;
      transition: all 200ms ease-in-out;
      align-items: center;
      background-color: inherit;
      justify-content: flex-start;
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-switch-input__track:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-switch-input__track:is(:invalid, [data-invalid], [aria-invalid]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-switch-input__track:is(:invalid, [data-invalid], [aria-invalid])[data-state="checked"] {
      background-color: var(--pando-colors-danger-bg-initial);
}

    .pando-switch-input__track:is(:invalid, [data-invalid], [aria-invalid])[data-state="checked"]:is(:hover, [data-hover]) {
      background-color: var(--pando-colors-danger-bg-hover);
      border-color: var(--pando-colors-danger-bg-hover);
}

    .pando-switch-input__track[data-state="checked"] {
      background-color: var(--pando-colors-action-bg-initial);
}

    .pando-table__bodyCell {
      text-align: start;
      border-bottom: 1px solid;
      font-variation-settings: 'wght' 500;
      font-size: 0.875rem;
      border-color: var(--pando-colors-neutral-border-100);
      font-weight: 500;
}

    .pando-table__caption {
      caption-side: bottom;
      text-align: start;
      color: var(--pando-colors-neutral-text-100);
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-top: 1rem;
      padding-bottom: 1rem;
}

    .pando-table__headCell {
      text-align: start;
      border-bottom: 1px solid;
      font-variation-settings: 'wght' 700;
      font-size: 0.875rem;
      border-color: var(--pando-colors-neutral-border-initial);
      font-weight: 700;
}

    .pando-table__root {
      border-collapse: collapse;
      border-spacing: var(--pando-spacing-0);
      width: 100%;
      font-variant-numeric: lining-nums tabular-nums;
}

    .pando-table__rootContainer {
      display: block;
      min-width: 100%;
      width: 100%;
      scrollbar-color: var(--pando-colors-neutral-text-100) var(--pando-colors-neutral-surface-100);
      scrollbar-width: auto;
      white-space: nowrap;
      overflow-y: auto;
}

    .pando-table__tableRowHeader {
      background-color: var(--pando-colors-neutral-surface-300);
}

    .pando-tabs__content {
      padding-top: 1.5rem;
}

    .pando-tabs__list {
      display: flex;
      padding-inline-end: 0.313rem;
      border-bottom: 1px solid;
      align-items: center;
      flex-wrap: wrap;
      border-color: var(--pando-colors-neutral-border-100);
}

    .pando-tabs__list:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid action.border.focus;
      outline-offset: 2px;
}

    .pando-tabs__root {
      width: 100%;
}

    .pando-tabs__root:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid action.border.focus;
      outline-offset: 2px;
}

    .pando-tabs__root[aria-hidden='true'] {
      display: none;
}

    .pando-tabs__trigger .icon {
      height: 18px;
      width: 18px;
}

    .pando-tabs__trigger .icon svg {
      width: 100%;
      height: 100%;
}

    .pando-tabs__trigger {
      appearance: none;
      -webkit-appearance: none;
      background: var(--pando-colors-transparent);
      border: var(--pando-borders-none);
      color: var(--pando-colors-action-text-100);
      display: flex;
      font-variation-settings: wght 500;
      gap: 0.5rem;
      margin-inline-end: 2rem;
      padding: var(--pando-spacing-0);
      position: relative;
      white-space: nowrap;
      align-items: center;
      font-family: inherit;
      font-size: 1rem;
      font-weight: 500;
}

    .pando-tabs__trigger::after {
      width: 100%;
      position: absolute;
      border-radius: 2px 2px 0 0;
      height: var(--pando-sizes-0);
      border: var(--pando-borders-none);
      transform-origin: bottom;
      transition: height 150ms ease-in-out, background-color 250ms ease-in-out;
      content: " ";
      bottom: var(--pando-spacing-0);
      border-color: var(--pando-colors-neutral-bg-hover);
      background-color: var(--pando-colors-neutral-bg-hover);
}

    .pando-tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-tabs__trigger:is(:disabled, [disabled], [data-disabled])::after {
      height: var(--pando-sizes-0);
}

    .pando-tabs__trigger[aria-selected='false']:is(:focus, [data-focus])::after {
      border: 2px solid;
      border-color: var(--pando-colors-neutral-bg-hover);
}

    .pando-tabs__trigger[aria-selected='false']:is(:hover, [data-hover])::after {
      height: 0.25rem;
      border: 2px solid;
      border-color: var(--pando-colors-neutral-bg-hover);
}

    .pando-tabs__trigger[aria-selected='false']:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled])::after {
      height: var(--pando-sizes-0);
}

    .pando-tabs__trigger[aria-selected='true'] {
      color: var(--pando-colors-action-text-inverse);
}

    .pando-tabs__trigger[aria-selected='true']::after {
      height: 0.25rem;
      border: 2px solid;
      border-color: var(--pando-colors-action-border-initial);
      background-color: var(--pando-colors-action-border-initial);
}

    .pando-tabs__triggerText {
      max-width: 80cqw;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}

    .pando-text-area__icon {
      position: absolute;
      padding: var(--pando-spacing-0\.5);
      pointer-events: none;
      top: var(--pando-spacing-2);
      right: var(--pando-spacing-4);
      line-height: 0;
}

    .pando-text-area__icon svg {
      height: 100%;
      width: 100%;
      color: var(--pando-colors-danger-text-100);
}

    .pando-text-area__input {
      appearance: none;
      -webkit-appearance: none;
      border-image: initial;
      border-radius: var(--pando-radii-md);
      border: 1px solid;
      color: var(--pando-colors-neutral-text-300);
      height: var(--pando-sizes-full);
      padding-inline-start: var(--pando-spacing-4);
      padding-inline-end: var(--pando-spacing-10);
      position: relative;
      width: var(--pando-sizes-full);
      padding-block: var(--pando-spacing-2);
      background-color: inherit;
      border-color: var(--pando-colors-action-border-initial);
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-prop: border-color;
      transition-property: border-color;
}

    .pando-text-area__input::placeholder,.pando-text-area__input[data-placeholder] {
      color: var(--pando-colors-neutral-text-100);
      opacity: 1;
}

    .pando-text-area__input:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
      color: var(--pando-colors-neutral-text-100);
      background-color: var(--pando-colors-neutral-bg-initial);
      border-color: var(--pando-colors-action-border-initial);
}

    .pando-text-area__input:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-text-area__input:is(:hover, [data-hover]) {
      border-color: var(--pando-colors-neutral-border-200);
}

    .pando-text-area__input:is(:user-invalid, [aria-invalid]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-text-area__input:is(:user-invalid, [aria-invalid]):is(:hover, [data-hover]) {
      border-color: var(--pando-colors-danger-border-initial);
}

    .pando-text-area__root {
      position: relative;
}

    .pando-toast__closeRoot {
      display: inline-block;
      pointer-events: initial;
      position: absolute;
      right: var(--pando-spacing-0);
      top: var(--pando-spacing-0);
}

    .pando-toast__container {
      color: colorPalette.surface.text.initial;
      border-radius: var(--pando-radii-sm);
      display: flex;
      padding-inline-end: 4rem;
      position: relative;
      margin-inline-start: 12px;
      margin-inline-end: 12px;
      align-items: center;
      animation-name: fadeIn;
      animation-duration: 150ms;
      animation-fill-mode: forwards;
      animation-timing-function: ease-in-out;
      background-color: var(--pando-colors-color-palette-surface-initial);
}

    .pando-toast__featureIcon {
      display: flex;
      padding-inline-start: var(--pando-spacing-6);
      padding-inline-end: var(--pando-spacing-6);
      align-items: center;
      flex-direction: column;
      justify-content: center;
}

    .pando-toast__heading {
      padding-bottom: var(--pando-spacing-1);
}

    .pando-toast__main {
      display: flex;
      min-height: 5.25rem;
      padding-inline-end: var(--pando-spacing-3\.5);
      text-align: left;
      width: 100%;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 1rem;
      padding-top: 1rem;
}

    .pando-toast__root {
      display: inline-block;
      pointer-events: none;
      position: fixed;
      z-index: var(--pando-z-index-toast);
      width: 100%;
      right: var(--pando-spacing-0);
      top: var(--pando-spacing-4);
}

    .pando-toast__undoBtn {
      appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      font: initial;
      gap: var(--pando-spacing-1);
      outline: var(--pando-borders-none);
      position: relative;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      border: 2px solid;
      border-radius: 6px;
      color: inherit;
      font-variation-settings: 'wght' 600;
      height: 2rem;
      padding-inline-start: 1rem;
      padding-inline-end: 1rem;
      pointer-events: initial;
      align-items: center;
      border-style: none;
      font-family: inherit;
      justify-content: center;
      line-height: 0;
      --transition-prop: background-color, color;
      transition-property: background-color, color;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      background-color: var(--pando-colors-transparent);
      border-color: inherit;
      font-size: var(--pando-font-sizes-sm);
}

    .pando-toast__undoBtn:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-toast__undoBtn:is(:focus, [data-focus]) {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .pando-toast__undoBtn:is(:hover, [data-hover]) {
      color: var(--pando-colors-color-palette-surface-initial);
      background-color: var(--pando-colors-color-palette-text-initial);
}

    .pando-toast__undoBtn:is(:read-only, [data-read-only]) {
      cursor: default;
}

    .pando-toast__undoBtn[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: 0.5;
}

    .pando-tooltip__arrow {
      fill: var(--pando-colors-neutral-surface-inverse);
}

    .pando-tooltip__root {
      color: var(--pando-colors-neutral-text-inverse);
      padding: 8px;
      border-radius: 4px;
      min-width: 120px;
      max-width: 300px;
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.50);
      z-index: var(--pando-z-index-tooltip);
      background-color: var(--pando-colors-neutral-surface-inverse);
}

    .pando-tooltip__text {
      font-variation-settings: 'wght' 400;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
}

    .peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ .pando-checkbox__icon {
      display: flex;
      align-items: center;
      justify-content: center;
}

    .peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ .pando-radio__container {
      background: var(--pando-colors-action-bg-initial);
      border-color: var(--pando-colors-action-bg-initial);
      border-width: initial;
}

    .peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ .pando-radio__container::before {
      background: var(--pando-colors-action-text-initial);
      border-radius: 50%;
      display: inline-block;
      height: 50%;
      position: relative;
      width: 50%;
      content: '';
}

    .peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ .pando-radio__container:is(:hover, [data-hover]) {
      background: var(--pando-colors-action-bg-hover);
      border-color: var(--pando-colors-action-bg-hover);
}

    .peer:is(:disabled, [disabled], [data-disabled]) ~ .pando-input__icon {
      opacity: 0.5;
}

    .peer:is(:disabled, [disabled], [data-disabled]) ~ .pando-input__showPasswordButton {
      opacity: 0.5;
}

    .peer:is(:disabled, [disabled], [data-disabled]) ~ .pando-input__startIcon {
      opacity: 0.5;
}

    .peer:is(:disabled, [disabled], [data-disabled]) ~ .pando-radio__container {
      background: var(--pando-colors-neutral-surface-initial);
      cursor: not-allowed;
      opacity: 0.5;
      border-color: var(--pando-colors-action-border-initial);
}

    .peer:is(:focus-visible, [data-focus-visible]) ~ .pando-radio__container {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .peer:is(:focus, [data-focus]) ~ .pando-radio__container {
      box-shadow: none;
      outline: 3px solid;
      outline-offset: 2px;
      outline-color: var(--pando-colors-action-border-focus);
}

    .peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ .pando-checkbox__icon {
      color: var(--pando-colors-danger-text-inverse);
}

    .peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ .pando-input__icon {
      color: var(--pando-colors-danger-text-100);
}

    .peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ .pando-input__showPasswordButton {
      color: var(--pando-colors-danger-text-100);
}

    .peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ .pando-input__startIcon {
      color: var(--pando-colors-danger-text-100);
}

    .peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ .pando-radio__container {
      background: var(--pando-colors-danger-surface-initial);
      color: var(--pando-colors-danger-text-inverse);
      border-color: var(--pando-colors-danger-surface-initial);
}

    .peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ .pando-radio__container:is(:hover, [data-hover]) {
      background: var(--pando-colors-danger-surface-initial);
      border-color: var(--pando-colors-danger-surface-initial);
}

    [data-color-mode=dark] .pando-emptyState__illustration,.pando-emptyState__illustration.dark,.dark .pando-emptyState__illustration {
      color: #ffffff;
}

    [data-color-mode=light] .pando-emptyState__illustration,.pando-emptyState__illustration.light,.light .pando-emptyState__illustration {
      color: #000000;
}

    [data-state=checked] .pando-menu__checkboxItemIcon {
      display: flex;
      align-items: center;
      justify-content: center;
}

    @media screen and (min-width: 47.9375rem) {
      .pando-file-upload__root {
        max-width: 35rem;
}
      .pando-file-upload__dropzone {
        flex-direction: row;
}
      .pando-file-upload__item {
        padding: 1rem 1rem 1rem 1.5rem;
        gap: var(--pando-spacing-0);
        flex-wrap: nowrap;
}
      .pando-file-upload__itemPreview {
        padding-left: 1rem;
}
      .pando-file-upload__itemContainer {
        width: 90%;
}
      .pando-file-upload__itemActions {
        gap: var(--pando-spacing-0);
        padding-left: var(--pando-spacing-0);
}
      .pando-modal__closeButton {
        height: 3rem;
        width: 3rem;
}
      .pando-modal__closeIcon {
        height: 1.5rem;
        width: 1.5rem;
}
      .pando-modal__bodyContent {
        font-size: 1rem;
}
      .pando-alertDialog__closeButton {
        height: 3rem;
        width: 3rem;
}
      .pando-alertDialog__closeIcon {
        height: 1.5rem;
        width: 1.5rem;
}
      .pando-alertDialog__bodyContent {
        font-size: 1rem;
}
      .pando-toast__root {
        width: auto;
        right: var(--pando-spacing-4);
}
      .pando-toast__container {
        margin-inline-start: auto;
        margin-inline-end: auto;
}
      .pando-toast__main {
        width: 17rem;
}
}

    @media screen and (min-width: 63.9375rem) {
      .pando-dataGrid__caption {
        max-width: 45%;
        position: absolute;
}
      .pando-dataGrid__footer {
        gap: 30px;
        flex-direction: row;
}
}

    @media screen and (min-width: 63.9375rem) {
      .pando-modal__root[open] {
        border-radius: 8px;
        height: fit-content;
        max-height: calc(100vh - 32px);
        padding-inline-end: 19px;
        padding-inline-start: 19px;
        max-width: 33.125rem;
        min-width: 21.875rem;
        width: fit-content;
        border-width: 1px;
}
}

    @media screen and (min-width: 63.9375rem) {
      .pando-modal__header {
        padding-inline-end: var(--pando-spacing-0);
        margin-bottom: 16px;
        margin-top: 40px;
}
      .pando-modal__bodyContent {
        padding-inline-end: 1rem;
}
      .pando-modal__footer {
        margin-top: 19px;
}
      .pando-modal__cancelButton,.pando-modal__confirmButton {
        height: var(--pando-sizes-12);
        min-width: 2.5rem;
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem;
        font-size: 1rem;
        font-weight: 600;
}
}

    @media screen and (min-width: 63.9375rem) {
      .pando-alertDialog__root[open] {
        border-radius: 8px;
        height: fit-content;
        max-height: calc(100vh - 32px);
        padding-inline-end: 19px;
        padding-inline-start: 19px;
        max-width: 33.125rem;
        min-width: 21.875rem;
        width: fit-content;
        border-width: 1px;
}
}

    @media screen and (min-width: 63.9375rem) {
      .pando-alertDialog__header {
        padding-inline-end: var(--pando-spacing-0);
        margin-bottom: 16px;
        margin-top: 40px;
}
      .pando-alertDialog__bodyContent {
        padding-inline-end: 1rem;
}
      .pando-alertDialog__footer {
        margin-top: 19px;
}
      .pando-alertDialog__cancelButton,.pando-alertDialog__confirmButton {
        height: var(--pando-sizes-12);
        min-width: 2.5rem;
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem;
        font-size: 1rem;
        font-weight: 600;
}
}
}

  .pando-accordion__itemTitle--mode_flush {
    padding-left: 0px;
}

  .pando-accordion__itemTitle--mode_inset {
    padding-left: 24px;
}

  .pando-accordion__itemTitle--size_lg {
    font-size: var(--pando-font-sizes-xl);
}

  .pando-accordion__itemTitle--size_md {
    font-size: var(--pando-font-sizes-md);
}

  .pando-accordion__itemTrigger--size_lg {
    min-height: 54px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .pando-accordion__itemTrigger--size_md {
    min-height: 40px;
    padding-top: 16px;
    padding-bottom: 16px;
}

  .pando-accordion__root--size_lg,.pando-accordion__item--size_lg {
    min-height: 54px;
}

  .pando-accordion__root--size_md,.pando-accordion__item--size_md {
    min-height: 40px;
}

  .pando-admonition__root--palette_danger,.pando-admonition__featureIcon--palette_danger,.pando-admonition__main--palette_danger,.pando-admonition__heading--palette_danger,.pando-admonition__description--palette_danger {
    --pando-colors-color-palette-bg-initial: var(--pando-colors-danger-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-danger-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-danger-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-danger-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-danger-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-danger-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-danger-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-danger-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-danger-text-inverse);
}

  .pando-admonition__root--palette_success,.pando-admonition__featureIcon--palette_success,.pando-admonition__main--palette_success,.pando-admonition__heading--palette_success,.pando-admonition__description--palette_success {
    --pando-colors-color-palette-border-initial: var(--pando-colors-success-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-success-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-success-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-success-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-success-text-initial);
}

  .pando-admonition__root--palette_warning,.pando-admonition__featureIcon--palette_warning,.pando-admonition__main--palette_warning,.pando-admonition__heading--palette_warning,.pando-admonition__description--palette_warning {
    --pando-colors-color-palette-border-initial: var(--pando-colors-warning-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-warning-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-warning-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-warning-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-warning-text-initial);
}

  .pando-alertDialog__confirmButton--kind_destructive {
    background-color: var(--pando-colors-danger-bg-initial);
}

  .pando-alertDialog__confirmButton--kind_destructive:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-danger-bg-active);
}

  .pando-alertDialog__confirmButton--kind_non-destructive {
    background-color: var(--pando-colors-action-bg-initial);
}

  .pando-alertDialog__confirmButton--kind_non-destructive:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-action-bg-active);
}

  .pando-avatar__label--size_lg {
    font-size: var(--pando-font-sizes-5xl);
}

  .pando-avatar__label--size_md {
    font-size: var(--pando-font-sizes-4xl);
}

  .pando-avatar__label--size_sm {
    font-size: var(--pando-font-sizes-xl);
}

  .pando-avatar__label--size_xl {
    font-size: var(--pando-font-sizes-6xl);
}

  .pando-avatar__label--size_xs {
    font-size: var(--pando-font-sizes-sm);
    line-height: 0;
}

  .pando-avatar__root--palette_action,.pando-avatar__image--palette_action,.pando-avatar__label--palette_action {
    --pando-colors-color-palette-bg-100-initial: var(--pando-colors-action-bg-100-initial);
    --pando-colors-color-palette-bg-100-hover: var(--pando-colors-action-bg-100-hover);
    --pando-colors-color-palette-bg-100-active: var(--pando-colors-action-bg-100-active);
    --pando-colors-color-palette-bg-300-initial: var(--pando-colors-action-bg-300-initial);
    --pando-colors-color-palette-bg-300-hover: var(--pando-colors-action-bg-300-hover);
    --pando-colors-color-palette-bg-300-active: var(--pando-colors-action-bg-300-active);
    --pando-colors-color-palette-bg-initial: var(--pando-colors-action-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-action-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-action-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-action-border-initial);
    --pando-colors-color-palette-border-focus: var(--pando-colors-action-border-focus);
    --pando-colors-color-palette-navigation-initial: var(--pando-colors-action-navigation-initial);
    --pando-colors-color-palette-navigation-hover: var(--pando-colors-action-navigation-hover);
    --pando-colors-color-palette-navigation-visited: var(--pando-colors-action-navigation-visited);
    --pando-colors-color-palette-text-100: var(--pando-colors-action-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-action-text-200);
    --pando-colors-color-palette-text-300: var(--pando-colors-action-text-300);
    --pando-colors-color-palette-text-initial: var(--pando-colors-action-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-action-text-inverse);
}

  .pando-avatar__root--palette_neutral,.pando-avatar__image--palette_neutral,.pando-avatar__label--palette_neutral {
    --pando-colors-color-palette-50: var(--pando-colors-neutral-50);
    --pando-colors-color-palette-100: var(--pando-colors-neutral-100);
    --pando-colors-color-palette-200: var(--pando-colors-neutral-200);
    --pando-colors-color-palette-300: var(--pando-colors-neutral-300);
    --pando-colors-color-palette-400: var(--pando-colors-neutral-400);
    --pando-colors-color-palette-500: var(--pando-colors-neutral-500);
    --pando-colors-color-palette-600: var(--pando-colors-neutral-600);
    --pando-colors-color-palette-700: var(--pando-colors-neutral-700);
    --pando-colors-color-palette-800: var(--pando-colors-neutral-800);
    --pando-colors-color-palette-900: var(--pando-colors-neutral-900);
    --pando-colors-color-palette-950: var(--pando-colors-neutral-950);
    --pando-colors-color-palette-bg-100-initial: var(--pando-colors-neutral-bg-100-initial);
    --pando-colors-color-palette-bg-100-hover: var(--pando-colors-neutral-bg-100-hover);
    --pando-colors-color-palette-bg-100-active: var(--pando-colors-neutral-bg-100-active);
    --pando-colors-color-palette-bg-initial: var(--pando-colors-neutral-bg-initial);
    --pando-colors-color-palette-bg-active: var(--pando-colors-neutral-bg-active);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-neutral-bg-hover);
    --pando-colors-color-palette-border-100: var(--pando-colors-neutral-border-100);
    --pando-colors-color-palette-border-200: var(--pando-colors-neutral-border-200);
    --pando-colors-color-palette-border-initial: var(--pando-colors-neutral-border-initial);
    --pando-colors-color-palette-surface-100: var(--pando-colors-neutral-surface-100);
    --pando-colors-color-palette-surface-200: var(--pando-colors-neutral-surface-200);
    --pando-colors-color-palette-surface-300: var(--pando-colors-neutral-surface-300);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-neutral-surface-initial);
    --pando-colors-color-palette-surface-inverse: var(--pando-colors-neutral-surface-inverse);
    --pando-colors-color-palette-text-100: var(--pando-colors-neutral-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-neutral-text-200);
    --pando-colors-color-palette-text-300: var(--pando-colors-neutral-text-300);
    --pando-colors-color-palette-text-initial: var(--pando-colors-neutral-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-neutral-text-inverse);
}

  .pando-avatar__root--size_lg {
    height: 7.5rem;
    width: 7.5rem;
}

  .pando-avatar__root--size_md {
    height: 5rem;
    width: 5rem;
}

  .pando-avatar__root--size_sm {
    height: 3rem;
    width: 3rem;
}

  .pando-avatar__root--size_xl {
    height: 10rem;
    width: 10rem;
}

  .pando-avatar__root--size_xs {
    height: 2rem;
    width: 2rem;
}

  .pando-banner__root--palette_danger,.pando-banner__featureIcon--palette_danger,.pando-banner__main--palette_danger,.pando-banner__heading--palette_danger,.pando-banner__description--palette_danger {
    --pando-colors-color-palette-bg-initial: var(--pando-colors-danger-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-danger-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-danger-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-danger-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-danger-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-danger-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-danger-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-danger-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-danger-text-inverse);
}

  .pando-banner__root--palette_info,.pando-banner__featureIcon--palette_info,.pando-banner__main--palette_info,.pando-banner__heading--palette_info,.pando-banner__description--palette_info,.pando-admonition__root--palette_info,.pando-admonition__featureIcon--palette_info,.pando-admonition__main--palette_info,.pando-admonition__heading--palette_info,.pando-admonition__description--palette_info {
    --pando-colors-color-palette-border-initial: var(--pando-colors-info-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-info-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-info-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-info-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-info-text-initial);
}

  .pando-banner__root--palette_success,.pando-banner__featureIcon--palette_success,.pando-banner__main--palette_success,.pando-banner__heading--palette_success,.pando-banner__description--palette_success {
    --pando-colors-color-palette-border-initial: var(--pando-colors-success-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-success-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-success-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-success-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-success-text-initial);
}

  .pando-banner__root--palette_warning,.pando-banner__featureIcon--palette_warning,.pando-banner__main--palette_warning,.pando-banner__heading--palette_warning,.pando-banner__description--palette_warning {
    --pando-colors-color-palette-border-initial: var(--pando-colors-warning-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-warning-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-warning-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-warning-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-warning-text-initial);
}

  .pando-circular-progress__baseCircle--cycle_indeterminate {
    animation-name: loading;
}

  .pando-circular-progress__progressCircle--cycle_determinate {
    animation-name: none;
}

  .pando-circular-progress__progressCircle--cycle_indeterminate {
    animation-name: loading;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-timing-function: var(--pando-easings-linear);
}

  .pando-circular-progress__root--size_md {
    height: 40px;
    width: 40px;
}

  .pando-circular-progress__root--size_sm {
    height: 1.125rem;
    width: 1.125rem;
}

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

  .pando-dataGrid__footer--hideCaption_true {
    justify-content: start;
}

  .pando-dataGrid__paginationStatText--paginationSize_lg {
    font-size: 16px;
}

  .pando-dataGrid__paginationStatText--paginationSize_sm {
    font-size: 14px;
}

  .pando-emptyState__header--size_lg {
    font-variation-settings: "wght" 600;
    font-family: var(--font-pando-title);
    font-size: 1.5rem;
    line-height: 125%;
}

  .pando-emptyState__header--size_sm {
    font-variation-settings: "wght" 600;
    font-family: var(--font-pando-title);
    font-size: 1.125rem;
    line-height: 125%;
}

  .pando-file-upload__dropzone--fileUploadError_true,.pando-file-upload__item--itemError_true {
    border-color: var(--pando-colors-danger-border-initial);
}

  .pando-file-upload__iconContainer--itemError_true {
    color: var(--pando-colors-danger-border-initial);
}

  .pando-file-upload__itemActions--multipleActions_false {
    flex-basis: auto;
    padding-left: var(--pando-spacing-0);
}

  .pando-file-upload__itemActions--multipleActions_true {
    flex-basis: 100%;
    padding-left: 2rem;
}

  .pando-file-upload__itemSizeText--itemError_true {
    color: var(--pando-colors-danger-text-100);
}

  .pando-input__control--size_lg:is([data-start-icon=true]) {
    padding-inline-start: var(--pando-spacing-12);
}

  .pando-input__control--size_md:is([data-start-icon=true]) {
    padding-inline-start: var(--pando-spacing-10);
}

  .pando-input__root--size_lg {
    height: 3rem;
}

  .pando-input__root--size_md {
    height: 2.5rem;
    font-size: var(--pando-font-sizes-sm);
}

  .pando-loading-spinner__loadingSpinner--size_md div {
    height: 2.5rem;
    width: 2.5rem;
}

  .pando-loading-spinner__loadingSpinner--size_sm {
    height: 1.125rem;
    width: 1.125rem;
}

  .pando-loading-spinner__loadingSpinner--size_sm div {
    height: 1.125rem;
    width: 1.125rem;
    border-width: 3px;
}

  .pando-loading-spinner__overlay--overlayDisplay_fitParent {
    position: absolute;
}

  .pando-loading-spinner__overlay--overlayDisplay_fitScreen {
    position: fixed;
}

  .pando-modal__confirmButton--kind_destructive {
    background-color: var(--pando-colors-danger-bg-initial);
}

  .pando-modal__confirmButton--kind_destructive:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-danger-bg-active);
}

  .pando-modal__confirmButton--kind_non-destructive {
    background-color: var(--pando-colors-action-bg-initial);
}

  .pando-modal__confirmButton--kind_non-destructive:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-action-bg-active);
}

  .pando-progress__root--size_lg {
    height: 0.5rem;
}

  .pando-progress__root--size_md {
    height: 0.25rem;
}

  .pando-progress__root--usage_round {
    border-radius: var(--pando-radii-lg);
}

  .pando-segmentedControl__item--itemWidth_fill {
    flex: 1 1 0;
    min-width: var(--pando-sizes-0);
}

  .pando-segmentedControl__item--itemWidth_fit {
    flex: 0 1 1;
    max-width: 119px;
}

  .pando-segmentedControl__item--palette_primary {
    color: var(--pando-colors-action-text-100);
}

  .pando-segmentedControl__item--palette_primary:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
    color: var(--pando-colors-action-text-initial);
    background-color: var(--pando-colors-action-bg-initial);
}

  .pando-segmentedControl__item--palette_secondary {
    color: var(--pando-colors-action-text-200);
}

  .pando-segmentedControl__item--palette_secondary:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
    color: var(--pando-colors-action-text-inverse);
    background-color: var(--pando-colors-action-bg-100-initial);
}

  .pando-segmentedControl__item--size_lg {
    height: var(--pando-sizes-12);
    min-width: 2.5rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
}

  .pando-segmentedControl__item--size_lg::before {
    height: 1.75rem;
}

  .pando-segmentedControl__item--size_md {
    height: var(--pando-sizes-8);
    min-width: 2.5rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
}

  .pando-segmentedControl__item--size_md::before {
    height: 1.25rem;
}

  .pando-segmentedControl__item--size_sm {
    height: 1.5625rem;
    min-width: 2.5rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
    padding-top: 2px;
    padding-bottom: 2px;
}

  .pando-segmentedControl__item--size_sm svg {
    width: 14px;
    height: 14px;
}

  .pando-segmentedControl__item--size_sm::before {
    height: 1rem;
}

  .pando-segmentedControl__root--itemWidth_fit {
    width: fit-content;
}

  .pando-segmentedControl__root--palette_primary {
    background-color: var(--pando-colors-action-bg-100-initial);
}

  .pando-segmentedControl__root--palette_secondary {
    background-color: var(--pando-colors-neutral-surface-100);
}

  .pando-select__selectBase--size_lg {
    height: 3rem;
    padding-inline-end: 2.25rem;
    font-size: 1rem;
}

  .pando-select__selectBase--size_md {
    height: 2rem;
    font-size: 0.875rem;
}

  .pando-starRating__item--size_sm {
    transform: scale(0.67);
    padding: var(--pando-spacing-0);
    margin-inline-end: -0.5rem;
}

  .pando-starRating__label--size_lg {
    font-size: 1rem;
}

  .pando-starRating__label--size_sm {
    font-size: 0.75rem;
}

  .pando-starRating__root--size_sm {
    gap: 0.5rem;
}

  .pando-switch-input__thumb--switchSize_lg {
    height: 1.125rem;
    width: 1.125rem;
}

  .pando-switch-input__thumb--switchSize_sm {
    height: 0.75rem;
    width: 0.75rem;
}

  .pando-switch-input__track--switchSize_lg {
    height: 1.5rem;
    padding-inline-start: 3px;
    padding-inline-end: 3px;
    width: 3rem;
}

  .pando-switch-input__track--switchSize_sm {
    height: 1rem;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    width: 2rem;
    margin-top: 0.25rem;
}

  .pando-table__headCell--type_base,.pando-table__bodyCell--type_base {
    padding-block: 8px;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    min-height: 48px;
}

  .pando-table__headCell--type_condensed,.pando-table__bodyCell--type_condensed {
    padding-block: 4px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    min-height: 40px;
}

  .pando-table__headCell--type_relaxed,.pando-table__bodyCell--type_relaxed {
    padding-block: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    min-height: 56px;
}

  .pando-table__tableRowBody--hover_highlight:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-neutral-surface-200);
}

  .pando-table__tableRowBody--hover_noHighlight:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-transparent);
}

  .pando-tabs__list--size_lg {
    row-gap: 2rem;
}

  .pando-tabs__list--size_sm {
    row-gap: 1rem;
}

  .pando-tabs__trigger--size_lg {
    height: 4rem;
}

  .pando-tabs__trigger--size_sm {
    height: 2.5rem;
}

  .pando-text-area__icon--size_lg {
    height: 24px;
    width: 24px;
}

  .pando-text-area__icon--size_md {
    height: 18px;
    width: 18px;
}

  .pando-text-area__input--size_lg {
    font-size: var(--pando-font-sizes-lg);
}

  .pando-text-area__input--size_md {
    font-size: var(--pando-font-sizes-sm);
}

  .pando-toast__root--palette_danger,.pando-toast__container--palette_danger,.pando-toast__featureIcon--palette_danger,.pando-toast__heading--palette_danger,.pando-toast__main--palette_danger,.pando-toast__closeRoot--palette_danger,.pando-toast__undoBtn--palette_danger {
    --pando-colors-color-palette-bg-initial: var(--pando-colors-danger-bg-initial);
    --pando-colors-color-palette-bg-hover: var(--pando-colors-danger-bg-hover);
    --pando-colors-color-palette-bg-active: var(--pando-colors-danger-bg-active);
    --pando-colors-color-palette-border-initial: var(--pando-colors-danger-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-danger-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-danger-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-danger-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-danger-text-initial);
    --pando-colors-color-palette-text-inverse: var(--pando-colors-danger-text-inverse);
}

  .pando-toast__root--palette_info,.pando-toast__container--palette_info,.pando-toast__featureIcon--palette_info,.pando-toast__heading--palette_info,.pando-toast__main--palette_info,.pando-toast__closeRoot--palette_info,.pando-toast__undoBtn--palette_info {
    --pando-colors-color-palette-border-initial: var(--pando-colors-info-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-info-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-info-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-info-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-info-text-initial);
}

  .pando-toast__root--palette_success,.pando-toast__container--palette_success,.pando-toast__featureIcon--palette_success,.pando-toast__heading--palette_success,.pando-toast__main--palette_success,.pando-toast__closeRoot--palette_success,.pando-toast__undoBtn--palette_success {
    --pando-colors-color-palette-border-initial: var(--pando-colors-success-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-success-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-success-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-success-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-success-text-initial);
}

  .pando-toast__root--palette_warning,.pando-toast__container--palette_warning,.pando-toast__featureIcon--palette_warning,.pando-toast__heading--palette_warning,.pando-toast__main--palette_warning,.pando-toast__closeRoot--palette_warning,.pando-toast__undoBtn--palette_warning {
    --pando-colors-color-palette-border-initial: var(--pando-colors-warning-border-initial);
    --pando-colors-color-palette-surface-initial: var(--pando-colors-warning-surface-initial);
    --pando-colors-color-palette-text-100: var(--pando-colors-warning-text-100);
    --pando-colors-color-palette-text-200: var(--pando-colors-warning-text-200);
    --pando-colors-color-palette-text-initial: var(--pando-colors-warning-text-initial);
}

  @media screen and (min-width: 29.9375rem) {
    .pando-dataGrid__paginationButtons--paginationSize_sm {
      margin-top: var(--pando-spacing-0);
}
    .pando-dataGrid__paginationSelect--paginationSize_sm {
      margin-inline: 16px;
}
    .pando-dataGrid__pagination--paginationSize_sm {
      flex-direction: row;
      align-items: center;
      margin-top: 16px;
}
    .pando-dataGrid__paginationStatText--paginationSize_sm {
      margin-bottom: var(--pando-spacing-0);
}
}

  @media screen and (min-width: 47.9375rem) {
    .pando-dataGrid__paginationButtons--paginationSize_lg {
      margin-top: var(--pando-spacing-0);
}
    .pando-dataGrid__paginationSelect--paginationSize_lg {
      margin-inline: 32px;
}
    .pando-dataGrid__pagination--paginationSize_lg {
      flex-direction: row;
      align-items: center;
      margin-top: 16px;
}
    .pando-dataGrid__paginationStatText--paginationSize_lg {
      margin-bottom: var(--pando-spacing-0);
}
    .pando-file-upload__itemActions--multipleActions_true {
      flex-basis: auto;
      padding-left: var(--pando-spacing-0);
}
}

  @media screen and (min-width: 63.9375rem) {
    .md\:pando-tabs__list--size_lg {
      row-gap: 2rem;
}
    .md\:pando-tabs__trigger--size_lg {
      height: 4rem;
}
}
}
@layer utilities{

  .\[\&_\.pando-loading-spinner__loadingSpinner_div\]\:pando-c_action\.text\.initial .pando-loading-spinner__loadingSpinner div {
    color: var(--pando-colors-action-text-initial);
}

  .\[\&\:hover_\.pando-loading-spinner__loadingSpinner_div\]\:pando-c_action\.text\.initial:hover .pando-loading-spinner__loadingSpinner div {
    color: var(--pando-colors-action-text-initial);
}

  .focus\:focus\:pando-bx-sh_none:is(:focus, [data-focus]):is(:focus, [data-focus]) {
    box-shadow: none;
}

  .focus\:focus\:pando-ring_3px_solid:is(:focus, [data-focus]):is(:focus, [data-focus]) {
    outline: 3px solid;
}

  .focus\:focus\:pando-ring-c_action\.border\.focus:is(:focus, [data-focus]):is(:focus, [data-focus]) {
    outline-color: var(--pando-colors-action-border-focus);
}

  .focus\:focus\:pando-ring-o_2px:is(:focus, [data-focus]):is(:focus, [data-focus]) {
    outline-offset: 2px;
}

  .focus\:pando-bd_none:is(:focus, [data-focus]) {
    border: var(--pando-borders-none);
}

  .focus\:pando-bg-c_action\.bg\.300\.hover:is(:focus, [data-focus]) {
    background-color: var(--pando-colors-action-bg-300-hover);
}

  .focus\:pando-c_action\.text\.300:is(:focus, [data-focus]) {
    color: var(--pando-colors-action-text-300);
}

  .hover\:pando-bd-c_action\.bg\.300\.hover:is(:hover, [data-hover]) {
    border-color: var(--pando-colors-action-bg-300-hover);
}

  .hover\:pando-bg-c_action\.bg\.300\.hover:is(:hover, [data-hover]) {
    background-color: var(--pando-colors-action-bg-300-hover);
}

  .hover\:pando-c_action\.text\.300:is(:hover, [data-hover]) {
    color: var(--pando-colors-action-text-300);
}

  .invalid\:pando-pe_16:is(:invalid, [data-invalid], [aria-invalid]) {
    padding-inline-end: var(--pando-spacing-16);
}

  .invalid\:pando-pe_20:is(:invalid, [data-invalid], [aria-invalid]) {
    padding-inline-end: var(--pando-spacing-20);
}

  .pando-ai_center {
    align-items: center;
}

  .pando-bg-c_action\.bg\.300\.initial {
    background-color: var(--pando-colors-action-bg-300-initial);
}

  .pando-c_action\.text\.300 {
    color: var(--pando-colors-action-text-300);
}

  .pando-c_neutral\.text\.300 {
    color: var(--pando-colors-neutral-text-300);
}

  .pando-d_flex {
    display: flex;
}

  .pando-flex-d_row {
    flex-direction: row;
}

  .pando-gap_16 {
    gap: var(--pando-spacing-16);
}

  .pando-gap_2 {
    gap: var(--pando-spacing-2);
}

  .pando-gap_24 {
    gap: var(--pando-spacing-24);
}

  .pando-gap_8 {
    gap: var(--pando-spacing-8);
}

  .pando-h_10rem {
    height: 10rem;
}

  .pando-h_14 {
    height: var(--pando-sizes-14);
}

  .pando-h_16 {
    height: var(--pando-sizes-16);
}

  .pando-h_2\.5rem {
    height: 2.5rem;
}

  .pando-h_3rem {
    height: 3rem;
}

  .pando-h_5rem {
    height: 5rem;
}

  .pando-h_6 {
    height: var(--pando-sizes-6);
}

  .pando-h_7 {
    height: var(--pando-sizes-7);
}

  .pando-h_7\.5rem {
    height: 7.5rem;
}

  .pando-mr_8px {
    margin-right: 8px;
}

  .pando-p_0px {
    padding: 0px;
}

  .pando-p_3px {
    padding: 3px;
}

  .pando-pe_10 {
    padding-inline-end: var(--pando-spacing-10);
}

  .pando-pe_12 {
    padding-inline-end: var(--pando-spacing-12);
}

  .pando-ps_0 {
    padding-inline-start: var(--pando-spacing-0);
}

  .pando-right_3\.75rem {
    right: 3.75rem;
}

  .pando-right_3rem {
    right: 3rem;
}

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

  .pando-stk_neutral\.border\.initial {
    stroke: var(--pando-colors-neutral-border-initial);
}

  .pando-stk-w_0\.5 {
    stroke-width: 0.5;
}

  .pando-w_100\% {
    width: 100%;
}

  .pando-w_10rem {
    width: 10rem;
}

  .pando-w_12 {
    width: var(--pando-sizes-12);
}

  .pando-w_14 {
    width: var(--pando-sizes-14);
}

  .pando-w_15 {
    width: 15px;
}

  .pando-w_16 {
    width: var(--pando-sizes-16);
}

  .pando-w_2\.5rem {
    width: 2.5rem;
}

  .pando-w_3rem {
    width: 3rem;
}

  .pando-w_5rem {
    width: 5rem;
}

  .pando-w_7\.5rem {
    width: 7.5rem;
}
}
@font-face {
  font-display: swap;
  font-family: 'PS TT Commons';
  font-style: normal;
  font-weight: 500 800;
  src: url('https://fonts.pluralsight.com/ps-tt-commons/v1/ps-tt-commons-variable-roman.woff2')
    format('woff-variations');
}
@font-face {
  font-display: swap;
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.pluralsight.com/dm-mono/v1/dm-mono-regular.ttf')
    format('truetype');
}
:root {
  --font-pando-body: 'PS TT Commons', 'Gotham SSm A', 'Gotham SSm B', Arial,
    sans-serif;
  --font-pando-title: 'PS TT Commons', 'Gotham SSm A', 'Gotham SSm B', Arial,
    sans-serif;
  --font-pando-code: 'DM Mono', sfmono-regular, menlo, monaco, consalas,
    'Liberation Mono', 'Courier New', monospace;
}
:root {
  --partner-background: #130f25;
  --partner-subtext: #a5aacf;
  --partner-error: #ff8080;

  --integrations-hub-primary: #ee0564;
  --integrations-hub-primary-hover: #ff1675;
  --integrations-hub-secondary: #4a33d1;
  --integrations-hub-banner: #130f25;
  --integrations-hub-banner-subtext: #a5aacf;
  --integrations-hub-line: #e5e7eb;
  --integrations-hub-button: #e5e8eb;
  --integrations-hub-button-color: #3e5674;
  --integrations-hub-error: #d32f2f;
}
html,
body {
  font-family: 'PS TT Commons';
  background-color: #f7f5f4;
  scroll-behavior: smooth;
  margin: 0em;
  z-index: 1;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.17em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 0.83em;
}
h6 {
  font-size: 0.67em;
}
ul {
  list-style-type: disc !important;
  list-style-position: outside;
  padding-left: 2em;
}
ol {
  list-style-type: decimal !important;
  list-style-position: outside;
  padding-left: 2em;
}
li {
  display: list-item !important;
}
li::marker {
  color: currentColor;
}
.small-image {
  width: 65%;
  margin: 0 auto;
}
@media screen and (max-width: 550px) {
  .code {
    display: inline-block;
    max-width: 65vw;
    overflow: auto;
  }

  .small-image {
    width: 100%;
  }
}
._button_7cq4g_1 {
  height: 2.5em;
  padding: 1em;
  font-size: 14.4px;
}

._button_7cq4g_1 .pando-loading-spinner__loadingSpinner div {
  color: inherit;
}

._secondary_7cq4g_11 {
  background-color: var(--integrations-hub-button);
  color: var(--integrations-hub-button-color);
}

._danger_7cq4g_16 {
  background-color: #b9054b;
}

._text_7cq4g_20 {
  background-color: transparent;
  color: #6b7280;
  padding: 0;
}

._darkText_7cq4g_26 {
  background-color: transparent;
  color: var(--partner-subtext);
  padding: 0;
}

._outlined_7cq4g_32 {
  background-color: transparent;
  border: 1px solid var(--integrations-hub-secondary);
  color: var(--integrations-hub-secondary);
}

._darkSecondary_7cq4g_38 {
  background-color: #393b6b;
  color: #e1ddf7;
}

._darkSecondary_7cq4g_38:hover {
  background-color: #4b4585;
}
._navContainer_4zh6p_1 {
  width: 100%;
  height: 60px;
  background-color: var(--integrations-hub-banner);
  color: #9ca0c6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1em;
  padding-right: 2em;
}

._navItem_4zh6p_13 {
  color: #9ca0c6;
  text-decoration: none;
  transition: 0.2s;
}

._navItem_4zh6p_13:hover {
  color: #bcbfd3;
}

._linkContainer_4zh6p_23 {
  display: flex;
  align-items: center;
  gap: 7.25em;
  color: white;
}

._linkContainer_4zh6p_23 span {
  position: relative;
  top: 0.0875em;
  font-size: 1.2em;
}

@media screen and (max-width: 1024px) {
  ._navItem_4zh6p_13 {
    display: none;
  }
}
._notFound_5b27o_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
  width: 100%;
  padding-top: 5em;
  background-color: var(--integrations-hub-banner);
  height: 100vh;
}

._header_5b27o_13 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._button_5b27o_19 {
  z-index: 2;
  margin-top: 2em;
}

._squiggle_5b27o_24 {
  position: absolute;
  top: -30em;
  right: 0;
  z-index: 1;
}
._box_2rafw_1 {
  position: relative;
  box-sizing: border-box;
  top: 1em;
  display: flex;
  gap: 2em;
  max-height: 165px;
  min-height: 165px;
  height: 165px;
  background-color: white;
  box-shadow: rgba(168, 168, 168, 0.1) 0px 10px 50px;
  border-radius: 10px;
  cursor: pointer;
  transition: 300ms;
  padding: 2em;
  color: black;
  margin-bottom: 0.4em;
  z-index: 2;
}

._darkBox_2rafw_21 {
  background-color: #252145;
  position: relative;
  box-sizing: border-box;
  top: 1em;
  display: flex;
  gap: 2em;
  max-height: 165px;
  min-height: 165px;
  height: 165px;
  box-shadow: rgba(168, 168, 168, 0.1) 0px 10px 50px;
  border-radius: 10px;
  cursor: pointer;
  transition: 300ms;
  padding: 2em;
  color: white;
  margin-bottom: 0.4em;
  z-index: 2;
}

@media screen and (max-width: 550px) {
  ._box_2rafw_1 {
    padding: 1em;
  }
}
._breadcrumb_1mi7m_1 {
  display: flex;
  align-items: center;
  gap: 0.35em;
  padding: 0.75em 1em;
  padding-left: 0;
  min-width: 0;
  overflow: hidden;
}

._item_1mi7m_11 {
  display: flex;
  align-items: center;
  gap: 0.35em;
  flex-shrink: 0;
}

._lastItem_1mi7m_18 {
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
}

._link_1mi7m_24 {
  font-size: 0.8rem;
  color: #666;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

._link_1mi7m_24:hover {
  color: #ee0564;
}

._text_1mi7m_36 {
  font-size: 0.8rem;
  color: #888;
  font-weight: 400;
}

._current_1mi7m_42 {
  color: #111;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

._separator_1mi7m_51 {
  font-size: 0.8rem;
  color: #bbb;
  user-select: none;
}

._linkDark_1mi7m_57 {
  color: #c9c9d6;
}

._linkDark_1mi7m_57:hover {
  color: #ee0564;
}

._textDark_1mi7m_65 {
  color: #9a98b5;
}

._currentDark_1mi7m_69 {
  color: #fff;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

._separatorDark_1mi7m_78 {
  color: #5a5780;
}
._container_1ubi8_1 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._avatarCircle_1ubi8_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  color: #ffffff;
}

._avatarIcon_1ubi8_16 {
  display: flex;
  font-size: calc(var(--avatar-size, 50px) * 0.5);
}
._target_1o902_1 {
  cursor: pointer;
  display: inline-flex;
}
._nav_1fqlv_1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 4em;
  padding-right: 1.5em;
  padding-top: 0.75em;
}

._avatarPopover_1fqlv_13 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 0.5em 0;
  transition: 250ms;
}

._avatarPopover_1fqlv_13:hover {
  color: rgb(180, 180, 180);
}

._row_1fqlv_25 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
}

@media (max-width: 768px) {
  ._nav_1fqlv_1 {
    position: fixed;
    z-index: 100;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding-left: 4em;
  }
}
#_hamburger_px1w9_1 {
  width: 1.8em;
  height: 1.8em;
  position: relative;
  margin-top: 0.7em;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#_hamburger_px1w9_1 div {
  display: block;
  position: absolute;
  height: 0.18em;
  width: 100%;
  background-color: #bcbfd3;
  border-radius: 0.4em;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#_hamburger_px1w9_1._closed_px1w9_36 div:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#_hamburger_px1w9_1._closed_px1w9_36 div:nth-child(2) {
  top: 0.6em;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#_hamburger_px1w9_1._closed_px1w9_36 div:nth-child(3) {
  top: 1.2em;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#_hamburger_px1w9_1._open_px1w9_60 div:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0.8em;
  right: 1.25em;
  background-color: black;
}

#_hamburger_px1w9_1._open_px1w9_60 div:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#_hamburger_px1w9_1._open_px1w9_60 div:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0.8em;
  right: 1.25em;
  background-color: black;
}
._sidebar_doipu_1 {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 18em;
  background-color: #1a1834;
  padding-top: 1.5em;
  box-sizing: border-box;
  z-index: 1000;
  color: white;
}

._title_doipu_16 {
  display: flex;
  align-items: center;
  gap: 1em;
  cursor: pointer;
  padding-left: 1.25em;
  padding-right: 1.25em;
}

._title_doipu_16 h2 {
  color: white;
}

._nav_doipu_29 {
  display: flex;
  flex-direction: column;
  padding-top: 1.5em;
}

._navItem_doipu_35 {
  display: flex;
  align-items: center;
  gap: 0.75em;
  color: white;
  padding: 0.5em;
  cursor: pointer;
  transition: 250ms;
  padding-left: 2em;
  padding-right: 2em;
  height: 3.2em;
}

._navItem_doipu_35:hover {
  background-color: #2d2d56;
}

._navItemActive_doipu_52 {
  border-right: 4px solid var(--integrations-hub-primary);
  background-color: #2d2d56;
  width: 100%;
  color: white;
}

._navItemActive_doipu_52:hover {
  color: white;
}

._navItemDisabled_doipu_63 {
  opacity: 0.4;
  cursor: not-allowed;
}

._hamburger_doipu_68 {
  display: none;
}

._backdrop_doipu_72 {
  display: none;
}

@media (max-width: 768px) {
  ._hamburger_doipu_68 {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0.25em;
    left: 1em;
    z-index: 1001;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    padding: 0.35em;
  }

  ._title_doipu_16 {
    display: none;
  }

  ._sidebar_doipu_1 {
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    box-shadow: rgba(0, 0, 0, 0.18) 4px 0px 24px;
    padding-top: 4em;
  }

  ._sidebarOpen_doipu_102 {
    transform: translateX(0);
  }

  ._backdrop_doipu_72 {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
  }
}
._root_u9ce8_1 {
  background-color: var(--integrations-hub-banner);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

._root_u9ce8_1 h1 {
  color: white;
}

._body_u9ce8_12 {
  display: flex;
  flex: 1;
}

._title_u9ce8_17 {
  color: black;
}

._content_u9ce8_21 {
  margin-left: 18em;
  flex: 1;
  overflow-y: auto;
  padding: 6em;
  padding-top: 2.5em;
}

._subtitle_u9ce8_29 {
  color: var(--partner-subtext);
  margin-bottom: 2em;
  margin-top: 0.75em;
}

@media (max-width: 1024px) {
  ._content_u9ce8_21 {
    padding: 3.5em;
    padding-top: 1.5em;
  }
}

@media (max-width: 768px) {
  ._content_u9ce8_21 {
    margin-left: 0;
    padding: 2em;
    padding-top: 5em;
  }
}
._root_1m83o_1 {
  max-width: 60em;
  width: 100%;
}

._container_1m83o_6 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 0.95em;
  color: var(--partner-subtext);
}

._container_1m83o_6 h2 {
  color: white;
  margin-bottom: 1em;
  font-size: 1.75em;
}

._header_1m83o_20 {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding-bottom: 1.25em;
  margin-bottom: 1em;
  margin-top: 1.5em;
}

._header_1m83o_20 h2 {
  margin: 0;
}

._headerTitle_1m83o_33 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._headerMeta_1m83o_39 {
  display: flex;
  flex-direction: column;
  font-size: 0.95em;
  gap: 0em;
  margin-top: 0.5em;
}

._row_1m83o_47 {
  display: flex;
  gap: 0.5em;
  align-items: center;
}

._timestampLabel_1m83o_53 {
  color: rgba(255, 255, 255, 0.45);
  margin-right: 0.5em;
}

._footer_1m83o_58 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1em;
  height: 4em;
  margin-top: 4em;
}

._alert_1m83o_67 {
  margin-bottom: 2em;
}

@media (max-width: 700px) {
  ._headerMeta_1m83o_39 {
    gap: 0.5em 1em;
  }
}

._grid_1m83o_77 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25em 2em;
  margin-top: 1.5em;
}

._field_1m83o_84 {
  margin-top: 1em;
  margin-bottom: 1em;
}

._stepSection_1m83o_89 {
  margin-top: 1.75em;
}

._alert_1m83o_67 {
  margin-bottom: 2em;
}

._changesAlert_1m83o_97 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._fileSection_1m83o_103 {
  margin-top: 2em;
}

._files_1m83o_107 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-top: 1em;
}

@media (max-width: 700px) {
  ._grid_1m83o_77 {
    grid-template-columns: 1fr;
  }
}

._field_1m83o_84 {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  min-width: 0;
}

._fieldFull_1m83o_127 {
  grid-column: 1 / -1;
}

._label_1m83o_131 {
  font-size: 1em;
  color: var(--partner-subtext);
  font-weight: 500;
}

._value_1m83o_137 {
  font-size: 0.95em;
  color: white;
  word-break: break-word;
  white-space: pre-wrap;
}

._empty_1m83o_144 {
  color: rgba(255, 255, 255, 0.35);
  font-style: italic;
}

._link_1m83o_149 {
  color: #a8c3f5;
  text-decoration: none;
}

._link_1m83o_149:hover {
  text-decoration: underline;
}

._tags_1m83o_158 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

._tag_1m83o_158 {
  background-color: rgba(31, 98, 214, 0.18);
  color: #a8c3f5;
  padding: 0.3em 0.75em;
  border-radius: 999px;
  font-size: 0.8em;
}

._diff_1m83o_172 {
  margin-top: 2em;
}

._diffContent_1m83o_176 {
  margin-bottom: 2em;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
._container_ai18m_1 {
  display: flex;
  justify-content: center;
  position: fixed;
  width: 95%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 500;
}

._modal_ai18m_13 {
  position: relative;
  background-color: white;
  width: 40em;
  max-height: calc(100vh - 4em);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 50px;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-top: 3em;
  overflow: auto;
}

._darkModal_ai18m_28 {
  position: relative;
  background-color: #252145;
  color: white;
  width: 40em;
  max-height: calc(100vh - 4em);
  border-radius: 8px;
  border: 1px solid #373549;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 50px;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-top: 3em;
  overflow: auto;
}

._headerContainer_ai18m_45 {
  margin-bottom: -1em;
}

._header_ai18m_45 {
  position: absolute;
  top: 1em;
}

._darkHeader_ai18m_54 {
  color: white;
}

._blocker_ai18m_58 {
  background-color: #1a2737;
  opacity: 0.3;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 4;
}

._darkBlocker_ai18m_69 {
  background-color: #000000;
  opacity: 0.5;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 4;
}
._root_kiksy_1 {
  max-width: 60em;
  width: 100%;
}

._container_kiksy_6 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 0.95em;
  color: var(--partner-subtext);
}

._grid_kiksy_14 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25em 2em;
}

._field_kiksy_20 {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  min-width: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}

._fieldFull_kiksy_29 {
  grid-column: 1 / -1;
}

._footer_kiksy_33 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1em;
  height: 4em;
  margin-top: 2em;
}

@media (max-width: 700px) {
  ._grid_kiksy_14 {
    grid-template-columns: 1fr;
  }
}
._skeleton_1u4vr_1 {
  background-color: var(--integrations-hub-line);
}
._tableContainer_67l5h_1 {
  width: 100%;
  overflow-x: auto;
}

._titleContainer_67l5h_6 {
  position: absolute;
}

._table_67l5h_1 {
  width: 100%;
  min-width: 40em;
  border-collapse: collapse;
}

._table_67l5h_1 thead {
  border-bottom: 2px solid #e5e7eb;
  color: #6b7280;
}

._table_67l5h_1 th {
  padding: 16px 20px;
  text-align: left;
  font-weight: 600;
  font-size: 0.95rem;
}

._table_67l5h_1 td {
  padding: 16px 20px;
  font-size: 0.95rem;
  vertical-align: middle;
  line-height: 1.5;
  white-space: normal;
  word-break: break-word;
}

._table_67l5h_1 tbody tr {
  border-bottom: 1px solid #f3f4f6;
}

._table_67l5h_1 tbody tr:last-child {
  border-bottom: none;
}

._table_67l5h_1 tbody tr:hover {
  background-color: #fafafa;
}

._subtitle_67l5h_49 {
  color: #6b7280;
}

._tableContainer_67l5h_1 div::-webkit-scrollbar {
  width: 6px;
}

._tableContainer_67l5h_1 div::-webkit-scrollbar-track {
  background: transparent;
}

._tableContainer_67l5h_1 div::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

._tableContainer_67l5h_1 div::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

._noData_67l5h_70 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6em;
  color: #6b7280;
}

._dark_67l5h_79 ._table_67l5h_1 thead {
  border-bottom-color: #a5aacf95;
  color: #9ca3af;
}

._dark_67l5h_79 ._table_67l5h_1 tbody tr {
  border-bottom-color: #9399ca2d;
}

._dark_67l5h_79 ._table_67l5h_1 tbody tr:hover {
  background-color: #9399ca2d;
}

._dark_67l5h_79 ._table_67l5h_1 td {
  color: var(--partner-subtext);
}

._dark_67l5h_79 ._subtitle_67l5h_49,
._dark_67l5h_79 ._noData_67l5h_70 {
  color: var(--partner-subtext);
}

@media screen and (max-width: 660px) {
  ._table_67l5h_1 {
    margin-top: 8em;
  }
}
._root_1hcxo_1 {
  max-width: 60em;
  width: 100%;
}

._container_1hcxo_6 {
  display: flex;
  flex-direction: column;
  padding-top: 1em;
  width: 100%;
}

._needsReviewDot_1hcxo_13 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--integrations-hub-primary);
  flex-shrink: 0;
  display: inline-block;
  margin-right: 0.15em;
}
._container_hsqul_1 {
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
  gap: 0.75em;
}

._primary_hsqul_8 {
  padding: 0.65em;
  padding-left: 0.9em;
  padding-right: 0.9em;
  border-radius: 0.5em;
}

._primary_hsqul_8[data-dimmed] {
  opacity: 0.3;
}

._secondary_hsqul_19 {
  border-radius: 0.5em;
  color: gray;
  font-size: 0.95em;
  background-color: transparent;
}

._secondary_hsqul_19[data-dimmed] {
  opacity: 0.3;
}

._title_hsqul_30 {
  display: flex;
  gap: 0.75em;
}

._children_hsqul_35 {
  padding-left: 2em;
}

._children_hsqul_35 ul {
  list-style-type: disc;
}
._container_1y68f_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% + 1em);
}

._input_1y68f_8 {
  border: 1px var(--integrations-hub-line) solid;
  width: 100%;
  color: black;
}

._darkInput_1y68f_14 {
  width: 100%;
}

._input_1y68f_8::placeholder {
  color: #7e8189;
}

._labelContainer_1y68f_22 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

._label_1y68f_22 {
  font-size: 0.9em;
  margin-right: 0.4em;
  color: black;
}

._darkLabel_1y68f_34 {
  font-size: 0.9em;
  margin-right: 0.4em;
  color: var(--partner-subtext);
}

._disabled_1y68f_40 {
  color: #7e8189;
  opacity: 0.5;
}

._description_1y68f_45 {
  color: #7e8189;
  margin-top: -1em;
}

._input_1y68f_8._error_1y68f_50 {
  border: 1px solid var(--integrations-hub-error);
}

._darkInput_1y68f_14._error_1y68f_50 {
  border: 1px solid var(--partner-error);
}
._input_1y68f_8:disabled {
  background-color: transparent;
}

._errorMessage_1y68f_61 {
  color: var(--integrations-hub-error);
  padding: 0;
}

._darkErrorMessage_1y68f_66 {
  color: var(--partner-error);
  padding: 0;
}

input button {
  color: #7e8189;
}

input button:hover {
  background-color: #ededed;
}
._container_1ibxv_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 0.75em;
  height: max-content;
  padding-bottom: 6em;
  padding-top: 1.5em;
  min-height: 100vh;
  background-color: var(--partner-background);
}

._title_1ibxv_15 {
  position: absolute;
  left: 1em;
  top: 1em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: white;
}

._title_1ibxv_15 span {
  font-size: 1.25em;
}

._flex_1ibxv_29 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._box_1ibxv_35 {
  position: relative;
  width: 32em;
  height: max-content;
  padding: 2em;
  padding-top: 5em;
  z-index: 2;
}

@media screen and (max-width: 1220px) {
  ._box_1ibxv_35 {
    margin-top: 3em;
  }
}

@media screen and (max-width: 630px) {
  ._box_1ibxv_35 {
    width: 90%;
  }
}
._container_8mo56_1 {
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 1em;
}

._container_8mo56_1 h2 {
  margin-bottom: 1em;
  color: white;
}

._forgotPasswordPrompt_8mo56_13 {
  font-size: 0.9em;
  margin-bottom: 2em;
}

._error_8mo56_18 {
  margin-top: -1em;
  margin-bottom: 0.5em;
}

._textButton_8mo56_23 {
  padding: 0;
  height: max-content;
}

._textButton_8mo56_23:hover {
  background-color: transparent;
}
._title_1qho2_1 {
  padding: 1em;
  padding-bottom: 0.5em;
  padding-left: 0;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7e8189;
}

._divider_1qho2_12 {
  border: none;
  border-bottom: 1px solid var(--integrations-hub-line);
  margin: 0;
  width: 100%;
}

._darkTitle_1qho2_19 {
  padding: 1em;
  padding-bottom: 0.5em;
  padding-left: 0;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--partner-subtext);
}

._darkDivider_1qho2_30 {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0;
  width: 100%;
}
._container_12pdn_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

._textareaWrapper_12pdn_8 {
  position: relative;
  width: 100%;
}

._copyButton_12pdn_13 {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  padding: 0.3em 0.6em;
  font-size: 0.8em;
  color: var(--integrations-hub-text, #1f2937);
  border: 1px solid var(--integrations-hub-line, #d1d5db);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.3em;
  cursor: pointer;
  transition: 250ms;
}

._textarea_12pdn_8 {
  border: 1px var(--integrations-hub-line) solid;
  color: black;
  hyphens: none;
}

._textarea_12pdn_8::placeholder {
  color: #7e8189;
}

._labelContainer_12pdn_40 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4em;
}

._label_12pdn_40 {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

._darkLabel_12pdn_52 {
  font-size: 0.9em;
  color: var(--partner-subtext);
  margin-bottom: 0.5em;
}

._darkLabel_12pdn_52._disabled_12pdn_58 {
  color: var(--partner-subtext);
  opacity: 0.5;
}

._disabled_12pdn_58 {
  color: #7e8189;
  opacity: 0.5;
}

._description_12pdn_68 {
  color: #7e8189;
  margin-top: -1em;
}

._textarea_12pdn_8._error_12pdn_73 {
  border-color: var(--integrations-hub-error);
}

._darkTextarea_12pdn_77._error_12pdn_73 {
  border-color: var(--partner-error);
}

._textarea_12pdn_8:disabled {
  background-color: transparent;
}

._errorMessage_12pdn_85 {
  color: var(--integrations-hub-error);
  padding: 0;
  margin-bottom: 0.5em;
}

._darkErrorMessage_12pdn_91 {
  color: var(--partner-error);
  padding: 0;
  margin-bottom: 0.5em;
}
._root_1aant_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 2.5em;
}

._step_1aant_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
  flex: 1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0.5em;
  padding: 0.5em;
  padding-top: 1em;
  transition: background 0.15s ease;
}

._stepClickable_1aant_23 {
  cursor: pointer;
}

._stepClickable_1aant_23:hover {
  background: rgba(255, 255, 255, 0.05);
}

._stepDisabled_1aant_31 {
  cursor: not-allowed;
}

._connector_1aant_35 {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 2em;
}

._title_1aant_42 {
  color: white;
  font-size: 0.82em;
  text-align: center;
}

._status_1aant_48 {
  font-size: 0.78em;
  text-align: center;
  margin-top: -0.5em;
  margin-bottom: 1em;
}
._previewCard_11eyz_1 {
  position: relative;
  width: 160px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
  cursor: pointer;
  transition:
    box-shadow 0.15s,
    border-color 0.15s;
}

._previewCard_11eyz_1:hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  border-color: rgba(0, 0, 0, 0.28);
}

._previewThumb_11eyz_21 {
  width: 100%;
  height: 80px;
  object-fit: cover;
  display: block;
}

._previewIconArea_11eyz_28 {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  gap: 0px;
}

._previewExtLabel_11eyz_39 {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #777;
}

._previewFooter_11eyz_47 {
  padding: 6px 28px 6px 8px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

._previewRemove_11eyz_57 {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fff;
  transition: background 0.15s;
}

._previewRemove_11eyz_57:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.65);
}

._previewRemove_11eyz_57:disabled {
  opacity: 0.4;
  cursor: default;
}

._modalContent_11eyz_84 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem 0;
  margin-bottom: 2em;
}

._modalImage_11eyz_92 {
  max-width: 100%;
  max-height: 70vh;
  border-radius: 4px;
  display: block;
}

._modalFileInfo_11eyz_99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 1.5rem 2rem;
}

._modalFileTitle_11eyz_107 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.5em;
}

._modalExtLabel_11eyz_114 {
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #777;
}

._modalFileName_11eyz_122 {
  font-size: 15px;
  font-weight: 500;
  word-break: break-all;
  text-align: center;
}

._modalFileIcon_11eyz_129 {
  width: 3em;
  height: 3em;
}

._modalFileMeta_11eyz_134 {
  font-size: 13px;
  color: #999;
}

._modalActions_11eyz_139 {
  position: absolute;
  bottom: 0.75em;
  right: 1.25em;
}
._root_1uzv8_1 {
  max-width: 60em;
  width: 100%;
}

._container_1uzv8_6 {
  display: flex;
  flex-direction: column;
  padding-top: 1em;
  width: 100%;
}

._status_1uzv8_13 {
  display: flex;
  align-items: center;
  gap: 0.75em;
}

._needsReviewDot_1uzv8_19 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--integrations-hub-primary);
  flex-shrink: 0;
  display: inline-block;
  margin-right: 0.15em;
}
._container_1dx9w_1 {
  margin-top: -1em;
  margin-bottom: 2em;
  font-size: 0.9em;
  color: var(--partner-subtext);
}

._ruleList_1dx9w_8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4em;
  list-style: none;
  padding: 0;
  margin: 0;
}

._ruleItem_1dx9w_18 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 4px;
}

._circle_1dx9w_26 {
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
  border: 2.5px solid #cacaca;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._circle_1dx9w_26._passed_1dx9w_37 {
  background-color: white;
  border: none;
}
._root_mf1x9_1 {
  width: 100%;
  max-width: 60em;
}

._content_mf1x9_6 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
}

._header_mf1x9_13 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._header_mf1x9_13 h2 {
  margin: 0;
  color: white;
}

._sectionContainer_mf1x9_24 {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

._container_mf1x9_30 {
  display: flex;
  column-gap: 0.5em;
  row-gap: 1.5em;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

._container_mf1x9_30 > * {
  flex: 0 1 calc(50% - 0.25em);
}

._field_mf1x9_43 {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  min-width: 0;
}

._changePasswordContainer_mf1x9_50 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  margin-bottom: 1em;
  width: 50%;
}

._footer_mf1x9_58 {
  display: flex;
  align-items: center;
  gap: 1em;
  justify-content: flex-end;
  width: 100%;
  margin-top: 3em;
}

._passwordGuard_mf1x9_67 {
  margin-top: 2em;
}

@media (max-width: 700px) {
  ._container_mf1x9_30 > * {
    flex: 0 1 100%;
  }

  ._changePasswordContainer_mf1x9_50 {
    width: 100%;
  }
}
._loading_6cohd_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

._loading_6cohd_1 div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 8px solid currentColor;
  border-radius: 50%;
  animation: _loading_6cohd_1 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}

._loading_6cohd_1 div:nth-child(1) {
  animation-delay: -0.45s;
}
._loading_6cohd_1 div:nth-child(2) {
  animation-delay: -0.3s;
}
._loading_6cohd_1 div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes _loading_6cohd_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._fileList_1o0ew_1 {
  margin-top: 1.5rem;
}

._fileCards_1o0ew_5 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

._chip_1o0ew_11 {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

._chipLabel_1o0ew_17 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chipRemove_1o0ew_23 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-left: 2px;
  color: rgba(0, 0, 0, 0.26);
  flex-shrink: 0;
}
._container_18s8a_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

._select_18s8a_8 {
  border: 1px var(--integrations-hub-line) solid;
  color: black;
  height: 40px;
}

._darkSelect_18s8a_14 {
  height: 40px;
}

._select_18s8a_8::placeholder {
  color: #7e8189;
}

._labelContainer_18s8a_22 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4em;
}

._label_18s8a_22 {
  font-size: 0.9em;
  color: black;
}

._darkLabel_18s8a_34 {
  font-size: 0.9em;
  color: var(--partner-subtext);
}

._disabled_18s8a_39 {
  color: #7e8189;
  opacity: 0.5;
}

._darkLabel_18s8a_34._disabled_18s8a_39 {
  color: var(--partner-subtext);
  opacity: 0.5;
}

._description_18s8a_49 {
  color: #7e8189;
  margin-top: -1em;
}

._select_18s8a_8._error_18s8a_54 {
  border-color: var(--integrations-hub-error);
}

._darkSelect_18s8a_14._error_18s8a_54 {
  border-color: var(--partner-error);
}

._select_18s8a_8:disabled {
  background-color: transparent;
}

._errorMessage_18s8a_66 {
  color: var(--integrations-hub-error);
  padding: 0;
}

._errorMessageDark_18s8a_71 {
  color: var(--partner-error);
  padding: 0;
}
._container_3wgmj_1 {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5em;
  box-sizing: border-box;
}

._field_3wgmj_10 {
  width: 100%;
  margin-top: 2em !important;
}

._button_3wgmj_15 {
  margin-top: 2em !important;
  background-color: #ff1675 !important;
}

._blur_3wgmj_20 {
  position: absolute;
  top: 1em;
  width: calc(100% - 3em);
  height: 100%;
  background-color: white;
  opacity: 0.9;
  z-index: 500;
  border-radius: 1em;
}

._alert_3wgmj_31 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 501;
  border-radius: 0.8em !important;
}

._form_3wgmj_40 {
  width: 100%;
}

._successAlert_3wgmj_44 {
  width: 25em;
  margin: 0 auto;
  margin-top: 3em;
  margin-bottom: 2em;
  border-radius: 0.8em !important;
}

._signInContent_3wgmj_52 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 1em;
  padding-right: 2.5em;
  padding-bottom: 1.5em;
}

._loader_3wgmj_61 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 501;
}

._submitButton_3wgmj_69 {
  display: flex;
  justify-content: end;
  width: 100%;
  margin-top: 2em;
}

@media (max-width: 430px) {
  ._submitButton_3wgmj_69 {
    justify-content: start;
  }
}
._cardLogo_16xb5_1 {
  min-width: 140px;
  max-width: 140px;
}

._cardDescription_16xb5_6 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  max-height: 140px;
  min-height: 140px;
  height: 140px;
  width: calc(100% - 10em);
}

._cardDescription_16xb5_6 h3 {
  margin: 0;
  margin-top: 0.15em;
  margin-bottom: 0.25em;
  font-size: 20px;
}

._descriptionContent_16xb5_23 {
  font-size: small;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2;
  min-height: 4em;
}

._descriptionBottom_16xb5_34 {
  display: flex;
  gap: 1em;
  position: relative;
  top: 0.75em;
  min-height: 44px;
}

._verticalDivider_16xb5_42 {
  width: 2px;
  min-width: 2px;
  max-width: 2px;
  height: 75%;
  background-color: black;
  opacity: 0.1;
}

._cardButton_16xb5_51 {
  position: absolute;
  display: flex;
  align-items: center;
  right: 1em;
  height: 100%;
  max-width: 25em;
}

._card_16xb5_1:hover {
  box-shadow: rgba(43, 43, 43, 0.15) 0px 10px 50px;
}

._integrations_16xb5_64 {
  display: flex;
  gap: 0.3em;
  align-items: center;
}

._integrations_16xb5_64 p {
  color: #787878;
  font-size: 14px;
}

._button_16xb5_75 {
  color: var(--integrations-hub-primary);
  cursor: pointer;
}

._button_16xb5_75:hover {
  color: var(--integrations-hub-primary-hover);
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  ._container_16xb5_86 {
    cursor: pointer;
  }

  ._cardButton_16xb5_51 {
    display: none;
  }

  ._cardDescription_16xb5_6 {
    width: 100%;
  }

  ._cardLogo_16xb5_1 {
    min-width: 100px;
    max-width: 100px;
  }

  ._descriptionBottom_16xb5_34 {
    font-size: 6px;
    top: 1em;
    gap: 3em;
  }

  ._poweredByPluralsight_16xb5_109 {
    gap: 0.5em;
  }
}

@media screen and (max-width: 768px) {
  ._descriptionBottom_16xb5_34 p {
    font-size: 1.9em;
  }
}

@media screen and (max-width: 380px) {
  ._card_16xb5_1 {
    flex-direction: column;
    max-height: max-content;
    height: max-content;
    min-height: max-content;
    gap: 0em;
    padding: 0;
    margin: 0;
    width: 100%;
  }

  ._cardDescription_16xb5_6 {
    max-height: max-content;
    height: max-content;
    min-height: max-content;
    width: 100%;
  }

  ._cardDescription_16xb5_6 h3 {
    text-align: center;
    margin-bottom: 1em;
    padding: 0 1em;
  }

  ._cardLogo_16xb5_1 {
    display: flex;
    align-items: center;
    min-width: 140px;
    max-width: 140px;
    height: 10em;
    margin-top: 1em;
  }

  ._descriptionContent_16xb5_23 {
    display: none;
  }

  ._verticalDivider_16xb5_42 {
    display: none;
  }

  ._descriptionBottom_16xb5_34 {
    display: none;
  }
}
._parent_vrj9k_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

._parent_vrj9k_1 h1 {
  align-self: flex-start;
  margin-bottom: 1em;
  margin-top: 0.5em;
  color: #1a2737;
}

._cardContainer_vrj9k_15 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

._full_vrj9k_21 {
  width: 100%;
}

._part_vrj9k_25 {
  width: 956px;
}

@media screen and (max-width: 1100px) {
  ._parent_vrj9k_1 {
    width: 100%;
    align-items: flex-start;
  }

  ._cardContainer_vrj9k_15 {
    width: 100%;
  }

  ._part_vrj9k_25 {
    width: 100%;
  }
}

@media screen and (max-width: 850px) {
  ._parent_vrj9k_1 {
    width: 100%;
    align-items: center;
  }

  ._parent_vrj9k_1 h1 {
    font-size: 30px;
  }

  ._cardContainer_vrj9k_15 {
    width: 100%;
    align-items: center;
    gap: 2em;
  }
}

@media screen and (max-width: 450px) {
  ._parent_vrj9k_1 h1 {
    text-align: center;
  }
}
._ctaParent_1esoj_1 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: -4em;
}

._cta_1esoj_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 100%;
}

._cta_1esoj_1 p {
  max-width: 775px;
  margin-top: 1em;
}

._button_1esoj_22 {
  margin-top: 2em;
  background-color: black;
  color: white;
  border-radius: 2em;
  width: 10em;
  padding: 1.5em !important;
}

._form_1esoj_31 {
  display: flex;
  flex-direction: column;
  max-height: 65vh;
}

._fields_1esoj_37 {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.3em;
  padding-left: 0.3em;
  padding-bottom: 1em;
}

._footer_1esoj_48 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1em;
  flex-shrink: 0;
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid var(--integrations-hub-line);
}
._root_byw75_1 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 8em;
}

._container_byw75_8 {
  width: 90%;
  max-width: 1150px;
}

._bannerContent_byw75_13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6em;
  margin-top: -30px;
}

._bannerImage_byw75_21 {
  margin-top: -30px;
  width: 375px;
}

._homeBanner_byw75_26 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--integrations-hub-banner);
  width: 100%;
  height: 15.5em;
  text-align: center;
  font-size: 20px;
  overflow: hidden;
  z-index: 2;
  margin-bottom: 1em;
  gap: 2em;
}

._homeBanner_byw75_26 h1 {
  margin-bottom: 0;
  font-size: 2em;
  color: #fff;
  max-width: 12em;
  text-align: left;
  line-height: 1.1em;
}

._bannerButtons_byw75_51 {
  display: flex;
  gap: 1em;
  margin-top: 0.75em;
}

._becomePartnerButton_byw75_57 {
  background-color: white;
  color: var(--integrations-hub-banner);
  border-radius: 2.75em;
  font-size: 0.7em;
  height: 2.75em;
  padding: 1.5em !important;
}

._partnerLoginButton_byw75_66 {
  background-color: var(--integrations-hub-banner);
  border: 1px white solid;
  color: white;
  border-radius: 2.75em;
  font-size: 0.7em;
  height: 2.75em;
  padding: 1.5em !important;
}

._content_byw75_76 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 100%;
}

._tabRoot_byw75_84 {
  display: flex;
}

._tabTrigger_byw75_88 {
  color: black;
  cursor: pointer;
}

._divider_byw75_93 {
  position: absolute;
  top: 4.5em;
  width: 100%;
  height: 1px;
  background-color: var(--integrations-hub-line);
}

@media screen and (max-width: 1024px) {
  ._homeBanner_byw75_26 {
    gap: 0;
  }

  ._homeBanner_byw75_26 h1 {
    font-size: 1.7em;
  }

  ._bannerImage_byw75_21 {
    width: 280px;
  }
}

@media screen and (max-width: 1023px) {
  ._tabRoot_byw75_84 {
    padding-top: 0.6em;
  }
}

@media screen and (max-width: 550px) {
  ._homeBanner_byw75_26 {
    height: max-content;
    flex-direction: column-reverse;
    align-items: center;
    gap: 3em;
    padding-top: 3em;
  }

  ._homeBanner_byw75_26 h1 {
    font-size: 1.5em;
    text-align: center;
  }

  ._bannerContent_byw75_13 {
    flex-direction: column;
    align-items: center;
  }

  ._bannerButtons_byw75_51 {
    width: 100%;
    justify-content: center;
    margin-bottom: 2em;
  }
}
._pageContainer_vzuut_1 {
  display: flex;
  align-items: flex-start;
  gap: 10em;
}

._cardParent_vzuut_7 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

._filterParent_vzuut_13 {
  width: 292px;
  margin-top: 7em;
}

._swirly_vzuut_18 {
  position: absolute;
  top: 400px;
  left: 10%;
  z-index: 3;
}

._noDataFound_vzuut_25 {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 620px;
  margin-left: auto;
  margin-right: auto;
  width: 10em;
}

._catalogCards_vzuut_36 {
  margin-bottom: 5em;
  margin-top: 2em;
  width: 100%;
}

._divider_vzuut_42 {
  width: 80%;
  height: 1px;
  background-color: var(--integrations-hub-line);
  margin: 0 auto;
  margin-top: 5em;
}

@media screen and (max-width: 1400px) {
  ._homeContent_vzuut_51 {
    margin-left: 4em;
    margin-right: 4em;
    gap: 5em;
  }
}

@media screen and (max-width: 1100px) {
  ._swirly_vzuut_18 {
    display: none;
  }

  ._homeContent_vzuut_51 {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    margin: 3em;
    margin-top: 4em;
    height: 100%;
  }

  ._cardParent_vzuut_7 {
    width: 100%;
    height: 100%;
    padding-top: 2em;
  }

  ._filterParent_vzuut_13 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }

  ._noDataFound_vzuut_25 {
    position: static;
    width: 100%;
    text-align: center;
    margin-top: 1.75em;
    margin-bottom: 10em;
  }
}

@media screen and (max-width: 550px) {
  ._homeContent_vzuut_51 {
    margin: 2em;
  }

  ._pageContainer_vzuut_1 {
    padding: 0;
  }
}
._companyBanner_4k13v_1 {
  position: relative;
  background-color: var(--integrations-hub-banner);
  color: #fff;
  width: 100%;
  height: 250px;
  text-align: center;
  font-size: 20px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}

._companyBanner_4k13v_1 h1 {
  font-size: 35px;
  margin-bottom: 0.5em;
  margin-top: -30px;
  padding: 0em 2em;
  line-height: 1.25em;
}

._bannerContent_4k13v_24 {
  display: flex;
  flex-direction: column;
}

._bannerContent_4k13v_24 span {
  color: var(--integrations-hub-banner-subtext);
  font-size: 0.7em;
}
._contactForm_1s8em_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
  color: #666;
}

._contactForm_1s8em_1 h5 {
  font-size: 16px;
}

._contactFormItem_1s8em_13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._contactFormItem_1s8em_13 strong {
  margin-bottom: -0.5em;
}

._contactFormButton_1s8em_23 {
  display: flex;
  align-items: center;
}

._linkField_1s8em_28 {
  display: flex;
  align-items: center;
  gap: 0.3em;
}
._integrationDataContainer_1w0fy_1 {
  margin-top: 4em;
  margin-bottom: 2.5em;
  line-height: 28px;
}

._integrationDataContainer_1w0fy_1 h4 {
  margin-bottom: 0.5em;
  color: #666;
}

._integrationDataContainer_1w0fy_1 ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

._integrationDataContainer_1w0fy_1 li::marker {
  color: #666;
}

._integrationDataContainer_1w0fy_1 li {
  margin-bottom: 1em;
}
._root_p6e5q_1 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 5em;
}

._container_p6e5q_8 {
  width: 100%;
  max-width: 1100px;
}

._content_p6e5q_13 {
  position: relative;
  width: 100%;
}

._title_p6e5q_18 {
  display: flex;
  gap: 18px;
  margin-top: 3em;
  margin-bottom: -1em;
  align-items: center;
}

._loading_p6e5q_26 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 6em;
}

._skeleton_p6e5q_33 {
  display: flex;
  flex-direction: column;
}

._skeletonContent_p6e5q_38 {
  margin-top: 4em;
  margin-bottom: 2.5em;
  line-height: 28px;
}

@media screen and (max-width: 1024px) {
  ._container_p6e5q_8 {
    padding: 2em;
    padding-top: 0;
  }
}
._root_1oc5o_1 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 5em;
}

._container_1oc5o_8 {
  width: 100%;
  max-width: 1100px;
}

._content_1oc5o_13 {
  position: relative;
  width: 100%;
}

._loading_1oc5o_18 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 6em;
}

._comingSoon_1oc5o_25 {
  display: flex;
  justify-content: center;
  margin-top: 8em;
  font-size: large;
}

._cardParent_1oc5o_32 {
  margin-top: 3em;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  ._container_1oc5o_8 {
    padding: 2em;
    padding-top: 0;
  }
}
._accordian_yh8u7_1 {
  width: 100%;
  max-width: 18em;
  padding: 0.25rem 0;
}

._accordionItemNested_yh8u7_7 {
  width: calc(100% - 1em);
}

._accordionTitle_yh8u7_11 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #130f25;
}

._accordionItem_yh8u7_7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: none;
  padding-left: 1em;
  border-radius: 0.5em;
  margin-bottom: 0.25em;
  cursor: pointer;
}

._accordionItem_yh8u7_7:hover {
  background-color: #f5f7f9;
}

._accordionItemWithChildren_yh8u7_32:hover {
  background-color: transparent;
}

._accordionItemActive_yh8u7_36 {
  background-color: #f5f7f9;
}

._activeDot_yh8u7_40 {
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background-color: var(--integrations-hub-primary);
  margin-right: 0.6em;
  flex-shrink: 0;
  vertical-align: middle;
}

._accordionItem_yh8u7_7:last-child {
  border-bottom: none;
}

._accordionTrigger_yh8u7_55 {
  background-color: transparent;
  cursor: pointer;
  padding: 0 0 0 1em;
  margin-left: -1em;
  width: calc(100% + 1em);
  border-radius: 0.375rem;
  transition: background-color 0.15s ease;
}

._accordionTrigger_yh8u7_55:hover {
  background-color: #f5f7f9;
}

._accordionContent_yh8u7_69 {
  padding: 0.25rem 0 0.25rem 0;
  color: #4a5568;
  font-size: 0.875rem;
}

._accordianIndicator_yh8u7_75 {
  display: flex;
  align-items: center;
  height: 2.5em;
}

._section_yh8u7_81 {
  font-size: 0.875rem;
  padding-left: 1em;
  color: #92a1ab;
  margin-top: 1.75em;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 1070px) {
  ._accordian_yh8u7_1 {
    padding-top: 1em;
  }
}
._searchBarParent_5rnxl_1 {
  position: relative;
}

._results_5rnxl_5 {
  width: 100%;
  background-color: white;
  position: absolute;
  margin-top: -1em;
  padding: 2em 1em 0.5em 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border: 1px solid var(--integrations-hub-line);
  border-top: none;
  z-index: 2;
}

._resultItem_5rnxl_18 {
  cursor: pointer;
  padding: 0.5em 0em;
  z-index: 2;
  font-size: 0.9em;
}

._resultItemParent_5rnxl_25 {
  color: gray;
  font-size: 0.8em;
}
._pageContainer_15hdr_1 {
  display: flex;
  margin-left: -1em;
  margin-right: -1em;
}

._pageContainer_15hdr_1 pre {
  overflow: scroll;
}

._pageChildren_15hdr_11 {
  display: flex;
  gap: 2em;
  min-width: 0;
  flex: 1;
}

._documentationContainer_15hdr_18 {
  width: 100%;
  min-width: 0;
  min-height: 50em;
}

._documentation_15hdr_18 {
  width: 100%;
  padding: 1em;
  padding-left: 2em;
  height: max-content;
  background-color: #fff;
  border-radius: 10px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  word-break: break-word;
  position: relative;
}

._documentation_15hdr_18 h1 {
  font-size: 28px;
  margin-bottom: 1.5em;
  line-height: 1.25em;
}

._documentation_15hdr_18 h2 {
  font-size: 24px;
  margin-bottom: 0.5em;
}

._documentation_15hdr_18 h3 {
  font-size: 18px;
  margin-bottom: 0.25em;
}

._documentation_15hdr_18 p,
._documentation_15hdr_18 li,
._documentation_15hdr_18 ul,
._documentation_15hdr_18 ol {
  font-size: 16px;
  line-height: 30px;
  margin: 0.25em 0em 0.25em 0em;
}

._documentation_15hdr_18 p {
  margin-top: 0em;
}

._documentation_15hdr_18 a {
  text-decoration: none;
  color: #ee0564;
  transition: 0.2s;
}

._documentation_15hdr_18 a:hover {
  color: #63213b;
}

._documentation_15hdr_18 code {
  background-color: #ddd;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 14px;
}

._documentation_15hdr_18 hr {
  margin: 3em 0em;
  border: 1px solid var(--integrations-hub-line);
}

._hamburgerSidebar_15hdr_89 {
  display: none;
}

._hamburger_15hdr_89 {
  position: absolute;
  right: 1em;
  top: 0.25em;
  z-index: 11;
  display: none;
}

._blocker_15hdr_101 {
  display: none;
}

._sidebarContainer_15hdr_105 {
  max-width: 500px;
}

._documentationTable_15hdr_109 table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

._documentationTable_15hdr_109 td,
._documentationTable_15hdr_109 th {
  border: 1px solid #ddd;
  padding: 8px;
}

._documentationTable_15hdr_109 td {
  text-align: left;
}

._documentationTable_15hdr_109 tr:first-child {
  background-color: #e0e0e0;
}

._documentationTable_15hdr_109 td:first-child {
  background-color: #f2f2f2;
  min-width: 7.5em;
}

._docSearch_15hdr_134 {
  position: absolute;
  top: 0.3em;
  right: 0em;
  width: 18em;
}

@media screen and (max-width: 1024px) {
  ._sidebarContainer_15hdr_105 {
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    margin-bottom: 10em;
    overflow-x: hidden;
    transition: 0.4s;
    width: max-content;
    z-index: 202;
    max-width: 0;
  }

  ._sidebarOpen_15hdr_158 {
    max-width: 500px;
  }

  ._hamburger_15hdr_89 {
    display: block;
    z-index: 203;
  }

  ._blocker_15hdr_101 {
    background-color: #1a2737;
    opacity: 0.3;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 201;
  }

  ._documentation_15hdr_18 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 600px) {
  ._pageChildren_15hdr_11 {
    padding-left: 0;
  }

  ._docSearch_15hdr_134 {
    display: none;
  }

  ._hamburger_15hdr_89 {
    right: 2em;
  }

  ._documentation_15hdr_18 {
    margin-top: 1em;
  }
}
._container_26hcw_1 h3 {
  margin-top: 3em;
}

._negative_26hcw_5 {
  margin-top: -2em;
}

._documentationTable_26hcw_9 table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

._documentationTable_26hcw_9 td,
._documentationTable_26hcw_9 th {
  border: 1px solid #ddd;
  padding: 8px;
}

._documentationTable_26hcw_9 td {
  text-align: left;
}

._documentationTable_26hcw_9 tr:first-child {
  background-color: #e0e0e0;
}

._documentationTable_26hcw_9 td:first-child {
  background-color: #f2f2f2;
  min-width: 7.5em;
}

._lastUpdatedAt_26hcw_34 {
  color: #92a1ab;
  font-style: italic;
  margin-top: -2em;
  margin-bottom: 2em;
}

@media screen and (max-width: 912px) {
  ._code_26hcw_42 {
    display: inline-block;
    width: 72.25vw;
    overflow: auto;
  }
}

@media screen and (max-width: 550px) {
  ._code_26hcw_42 {
    display: inline-block;
    max-width: 65vw;
    overflow: auto;
  }
}
._tooltip_edi2w_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: max-content;
  z-index: 4;
}

._tooltipTextContainer_edi2w_10 {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s;
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: center;
  pointer-events: none;
}

._tooltip_edi2w_1:hover ._tooltipTextContainer_edi2w_10 {
  visibility: visible;
  opacity: 1;
}

._text_edi2w_26 {
  background-color: #000000;
  color: #f5f5f5;
  font-size: 0.9em;
  padding: 6px 10px;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  white-space: normal;
  word-wrap: break-word;
  max-width: 250px;
  width: max-content;
}

._arrow_edi2w_39 {
  width: 0;
  height: 0;
  position: absolute;
}

._right_edi2w_45 {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 8px;
}

._right_edi2w_45 ._arrow_edi2w_39 {
  left: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid #000000;
}

._left_edi2w_59 {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 8px;
  flex-direction: row-reverse;
}

._left_edi2w_59 ._arrow_edi2w_39 {
  right: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #000000;
}

._top_edi2w_74 {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  padding-bottom: 8px;
}

._top_edi2w_74 ._arrow_edi2w_39 {
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #000000;
}

._bottom_edi2w_91 {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column-reverse;
  padding-top: 8px;
}

._bottom_edi2w_91 ._arrow_edi2w_39 {
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #000000;
}
._container_j9s6u_1 {
  display: flex;
  gap: 0.5em;
  padding: 0;
  margin: 0;
}

._container_j9s6u_1 > h1,
._container_j9s6u_1 > h2,
._container_j9s6u_1 > h3,
._container_j9s6u_1 > h4,
._container_j9s6u_1 > h5,
._container_j9s6u_1 > h6 {
  margin-top: 0;
  line-height: 1;
}

._link_j9s6u_18 {
  cursor: pointer;
  visibility: hidden;
  transform: translateX(-10px) rotate(-45deg);
}

._container_j9s6u_1:hover ._link_j9s6u_18 {
  transition:
    transform 0.2s,
    visibility 0.2s;
  visibility: visible;
  transform: translateX(0) rotate(-45deg);
}
._imageContainer_3higa_1 {
  display: flex;
  padding: 1em;
}

._image_3higa_1 {
  width: 100%;
  height: auto;
}
._container_a399k_1 {
  margin-bottom: 2em;
}

._container_a399k_1 h1 {
  margin-bottom: 0.5em !important;
}

._container_a399k_1 h1,
h2,
h3,
h4,
h5,
h6 {
  color: black;
}

._container_a399k_1 hr {
  margin-top: 2em;
}

._loading_a399k_22 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 10em;
}
._integrationPortal_5m1d2_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3em;
  word-break: normal;
  width: 100%;
}

._integrationPortal_5m1d2_1 h3 {
  margin-bottom: 2.5em !important;
}

._titleContainer_5m1d2_14 {
  position: relative;
  margin-bottom: 3em;
}

._title_5m1d2_14 {
  padding: 1em;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 600;
  font-size: 0.95em !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7e8189;
}

._divider_5m1d2_30 {
  width: 100%;
  height: 1px;
  margin-top: 0.25em;
  margin-bottom: -1em;
  background-color: var(--integrations-hub-line);
}

._section_5m1d2_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5em;
  align-items: end;
  margin-top: -1.75em;
}

._note_5m1d2_46 {
  margin-top: 1.25em;
}

._content_5m1d2_50 {
  position: relative;
}

._loading_5m1d2_54 {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2001;
}

._setup_5m1d2_62[data-disabled] h3 {
  color: #c4c7ca;
  cursor: not-allowed;
}

._providers_5m1d2_67[data-disabled] h3 {
  color: #c4c7ca;
  cursor: not-allowed;
}

._sectionField_5m1d2_72 {
  flex: 0 1 calc(50% - 1.25em);
}

._sectionFieldFullWidth_5m1d2_76 {
  flex: 0 1 100%;
}

._planId_5m1d2_80 {
  width: calc(50% - 1.75em);
}

._apiKeyIcon_5m1d2_84 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._credentials_5m1d2_90 {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}

._contentTracking_5m1d2_96 {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

._contentTrackingField_5m1d2_102 {
  width: calc(50% - 1em);
  margin-bottom: 1.5em;
}

._switch_5m1d2_107 {
  display: flex;
  align-items: center;
  gap: 1em;
  font-size: 0.9em;
  margin-top: 5em;
  width: 50%;
}

._warning_5m1d2_116 {
  width: 100%;
}

._info_5m1d2_120 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.9em;
  width: 100%;
  margin-top: -3em !important;
}

._infoIcon_5m1d2_129 {
  display: flex;
  align-items: center;
}

._buttons_5m1d2_134 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 2em;
}

._row_5m1d2_142 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._validationDetails_5m1d2_148 {
  white-space: pre-wrap;
  word-break: break-word;
}

._modalButtons_5m1d2_153 {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  margin-right: 1em;
  margin-top: 2em;
}

._info_5m1d2_120 {
  margin-bottom: 3.5em;
  margin-top: -2em;
  font-size: 1em;
}

._contentTypes_5m1d2_167 {
  margin-bottom: 5em;
  margin-top: 2.5em;
}

@media screen and (max-width: 1070px) {
  ._section_5m1d2_38 {
    flex-wrap: wrap;
  }

  ._sectionField_5m1d2_72 {
    flex: 0 0 100%;
  }

  ._switch_5m1d2_107 {
    width: 100%;
  }

  ._planId_5m1d2_80 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  ._info_5m1d2_120 {
    gap: 0.75em;
  }
}
._container_mkqpa_1 {
  display: flex;
  flex-direction: column;
  gap: 0.3em;
}

._titleContainer_mkqpa_7 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}

._title_mkqpa_7 {
  font-size: 0.9em;
  margin-right: 0.4em;
}

._errorMessage_mkqpa_19 {
  color: var(--integrations-hub-error);
  padding: 0;
}

._darkErrorMessage_mkqpa_24 {
  color: var(--partner-error);
  padding: 0;
}

._checkboxLabel_mkqpa_29 {
  font-size: 0.9em;
}

._checkboxes_mkqpa_33 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  width: max-content;
}

._disabled_mkqpa_40 {
  opacity: 0.3;
  cursor: not-allowed;
}
._switch_6tktv_1 {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 29px;
}

._switch_6tktv_1 input {
  opacity: 0;
  width: 0;
  height: 0;
}

._switch_6tktv_1:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.3;
}

._switch_6tktv_1:has(input:disabled) ._slider_6tktv_19 {
  cursor: not-allowed;
}

._slider_6tktv_19 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

._slider_6tktv_19:before {
  position: absolute;
  content: '';
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + ._slider_6tktv_19 {
  background-color: #4a33d1;
}

input:focus + ._slider_6tktv_19 {
  box-shadow: 0 0 1px #4a33d1;
}

input:checked + ._slider_6tktv_19:before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}

._label_6tktv_63 {
  position: relative;
  bottom: 2.2em;
  width: 10em;
}

._switchDark_6tktv_69 ._slider_6tktv_19 {
  background-color: #3d3a5f;
}

._switchDark_6tktv_69 ._slider_6tktv_19:before {
  background-color: #e6e4f5;
}

._switchDark_6tktv_69 input:checked + ._slider_6tktv_19 {
  background-color: #6e5bff;
}

._switchDark_6tktv_69 input:focus + ._slider_6tktv_19 {
  box-shadow: 0 0 1px #6e5bff;
}

._switchDark_6tktv_69 ._label_6tktv_63 {
  color: #e6e4f5;
}
._modalButtons_m3i4c_1 {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  margin-right: 1em;
  margin-top: 2em;
}
._code_vrhh0_1 {
  max-width: 100%;
}

@media screen and (max-width: 912px) {
  ._code_vrhh0_1 {
    display: inline-block;
    width: 72.25vw;
    overflow: auto;
  }
}

@media screen and (max-width: 550px) {
  ._code_vrhh0_1 {
    display: inline-block;
    max-width: 65vw;
    overflow: auto;
  }
}
._button_1np44_1 {
  height: 2.25em;
  width: 5.5em;
  font-size: 0.9em;
}
._file_g23wu_1 {
  align-items: center;
  margin: 1em;
  margin-left: 0;
}

._filename_g23wu_7 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

ul {
  list-style-type: none;
}
._results_xn1yi_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3em;
  padding-bottom: 0.5em;
}

._tableContainer_xn1yi_9 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

._planId_xn1yi_15 {
  width: calc(50% - 1.75em);
  margin-bottom: 2em;
}

._fileHistory_xn1yi_20 {
  margin-bottom: 7em;
}

._title_xn1yi_24 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.83em;
}

._title_xn1yi_24 h2 {
  margin: 0;
}

._blocker_xn1yi_35 {
  position: absolute;
  background-color: white;
  opacity: 0.8;
  width: 100%;
  bottom: 0;
}

._loading_xn1yi_43 {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2001;
}

._statusTag_xn1yi_51 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._button_xn1yi_57 {
  background-color: var(--integrations-hub-button);
  color: var(--integrations-hub-button-color);
  font-size: 0.9em;
  height: 2.5em;
  width: 5.5em;
}

._circle_xn1yi_65 {
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
}

@media screen and (max-width: 1024px) {
  ._planId_xn1yi_15 {
    width: 100%;
  }
}
._results_16fdn_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3em;
  padding-bottom: 0.5em;
}

._title_16fdn_9 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.83em;
}

._title_16fdn_9 h2 {
  margin: 0;
}

._tableContainer_16fdn_20 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

._fileHistory_16fdn_26 {
  margin-bottom: 7em;
}

._blocker_16fdn_30 {
  position: absolute;
  background-color: white;
  opacity: 0.8;
  width: 100%;
  bottom: 0;
}

._loading_16fdn_38 {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2001;
}

._planId_16fdn_46 {
  width: calc(50% - 1.75em);
  margin-bottom: 2em;
}

._statusTag_16fdn_51 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._button_16fdn_57 {
  background-color: var(--integrations-hub-button);
  color: var(--integrations-hub-button-color);
  font-size: 0.9em;
  height: 2.5em;
  width: 5.5em;
}

._circle_16fdn_65 {
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
}

@media screen and (max-width: 1024px) {
  ._planId_16fdn_46 {
    width: 100%;
  }
}
._container_ow9it_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

._labelContainer_ow9it_8 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

._label_ow9it_8 {
  font-size: 0.9em;
  margin-right: 0.4em;
  color: black;
}

._darkLabel_ow9it_20 {
  font-size: 0.9em;
  margin-right: 0.4em;
  color: var(--partner-subtext);
}

._disabled_ow9it_26 {
  color: #7e8189;
  opacity: 0.5;
}

._description_ow9it_31 {
  color: #7e8189;
  margin-top: -1em;
}

._errorMessage_ow9it_36 {
  color: var(--integrations-hub-error);
  padding: 0;
}

._darkErrorMessage_ow9it_41 {
  color: var(--partner-error);
  padding: 0;
}

._trigger_ow9it_46 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--integrations-hub-line);
  background: white;
  border-radius: 6px;
  padding: 0.5em 0.75em;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
  width: 100%;
  color: black;
  min-height: 2.5em;
  text-align: left;
}

._trigger_ow9it_46:hover:not(:disabled) {
  border-color: #9ca3af;
}

._trigger_ow9it_46:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: transparent;
}

._trigger_ow9it_46._error_ow9it_36 {
  border-color: var(--integrations-hub-error);
}

._darkTrigger_ow9it_77 {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: white;
}

._textInput_ow9it_83 {
  flex: 1;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 1em;
  color: inherit;
  outline: none;
  min-width: 0;
  padding: 0;
}

._textInput_ow9it_83::placeholder {
  color: #7e8189;
}

._darkTextInput_ow9it_99 {
  color: white;
}

._iconBtn_ow9it_103 {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 0.5em;
}

._iconBtn_ow9it_103:disabled {
  cursor: not-allowed;
}

._icon_ow9it_103 {
  width: 1.1em;
  height: 1.1em;
  fill: #7e8189;
  color: #7e8189;
  flex-shrink: 0;
}

._calendar_ow9it_126 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 100;
  background: white;
  border: 1px solid var(--integrations-hub-line);
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 0.75em;
  min-width: 260px;
}

._darkCalendar_ow9it_139 {
  background: #1e1a35;
  border-color: rgba(255, 255, 255, 0.15);
  color: white;
}

._header_ow9it_145 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75em;
}

._monthYear_ow9it_152 {
  font-weight: 600;
  font-size: 0.95em;
}

._grid_ow9it_157 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}

._dayName_ow9it_163 {
  text-align: center;
  font-size: 0.75em;
  font-weight: 600;
  color: #7e8189;
  padding: 0.25em 0;
}

._day_ow9it_163 {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border: none;
  background: none;
  border-radius: 50%;
  font-family: inherit;
  font-size: 0.85em;
  cursor: pointer;
  color: inherit;
  padding: 0;
  min-width: 2em;
  min-height: 2em;
}

._day_ow9it_163:hover {
  background: var(--integrations-hub-line);
}

._day_ow9it_163._today_ow9it_192 {
  border: 1.5px solid var(--integrations-hub-primary);
  color: var(--integrations-hub-primary);
  font-weight: 600;
}

._day_ow9it_163._selected_ow9it_198 {
  background: var(--integrations-hub-primary);
  color: white;
  font-weight: 600;
}

._day_ow9it_163._selected_ow9it_198:hover {
  background: var(--integrations-hub-primary-hover);
}
._container_uhget_1 {
  position: relative;
  display: flex;
  margin-bottom: 1em;
}

._filterIcon_uhget_7 {
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
}

._badge_uhget_13 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--integrations-hub-secondary);
  color: white;
  border-radius: 50%;
  font-size: 0.65em;
  width: 1.5em;
  height: 1.5em;
  margin-left: 0.5em;
}

._panel_uhget_26 {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 100;
  background: white;
  border: 1px solid var(--integrations-hub-line);
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 1.25em;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

._fields_uhget_42 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

._actions_uhget_48 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25em;
  border-top: 1px solid var(--integrations-hub-line);
  padding-top: 1.5em;
  margin-top: 1em;
}
._graphContainer_gqckk_1 {
  margin-top: 2em;
  margin-left: -2em;
}

._graphContainer_gqckk_1._loading_gqckk_6 {
  opacity: 0.5;
}

._graphContainer_gqckk_1 ul,
._graphContainer_gqckk_1 ol {
  list-style-type: none !important;
  padding-left: 0 !important;
}
._results_93rq3_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3em;
  padding-bottom: 0.5em;
  width: 100%;
}

._tableContainer_93rq3_10 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

._title_93rq3_16 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.83em;
}

._filter_93rq3_23 {
  margin-top: 1em;
  margin-bottom: 1em;
}

._title_93rq3_16 h2 {
  margin: 0;
}

._planId_93rq3_32 {
  width: calc(50% - 1.75em);
}

._integrationName_93rq3_36 {
  font-style: italic;
}

._blocker_93rq3_40 {
  position: absolute;
  background-color: white;
  opacity: 0.8;
  width: 100%;
  height: 123%;
  bottom: -5em;
}

._loading_93rq3_49 {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 2001;
  margin-top: 2em;
  margin-bottom: 3em;
}

._providers_93rq3_59 {
  width: calc(50% - 1.75em);
  margin-bottom: 3em;
}

._summaryContainer_93rq3_64 {
  display: flex;
  flex-direction: column;
  gap: 6em;
}

._buttons_93rq3_70 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 3em;
  width: 100%;
}

._statusCode_93rq3_78 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._button_93rq3_70 {
  height: 2.5em;
  background-color: var(--integrations-hub-button);
  color: var(--integrations-hub-button-color);
}

._circle_93rq3_90 {
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
}

._subtitle_93rq3_96 {
  color: #6b7280;
}

._downloadLog_93rq3_100 {
  justify-self: flex-end;
  margin-top: 2.5em;
}

@media screen and (max-width: 1024px) {
  ._planId_93rq3_32 {
    width: 100%;
  }

  ._providers_93rq3_59 {
    width: 100%;
  }
}
._results_uohbb_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3em;
  padding-bottom: 0.5em;
  margin-top: 4em;
}

._fileHistory_uohbb_10 {
  margin-bottom: 7em;
}

._tableContainer_uohbb_14 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

._title_uohbb_20 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.83em;
}

._title_uohbb_20 h2 {
  margin: 0;
}

._planId_uohbb_31 {
  width: calc(50% - 1.75em);
  margin-bottom: 2em;
}

._blocker_uohbb_36 {
  position: absolute;
  background-color: white;
  opacity: 0.8;
  width: 100%;
  height: 118%;
  bottom: 0;
}

._loading_uohbb_45 {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2001;
}

._statusTag_uohbb_53 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._button_uohbb_59 {
  background-color: var(--integrations-hub-button);
  color: var(--integrations-hub-button-color);
  font-size: 0.9em;
  height: 2.5em;
  width: 5.5em;
}

._circle_uohbb_67 {
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
}

@media screen and (max-width: 1024px) {
  ._planId_uohbb_31 {
    width: 100%;
  }
}
._apiKey_1ljm7_1 {
  display: flex;
  align-items: flex-end;
  gap: 1em;
  width: 100%;
  margin-top: 2.5em;
}

._apiKeyIcon_1ljm7_9 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._section_1ljm7_15 {
  margin-bottom: 2.5em;
}

._container_1ljm7_19 {
  position: relative;
}

._form_1ljm7_23 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0em;
  margin-top: 3em;
  margin-bottom: 2em;
  width: 100%;
}

._row_1ljm7_33 {
  display: flex;
  gap: 2em;
  margin-bottom: 2em;
}

._switchContainer_1ljm7_39 {
  position: relative;
  margin-top: 5em;
}

._switch_1ljm7_39 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5em;
  margin-bottom: 2em;
  margin-right: 0.5em;
  font-size: 0.95em;
  max-width: 100%;
}

._switchTitle_1ljm7_55 {
  width: 17em;
}

._switchChildren_1ljm7_59 {
  display: flex;
  align-items: center;
  gap: 2em;
  flex-wrap: wrap;
}

._buttons_1ljm7_66 {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  margin-top: 3em;
  margin-bottom: 1em;
}

._formParent_1ljm7_74 {
  position: relative;
  min-height: 400px;
}

._loading_1ljm7_79 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2001;
}

._disabled_1ljm7_87 {
  opacity: 0.3;
  cursor: not-allowed;
  user-select: none;
}

._contentTypes_1ljm7_93 {
  margin-bottom: 3em;
}

@media screen and (max-width: 920px) {
  ._switchContainer_1ljm7_39 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  ._switch_1ljm7_39 {
    flex-direction: column;
  }

  ._switchTitle_1ljm7_55 {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  ._row_1ljm7_33 {
    flex-wrap: wrap;
  }
}
._root_tlm0e_1 {
  margin-bottom: 12em;
  padding-left: 2em;
  padding-right: 2em;
}

._root_tlm0e_1 h1 {
  color: black;
}

._header_tlm0e_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8em;
}

._headerTitle_tlm0e_18 {
  display: flex;
  align-items: center;
  gap: 0.75em;
}

._container_tlm0e_24 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
  width: 100%;
}

._filters_tlm0e_33 {
  max-width: 50em;
  width: 100%;
}

._filters_tlm0e_33 input {
  background-color: white;
  margin-top: -0.2em;
}

._content_tlm0e_43 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
  max-width: 50em;
}

._ltiContentItem_tlm0e_51 {
  display: flex;
  flex-direction: row;
  gap: 1em;
  width: 100%;
}

._ltiContentItemText_tlm0e_58 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  width: 80%;
}

._ltiContentItemTitle_tlm0e_65 {
  display: flex;
  align-items: center;
  gap: 0.75em;
  margin-bottom: 0.25em;
  font-weight: 600;
  font-size: 1.1em;
}

._ltiContentItemDescription_tlm0e_74 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.875em;
  color: var(--integrations-hub-text-secondary, #666);
}

._ltiSelectButton_tlm0e_84 {
  display: flex;
  align-items: center;
  margin-left: auto;
}

._noData_tlm0e_90 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
  padding: 1.5em 1em;
  text-align: center;
  color: #666;
}

._noDataTitle_tlm0e_100 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._noData_tlm0e_90 svg {
  width: 1.25em;
  height: 1.25em;
  opacity: 0.6;
  color: var(--integrations-hub-secondary);
}

._noData_tlm0e_90 h2 {
  margin: 0;
  font-size: 1.1em;
  font-weight: 600;
  color: #333;
}

._noData_tlm0e_90 p {
  margin: 0;
  font-size: 0.875em;
  max-width: 28em;
}

._footer_tlm0e_126 {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1em;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.5em;
  padding-right: 1.5em;
  background-color: white;
  border-top: 1px var(--integrations-hub-line) solid;
  z-index: 5;
}

@media (max-width: 500px) {
  ._ltiContentItem_tlm0e_51 {
    flex-direction: column;
  }

  ._ltiContentItemText_tlm0e_58 {
    width: 100%;
    margin-bottom: 1em;
  }

  ._ltiContentItemTitle_tlm0e_65 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0.5em;
  }
}
._container_bt2oo_1 {
  display: flex;
  flex-direction: column;
}

._container_bt2oo_1 h2 {
  color: white;
}

._container_bt2oo_1 p {
  color: var(--partner-subtext);
  margin-top: 0.5em;
  font-size: 0.9em;
}

._otp_bt2oo_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  margin-top: 2em;
  width: 100%;
}

._inputContainer_bt2oo_25 {
  display: flex;
  gap: 0.3em;
  width: max-content;
  margin-bottom: 3em;
}

._resend_bt2oo_32 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  color: gray;
  font-size: 0.9em;
}

._error_bt2oo_40 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}

._resendButton_bt2oo_45 {
  padding: 0;
  width: max-content;
}

._resendButton_bt2oo_45:hover {
  background-color: transparent;
}
._nav_1fqlv_1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 4em;
  padding-right: 1.5em;
  padding-top: 0.75em;
}

._avatarPopover_1fqlv_13 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 0.5em 0;
  transition: 250ms;
}

._avatarPopover_1fqlv_13:hover {
  color: rgb(180, 180, 180);
}

._row_1fqlv_25 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
}

@media (max-width: 768px) {
  ._nav_1fqlv_1 {
    position: fixed;
    z-index: 100;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding-left: 4em;
  }
}
._sidebar_doipu_1 {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 18em;
  background-color: #1a1834;
  padding-top: 1.5em;
  box-sizing: border-box;
  z-index: 1000;
  color: white;
}

._title_doipu_16 {
  display: flex;
  align-items: center;
  gap: 1em;
  cursor: pointer;
  padding-left: 1.25em;
  padding-right: 1.25em;
}

._title_doipu_16 h2 {
  color: white;
}

._nav_doipu_29 {
  display: flex;
  flex-direction: column;
  padding-top: 1.5em;
}

._navItem_doipu_35 {
  display: flex;
  align-items: center;
  gap: 0.75em;
  color: white;
  padding: 0.5em;
  cursor: pointer;
  transition: 250ms;
  padding-left: 2em;
  padding-right: 2em;
  height: 3.2em;
}

._navItem_doipu_35:hover {
  background-color: #2d2d56;
}

._navItemActive_doipu_52 {
  border-right: 4px solid var(--integrations-hub-primary);
  background-color: #2d2d56;
  width: 100%;
  color: white;
}

._navItemActive_doipu_52:hover {
  color: white;
}

._navItemDisabled_doipu_63 {
  opacity: 0.4;
  cursor: not-allowed;
}

._hamburger_doipu_68 {
  display: none;
}

._backdrop_doipu_72 {
  display: none;
}

@media (max-width: 768px) {
  ._hamburger_doipu_68 {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0.25em;
    left: 1em;
    z-index: 1001;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    padding: 0.35em;
  }

  ._title_doipu_16 {
    display: none;
  }

  ._sidebar_doipu_1 {
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    box-shadow: rgba(0, 0, 0, 0.18) 4px 0px 24px;
    padding-top: 4em;
  }

  ._sidebarOpen_doipu_102 {
    transform: translateX(0);
  }

  ._backdrop_doipu_72 {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
  }
}
._root_u9ce8_1 {
  background-color: var(--integrations-hub-banner);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

._root_u9ce8_1 h1 {
  color: white;
}

._body_u9ce8_12 {
  display: flex;
  flex: 1;
}

._title_u9ce8_17 {
  color: black;
}

._content_u9ce8_21 {
  margin-left: 18em;
  flex: 1;
  overflow-y: auto;
  padding: 6em;
  padding-top: 2.5em;
}

._subtitle_u9ce8_29 {
  color: var(--partner-subtext);
  margin-bottom: 2em;
  margin-top: 0.75em;
}

@media (max-width: 1024px) {
  ._content_u9ce8_21 {
    padding: 3.5em;
    padding-top: 1.5em;
  }
}

@media (max-width: 768px) {
  ._content_u9ce8_21 {
    margin-left: 0;
    padding: 2em;
    padding-top: 5em;
  }
}
._acceptedCard_svxt4_1 {
  padding: 3em;
  padding-top: 1em;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25em;
}

._iconCircle_svxt4_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 1em;
}

._acceptedTitle_svxt4_20 {
  font-size: 1.4rem;
  font-weight: 600;
  color: white;
  margin: 0;
  text-align: center;
}

._acceptedDescription_svxt4_28 {
  font-size: 0.95rem;
  color: var(--partner-subtext);
  text-align: center;
  line-height: 1.6;
  margin: 0;
}

._setupButton_svxt4_36 {
  margin-top: 0.75em;
}
._pendingCard_6vxen_1 {
  padding: 3em;
  padding-top: 1em;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25em;
}

._iconCircle_6vxen_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 1em;
}

._pendingTitle_6vxen_20 {
  font-size: 1.4rem;
  font-weight: 600;
  color: white;
  margin: 0;
  text-align: center;
}

._pendingDescription_6vxen_28 {
  font-size: 0.95rem;
  color: var(--partner-subtext);
  text-align: center;
  line-height: 1.6;
  margin: 0;
}

._steps_6vxen_36 {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  margin-top: 2em;
}

._step_6vxen_36 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
  flex: 1;
}

._stepCircle_6vxen_52 {
  color: white;
  font-size: 0.75em;
  text-align: center;
}

._stepLabel_6vxen_58 {
  font-size: 0.78rem;
  color: var(--partner-subtext);
  text-align: center;
}

._stepConnector_6vxen_64 {
  flex: 1;
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 1.5em;
}
._rejectedCard_htuns_1 {
  padding: 3em;
  padding-top: 1em;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25em;
}

._iconCircle_htuns_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 1em;
}

._rejectedTitle_htuns_20 {
  font-size: 1.4rem;
  font-weight: 600;
  color: white;
  margin: 0;
  text-align: center;
}

._rejectedDescription_htuns_28 {
  font-size: 0.95rem;
  color: var(--partner-subtext);
  text-align: center;
  line-height: 1.6;
  margin: 0;
}
._root_1pmiw_1 {
  max-width: 60em;
  width: 100%;
}

._container_1pmiw_6 {
  display: flex;
  flex-direction: column;
  padding-top: 1em;
  width: 100%;
}
._container_1fdi7_1 {
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 1em;
}

._container_1fdi7_1 h2 {
  margin-bottom: 1em;
  color: white;
}

._loginPrompt_1fdi7_13 {
  font-size: 0.9em;
  color: gray;
}

._successContainer_1fdi7_18 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 1em;
}

._error_1fdi7_25 {
  margin-top: -1em;
  margin-bottom: 0.5em;
}

._loginPrompt_1fdi7_13 {
  display: flex;
  align-items: center;
  margin-top: 1em;
  gap: 0.3em;
}
._root_10ykh_1 {
  width: 100%;
  max-width: 52em;
}

._container_10ykh_6 {
  padding-top: 2em;
  padding-bottom: 2em;
}

@media screen and (max-width: 500px) {
  ._container_10ykh_6 {
    padding: 1em;
  }
}
._tile_85ijs_1 {
  max-width: 26em;
  width: 100%;
}

._body_85ijs_6 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  flex: 1;
}

._title_85ijs_13 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: 1em;
}

._row_85ijs_21 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._icon_85ijs_27 {
  color: var(--partner-subtext);
}

._name_85ijs_31 {
  font-weight: 600;
  color: white;
  margin: 0;
}

._description_85ijs_37 {
  font-size: 0.9rem;
  color: var(--partner-subtext);
  margin: 0;
  line-height: 1.4;
}

._button_85ijs_44 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.25em;
  font-size: 0.9rem;
  color: var(--partner-subtext);
  text-transform: none;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: 250ms;
  cursor: pointer;
}

._button_85ijs_44:hover {
  background-color: #382d6c;
}

._wrapper_85ijs_68 {
  display: flex;
  align-items: center;
  gap: 0.75em;
}

._editButton_85ijs_74 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
  font-size: 0.75rem;
  color: var(--partner-subtext);
  cursor: pointer;
  transition: color 150ms;
  white-space: nowrap;
}

._editButton_85ijs_74 p {
  margin: 0;
}

._editButton_85ijs_74:hover {
  color: #1976d2;
}

._skeletonWrapper_85ijs_94 {
  max-width: 26em;
  width: 100%;
  height: 14em;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
  margin-top: 0.5em;
}

._skeletonBody_85ijs_104 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5em 2em;
}

@media (max-width: 500px) {
  ._tilesGrid_85ijs_113 {
    flex-direction: column;
  }

  ._body_85ijs_6 {
    padding-left: 1em;
    padding-right: 1em;
  }
}
._section_1439o_1 {
  margin-top: 4em;
}

._sectionTitle_1439o_5 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--partner-subtext);
}

._tilesGrid_1439o_12 {
  display: flex;
  gap: 1.5em;
}

@media (max-width: 500px) {
  ._tilesGrid_1439o_12 {
    flex-direction: column;
  }
}
._root_1ok2f_1 {
  position: relative;
  max-width: 55em;
  width: 100%;
}

._container_1ok2f_7 {
  width: 100%;
}

._formParent_1ok2f_11 {
  position: relative;
  min-height: 400px;
}

._stack_1ok2f_16 {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

._card_1ok2f_22 {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  overflow: hidden;
}

._cardTitle_1ok2f_28 {
  padding: 1em;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: -0.5em;
  color: var(--partner-subtext);
}

._cardDivider_1ok2f_40 {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0;
  margin-top: -0.25em;
  width: 100%;
}

._cardBody_1ok2f_48 {
  padding: 1.5em;
  padding-left: 1em;
  padding-top: 0.5em;
}

._row_1ok2f_54 {
  display: flex;
  gap: 1.5em;
  margin-bottom: 2.5em;
}

._halfRow_1ok2f_60 {
  display: flex;
  gap: 1.5em;
  margin-bottom: 2.5em;
  width: 50%;
}

._row_1ok2f_54:last-child {
  margin-bottom: 0;
}

._switchRow_1ok2f_71 {
  display: flex;
  align-items: center;
  gap: 2em;
  margin-bottom: 3em;
  margin-top: -1em;
  flex-wrap: wrap;
}

._switchDivider_1ok2f_80 {
  border-color: rgba(0, 0, 0, 0.06);
}

._switchLabel_1ok2f_84 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  flex: 1;
  max-width: 30em;
}

._switchTitle_1ok2f_92 {
  font-weight: 600;
  font-size: 0.9rem;
  color: white;
}

._switchDescription_1ok2f_98 {
  color: var(--partner-subtext);
  font-size: 0.78rem;
  line-height: 1.4;
  max-width: 40em;
}

._switchControls_1ok2f_105 {
  display: flex;
  align-items: center;
  gap: 1.5em;
  flex-shrink: 0;
  margin-left: 1em;
}

._buttons_1ok2f_113 {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  padding-bottom: 0.5em;
}

._disabled_1ok2f_120 {
  opacity: 0.3;
  cursor: not-allowed;
  user-select: none;
}

._skeletonSelect_1ok2f_126 {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  flex: 1;
}

._skeletonCheckboxGroup_1ok2f_133 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

._skeletonCheckboxList_1ok2f_139 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

@media screen and (max-width: 920px) {
  ._switchRow_1ok2f_71 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
  }

  ._switchControls_1ok2f_105 {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 750px) {
  ._container_1ok2f_7 {
    width: 100%;
  }

  ._row_1ok2f_54 {
    flex-wrap: wrap;
  }

  ._halfRow_1ok2f_60 {
    width: calc(100% + 1em);
  }
}
._container_b2qqr_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._chipContainer_b2qqr_7 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-top: 0.5em;
}

._chip_b2qqr_7 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
._root_7wsz1_1 {
  padding-top: 2em;
  width: 100%;
  max-width: 60em;
}

._stepper_7wsz1_7 {
  margin-left: 5em;
  margin-right: 5.5em;
  margin-bottom: 1em;
}

._stepRoot_7wsz1_13 {
  position: relative;
  width: 100%;
  height: max-content;
  min-height: 20em;
}

._stepRoot_7wsz1_13 h2 {
  color: white;
}

._titleSubtext_7wsz1_24 {
  margin-top: 1em;
  margin-bottom: 1.5em;
  font-size: 0.95rem;
  color: var(--partner-subtext);
}

._stepButtons_7wsz1_31 {
  display: flex;
  gap: 0.75em;
  position: absolute;
  bottom: 0;
  right: 0;
}

._stepAlert_7wsz1_39 {
  margin-top: 1.5em;
}

._stepForm_7wsz1_43 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  margin-top: 2em;
  padding-bottom: 3.5em;
}

._stepFormLabel_7wsz1_51 {
  color: var(--partner-subtext);
  font-size: 0.9em;
  margin: 0 0 0.5em;
}

._stepFormLabelDisabled_7wsz1_57 {
  opacity: 0.5;
}

._attachments_7wsz1_61 {
  margin-top: 0.75em;
  margin-bottom: 2em;
}

._integrationSection_7wsz1_66 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  border-radius: 0.5em;
}

._dynamicFieldList_7wsz1_73 {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

._dynamicFieldRow_7wsz1_79 {
  display: flex;
  align-items: flex-end;
  gap: 0.75em;
}

._dynamicFieldRow_7wsz1_79 > :first-child {
  flex: 1;
  min-width: 0;
}

._addFieldRow_7wsz1_90 {
  margin-top: 1.25em;
}

._addIntegrationRow_7wsz1_94 {
  display: flex;
  justify-content: flex-start;
}

._cardTitle_7wsz1_99 {
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0;
  color: var(--partner-subtext);
  margin-top: 1.5em;
}

._cardDivider_7wsz1_109 {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 0;
  margin-bottom: 1em;
  margin-top: 0.35em;
  width: 100%;
}

._link_7wsz1_118 {
  color: white;
}

._integrationsTableHeader_7wsz1_122 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._integrationTableActions_7wsz1_128 {
  display: flex;
  justify-content: center;
  gap: 0;
}

._integrationDescriptionCell_7wsz1_134 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  max-width: 24em;
}

._modalActions_7wsz1_143 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75em;
  margin-top: 1.5em;
}

._integrationsTableFooter_7wsz1_150 {
  display: flex;
  justify-content: flex-end;
  margin-top: 2em;
  margin-bottom: 1em;
}

._integrationDetails_7wsz1_157 {
  margin-bottom: 5em;
}

._errorMessage_7wsz1_161 {
  color: var(--partner-error);
  font-size: 0.85em;
  margin-top: 0.5em;
  text-align: right;
}

._tags_7wsz1_168 {
  width: 50%;
}

._multiselect_7wsz1_172 {
  width: 50%;
}

@media screen and (max-width: 900px) {
  ._tags_7wsz1_168 {
    width: 100%;
  }

  ._multiselect_7wsz1_172 {
    width: 100%;
  }
}
._root_igsnf_1 {
  width: 100%;
  max-width: 60em;
}

._content_igsnf_6 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
}

._alert_igsnf_13 {
  margin-top: 2em;
}

._pageActions_igsnf_17 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75em;
  margin-top: -4em;
}
._container_vfek0_1 {
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 1em;
}

._container_vfek0_1 h2 {
  margin-bottom: 1em;
  color: white;
}

._signupPrompt_vfek0_13 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  font-size: 0.9em;
  color: gray;
}

._forgotPasswordPrompt_vfek0_21 {
  font-size: 0.9em;
  margin-bottom: 2em;
}

._error_vfek0_26 {
  margin-top: -1em;
  margin-bottom: 0.5em;
}

._textButton_vfek0_31 {
  padding: 0;
  height: max-content;
}

._textButton_vfek0_31:hover {
  background-color: transparent;
}
._root_7bc67_1 {
  width: 100%;
  max-width: 60em;
}

._content_7bc67_6 {
  display: flex;
  flex-direction: column;
  gap: 3.5em;
  width: 100%;
}

._addNewUserButton_7bc67_13 {
  width: max-content;
  align-self: flex-end;
}

._tableButtons_7bc67_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7em;
}

._deleteButton_7bc67_25 {
  padding: 0;
}

._addMemberForm_7bc67_29 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5em;
  width: 100%;
  margin-top: 1.25em;
}

._addMemberFormFullWidth_7bc67_37 {
  grid-column: 1 / -1;
}

._addMemberButton_7bc67_41 {
  display: flex;
  justify-content: flex-end;
  margin-top: 2.5em;
}

._footer_7bc67_47 {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  margin-top: 2em;
}

@media screen and (max-width: 600px) {
  ._addMemberForm_7bc67_29 {
    grid-template-columns: 1fr;
  }
}
._stepper_qmgce_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% + 10em);
  margin-left: -5em;
  margin-right: -5em;
}

._step_qmgce_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  border-radius: 50%;
  border: 2px var(--partner-subtext) solid;
  background-color: transparent;
  color: var(--partner-subtext);
  font-size: 0.85em;
  font-weight: 500;
}

._active_qmgce_25 {
  border: 2px white solid;
  color: white;
  background-color: transparent;
}

._completed_qmgce_31 {
  border: 2px #02e088 solid;
  background-color: transparent;
}

._stepTitle_qmgce_36 {
  position: relative;
  left: 0.6em;
  color: var(--partner-subtext);
}

._stepTitleActive_qmgce_42 {
  position: relative;
  left: 0.6em;
  color: white;
}

._connector_qmgce_48 {
  flex: 1;
  height: 1px;
  margin: 0 0.3em;
}

@media screen and (max-width: 630px) {
  ._stepper_qmgce_1 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  ._stepTitle_qmgce_36,
  ._stepTitleActive_qmgce_42 {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 480px) {
  ._stepTitle_qmgce_36,
  ._stepTitleActive_qmgce_42 {
    display: none;
  }

  ._connector_qmgce_48 {
    margin: 0 0.5em;
  }
}
._container_1wb33_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.3em;
}

._labelContainer_1wb33_9 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

._label_1wb33_9 {
  font-size: 0.9em;
  margin-right: 0.4em;
  color: var(--partner-subtext);
}

._darkLabel_1wb33_21 {
  font-size: 0.9em;
  margin-right: 0.4em;
  color: var(--partner-subtext);
}

._description_1wb33_27 {
  color: #7e8189;
  margin-top: -1em;
}

._radios_1wb33_32 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  width: max-content;
}

._radioLabel_1wb33_39 {
  font-size: 0.9em;
  color: var(--partner-subtext);
}

._darkRadioLabel_1wb33_44 {
  font-size: 0.9em;
  color: var(--partner-subtext);
}

._disabled_1wb33_49 {
  opacity: 0.5;
  cursor: not-allowed;
}

._errorMessage_1wb33_54 {
  color: var(--integrations-hub-error);
  padding: 0;
}

._darkErrorMessage_1wb33_59 {
  color: var(--partner-error);
  padding: 0;
}
._container_dhbty_1 {
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 1em;
}

._container_dhbty_1 h2 {
  margin-bottom: 1.5em;
  color: white;
}

._loginPrompt_dhbty_13 {
  font-size: 1em;
  color: gray;
}

._error_dhbty_18 {
  margin-top: -1.5em;
  margin-bottom: 2.5em;
}

._textButton_dhbty_23 {
  padding: 0;
  height: max-content;
}

._textButton_dhbty_23:hover {
  background-color: transparent;
}

._passwordGuard_dhbty_32 {
  margin-top: 2em;
}

._subview_dhbty_36 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
  width: 100%;
  padding-top: 5em;
  background-color: var(--integrations-hub-banner);
  height: 100vh;
}

._subview_dhbty_36 h2 {
  color: white;
}

._subviewHeader_dhbty_52 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._subviewButton_dhbty_58 {
  z-index: 2;
  margin-top: 2em;
}
._root_1sy5n_1 {
  width: 100%;
  max-width: 60em;
}

._content_1sy5n_6 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
}

._iconWrapper_1sy5n_13 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._iconWrapper_1sy5n_13 h2 {
  color: white;
}

._header_1sy5n_23 {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding-bottom: 1.25em;
}

._header_1sy5n_23 h2 {
  margin: 0;
}

._headerTitle_1sy5n_34 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._headerMeta_1sy5n_40 {
  display: flex;
  flex-direction: column;
  font-size: 0.95em;
  gap: 0em;
  margin-top: 0.5em;
}

._row_1sy5n_48 {
  display: flex;
  gap: 0.5em;
  align-items: center;
}

._timestampLabel_1sy5n_54 {
  color: rgba(255, 255, 255, 0.45);
  margin-right: 0.5em;
}

._sectionContainer_1sy5n_59 {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

._container_1sy5n_65 {
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 50%;
  margin-bottom: 3em;
}

@media (max-width: 700px) {
  ._container_1sy5n_65 {
    width: 100%;
  }
}

._field_1sy5n_79 {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  min-width: 0;
}

._label_1sy5n_86 {
  font-size: 1em;
  color: var(--partner-subtext);
  font-weight: 500;
}

._pageActions_1sy5n_92 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75em;
  margin-top: 1em;
}
._container_lxcvm_1 {
  height: 100%;
}

._content_lxcvm_5 {
  box-sizing: border-box;
  height: 100%;
  padding-top: 3.25em;
}

._flex_lxcvm_11 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._stepContainer_lxcvm_17 {
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 1.5em;
}

._stepContainer_lxcvm_17 h2 {
  margin-bottom: 1em;
  margin-top: 0.7em;
  color: white;
}

._loginPrompt_lxcvm_30 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  font-size: 0.9em;
  color: gray;
}

._buttonContainer_lxcvm_38 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: -1em;
  margin-top: 2em;
}

._attachment_lxcvm_47 {
  margin-top: 0.75em;
  margin-bottom: 2em;
}

._attachmentText_lxcvm_52 {
  position: relative;
  top: -0.25em;
  font-size: 0.9em;
  color: black;
}

._textButton_lxcvm_59 {
  padding: 0;
  height: max-content;
}

._textButton_lxcvm_59:hover {
  background-color: transparent;
}

._passwordGuard_lxcvm_68 {
  margin-top: 2em;
}

._termsAndConditions_lxcvm_72 {
  display: flex;
  align-items: center;
  gap: 0.3em;
  font-size: 0.9em;
  color: var(--partner-subtext);
  margin-top: -1.5em;
  margin-bottom: 1em;
}

@media screen and (max-width: 550px) {
  ._flex_lxcvm_11 {
    flex-wrap: wrap;
  }
}