:root {
    --made-with-panda: '🐼';
}

  .varnish-markdown {
    color: var(--vui-colors-text);
    font-size: 0.875rem;
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
}

  .varnish-markdown th,.varnish-markdown td {
    padding: 10px;
    border-bottom: 1px solid;
    line-height: 26px;
    text-wrap-mode: nowrap;
    --mix-borderBottomColor: color-mix(in srgb, var(--vui-colors-elements-disabled-stroke) 50%, transparent);
    border-bottom-color: var(--mix-borderBottomColor, var(--vui-colors-elements-disabled-stroke));
}

  .varnish-markdown th:first-child,.varnish-markdown td:first-child {
    padding-left: var(--vui-spacing-0);
}

  .varnish-markdown th:last-child,.varnish-markdown td:last-child {
    padding-right: var(--vui-spacing-0);
}

  .varnish-markdown del {
    text-decoration: line-through;
}

  .varnish-markdown hr {
    border-color: var(--vui-colors-gray-60);
}

  .varnish-markdown h1 {
    font-size: 2.25rem;
    line-height: 43.2px;
}

  .varnish-markdown h1,.varnish-markdown h2 {
    font-family: PP Telegraf;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0;
}

  .varnish-markdown h2 {
    font-size: 2rem;
    line-height: 38.4px;
}

  .varnish-markdown h3 {
    font-size: 1.5rem;
    line-height: 28.8px;
}

  .varnish-markdown h3,.varnish-markdown h4 {
    font-family: PP Telegraf;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
}

  .varnish-markdown h4 {
    font-size: 1.25rem;
    line-height: 24px;
}

  .varnish-markdown h5 {
    font-size: 1.125rem;
    line-height: 21.6px;
}

  .varnish-markdown h5,.varnish-markdown h6 {
    font-family: PP Telegraf;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
}

  .varnish-markdown h6 {
    font-size: 1rem;
    line-height: 20.8px;
}

  .varnish-markdown ul {
    list-style-type: revert;
    margin-bottom: 16px;
}

  .varnish-markdown em {
    font-style: italic;
}

  .varnish-markdown table {
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 17px;
}

  .varnish-markdown caption {
    font-size: 14px;
}

  .varnish-markdown caption :has(+ table) {
    caption-side: top;
    margin-bottom: 13px;
}

  table + .varnish-markdown caption {
    caption-side: bottom;
    margin-top: 13px;
}

  .varnish-markdown li {
    margin-bottom: var(--vui-spacing-0);
}

  .varnish-markdown img {
    max-width: 100%;
}

  .varnish-markdown img[src*="#thumbnail"] {
    width: 64px;
}

  .varnish-markdown ol {
    margin-bottom: 16px;
}

  *,::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;
}

:where(:root, :host) {
    --vui-colors-extra-dark-teal-4: rgba(3, 38, 41, 0.04);
    --vui-colors-extra-dark-teal-10: rgba(3, 38, 41, 0.1);
    --vui-colors-extra-dark-teal-20: rgba(3, 38, 41, 0.2);
    --vui-colors-extra-dark-teal-30: rgba(3, 38, 41, 0.3);
    --vui-colors-extra-dark-teal-40: rgba(3, 38, 41, 0.4);
    --vui-colors-extra-dark-teal-50: rgba(3, 38, 41, 0.5);
    --vui-colors-extra-dark-teal-60: rgba(3, 38, 41, 0.6);
    --vui-colors-extra-dark-teal-70: rgba(3, 38, 41, 0.7);
    --vui-colors-extra-dark-teal-80: rgba(3, 38, 41, 0.8);
    --vui-colors-extra-dark-teal-90: rgba(3, 38, 41, 0.9);
    --vui-colors-extra-dark-teal-100: rgba(3, 38, 41, 1);
    --vui-colors-dark-teal-10: rgba(10, 50, 53, 0.1);
    --vui-colors-dark-teal-20: rgba(10, 50, 53, 0.2);
    --vui-colors-dark-teal-30: rgba(10, 50, 53, 0.3);
    --vui-colors-dark-teal-40: rgba(10, 50, 53, 0.4);
    --vui-colors-dark-teal-50: rgba(10, 50, 53, 0.5);
    --vui-colors-dark-teal-55: rgba(10, 50, 53, 0.55);
    --vui-colors-dark-teal-60: rgba(10, 50, 53, 0.6);
    --vui-colors-dark-teal-70: rgba(10, 50, 53, 0.7);
    --vui-colors-dark-teal-80: rgba(10, 50, 53, 0.8);
    --vui-colors-dark-teal-90: rgba(10, 50, 53, 0.9);
    --vui-colors-dark-teal-100: rgba(10, 50, 53, 1);
    --vui-colors-cream-4: rgba(250, 242, 233, 0.04);
    --vui-colors-cream-10: rgba(250, 242, 233, 0.1);
    --vui-colors-cream-20: rgba(250, 242, 233, 0.2);
    --vui-colors-cream-30: rgba(250, 242, 233, 0.3);
    --vui-colors-cream-40: rgba(250, 242, 233, 0.4);
    --vui-colors-cream-50: rgba(250, 242, 233, 0.5);
    --vui-colors-cream-55: rgba(250, 242, 233, 0.55);
    --vui-colors-cream-60: rgba(250, 242, 233, 0.6);
    --vui-colors-cream-70: rgba(250, 242, 233, 0.7);
    --vui-colors-cream-80: rgba(250, 242, 233, 0.8);
    --vui-colors-cream-90: rgba(250, 242, 233, 0.9);
    --vui-colors-cream-100: rgba(250, 242, 233, 1);
    --vui-colors-info-blue-20: rgba(212, 231, 252, 1);
    --vui-colors-info-blue-40: rgba(170, 207, 249, 1);
    --vui-colors-info-blue-60: rgba(127, 184, 245, 1);
    --vui-colors-info-blue-80: rgba(85, 160, 242, 1);
    --vui-colors-info-blue-100: rgba(42, 136, 239, 1);
    --vui-colors-error-red-20: rgba(255, 218, 218, 1);
    --vui-colors-error-red-40: rgba(254, 181, 181, 1);
    --vui-colors-error-red-60: rgba(254, 144, 143, 1);
    --vui-colors-error-red-80: rgba(253, 107, 106, 1);
    --vui-colors-error-red-100: rgba(253, 70, 69, 1);
    --vui-colors-success-green-20: rgba(221, 235, 215, 1);
    --vui-colors-success-green-40: rgba(187, 215, 174, 1);
    --vui-colors-success-green-60: rgba(152, 196, 134, 1);
    --vui-colors-success-green-80: rgba(118, 176, 93, 1);
    --vui-colors-success-green-100: rgba(84, 156, 53, 1);
    --vui-colors-warning-orange-20: rgba(255, 237, 210, 1);
    --vui-colors-warning-orange-40: rgba(255, 218, 164, 1);
    --vui-colors-warning-orange-60: rgba(255, 200, 119, 1);
    --vui-colors-warning-orange-80: rgba(255, 181, 73, 1);
    --vui-colors-warning-orange-100: rgba(255, 163, 28, 1);
    --vui-colors-teal-10: rgba(16, 82, 87, 0.1);
    --vui-colors-teal-20: rgba(16, 82, 87, 0.2);
    --vui-colors-teal-30: rgba(16, 82, 87, 0.3);
    --vui-colors-teal-40: rgba(16, 82, 87, 0.4);
    --vui-colors-teal-50: rgba(16, 82, 87, 0.5);
    --vui-colors-teal-60: rgba(16, 82, 87, 0.6);
    --vui-colors-teal-70: rgba(16, 82, 87, 0.7);
    --vui-colors-teal-80: rgba(16, 82, 87, 0.8);
    --vui-colors-teal-90: rgba(16, 82, 87, 0.9);
    --vui-colors-teal-100: rgba(16, 82, 87, 1);
    --vui-colors-pink-10: rgba(253, 238, 245, 1);
    --vui-colors-pink-20: rgba(252, 220, 235, 1);
    --vui-colors-pink-30: rgba(251, 203, 225, 1);
    --vui-colors-pink-40: rgba(249, 186, 215, 1);
    --vui-colors-pink-50: rgba(247, 168, 205, 1);
    --vui-colors-pink-60: rgba(246, 151, 196, 1);
    --vui-colors-pink-70: rgba(245, 134, 186, 1);
    --vui-colors-pink-80: rgba(243, 117, 176, 1);
    --vui-colors-pink-90: rgba(242, 99, 166, 1);
    --vui-colors-pink-100: rgba(240, 82, 156, 1);
    --vui-colors-purple-10: rgba(247, 232, 253, 1);
    --vui-colors-purple-20: rgba(239, 209, 250, 1);
    --vui-colors-purple-30: rgba(232, 187, 248, 1);
    --vui-colors-purple-40: rgba(224, 164, 246, 1);
    --vui-colors-purple-50: rgba(216, 141, 243, 1);
    --vui-colors-purple-60: rgba(208, 118, 241, 1);
    --vui-colors-purple-70: rgba(200, 95, 239, 1);
    --vui-colors-purple-80: rgba(193, 73, 237, 1);
    --vui-colors-purple-90: rgba(185, 50, 234, 1);
    --vui-colors-purple-100: rgba(177, 27, 232, 1);
    --vui-colors-green-10: rgba(231, 250, 243, 1);
    --vui-colors-green-20: rgba(207, 245, 232, 1);
    --vui-colors-green-30: rgba(183, 239, 221, 1);
    --vui-colors-green-40: rgba(159, 234, 209, 1);
    --vui-colors-green-50: rgba(135, 229, 197, 1);
    --vui-colors-green-60: rgba(111, 224, 186, 1);
    --vui-colors-green-70: rgba(87, 219, 175, 1);
    --vui-colors-green-80: rgba(63, 213, 163, 1);
    --vui-colors-green-90: rgba(39, 208, 156, 1);
    --vui-colors-green-100: rgba(15, 203, 140, 1);
    --vui-colors-gray-10: rgba(235, 235, 235, 1);
    --vui-colors-gray-20: rgba(214, 214, 214, 1);
    --vui-colors-gray-30: rgba(194, 194, 194, 1);
    --vui-colors-gray-40: rgba(174, 174, 174, 1);
    --vui-colors-gray-50: rgba(153, 153, 153, 1);
    --vui-colors-gray-60: rgba(133, 133, 133, 1);
    --vui-colors-gray-70: rgba(113, 113, 113, 1);
    --vui-colors-gray-80: rgba(93, 93, 93, 1);
    --vui-colors-gray-90: rgba(72, 72, 72, 1);
    --vui-colors-gray-100: rgba(52, 52, 52, 1);
    --vui-colors-white: rgba(255, 255, 255, 1);
    --vui-colors-black: rgba(0, 0, 0, 1);
    --vui-colors-transparent: rgba(0, 0, 0, 0);
    --vui-colors--r1: rgba(255, 242, 242, 1);
    --vui-colors--r2: rgba(255, 225, 224, 1);
    --vui-colors--r3: rgba(253, 193, 192, 1);
    --vui-colors--r4: rgba(255, 159, 158, 1);
    --vui-colors--r5: rgba(249, 128, 127, 1);
    --vui-colors--r6: rgba(247, 96, 95, 1);
    --vui-colors--r7: rgba(231, 80, 79, 1);
    --vui-colors--r8: rgba(214, 63, 63, 1);
    --vui-colors--r9: rgba(191, 45, 45, 1);
    --vui-colors--r10: rgba(147, 34, 34, 1);
    --vui-colors--o1: rgba(255, 249, 232, 1);
    --vui-colors--o2: rgba(255, 241, 196, 1);
    --vui-colors--o3: rgba(255, 227, 148, 1);
    --vui-colors--o4: rgba(255, 212, 93, 1);
    --vui-colors--o5: rgba(255, 199, 46, 1);
    --vui-colors--o6: rgba(255, 187, 0, 1);
    --vui-colors--o7: rgba(255, 162, 0, 1);
    --vui-colors--o8: rgba(255, 145, 0, 1);
    --vui-colors--o9: rgba(221, 101, 2, 1);
    --vui-colors--o10: rgba(169, 64, 6, 1);
    --vui-colors--g1: rgba(228, 255, 247, 1);
    --vui-colors--g2: rgba(193, 247, 230, 1);
    --vui-colors--g3: rgba(152, 234, 208, 1);
    --vui-colors--g4: rgba(112, 221, 186, 1);
    --vui-colors--g5: rgba(71, 207, 164, 1);
    --vui-colors--g6: rgba(30, 194, 142, 1);
    --vui-colors--g7: rgba(20, 168, 125, 1);
    --vui-colors--g8: rgba(10, 143, 107, 1);
    --vui-colors--g9: rgba(0, 117, 90, 1);
    --vui-colors--g10: rgba(0, 83, 64, 1);
    --vui-colors--t1: rgba(230, 253, 254, 1);
    --vui-colors--t2: rgba(198, 243, 246, 1);
    --vui-colors--t3: rgba(154, 231, 236, 1);
    --vui-colors--t4: rgba(110, 220, 227, 1);
    --vui-colors--t5: rgba(66, 208, 217, 1);
    --vui-colors--t6: rgba(22, 196, 207, 1);
    --vui-colors--t7: rgba(15, 169, 182, 1);
    --vui-colors--t8: rgba(7, 142, 158, 1);
    --vui-colors--t9: rgba(0, 115, 133, 1);
    --vui-colors--t10: rgba(0, 71, 82, 1);
    --vui-colors--a1: rgba(242, 252, 255, 1);
    --vui-colors--a2: rgba(224, 249, 255, 1);
    --vui-colors--a3: rgba(181, 240, 255, 1);
    --vui-colors--a4: rgba(133, 233, 255, 1);
    --vui-colors--a5: rgba(77, 225, 255, 1);
    --vui-colors--a6: rgba(0, 213, 255, 1);
    --vui-colors--a7: rgba(0, 193, 232, 1);
    --vui-colors--a8: rgba(1, 162, 202, 1);
    --vui-colors--a9: rgba(2, 120, 167, 1);
    --vui-colors--a10: rgba(5, 73, 118, 1);
    --vui-colors--b1: rgba(240, 247, 255, 1);
    --vui-colors--b2: rgba(213, 234, 254, 1);
    --vui-colors--b3: rgba(128, 189, 255, 1);
    --vui-colors--b4: rgba(47, 133, 247, 1);
    --vui-colors--b5: rgba(35, 118, 229, 1);
    --vui-colors--b6: rgba(38, 94, 212, 1);
    --vui-colors--b7: rgba(26, 76, 174, 1);
    --vui-colors--b8: rgba(27, 69, 150, 1);
    --vui-colors--b9: rgba(29, 61, 126, 1);
    --vui-colors--b10: rgba(34, 51, 103, 1);
    --vui-colors--p1: rgba(248, 247, 253, 1);
    --vui-colors--p2: rgba(230, 227, 247, 1);
    --vui-colors--p3: rgba(207, 201, 241, 1);
    --vui-colors--p4: rgba(183, 175, 235, 1);
    --vui-colors--p5: rgba(160, 148, 228, 1);
    --vui-colors--p6: rgba(136, 122, 222, 1);
    --vui-colors--p7: rgba(114, 101, 193, 1);
    --vui-colors--p8: rgba(92, 80, 164, 1);
    --vui-colors--p9: rgba(70, 59, 135, 1);
    --vui-colors--p10: rgba(39, 31, 85, 1);
    --vui-colors--m1: rgba(253, 247, 252, 1);
    --vui-colors--m2: rgba(246, 223, 243, 1);
    --vui-colors--m3: rgba(239, 192, 232, 1);
    --vui-colors--m4: rgba(231, 162, 222, 1);
    --vui-colors--m5: rgba(224, 131, 211, 1);
    --vui-colors--m6: rgba(216, 100, 201, 1);
    --vui-colors--m7: rgba(190, 84, 176, 1);
    --vui-colors--m8: rgba(164, 67, 151, 1);
    --vui-colors--m9: rgba(138, 51, 126, 1);
    --vui-colors--m10: rgba(101, 41, 93, 1);
    --vui-colors--n1: rgba(255, 255, 255, 1);
    --vui-colors--n2: rgba(248, 249, 250, 1);
    --vui-colors--n3: rgba(240, 244, 247, 1);
    --vui-colors--n4: rgba(232, 236, 242, 1);
    --vui-colors--n5: rgba(213, 218, 227, 1);
    --vui-colors--n6: rgba(174, 183, 196, 1);
    --vui-colors--n7: rgba(140, 150, 163, 1);
    --vui-colors--n8: rgba(97, 108, 122, 1);
    --vui-colors--n9: rgba(71, 81, 92, 1);
    --vui-colors--n10: rgba(48, 57, 69, 1);
    --vui-fonts-body: Manrope, Arial, sans-serif;
    --vui-fonts-heading: Telegraf, Manrope, Arial, sans-serif;
    --vui-fonts-monospace: 'Space Mono', monospace;
    --vui-font-sizes-4xl: 2.25rem;
    --vui-font-sizes-3xl: 2rem;
    --vui-font-sizes-2xl: 1.5rem;
    --vui-font-sizes-xl: 1.25rem;
    --vui-font-sizes-lg: 1.125rem;
    --vui-font-sizes-md: 1rem;
    --vui-font-sizes-sm: 0.875rem;
    --vui-font-sizes-icon-xs: 1rem;
    --vui-font-sizes-icon-sm: 1.5rem;
    --vui-font-sizes-icon-md: 1.75rem;
    --vui-font-sizes-icon-lg: 2rem;
    --vui-font-sizes-icon-xl: 3rem;
    --vui-font-weights-light: 300;
    --vui-font-weights-regular: 400;
    --vui-font-weights-medium: 500;
    --vui-font-weights-semi-bold: 600;
    --vui-font-weights-bold: 700;
    --vui-spacing-0: 0;
    --vui-spacing-1: .25rem;
    --vui-spacing-2: .5rem;
    --vui-spacing-3: .75rem;
    --vui-spacing-4: 1rem;
    --vui-spacing-5: 1.25rem;
    --vui-spacing-6: 1.5rem;
    --vui-spacing-7: 1.75rem;
    --vui-spacing-8: 2rem;
    --vui-radii-xs: 2px;
    --vui-radii-sm: 4px;
    --vui-radii-md: 8px;
    --vui-radii-lg: 12px;
    --vui-radii-xl: 16px;
    --vui-radii-full: 9999px;
    --vui-sizes-icon-xs: 1rem;
    --vui-sizes-icon-sm: 1.5rem;
    --vui-sizes-icon-md: 1.75rem;
    --vui-sizes-icon-lg: 2rem;
    --vui-sizes-icon-xl: 3rem;
    --vui-sizes-breakpoint-xs: 0rem;
    --vui-sizes-breakpoint-sm: 37.5rem;
    --vui-sizes-breakpoint-md: 56.25rem;
    --vui-sizes-breakpoint-lg: 75rem;
    --vui-sizes-breakpoint-xl: 96rem;
    --vui-z-index-backdrop: 1300;
    --vui-z-index-drawer: 1400;
    --vui-z-index-snackbar: 1500;
    --vui-z-index-modal: 1600;
    --vui-breakpoints-xs: 0rem;
    --vui-breakpoints-sm: 37.5rem;
    --vui-breakpoints-md: 56.25rem;
    --vui-breakpoints-lg: 75rem;
    --vui-breakpoints-xl: 96rem;
    --vui-colors-background-opacity-100-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-background-opacity-100: var(--vui-colors-cream-100);
    --vui-colors-background-opacity-10-reversed: var(--vui-colors-cream-10);
    --vui-colors-background-opacity-10: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-background-opacity-4: var(--vui-colors-extra-dark-teal-4);
    --vui-colors-background-opacity-4-reversed: var(--vui-colors-cream-4);
    --vui-colors-background-opacity-20: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-background-opacity-20-reversed: var(--vui-colors-cream-20);
    --vui-colors-background-opacity-30: var(--vui-colors-extra-dark-teal-30);
    --vui-colors-background-opacity-30-reversed: var(--vui-colors-cream-30);
    --vui-colors-background-opacity-40: var(--vui-colors-extra-dark-teal-40);
    --vui-colors-background-opacity-40-reversed: var(--vui-colors-cream-40);
    --vui-colors-background-opacity-50: var(--vui-colors-extra-dark-teal-50);
    --vui-colors-background-opacity-50-reversed: var(--vui-colors-cream-50);
    --vui-colors-background-opacity-60: var(--vui-colors-extra-dark-teal-60);
    --vui-colors-background-opacity-60-reversed: var(--vui-colors-cream-60);
    --vui-colors-background-opacity-70: var(--vui-colors-extra-dark-teal-70);
    --vui-colors-background-opacity-70-reversed: var(--vui-colors-cream-70);
    --vui-colors-background-opacity-80: var(--vui-colors-extra-dark-teal-80);
    --vui-colors-background-opacity-80-reversed: var(--vui-colors-cream-80);
    --vui-colors-background-opacity-90: var(--vui-colors-extra-dark-teal-90);
    --vui-colors-background-opacity-90-reversed: var(--vui-colors-cream-90);
    --vui-colors-background: var(--vui-colors-cream-100);
    --vui-colors-background-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-text-reversed: var(--vui-colors-cream-100);
    --vui-colors-text: var(--vui-colors-dark-teal-100);
    --vui-colors-text-placeholder: var(--vui-colors-gray-60);
    --vui-colors-text-placeholder-55: var(--vui-colors-gray-70);
    --vui-colors-text-disabled: var(--vui-colors-gray-60);
    --vui-colors-text-error: var(--vui-colors-error-red-100);
    --vui-colors-text-primary: var(--vui-colors-dark-teal-100);
    --vui-colors-text-primary-reversed: var(--vui-colors-cream-100);
    --vui-colors-text-secondary: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-text-secondary-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-primary-fill: var(--vui-colors-pink-100);
    --vui-colors-elements-primary-hovered-fill: var(--vui-colors-pink-80);
    --vui-colors-elements-primary-hovered-stroke: var(--vui-colors-pink-100);
    --vui-colors-elements-primary-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-primary-stroke: var(--vui-colors-pink-60);
    --vui-colors-elements-primary-contrast-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-primary-text: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-secondary-fill: var(--vui-colors-green-100);
    --vui-colors-elements-secondary-hovered-fill: var(--vui-colors-green-80);
    --vui-colors-elements-secondary-hovered-stroke: var(--vui-colors-green-100);
    --vui-colors-elements-secondary-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-secondary-stroke: var(--vui-colors-green-40);
    --vui-colors-elements-secondary-contrast-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-tertiary-fill: var(--vui-colors-purple-100);
    --vui-colors-elements-tertiary-hovered-fill: var(--vui-colors-purple-80);
    --vui-colors-elements-tertiary-hovered-stroke: var(--vui-colors-purple-100);
    --vui-colors-elements-tertiary-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-tertiary-stroke: var(--vui-colors-purple-60);
    --vui-colors-elements-tertiary-contrast-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-error-fill: var(--vui-colors-error-red-100);
    --vui-colors-elements-error-hovered-fill: var(--vui-colors-error-red-80);
    --vui-colors-elements-error-hovered-stroke: var(--vui-colors-error-red-100);
    --vui-colors-elements-error-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-error-stroke: var(--vui-colors-error-red-60);
    --vui-colors-elements-error-contrast-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-warning-fill: var(--vui-colors-warning-orange-100);
    --vui-colors-elements-warning-hovered-fill: var(--vui-colors-warning-orange-80);
    --vui-colors-elements-warning-hovered-stroke: var(--vui-colors-warning-orange-100);
    --vui-colors-elements-warning-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-warning-stroke: var(--vui-colors-warning-orange-60);
    --vui-colors-elements-warning-contrast-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-confirmation-fill: var(--vui-colors-success-green-100);
    --vui-colors-elements-confirmation-hovered-fill: var(--vui-colors-success-green-80);
    --vui-colors-elements-confirmation-hovered-stroke: var(--vui-colors-success-green-100);
    --vui-colors-elements-confirmation-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-confirmation-stroke: var(--vui-colors-success-green-60);
    --vui-colors-elements-confirmation-contrast-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-information-fill: var(--vui-colors-info-blue-100);
    --vui-colors-elements-information-hovered-fill: var(--vui-colors-info-blue-80);
    --vui-colors-elements-information-hovered-stroke: var(--vui-colors-info-blue-100);
    --vui-colors-elements-information-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-information-stroke: var(--vui-colors-info-blue-60);
    --vui-colors-elements-information-contrast-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-overrides-form-checkbox-stroke: var(--vui-colors-teal-80);
    --vui-colors-elements-overrides-form-checkbox-hovered-stroke: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-checkbox-hovered-fill: var(--vui-colors-cream-20);
    --vui-colors-elements-overrides-form-checkbox-fill: var(--vui-colors-cream-10);
    --vui-colors-elements-overrides-form-checkbox-error-fill: var(--vui-colors-error-red-100);
    --vui-colors-elements-overrides-form-checkbox-error-stroke: var(--vui-colors-error-red-100);
    --vui-colors-elements-overrides-form-checkbox-error-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-checkbox-checked-fill: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-checkbox-checked-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-checkbox-disabled-fill: var(--vui-colors-gray-20);
    --vui-colors-elements-overrides-form-checkbox-disabled-contrast: var(--vui-colors-gray-80);
    --vui-colors-elements-overrides-form-checkbox-disabled-stroke: var(--vui-colors-gray-40);
    --vui-colors-elements-overrides-form-input-disabled-fill: var(--vui-colors-gray-20);
    --vui-colors-elements-overrides-form-input-disabled-contrast: var(--vui-colors-gray-60);
    --vui-colors-elements-overrides-form-input-disabled-stroke: var(--vui-colors-gray-40);
    --vui-colors-elements-overrides-form-input-error-fill: var(--vui-colors-white);
    --vui-colors-elements-overrides-form-input-error-stroke: var(--vui-colors-error-red-80);
    --vui-colors-elements-overrides-form-input-error-contrast: var(--vui-colors-error-red-100);
    --vui-colors-elements-overrides-form-input-fill: var(--vui-colors-white);
    --vui-colors-elements-overrides-form-input-stroke: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-elements-overrides-form-input-hovered-fill: var(--vui-colors-white);
    --vui-colors-elements-overrides-form-input-hovered-stroke: var(--vui-colors-green-100);
    --vui-colors-elements-overrides-form-input-contrast: var(--vui-colors-pink-100);
    --vui-colors-elements-overrides-form-radio-fill: var(--vui-colors-cream-10);
    --vui-colors-elements-overrides-form-radio-stroke: var(--vui-colors-teal-80);
    --vui-colors-elements-overrides-form-radio-hovered-fill: var(--vui-colors-cream-20);
    --vui-colors-elements-overrides-form-radio-hovered-stroke: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-radio-error-fill: var(--vui-colors-error-red-100);
    --vui-colors-elements-overrides-form-radio-error-stroke: var(--vui-colors-error-red-100);
    --vui-colors-elements-overrides-form-radio-error-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-radio-disabled-fill: var(--vui-colors-gray-20);
    --vui-colors-elements-overrides-form-radio-disabled-stroke: var(--vui-colors-gray-40);
    --vui-colors-elements-overrides-form-radio-disabled-contrast: var(--vui-colors-gray-80);
    --vui-colors-elements-overrides-form-radio-checked-fill: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-radio-checked-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-switch-fill: var(--vui-colors-cream-10);
    --vui-colors-elements-overrides-form-switch-stroke: var(--vui-colors-teal-80);
    --vui-colors-elements-overrides-form-switch-hovered-fill: var(--vui-colors-cream-20);
    --vui-colors-elements-overrides-form-switch-hovered-stroke: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-switch-checked-fill: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-switch-checked-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-switch-error-fill: var(--vui-colors-error-red-100);
    --vui-colors-elements-overrides-form-switch-error-stroke: var(--vui-colors-error-red-100);
    --vui-colors-elements-overrides-form-switch-error-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-switch-disabled-fill: var(--vui-colors-gray-20);
    --vui-colors-elements-overrides-form-switch-disabled-stroke: var(--vui-colors-gray-40);
    --vui-colors-elements-overrides-form-switch-disabled-contrast: var(--vui-colors-gray-80);
    --vui-colors-elements-overrides-form-slider-fill: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-slider-stroke: var(--vui-colors-teal-40);
    --vui-colors-elements-overrides-form-slider-hover-stroke: var(--vui-colors-teal-100);
    --vui-colors-elements-overrides-form-slider-hover-fill: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-overrides-button-text-hovered-fill: var(--vui-colors-extra-dark-teal-4);
    --vui-colors-elements-disabled-fill: var(--vui-colors-gray-40);
    --vui-colors-elements-disabled-hovered-fill: var(--vui-colors-gray-40);
    --vui-colors-elements-disabled-hovered-stroke: var(--vui-colors-gray-40);
    --vui-colors-elements-disabled-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-disabled-stroke: var(--vui-colors-gray-40);
    --vui-colors-elements-disabled-contrast-reversed: var(--vui-colors-gray-80);
    --vui-colors-elements-default-fill: var(--vui-colors-teal-100);
    --vui-colors-elements-default-hovered-fill: var(--vui-colors-teal-80);
    --vui-colors-elements-default-hovered-stroke: var(--vui-colors-teal-100);
    --vui-colors-elements-default-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-default-stroke: var(--vui-colors-teal-40);
    --vui-colors-elements-default-contrast-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-faded-fill: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-elements-faded-hovered-fill: var(--vui-colors-extra-dark-teal-40);
    --vui-colors-elements-faded-hovered-stroke: var(--vui-colors-extra-dark-teal-40);
    --vui-colors-elements-faded-contrast-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-faded-stroke: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-elements-faded-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-reversed-fill: var(--vui-colors-cream-100);
    --vui-colors-elements-reversed-hovered-fill: var(--vui-colors-cream-80);
    --vui-colors-elements-reversed-hovered-stroke: var(--vui-colors-cream-100);
    --vui-colors-elements-reversed-stroke: var(--vui-colors-cream-40);
    --vui-colors-elements-reversed-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-reversed-contrast-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-overlay-background: var(--vui-colors-cream-100);
    --vui-colors-elements-overlay-header: var(--vui-colors-extra-dark-teal-4);
    --vui-colors-elements-overlay-footer: var(--vui-colors-extra-dark-teal-4);
    --vui-colors-elements-overlay-content-contrast-med: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-elements-overlay-content-contrast-high: var(--vui-colors-white);
    --vui-colors-elements-overlay-content-contrast-low: var(--vui-colors-cream-100);
    --vui-colors-elements-overlay-content-contrast-high-gradient: var(--vui-colors-transparent);
    --vui-colors-links-reversed: var(--vui-colors-elements-secondary-fill);
    --vui-colors-links: var(--vui-colors-elements-primary-fill);
    --vui-colors-links-hovered-reversed: var(--vui-colors-elements-secondary-hovered-fill);
    --vui-colors-links-hovered: var(--vui-colors-elements-primary-hovered-fill);
    --vui-colors-stroke-opacity-10-reversed: var(--vui-colors-cream-10);
    --vui-colors-stroke-opacity-10: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-stroke-opacity-100: var(--vui-colors-cream-100);
    --vui-colors-stroke-opacity-100-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-stroke-disabled: var(--vui-colors-gray-40);
    --vui-colors-stroke-opacity-4: var(--vui-colors-extra-dark-teal-4);
    --vui-colors-stroke-opacity-4-reversed: var(--vui-colors-cream-4);
    --vui-colors-stroke-opacity-20: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-stroke-opacity-20-reversed: var(--vui-colors-cream-20);
    --vui-colors-stroke-opacity-30: var(--vui-colors-extra-dark-teal-30);
    --vui-colors-stroke-opacity-30-reversed: var(--vui-colors-cream-30);
    --vui-colors-stroke-opacity-40: var(--vui-colors-extra-dark-teal-40);
    --vui-colors-stroke-opacity-40-reversed: var(--vui-colors-cream-40);
    --vui-colors-stroke-opacity-50: var(--vui-colors-extra-dark-teal-50);
    --vui-colors-stroke-opacity-50-reversed: var(--vui-colors-cream-50);
    --vui-colors-stroke-opacity-60: var(--vui-colors-extra-dark-teal-60);
    --vui-colors-stroke-opacity-60-reversed: var(--vui-colors-cream-60);
    --vui-colors-stroke-opacity-70: var(--vui-colors-extra-dark-teal-70);
    --vui-colors-stroke-opacity-70-reversed: var(--vui-colors-cream-70);
    --vui-colors-stroke-opacity-80: var(--vui-colors-cream-80);
    --vui-colors-stroke-opacity-80-reversed: var(--vui-colors-extra-dark-teal-80);
    --vui-colors-stroke-opacity-90: var(--vui-colors-cream-90);
    --vui-colors-stroke-opacity-90-reversed: var(--vui-colors-extra-dark-teal-90);
    --vui-colors-icon-reversed: var(--vui-colors-cream-100);
    --vui-colors-icon: var(--vui-colors-dark-teal-100);
    --vui-colors-icon-disabled: var(--vui-colors-gray-60);
    --vui-colors-icon-error: var(--vui-colors-error-red-60);
    --vui-colors-icon-opacity-50: var(--vui-colors-dark-teal-50);
    --vui-colors-icon-opacity-55: var(--vui-colors-dark-teal-55);
    --vui-colors-icon-on: var(--vui-colors-pink-100);
    --vui-colors-icon-opacity-30: var(--vui-colors-dark-teal-30);
    --vui-colors-charting-categorical-dark--red: var(--vui-colors--r4);
    --vui-colors-charting-categorical-dark--orange: var(--vui-colors--o4);
    --vui-colors-charting-categorical-dark--aqua: var(--vui-colors--a3);
    --vui-colors-charting-categorical-dark--teal: var(--vui-colors--t3);
    --vui-colors-charting-categorical-dark--blue: var(--vui-colors--b3);
    --vui-colors-charting-categorical-dark--magenta: var(--vui-colors--m4);
    --vui-colors-charting-categorical-dark--purple: var(--vui-colors--p4);
    --vui-colors-charting-categorical-dark--green: var(--vui-colors--g4);
    --vui-colors-charting-categorical-light--red: var(--vui-colors--r10);
    --vui-colors-charting-categorical-light--orange: var(--vui-colors--o9);
    --vui-colors-charting-categorical-light--aqua: var(--vui-colors--a10);
    --vui-colors-charting-categorical-light--teal: var(--vui-colors--t8);
    --vui-colors-charting-categorical-light--blue: var(--vui-colors--b6);
    --vui-colors-charting-categorical-light--magenta: var(--vui-colors--m10);
    --vui-colors-charting-categorical-light--purple: var(--vui-colors--p8);
    --vui-colors-charting-categorical-light--green: var(--vui-colors--g10);
    --vui-colors-accent-primary: var(--vui-colors-pink-100);
    --vui-colors-accent-secondary: var(--vui-colors-green-100);
    --vui-colors-accent-tertiary: var(--vui-colors-purple-100);
    --vui-colors-alert-error: var(--vui-colors-error-red-100);
    --vui-colors-alert-warning: var(--vui-colors-warning-orange-100);
    --vui-colors-alert-confirmation: var(--vui-colors-success-green-100);
    --vui-colors-alert-information: var(--vui-colors-info-blue-100);
}

:where(.dark, [data-color-mode=dark], html[data-theme=dark]) {
    --vui-colors-background-opacity-100-reversed: var(--vui-colors-cream-100);
    --vui-colors-background-opacity-100: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-background-opacity-10-reversed: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-background-opacity-10: var(--vui-colors-cream-10);
    --vui-colors-background-opacity-4: var(--vui-colors-cream-4);
    --vui-colors-background-opacity-4-reversed: var(--vui-colors-extra-dark-teal-4);
    --vui-colors-background-opacity-20: var(--vui-colors-cream-20);
    --vui-colors-background-opacity-20-reversed: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-background-opacity-30: var(--vui-colors-cream-30);
    --vui-colors-background-opacity-30-reversed: var(--vui-colors-extra-dark-teal-30);
    --vui-colors-background-opacity-40: var(--vui-colors-cream-40);
    --vui-colors-background-opacity-40-reversed: var(--vui-colors-extra-dark-teal-40);
    --vui-colors-background-opacity-50: var(--vui-colors-cream-50);
    --vui-colors-background-opacity-50-reversed: var(--vui-colors-extra-dark-teal-50);
    --vui-colors-background-opacity-60: var(--vui-colors-cream-60);
    --vui-colors-background-opacity-60-reversed: var(--vui-colors-dark-teal-60);
    --vui-colors-background-opacity-70: var(--vui-colors-cream-70);
    --vui-colors-background-opacity-70-reversed: var(--vui-colors-extra-dark-teal-70);
    --vui-colors-background-opacity-80: var(--vui-colors-cream-80);
    --vui-colors-background-opacity-80-reversed: var(--vui-colors-extra-dark-teal-80);
    --vui-colors-background-opacity-90: var(--vui-colors-cream-90);
    --vui-colors-background-opacity-90-reversed: var(--vui-colors-extra-dark-teal-90);
    --vui-colors-background: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-background-reversed: var(--vui-colors-cream-100);
    --vui-colors-background-opacity-55: var(--vui-colors-cream-55);
    --vui-colors-background-opacity-55-reversed: var(--vui-colors-dark-teal-55);
    --vui-colors-text-reversed: var(--vui-colors-dark-teal-100);
    --vui-colors-text: var(--vui-colors-cream-100);
    --vui-colors-text-placeholder: var(--vui-colors-cream-50);
    --vui-colors-text-placeholder-55: var(--vui-colors-cream-55);
    --vui-colors-text-error: var(--vui-colors-error-red-60);
    --vui-colors-text-primary: var(--vui-colors-cream-100);
    --vui-colors-text-primary-reversed: var(--vui-colors-dark-teal-100);
    --vui-colors-text-secondary: var(--vui-colors-gray-10);
    --vui-colors-text-secondary-reversed: var(--vui-colors-gray-80);
    --vui-colors-elements-overrides-form-checkbox-stroke: var(--vui-colors-cream-80);
    --vui-colors-elements-overrides-form-checkbox-hovered-stroke: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-checkbox-hovered-fill: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-elements-overrides-form-checkbox-fill: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-elements-overrides-form-checkbox-checked-fill: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-checkbox-checked-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-overrides-form-input-error-fill: var(--vui-colors-dark-teal-100);
    --vui-colors-elements-overrides-form-input-fill: var(--vui-colors-dark-teal-100);
    --vui-colors-elements-overrides-form-input-stroke: var(--vui-colors-cream-20);
    --vui-colors-elements-overrides-form-input-hovered-fill: var(--vui-colors-dark-teal-100);
    --vui-colors-elements-overrides-form-input-contrast: var(--vui-colors-green-100);
    --vui-colors-elements-overrides-form-radio-fill: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-elements-overrides-form-radio-stroke: var(--vui-colors-cream-80);
    --vui-colors-elements-overrides-form-radio-hovered-fill: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-elements-overrides-form-radio-hovered-stroke: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-radio-checked-fill: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-radio-checked-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-overrides-form-switch-fill: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-elements-overrides-form-switch-stroke: var(--vui-colors-cream-80);
    --vui-colors-elements-overrides-form-switch-hovered-fill: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-elements-overrides-form-switch-hovered-stroke: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-switch-checked-fill: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-switch-checked-contrast: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-overrides-form-slider-fill: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-slider-stroke: var(--vui-colors-cream-40);
    --vui-colors-elements-overrides-form-slider-hover-stroke: var(--vui-colors-cream-100);
    --vui-colors-elements-overrides-form-slider-hover-fill: var(--vui-colors-white);
    --vui-colors-elements-overrides-button-text-hovered-fill: var(--vui-colors-cream-4);
    --vui-colors-elements-default-fill: var(--vui-colors-cream-100);
    --vui-colors-elements-default-hovered-fill: var(--vui-colors-cream-80);
    --vui-colors-elements-default-hovered-stroke: var(--vui-colors-cream-100);
    --vui-colors-elements-default-contrast: var(--vui-colors-teal-100);
    --vui-colors-elements-default-stroke: var(--vui-colors-cream-40);
    --vui-colors-elements-default-contrast-reversed: var(--vui-colors-cream-100);
    --vui-colors-elements-faded-fill: var(--vui-colors-cream-10);
    --vui-colors-elements-faded-hovered-fill: var(--vui-colors-cream-40);
    --vui-colors-elements-faded-hovered-stroke: var(--vui-colors-cream-40);
    --vui-colors-elements-faded-contrast-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-faded-stroke: var(--vui-colors-cream-20);
    --vui-colors-elements-faded-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-reversed-fill: var(--vui-colors-teal-100);
    --vui-colors-elements-reversed-hovered-fill: var(--vui-colors-teal-80);
    --vui-colors-elements-reversed-hovered-stroke: var(--vui-colors-teal-100);
    --vui-colors-elements-reversed-stroke: var(--vui-colors-teal-40);
    --vui-colors-elements-reversed-contrast: var(--vui-colors-cream-100);
    --vui-colors-elements-reversed-contrast-reversed: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-elements-overlay-background: var(--vui-colors-dark-teal-100);
    --vui-colors-elements-overlay-header: var(--vui-colors-cream-4);
    --vui-colors-elements-overlay-footer: var(--vui-colors-cream-4);
    --vui-colors-elements-overlay-content-contrast-med: var(--vui-colors-cream-10);
    --vui-colors-elements-overlay-content-contrast-high: var(--vui-colors-teal-100);
    --vui-colors-elements-overlay-content-contrast-low: var(--vui-colors-extra-dark-teal-70);
    --vui-colors-links-reversed: var(--vui-colors-elements-primary-fill);
    --vui-colors-links: var(--vui-colors-elements-secondary-fill);
    --vui-colors-links-hovered-reversed: var(--vui-colors-elements-primary-hovered-fill);
    --vui-colors-links-hovered: var(--vui-colors-elements-secondary-hovered-fill);
    --vui-colors-stroke-opacity-10-reversed: var(--vui-colors-extra-dark-teal-10);
    --vui-colors-stroke-opacity-10: var(--vui-colors-cream-10);
    --vui-colors-stroke-opacity-100: var(--vui-colors-extra-dark-teal-100);
    --vui-colors-stroke-opacity-100-reversed: var(--vui-colors-cream-100);
    --vui-colors-stroke-opacity-4: var(--vui-colors-cream-4);
    --vui-colors-stroke-opacity-4-reversed: var(--vui-colors-extra-dark-teal-4);
    --vui-colors-stroke-opacity-20: var(--vui-colors-cream-20);
    --vui-colors-stroke-opacity-20-reversed: var(--vui-colors-extra-dark-teal-20);
    --vui-colors-stroke-opacity-30: var(--vui-colors-cream-30);
    --vui-colors-stroke-opacity-30-reversed: var(--vui-colors-extra-dark-teal-30);
    --vui-colors-stroke-opacity-40: var(--vui-colors-cream-40);
    --vui-colors-stroke-opacity-40-reversed: var(--vui-colors-extra-dark-teal-40);
    --vui-colors-stroke-opacity-50: var(--vui-colors-cream-50);
    --vui-colors-stroke-opacity-50-reversed: var(--vui-colors-extra-dark-teal-50);
    --vui-colors-stroke-opacity-60: var(--vui-colors-cream-60);
    --vui-colors-stroke-opacity-60-reversed: var(--vui-colors-extra-dark-teal-60);
    --vui-colors-stroke-opacity-70: var(--vui-colors-cream-70);
    --vui-colors-stroke-opacity-70-reversed: var(--vui-colors-extra-dark-teal-70);
    --vui-colors-stroke-opacity-80: var(--vui-colors-extra-dark-teal-80);
    --vui-colors-stroke-opacity-80-reversed: var(--vui-colors-cream-80);
    --vui-colors-stroke-opacity-90: var(--vui-colors-extra-dark-teal-90);
    --vui-colors-stroke-opacity-90-reversed: var(--vui-colors-cream-90);
    --vui-colors-icon-reversed: var(--vui-colors-dark-teal-100);
    --vui-colors-icon: var(--vui-colors-cream-100);
    --vui-colors-icon-error: var(--vui-colors-error-red-100);
    --vui-colors-icon-opacity-50: var(--vui-colors-cream-50);
    --vui-colors-icon-on: var(--vui-colors-green-100);
    --vui-colors-icon-opacity-30: var(--vui-colors-cream-30)
}

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

    100% {
      opacity: 1;
}
}

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

    100% {
      opacity: 0;
}
}

@keyframes slideInLeft {
    from {
      transform: translateX(-100%);
      opacity: 0;
}

    to {
      transform: translateX(0);
      opacity: 1;
}
}

@keyframes slideInRight {
    from {
      transform: translateX(100%);
      opacity: 0;
}

    to {
      transform: translateX(0);
      opacity: 1;
}
}

@keyframes slideInTop {
    from {
      transform: translateY(-100%);
      opacity: 0;
}

    to {
      transform: translateY(0);
      opacity: 1;
}
}

@keyframes slideInBottom {
    from {
      transform: translateY(100%);
      opacity: 0;
}

    to {
      transform: translateY(0);
      opacity: 1;
}
}

@keyframes spin {
    0% {
      transform: rotate(0deg);
}

    100% {
      transform: rotate(360deg);
}
}

.vui-textStyle_inherit {
      font: inherit;
      text-decoration: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      text-transform: inherit;
}

.vui-layerStyle_controlTransparent {
      border: 0;
      padding: var(--vui-spacing-0);
      color: inherit;
      background-color: var(--vui-colors-transparent);
}

.vui---modal-margin_32px {
    --modal-margin: 32px;
}

.vui---slider-control-size_\[0\.75rem\] {
    --slider-control-size: 0.75rem;
}

.vui---slider-track-size_\[0\.25rem\] {
    --slider-track-size: 0.25rem;
}

.vui---slider-control-size_\[0\.875rem\] {
    --slider-control-size: 0.875rem;
}

.vui---slider-control-size_\[1\.25rem\] {
    --slider-control-size: 1.25rem;
}

.vui---slider-track-size_\[0\.375rem\] {
    --slider-track-size: 0.375rem;
}

.vui-bd_1px_solid_transparent {
    border: 1px solid transparent;
}

.vui-p_\[8px\] {
    padding: 8px;
}

.vui-m_0 {
    margin: var(--vui-spacing-0);
}

.vui-bd_0 {
    border: 0;
}

.vui-p_0 {
    padding: var(--vui-spacing-0);
}

.vui-p_\[7px_15px\] {
    padding: 7px 15px;
}

.vui-p_\[7px_19px\] {
    padding: 7px 19px;
}

.vui-p_\[15px_23px\] {
    padding: 15px 23px;
}

.vui-p_\[3px\] {
    padding: 3px;
}

.vui-p_\[7px\] {
    padding: 7px;
}

.vui-bd_1px_solid {
    border: 1px solid;
}

.vui-p_\[10px\] {
    padding: 10px;
}

.vui-grid-area_header {
    grid-area: header;
}

.vui-grid-area_body {
    grid-area: body;
}

.vui-grid-area_footer {
    grid-area: footer;
}

.vui-grid-area_media {
    grid-area: media;
}

.vui-bd_\[1px_solid\] {
    border: 1px solid;
}

.vui-bd_\[1px_solid_transparent\] {
    border: 1px solid transparent;
}

.vui-p_\[3px_5px\] {
    padding: 3px 5px;
}

.vui-p_\[3px_7px\] {
    padding: 3px 7px;
}

.vui-p_\[11px_19px\] {
    padding: 11px 19px;
}

.vui-bg_\[none\] {
    background: none;
}

.vui-bd_none {
    border: none;
}

.vui-p_var\(--allenai-content-markdown-pre-padding\) {
    padding: var(--allenai-content-markdown-pre-padding);
}

.vui-m_\[\.5em_0\] {
    margin: .5em 0;
}

.vui-m_\[0\] {
    margin: var(--vui-spacing-0);
}

.vui-anim_slideInLeft_250ms_ease-out_forwards {
    animation: slideInLeft 250ms ease-out forwards;
}

.vui-anim_slideInRight_250ms_ease-out_forwards {
    animation: slideInRight 250ms ease-out forwards;
}

.vui-anim_slideInTop_250ms_ease-out_forwards {
    animation: slideInTop 250ms ease-out forwards;
}

.vui-anim_slideInBottom_250ms_ease-out_forwards {
    animation: slideInBottom 250ms ease-out forwards;
}

.vui-bg_\[rgba\(0\,_0\,_0\,_0\.5\)\] {
    background: rgba(0, 0, 0, 0.5);
}

.vui-p_\[5px\] {
    padding: 5px;
}

.vui-p_\[16px\] {
    padding: 16px;
}

.vui-m_auto {
    margin: auto;
}

.vui-bd_2px_solid_\{colors\.elements\.error\.fill\} {
    border: 2px solid var(--vui-colors-elements-error-fill);
}

.vui-p_\[0\] {
    padding: var(--vui-spacing-0);
}

.vui-bd_\[none\] {
    border: none;
}

.vui-p_\[6px_12px\] {
    padding: 6px 12px;
}

.vui-p_\[12px_24px\] {
    padding: 12px 24px;
}

.vui-p_\[24px_36px\] {
    padding: 24px 36px;
}

.vui-p_\[16px_32px\] {
    padding: 16px 32px;
}

.vui-p_\[16px_24px\] {
    padding: 16px 24px;
}

.vui-anim_spin_infinite_linear {
    animation: spin infinite linear;
}

.vui-p_\[2px\] {
    padding: 2px;
}

.vui-m_\[2px\] {
    margin: 2px;
}

.vui-p_\[5px\,_9px\] {
    padding: 5px, 9px;
}

.vui-inset_\[0\] {
    inset: var(--vui-spacing-0);
}

.vui-m_var\(--modal-margin\) {
    margin: var(--modal-margin);
}

.vui-p_\[8px_16px\] {
    padding: 8px 16px;
}

.vui-p_\[8px_20px\] {
    padding: 8px 20px;
}

.vui-p_\[8px_24px\] {
    padding: 8px 24px;
}

.vui-p_\[16px_16px_16px_24px\] {
    padding: 16px 16px 16px 24px;
}

.vui-anim_fadeIn_250ms_ease-out_forwards {
    animation: fadeIn 250ms ease-out forwards;
}

.vui-p_\[1px\] {
    padding: 1px;
}

.vui-p_\[4\.5px\] {
    padding: 4.5px;
}

.vui-p_\[4px_8px\] {
    padding: 4px 8px;
}

.vui-bd_\[5px\] {
    border: 5px;
}

.vui-bg_background\.opacity-100 {
    background: var(--vui-colors-background-opacity-100);
}

.vui-p_\[6px_18px\] {
    padding: 6px 18px;
}

.vui-grid-area_1\/1\/2\/2 {
    grid-area: 1/1/2/2;
}

.vui-gap_1 {
    gap: var(--vui-spacing-1);
}

.vui-bdr_sm {
    border-radius: var(--vui-radii-sm);
}

.vui-bd-c_colorPalette\.stroke {
    border-color: var(--vui-colors-color-palette-stroke);
}

.vui-ov_hidden {
    overflow: hidden;
}

.vui-bdr_\[50\%\] {
    border-radius: 50%;
}

.vui-gap_\[5px\] {
    gap: 5px;
}

.vui-td_none {
    text-decoration: none;
}

.vui-trs_\[background-color_250ms\,_color_250ms\] {
    transition: background-color 250ms, color 250ms;
}

.vui-bdr_full {
    border-radius: var(--vui-radii-full);
}

.vui-bd-c_stroke\.opacity-10 {
    border-color: var(--vui-colors-stroke-opacity-10);
}

.vui-bdr_\[4px\] {
    border-radius: 4px;
}

.vui-grid-template-areas_\"header\"_\"media\"_\"body\"_\"footer\" {
    grid-template-areas: "header" "media" "body" "footer";
}

.vui-gap_\[10px\] {
    gap: 10px;
}

.vui-gap_\[8px\] {
    gap: 8px;
}

.vui-bdr_xs {
    border-radius: var(--vui-radii-xs);
}

.vui-gap_\[2px\] {
    gap: 2px;
}

.vui-gap_\[4px\] {
    gap: 4px;
}

.vui-gap_\[6px\] {
    gap: 6px;
}

.vui-ov_auto {
    overflow: auto;
}

.vui-ring_none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.vui-flex_1 {
    flex: 1 1 0%;
}

.vui-gap_\[16px\] {
    gap: 16px;
}

.vui-trs_\[transform_0\.3s_ease\] {
    transition: transform 0.3s ease;
}

.vui-trs_\[opacity_0\.3s_ease\,_visibility_0\.3s_ease\] {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.vui-trs_\[opacity_0\.3s_ease\,_visibility_0s_0\.3s\] {
    transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.vui-place-items_center {
    place-items: center;
}

.vui-bd-c_dark-teal\.20 {
    border-color: var(--vui-colors-dark-teal-20);
}

.vui-gap_\[0px\] {
    gap: 0px;
}

.vui-bdr_\[16px\] {
    border-radius: 16px;
}

.vui-gap_\[12px\] {
    gap: 12px;
}

.vui-gap_\[1rem\] {
    gap: 1rem;
}

.vui-td_line-through {
    text-decoration: line-through;
}

.vui-bd-c_gray\.60 {
    border-color: var(--vui-colors-gray-60);
}

.vui-bdr_\[6px\] {
    border-radius: 6px;
}

.vui-grid-template-areas_\"label_kbd\"_\"desc_kbd\" {
    grid-template-areas: "label kbd" "desc kbd";
}

.vui-px_\[16px\] {
    padding-inline: 16px;
}

.vui-offset_0 {
    offset: 0;
}

.vui-trs_\[background-color_250ms\,_color_250ms\,_opacity_250ms\] {
    transition: background-color 250ms, color 250ms, opacity 250ms;
}

.vui-trs_\[transform_250ms\] {
    transition: transform 250ms;
}

.vui-grid-template-areas_\"icon_text\" {
    grid-template-areas: "icon text";
}

.vui-grid-c_icon_\/_text {
    grid-column: icon / text;
}

.vui-bdr_md {
    border-radius: var(--vui-radii-md);
}

.vui-grid-c_icon {
    grid-column: icon;
}

.vui-grid-c_text {
    grid-column: text;
}

.vui-px_\[4px\] {
    padding-inline: 4px;
}

.vui-px_\[18px\] {
    padding-inline: 18px;
}

.vui-grid-c_\[1_\/_-1\] {
    grid-column: 1 / -1;
}

.vui-gap_0 {
    gap: var(--vui-spacing-0);
}

.vui-gap_\[1px\] {
    gap: 1px;
}

.vui-gap_\[3px\] {
    gap: 3px;
}

.vui-gap_\[7px\] {
    gap: 7px;
}

.vui-gap_\[9px\] {
    gap: 9px;
}

.vui-gap_\[11px\] {
    gap: 11px;
}

.vui-gap_\[13px\] {
    gap: 13px;
}

.vui-gap_\[14px\] {
    gap: 14px;
}

.vui-gap_\[15px\] {
    gap: 15px;
}

.vui-gap_\[17px\] {
    gap: 17px;
}

.vui-gap_\[18px\] {
    gap: 18px;
}

.vui-gap_\[19px\] {
    gap: 19px;
}

.vui-gap_\[20px\] {
    gap: 20px;
}

.vui-gap_\[21px\] {
    gap: 21px;
}

.vui-gap_\[22px\] {
    gap: 22px;
}

.vui-gap_\[23px\] {
    gap: 23px;
}

.vui-gap_\[24px\] {
    gap: 24px;
}

.vui-gap_\[25px\] {
    gap: 25px;
}

.vui-gap_\[26px\] {
    gap: 26px;
}

.vui-gap_\[27px\] {
    gap: 27px;
}

.vui-gap_\[28px\] {
    gap: 28px;
}

.vui-gap_\[29px\] {
    gap: 29px;
}

.vui-gap_\[30px\] {
    gap: 30px;
}

.vui-gap_\[31px\] {
    gap: 31px;
}

.vui-gap_\[32px\] {
    gap: 32px;
}

.vui-gap_\[33px\] {
    gap: 33px;
}

.vui-gap_\[34px\] {
    gap: 34px;
}

.vui-gap_\[35px\] {
    gap: 35px;
}

.vui-gap_\[36px\] {
    gap: 36px;
}

.vui-gap_\[37px\] {
    gap: 37px;
}

.vui-gap_\[38px\] {
    gap: 38px;
}

.vui-gap_\[39px\] {
    gap: 39px;
}

.vui-gap_\[40px\] {
    gap: 40px;
}

.vui-gap_\[41px\] {
    gap: 41px;
}

.vui-gap_\[42px\] {
    gap: 42px;
}

.vui-gap_\[43px\] {
    gap: 43px;
}

.vui-gap_\[44px\] {
    gap: 44px;
}

.vui-gap_\[45px\] {
    gap: 45px;
}

.vui-gap_\[46px\] {
    gap: 46px;
}

.vui-gap_\[47px\] {
    gap: 47px;
}

.vui-gap_\[48px\] {
    gap: 48px;
}

.vui-gap_\[49px\] {
    gap: 49px;
}

.vui-gap_\[50px\] {
    gap: 50px;
}

.vui-gap_\[51px\] {
    gap: 51px;
}

.vui-gap_\[52px\] {
    gap: 52px;
}

.vui-gap_\[53px\] {
    gap: 53px;
}

.vui-gap_\[54px\] {
    gap: 54px;
}

.vui-gap_\[55px\] {
    gap: 55px;
}

.vui-gap_\[56px\] {
    gap: 56px;
}

.vui-gap_\[57px\] {
    gap: 57px;
}

.vui-gap_\[58px\] {
    gap: 58px;
}

.vui-gap_\[59px\] {
    gap: 59px;
}

.vui-gap_\[60px\] {
    gap: 60px;
}

.vui-gap_\[61px\] {
    gap: 61px;
}

.vui-gap_\[62px\] {
    gap: 62px;
}

.vui-gap_\[63px\] {
    gap: 63px;
}

.vui-gap_\[64px\] {
    gap: 64px;
}

.vui-gap_\[65px\] {
    gap: 65px;
}

.vui-gap_\[66px\] {
    gap: 66px;
}

.vui-gap_\[67px\] {
    gap: 67px;
}

.vui-gap_\[68px\] {
    gap: 68px;
}

.vui-gap_\[69px\] {
    gap: 69px;
}

.vui-gap_\[70px\] {
    gap: 70px;
}

.vui-gap_\[71px\] {
    gap: 71px;
}

.vui-gap_\[72px\] {
    gap: 72px;
}

.vui-gap_\[73px\] {
    gap: 73px;
}

.vui-gap_\[74px\] {
    gap: 74px;
}

.vui-gap_\[75px\] {
    gap: 75px;
}

.vui-gap_\[76px\] {
    gap: 76px;
}

.vui-gap_\[77px\] {
    gap: 77px;
}

.vui-gap_\[78px\] {
    gap: 78px;
}

.vui-gap_\[79px\] {
    gap: 79px;
}

.vui-gap_\[80px\] {
    gap: 80px;
}

.vui-gap_\[81px\] {
    gap: 81px;
}

.vui-gap_\[82px\] {
    gap: 82px;
}

.vui-gap_\[83px\] {
    gap: 83px;
}

.vui-gap_\[84px\] {
    gap: 84px;
}

.vui-gap_\[85px\] {
    gap: 85px;
}

.vui-gap_\[86px\] {
    gap: 86px;
}

.vui-gap_\[87px\] {
    gap: 87px;
}

.vui-gap_\[88px\] {
    gap: 88px;
}

.vui-gap_\[89px\] {
    gap: 89px;
}

.vui-gap_\[90px\] {
    gap: 90px;
}

.vui-gap_\[91px\] {
    gap: 91px;
}

.vui-gap_\[92px\] {
    gap: 92px;
}

.vui-gap_\[93px\] {
    gap: 93px;
}

.vui-gap_\[94px\] {
    gap: 94px;
}

.vui-gap_\[95px\] {
    gap: 95px;
}

.vui-gap_\[96px\] {
    gap: 96px;
}

.vui-gap_\[97px\] {
    gap: 97px;
}

.vui-gap_\[98px\] {
    gap: 98px;
}

.vui-gap_\[99px\] {
    gap: 99px;
}

.vui-gap_\[100px\] {
    gap: 100px;
}

.vui-trs_\[right_0\.2s_ease-in-out\] {
    transition: right 0.2s ease-in-out;
}

.vui-bd-c_gray\.30 {
    border-color: var(--vui-colors-gray-30);
}

.vui-flex_\[0_0_auto\] {
    flex: 0 0 auto;
}

.vui-border-style_none_solid {
    border-style: none solid;
}

.vui-bd-c_\[transparent\] {
    border-color: var(--vui-colors-transparent);
}

.vui-bd-b_3px_solid_transparent {
    border-bottom: 3px solid transparent;
}

.vui-bd-e_3px_solid_transparent {
    border-inline-end: 3px solid transparent;
}

.vui-offset_10 {
    offset: 10px;
}

.vui-bdr_\[full\] {
    border-radius: var(--vui-radii-full);
}

.vui-bdr_\[28px\] {
    border-radius: 28px;
}

.vui-bd-w_\[2px\] {
    border-width: 2px;
}

.vui-ring_0 {
    outline: 0;
}

.vui-d_flex {
    display: flex;
}

.vui-ai_flex-start {
    align-items: flex-start;
}

.vui-color-palette_elements\.confirmation {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-confirmation-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-confirmation-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-confirmation-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-confirmation-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-confirmation-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-confirmation-contrast-reversed);
}

.vui-c_colorPalette\.fill {
    color: var(--vui-colors-color-palette-fill);
}

.vui-color-palette_elements\.information {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-information-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-information-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-information-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-information-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-information-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-information-contrast-reversed);
}

.vui-color-palette_elements\.warning {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-warning-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-warning-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-warning-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-warning-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-warning-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-warning-contrast-reversed);
}

.vui-color-palette_elements\.error {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-error-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-error-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-error-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-error-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-error-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-error-contrast-reversed);
}

.vui-bg-c_colorPalette\.fill {
    background-color: var(--vui-colors-color-palette-fill);
}

.vui-c_colorPalette\.contrast {
    color: var(--vui-colors-color-palette-contrast);
}

.vui-fs_\[22px\] {
    font-size: 22px;
}

.vui-lh_1 {
    line-height: 1;
}

.vui-flex-g_1 {
    flex-grow: 1;
}

.vui-fs_sm {
    font-size: var(--vui-font-sizes-sm);
}

.vui-ap_none {
    appearance: none;
    -webkit-appearance: none;
}

.vui-bg-c_transparent {
    background-color: var(--vui-colors-transparent);
}

.vui-cursor_pointer {
    cursor: pointer;
}

.vui-jc_center {
    justify-content: center;
}

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

.vui-ta_center {
    text-align: center;
}

.vui-fs_\[0\.75rem\] {
    font-size: 0.75rem;
}

.vui-fs_\[1rem\] {
    font-size: 1rem;
}

.vui-fs_\[1\.125rem\] {
    font-size: 1.125rem;
}

.vui-color-palette_elements\.default {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-default-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-default-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-default-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-default-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-default-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-default-contrast-reversed);
}

.vui-color-palette_elements\.primary {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-primary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-primary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-primary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-primary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-primary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-primary-contrast-reversed);
    --vui-colors-color-palette-text: var(--vui-colors-elements-primary-text);
}

.vui-color-palette_elements\.secondary {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-secondary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-secondary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-secondary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-secondary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-secondary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-secondary-contrast-reversed);
}

.vui-color-palette_elements\.tertiary {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-tertiary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-tertiary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-tertiary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-tertiary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-tertiary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-tertiary-contrast-reversed);
}

.vui-obj-f_cover {
    object-fit: cover;
}

.vui-bx-s_border-box {
    box-sizing: border-box;
}

.vui-ff_body {
    font-family: var(--vui-fonts-body);
}

.vui-d_inline-flex {
    display: inline-flex;
}

.vui-fw_medium {
    font-weight: var(--vui-font-weights-medium);
}

.vui-lh_\[1rem\] {
    line-height: 1rem;
}

.vui-lh_\[1\.25rem\] {
    line-height: 1.25rem;
}

.vui-fs_md {
    font-size: var(--vui-font-sizes-md);
}

.vui-lh_\[1\.5rem\] {
    line-height: 1.5rem;
}

.vui-c_colorPalette\.contrast-reversed {
    color: var(--vui-colors-color-palette-contrast-reversed);
}

.vui-fs_icon\.sm {
    font-size: var(--vui-font-sizes-icon-sm);
}

.vui-fs_icon\.md {
    font-size: var(--vui-font-sizes-icon-md);
}

.vui-fs_icon\.lg {
    font-size: var(--vui-font-sizes-icon-lg);
}

.vui-va_middle {
    vertical-align: middle;
}

.vui-fs_icon\.xs {
    font-size: var(--vui-font-sizes-icon-xs);
}

.vui-fs_\[20px\] {
    font-size: 20px;
}

.vui-bg-c_background\.opacity-100 {
    background-color: var(--vui-colors-background-opacity-100);
}

.vui-d_grid {
    display: grid;
}

.vui-fs_\[17px\] {
    font-size: 17px;
}

.vui-grid-tr_auto_auto_1fr_auto {
    grid-template-rows: auto auto 1fr auto;
}

.vui-grid-ac_\[minmax\(200px\,_1fr\)\] {
    grid-auto-columns: minmax(200px, 1fr);
}

.vui-c_text {
    color: var(--vui-colors-text);
}

.vui-color-palette_elements\.overrides\.form\.checkbox {
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-checkbox-stroke);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-overrides-form-checkbox-hovered-stroke);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-overrides-form-checkbox-hovered-fill);
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-checkbox-fill);
    --vui-colors-color-palette-error-fill: var(--vui-colors-elements-overrides-form-checkbox-error-fill);
    --vui-colors-color-palette-error-stroke: var(--vui-colors-elements-overrides-form-checkbox-error-stroke);
    --vui-colors-color-palette-error-contrast: var(--vui-colors-elements-overrides-form-checkbox-error-contrast);
    --vui-colors-color-palette-checked-fill: var(--vui-colors-elements-overrides-form-checkbox-checked-fill);
    --vui-colors-color-palette-checked-contrast: var(--vui-colors-elements-overrides-form-checkbox-checked-contrast);
    --vui-colors-color-palette-disabled-fill: var(--vui-colors-elements-overrides-form-checkbox-disabled-fill);
    --vui-colors-color-palette-disabled-contrast: var(--vui-colors-elements-overrides-form-checkbox-disabled-contrast);
    --vui-colors-color-palette-disabled-stroke: var(--vui-colors-elements-overrides-form-checkbox-disabled-stroke);
}

.vui-fs_\[12px\] {
    font-size: 12px;
}

.vui-flex-sh_0 {
    flex-shrink: 0;
}

.vui-bg-c_elements\.overrides\.form\.checkbox\.fill {
    background-color: var(--vui-colors-elements-overrides-form-checkbox-fill);
}

.vui-flex-d_column {
    flex-direction: column;
}

.vui-color-palette_elements\.faded {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-faded-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-faded-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-faded-hovered-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-faded-contrast-reversed);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-faded-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-faded-contrast);
}

.vui-fs_\[14px\] {
    font-size: 14px;
}

.vui-c_\[currentColor\] {
    color: currentColor;
}

.vui-fs_\[16px\] {
    font-size: 16px;
}

.vui-fs_\[32px\] {
    font-size: 32px;
}

.vui-flex-wrap_wrap {
    flex-wrap: wrap;
}

.vui-c_text\.primary {
    color: var(--vui-colors-text-primary);
}

.vui-fs_\[\.9em\] {
    font-size: .9em;
}

.vui-lh_1\.2 {
    line-height: 1.2;
}

.vui-bg-c_var\(--allenai-content-markdown-code-background-light\) {
    background-color: var(--allenai-content-markdown-code-background-light);
}

.vui-bg-c_var\(--allenai-content-markdown-code-background-dark\) {
    background-color: var(--allenai-content-markdown-code-background-dark);
}

.vui-fs_lg {
    font-size: var(--vui-font-sizes-lg);
}

.vui-jc_end {
    justify-content: end;
}

.vui-bx-sh_\[0_0_15px_rgba\(0\,_0\,_0\,_0\.5\)\] {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.vui-bg-c_background\.opacity-100\.reversed {
    background-color: var(--vui-colors-background-opacity-100-reversed);
}

.vui-c_text\.reversed {
    color: var(--vui-colors-text-reversed);
}

.vui-trf_\[translateX\(-100\%\)\] {
    transform: translateX(-100%);
}

.vui-trf_\[translateX\(100\%\)\] {
    transform: translateX(100%);
}

.vui-trf_\[translateY\(-100\%\)\] {
    transform: translateY(-100%);
}

.vui-trf_\[translateY\(100\%\)\] {
    transform: translateY(100%);
}

.vui-trf_translate\(0\) {
    transform: translate(0);
}

.vui-z_drawer {
    z-index: var(--vui-z-index-drawer);
}

.vui-pos_fixed {
    position: fixed;
}

.vui-pos_relative {
    position: relative;
}

.vui-trf_none {
    transform: none;
}

.vui-order_999 {
    order: 999;
}

.vui-op_\[0\] {
    opacity: 0;
}

.vui-vis_hidden {
    visibility: hidden;
}

.vui-pointer-events_none {
    pointer-events: none;
}

.vui-will-change_opacity {
    will-change: opacity;
}

.vui-vis_visible {
    visibility: visible;
}

.vui-op_1 {
    opacity: 1;
}

.vui-pointer-events_auto {
    pointer-events: auto;
}

.vui-z_backdrop {
    z-index: var(--vui-z-index-backdrop);
}

.vui-d_none {
    display: none;
}

.vui-jc_space-between {
    justify-content: space-between;
}

.vui-jc_flex-end {
    justify-content: flex-end;
}

.vui-bg-c_background\.opacity-10\.reversed {
    background-color: var(--vui-colors-background-opacity-10-reversed);
}

.vui-bg-c_white {
    background-color: var(--vui-colors-white);
}

.vui-c_elements\.primary\.fill {
    color: var(--vui-colors-elements-primary-fill);
}

.vui-bg-c_\[transparent\] {
    background-color: var(--vui-colors-transparent);
}

.vui-jc_flex-start {
    justify-content: flex-start;
}

.vui-ai_stretch {
    align-items: stretch;
}

.vui-c_links\.reversed {
    color: var(--vui-colors-links-reversed);
}

.vui-pos_sticky {
    position: sticky;
}

.vui-c_\[inherit\] {
    color: inherit;
}

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

.vui-flex-wrap_nowrap {
    flex-wrap: nowrap;
}

.vui-white-space_nowrap {
    white-space: nowrap;
}

.vui-as_center {
    align-self: center;
}

.vui-asp_1 {
    aspect-ratio: 1;
}

.vui-c_primary {
    color: primary;
}

.vui-fs_2xl {
    font-size: var(--vui-font-sizes-2xl);
}

.vui-fw_semiBold {
    font-weight: var(--vui-font-weights-semi-bold);
}

.vui-c_links {
    color: var(--vui-colors-links);
}

.vui-c_elements\.secondary\.fill {
    color: var(--vui-colors-elements-secondary-fill);
}

.vui-c_elements\.tertiary\.fill {
    color: var(--vui-colors-elements-tertiary-fill);
}

.vui-text-decoration-line_underline {
    text-decoration-line: underline;
}

.vui-td-c_\[currentColor\/50\] {
    --mix-textDecorationColor: color-mix(in srgb, currentColor 50%, transparent);
    text-decoration-color: var(--mix-textDecorationColor, currentColor);
}

.vui-c_elements\.default\.fill {
    color: var(--vui-colors-elements-default-fill);
}

.vui-anim-dur_0\.5s {
    animation-duration: 0.5s;
}

.vui-anim-dur_0\.75s {
    animation-duration: 0.75s;
}

.vui-anim-dur_1\.0s {
    animation-duration: 1.0s;
}

.vui-asp_517\/133 {
    aspect-ratio: 517/133;
}

.vui-asp_756\/240 {
    aspect-ratio: 756/240;
}

.vui-asp_1119\/133 {
    aspect-ratio: 1119/133;
}

.vui-asp_1960\/170 {
    aspect-ratio: 1960/170;
}

.vui-asp_1485\/173 {
    aspect-ratio: 1485/173;
}

.vui-asp_1171\/137 {
    aspect-ratio: 1171/137;
}

.vui-asp_704\/137 {
    aspect-ratio: 704/137;
}

.vui-asp_1332\/171 {
    aspect-ratio: 1332/171;
}

.vui-asp_750\/137 {
    aspect-ratio: 750/137;
}

.vui-asp_780\/133 {
    aspect-ratio: 780/133;
}

.vui-asp_659\/133 {
    aspect-ratio: 659/133;
}

.vui-asp_773\/133 {
    aspect-ratio: 773/133;
}

.vui-asp_789\/137 {
    aspect-ratio: 789/137;
}

.vui-asp_690\/130 {
    aspect-ratio: 690/130;
}

.vui-asp_1130\/173 {
    aspect-ratio: 1130/173;
}

.vui-asp_1114\/171 {
    aspect-ratio: 1114/171;
}

.vui-asp_559\/137 {
    aspect-ratio: 559/137;
}

.vui-asp_507\/137 {
    aspect-ratio: 507/137;
}

.vui-asp_632\/137 {
    aspect-ratio: 632/137;
}

.vui-asp_1173\/137 {
    aspect-ratio: 1173/137;
}

.vui-asp_1034\/137 {
    aspect-ratio: 1034/137;
}

.vui-asp_797\/137 {
    aspect-ratio: 797/137;
}

.vui-fs_\[2\.25rem\] {
    font-size: 2.25rem;
}

.vui-ff_\[PP_Telegraf\] {
    font-family: PP Telegraf;
}

.vui-fw_\[500\] {
    font-weight: 500;
}

.vui-font-style_normal {
    font-style: normal;
}

.vui-ls_0 {
    letter-spacing: 0;
}

.vui-lh_\[43\.2px\] {
    line-height: 43.2px;
}

.vui-fs_\[2rem\] {
    font-size: 2rem;
}

.vui-lh_\[38\.4px\] {
    line-height: 38.4px;
}

.vui-fs_\[1\.5rem\] {
    font-size: 1.5rem;
}

.vui-lh_\[28\.8px\] {
    line-height: 28.8px;
}

.vui-fs_\[1\.25rem\] {
    font-size: 1.25rem;
}

.vui-lh_\[24px\] {
    line-height: 24px;
}

.vui-lh_\[21\.6px\] {
    line-height: 21.6px;
}

.vui-lh_\[20\.8px\] {
    line-height: 20.8px;
}

.vui-fs_\[0\.875rem\] {
    font-size: 0.875rem;
}

.vui-ff_\[Manrope\] {
    font-family: Manrope;
}

.vui-fw_\[400\] {
    font-weight: 400;
}

.vui-lh_\[21px\] {
    line-height: 21px;
}

.vui-li-t_revert {
    list-style-type: revert;
}

.vui-font-style_italic {
    font-style: italic;
}

.vui-bd-cl_collapse {
    border-collapse: collapse;
}

.vui-cursor_default {
    cursor: default;
}

.vui-cg_\[20px\] {
    column-gap: 20px;
}

.vui-forced-color-adjust_none {
    forced-color-adjust: none;
}

.vui-fw_bold {
    font-weight: var(--vui-font-weights-bold);
}

.vui-fs_\[18px\] {
    font-size: 18px;
}

.vui-z_modal {
    z-index: var(--vui-z-index-modal);
}

.vui-bg-c_\[black\/80\] {
    --mix-backgroundColor: color-mix(in srgb, var(--vui-colors-black) 80%, transparent);
    background-color: var(--mix-backgroundColor, var(--vui-colors-black));
}

.vui-cg_\[8px\] {
    column-gap: 8px;
}

.vui-ai_start {
    align-items: start;
}

.vui-as_start {
    align-self: start;
}

.vui-color-palette_elements\.overrides\.form\.radio {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-radio-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-radio-stroke);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-overrides-form-radio-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-overrides-form-radio-hovered-stroke);
    --vui-colors-color-palette-error-fill: var(--vui-colors-elements-overrides-form-radio-error-fill);
    --vui-colors-color-palette-error-stroke: var(--vui-colors-elements-overrides-form-radio-error-stroke);
    --vui-colors-color-palette-error-contrast: var(--vui-colors-elements-overrides-form-radio-error-contrast);
    --vui-colors-color-palette-disabled-fill: var(--vui-colors-elements-overrides-form-radio-disabled-fill);
    --vui-colors-color-palette-disabled-stroke: var(--vui-colors-elements-overrides-form-radio-disabled-stroke);
    --vui-colors-color-palette-disabled-contrast: var(--vui-colors-elements-overrides-form-radio-disabled-contrast);
    --vui-colors-color-palette-checked-fill: var(--vui-colors-elements-overrides-form-radio-checked-fill);
    --vui-colors-color-palette-checked-contrast: var(--vui-colors-elements-overrides-form-radio-checked-contrast);
}

.vui-bg-c_elements\.overrides\.form\.radio\.fill {
    background-color: var(--vui-colors-elements-overrides-form-radio-fill);
}

.vui-grid-tc_\[minmax\(8px\,_min-content\)_auto\] {
    grid-template-columns: minmax(8px, min-content) auto;
}

.vui-justify-self_center {
    justify-self: center;
}

.vui-grid-tc_subgrid {
    grid-template-columns: subgrid;
}

.vui-pe_\[12px\] {
    padding-inline-end: 12px;
}

.vui-lh_\[14px\] {
    line-height: 14px;
}

.vui-lh_\[22px\] {
    line-height: 22px;
}

.vui-outline-style_solid {
    outline-style: solid;
}

.vui-ring-c_elements\.secondary\.fill {
    outline-color: var(--vui-colors-elements-secondary-fill);
}

.vui-ring-o_\[-1px\] {
    outline-offset: -1px;
}

.vui-ring-w_0 {
    outline-width: 0;
}

.vui-grid-tc_\[1fr_auto\] {
    grid-template-columns: 1fr auto;
}

.vui-bg-c_background\.opacity-10 {
    background-color: var(--vui-colors-background-opacity-10);
}

.vui-bg-c_colorPalette\.stroke {
    background-color: var(--vui-colors-color-palette-stroke);
}

.vui-tov_ellipsis {
    text-overflow: ellipsis;
}

.vui-bg-c_extra-dark-teal\.100 {
    background-color: var(--vui-colors-extra-dark-teal-100);
}

.vui-bg-c_elements\.confirmation\.fill {
    background-color: var(--vui-colors-elements-confirmation-fill);
}

.vui-c_elements\.confirmation\.contrast-reversed {
    color: var(--vui-colors-elements-confirmation-contrast-reversed);
}

.vui-bg-c_elements\.error\.fill {
    background-color: var(--vui-colors-elements-error-fill);
}

.vui-c_elements\.error\.contrast {
    color: var(--vui-colors-elements-error-contrast);
}

.vui-c_cream\.100 {
    color: var(--vui-colors-cream-100);
}

.vui-flex-d_column-reverse {
    flex-direction: column-reverse;
}

.vui-z_\[snackbar\] {
    z-index: var(--vui-z-index-snackbar);
}

.vui-trf_translateX\(-50\%\) {
    transform: translateX(-50%);
}

.vui-ai_flex-end {
    align-items: flex-end;
}

.vui-jc_space-around {
    justify-content: space-around;
}

.vui-jc_space-evenly {
    justify-content: space-evenly;
}

.vui-color-palette_elements\.overrides\.form\.switch {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-switch-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-switch-stroke);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-overrides-form-switch-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-overrides-form-switch-hovered-stroke);
    --vui-colors-color-palette-checked-fill: var(--vui-colors-elements-overrides-form-switch-checked-fill);
    --vui-colors-color-palette-checked-contrast: var(--vui-colors-elements-overrides-form-switch-checked-contrast);
    --vui-colors-color-palette-error-fill: var(--vui-colors-elements-overrides-form-switch-error-fill);
    --vui-colors-color-palette-error-stroke: var(--vui-colors-elements-overrides-form-switch-error-stroke);
    --vui-colors-color-palette-error-contrast: var(--vui-colors-elements-overrides-form-switch-error-contrast);
    --vui-colors-color-palette-disabled-fill: var(--vui-colors-elements-overrides-form-switch-disabled-fill);
    --vui-colors-color-palette-disabled-stroke: var(--vui-colors-elements-overrides-form-switch-disabled-stroke);
    --vui-colors-color-palette-disabled-contrast: var(--vui-colors-elements-overrides-form-switch-disabled-contrast);
}

.vui-pos_absolute {
    position: absolute;
}

.vui-d_block {
    display: block;
}

.vui-bd-sp_0 {
    border-spacing: var(--vui-spacing-0);
}

.vui-wb_break-word {
    word-break: break-word;
}

.vui-trf_scale\(1\) {
    transform: scale(1);
}

.vui-ta_left {
    text-align: left;
}

.vui-trf_translateZ\(0\) {
    transform: translateZ(0);
}

.vui-bg-c_gray\.60 {
    background-color: var(--vui-colors-gray-60);
}

.vui-tch-a_none {
    touch-action: none;
}

.vui-bg-cp_content-box {
    background-clip: content-box;
    -webkit-background-clip: content-box;
}

.vui-grid-tr_auto_1fr {
    grid-template-rows: auto 1fr;
}

.vui-grid-tc_auto_1fr {
    grid-template-columns: auto 1fr;
}

.vui-pe_\[5px\] {
    padding-inline-end: 5px;
}

.vui-c_background\.opacity-100 {
    color: var(--vui-colors-background-opacity-100);
}

.vui-c_background\.opacity-100\.reversed {
    color: var(--vui-colors-background-opacity-100-reversed);
}

.vui-c_text\.error {
    color: var(--vui-colors-text-error);
}

.vui-color-palette_elements\.overrides\.form\.input {
    --vui-colors-color-palette-disabled-fill: var(--vui-colors-elements-overrides-form-input-disabled-fill);
    --vui-colors-color-palette-disabled-contrast: var(--vui-colors-elements-overrides-form-input-disabled-contrast);
    --vui-colors-color-palette-disabled-stroke: var(--vui-colors-elements-overrides-form-input-disabled-stroke);
    --vui-colors-color-palette-error-fill: var(--vui-colors-elements-overrides-form-input-error-fill);
    --vui-colors-color-palette-error-stroke: var(--vui-colors-elements-overrides-form-input-error-stroke);
    --vui-colors-color-palette-error-contrast: var(--vui-colors-elements-overrides-form-input-error-contrast);
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-input-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-input-stroke);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-overrides-form-input-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-overrides-form-input-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-input-contrast);
}

.vui-lh_\[1\.375rem\] {
    line-height: 1.375rem;
}

.vui-lh_1\.5rem {
    line-height: 1.5rem;
}

.vui-lh_\[16px\] {
    line-height: 16px;
}

.vui-lh_\[20px\] {
    line-height: 20px;
}

.vui-scr-bar-g_stable {
    scrollbar-gutter: stable;
}

.vui-ov-wrap_anywhere {
    overflow-wrap: anywhere;
}

.vui-resize_none {
    resize: none;
}

.vui-scr-bar-c_\[transparent_transparent\] {
    scrollbar-color: transparent transparent;
}

.vui-w_\[100\%\] {
    width: 100%;
}

.vui-w_\[1\.5rem\] {
    width: 1.5rem;
}

.vui-h_\[1\.5rem\] {
    height: 1.5rem;
}

.vui-w_\[2rem\] {
    width: 2rem;
}

.vui-h_\[2rem\] {
    height: 2rem;
}

.vui-w_\[2\.25rem\] {
    width: 2.25rem;
}

.vui-h_\[2\.25rem\] {
    height: 2.25rem;
}

.vui-h_\[100\%\] {
    height: 100%;
}

.vui-max-w_\[100\%\] {
    max-width: 100%;
}

.vui-w_\[20px\] {
    width: 20px;
}

.vui-h_\[20px\] {
    height: 20px;
}

.vui-w_\[0\.75rem\] {
    width: 0.75rem;
}

.vui-h_\[0\.75rem\] {
    height: 0.75rem;
}

.vui-w_\[0\.875rem\] {
    width: 0.875rem;
}

.vui-h_\[0\.875rem\] {
    height: 0.875rem;
}

.vui-w_\[1\.25rem\] {
    width: 1.25rem;
}

.vui-h_\[1\.25rem\] {
    height: 1.25rem;
}

.vui-w_\[0\.625rem\] {
    width: 0.625rem;
}

.vui-h_\[auto\] {
    height: auto;
}

.vui-h_\[24px\] {
    height: 24px;
}

.vui-h_\[32px\] {
    height: 32px;
}

.vui-h_\[36px\] {
    height: 36px;
}

.vui-h_\[48px\] {
    height: 48px;
}

.vui-top_\[0\] {
    top: var(--vui-spacing-0);
}

.vui-left_\[0\] {
    left: var(--vui-spacing-0);
}

.vui-w_\[320px\] {
    width: 320px;
}

.vui-right_\[0\] {
    right: var(--vui-spacing-0);
}

.vui-left_\[unset\] {
    left: unset;
}

.vui-h_\[320px\] {
    height: 320px;
}

.vui-bottom_\[0\] {
    bottom: var(--vui-spacing-0);
}

.vui-right_\[unset\] {
    right: unset;
}

.vui-top_\[unset\] {
    top: unset;
}

.vui-w_\[20\%\] {
    width: 20%;
}

.vui-top_0 {
    top: var(--vui-spacing-0);
}

.vui-left_0 {
    left: var(--vui-spacing-0);
}

.vui-h_\[100vh\] {
    height: 100vh;
}

.vui-w_\[fit-content\] {
    width: fit-content;
}

.vui-min-h_\[50\%\] {
    min-height: 50%;
}

.vui-max-h_\[90\%\] {
    max-height: 90%;
}

.vui-ov-y_auto {
    overflow-y: auto;
}

.vui-w_\[1em\] {
    width: 1em;
}

.vui-max-h_\[70vh\] {
    max-height: 70vh;
}

.vui-w_\[16px\] {
    width: 16px;
}

.vui-h_\[16px\] {
    height: 16px;
}

.vui-w_\[32px\] {
    width: 32px;
}

.vui-w_\[64px\] {
    width: 64px;
}

.vui-h_\[64px\] {
    height: 64px;
}

.vui-w_\[unset\] {
    width: unset;
}

.vui-h_\[unset\] {
    height: unset;
}

.vui-mb_\[16px\] {
    margin-bottom: 16px;
}

.vui-mb_0 {
    margin-bottom: var(--vui-spacing-0);
}

.vui-max-h_\[inherit\] {
    max-height: inherit;
}

.vui-min-w_\[150px\] {
    min-width: 150px;
}

.vui-max-h_\[calc\(100\%_-_var\(--modal-margin\)\)\] {
    max-height: calc(100% - var(--modal-margin));
}

.vui-max-w_\[300px\] {
    max-width: 300px;
}

.vui-max-w_\[500px\] {
    max-width: 500px;
}

.vui-max-w_\[800px\] {
    max-width: 800px;
}

.vui-min-w_\[100\%\] {
    min-width: 100%;
}

.vui-w_\[24px\] {
    width: 24px;
}

.vui-mt_0 {
    margin-top: var(--vui-spacing-0);
}

.vui-min-w_var\(--trigger-width\) {
    min-width: var(--trigger-width);
}

.vui-mb_\[calc\(var\(--slider-control-size\)_\/_2\)\] {
    margin-bottom: calc(var(--slider-control-size) / 2);
}

.vui-h_var\(--slider-control-size\) {
    height: var(--slider-control-size);
}

.vui-w_var\(--slider-control-size\) {
    width: var(--slider-control-size);
}

.vui-h_var\(--slider-track-size\) {
    height: var(--slider-track-size);
}

.vui-w_var\(--slider-track-size\) {
    width: var(--slider-track-size);
}

.vui-top_\[50\%\] {
    top: 50%;
}

.vui-left_\[50\%\] {
    left: 50%;
}

.vui-ml_auto {
    margin-left: auto;
}

.vui-top_\[1rem\] {
    top: 1rem;
}

.vui-left_\[1rem\] {
    left: 1rem;
}

.vui-right_\[1rem\] {
    right: 1rem;
}

.vui-bottom_\[1rem\] {
    bottom: 1rem;
}

.vui-w_\[1\.375rem\] {
    width: 1.375rem;
}

.vui-w_\[1\.625rem\] {
    width: 1.625rem;
}

.vui-w_\[2\.3125rem\] {
    width: 2.3125rem;
}

.vui-w_\[0\.5rem\] {
    width: 0.5rem;
}

.vui-right_\[calc\(100\%_-_0\.5rem_-_1px\)\] {
    right: calc(100% - 0.5rem - 1px);
}

.vui-right_\[calc\(100\%_-_0\.625rem_-_1px\)\] {
    right: calc(100% - 0.625rem - 1px);
}

.vui-right_\[calc\(100\%_-_0\.875rem_-_2px\)\] {
    right: calc(100% - 0.875rem - 2px);
}

.vui-min-h_\[100px\] {
    min-height: 100px;
}

.vui-max-w_\[400px\] {
    max-width: 400px;
}

.vui-w_\[15px\] {
    width: 15px;
}

.vui-h_\[25px\] {
    height: 25px;
}

.vui-pb_\[5px\] {
    padding-bottom: 5px;
}

.\[\&_ul\]\:vui-p_0 ul {
    padding: var(--vui-spacing-0);
}

.\[\&_ul\]\:vui-m_0 ul {
    margin: var(--vui-spacing-0);
}

.\[\&_th\,_\&_td\]\:vui-bd_1px_solid th,.\[\&_th\,_\&_td\]\:vui-bd_1px_solid td {
    border: 1px solid;
}

.\[\&_th\,_\&_td\]\:vui-p_\[8px\] th,.\[\&_th\,_\&_td\]\:vui-p_\[8px\] td {
    padding: 8px;
}

.\[\&_\[role\=\"separator\"\]\]\:vui-bg_gray\.60 [role="separator"] {
    background: var(--vui-colors-gray-60);
}

.\[\&_\[role\=\"separator\"\]\]\:vui-m_\[2px_4px\] [role="separator"] {
    margin: 2px 4px;
}

.\[\&_\[slot\=\"label\"\]\]\:vui-grid-area_label [slot="label"] {
    grid-area: label;
}

.\[\&_\[slot\=\"description\"\]\]\:vui-grid-area_desc [slot="description"] {
    grid-area: desc;
}

.\[\&_kbd\]\:vui-grid-area_kbd kbd {
    grid-area: kbd;
}

.\[\&_\.column-name\]\:vui-font_inherit .column-name {
    font: inherit;
}

.\[\&\[data-entering\]\]\:vui-anim_fadeIn_250ms_ease-out_forwards[data-entering] {
    animation: fadeIn 250ms ease-out forwards;
}

.\[\&\[data-exiting\]\]\:vui-anim_fadeOut_250ms_ease-out_forwards[data-exiting] {
    animation: fadeOut 250ms ease-out forwards;
}

.\[\&_input\,_\&_textarea\]\:vui-p_\[11px_11px\] input,.\[\&_input\,_\&_textarea\]\:vui-p_\[11px_11px\] textarea {
    padding: 11px 11px;
}

.\[\&_input\,_\&_textarea\]\:vui-p_\[7px_11px\] input,.\[\&_input\,_\&_textarea\]\:vui-p_\[7px_11px\] textarea {
    padding: 7px 11px;
}

.\[\&_input\,_\&_textarea\]\:vui-p_\[15px_15px\] input,.\[\&_input\,_\&_textarea\]\:vui-p_\[15px_15px\] textarea {
    padding: 15px 15px;
}

.after\:vui-grid-area_1\/1\/2\/2::after {
    grid-area: 1/1/2/2;
}

.disabled\:vui-bd-c_elements\.disabled\.stroke:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    border-color: var(--vui-colors-elements-disabled-stroke);
}

.group:is([aria-selected=true], [data-selected], [data-state="selected"]) .groupSelected\:vui-bd-c_transparent {
    border-color: var(--vui-colors-transparent);
}

.\[\&\[data-href\]\]\:vui-td_underline[data-href] {
    text-decoration: underline;
}

.dark\:vui-bd-c_\[color-mix\(in_srgb\,_\{colors\.cream\.100\}_20\%\,_\{colors\.background\}\)\].dark,.dark .dark\:vui-bd-c_\[color-mix\(in_srgb\,_\{colors\.cream\.100\}_20\%\,_\{colors\.background\}\)\],[data-color-mode=dark] .dark\:vui-bd-c_\[color-mix\(in_srgb\,_\{colors\.cream\.100\}_20\%\,_\{colors\.background\}\)\],html[data-theme=dark] .dark\:vui-bd-c_\[color-mix\(in_srgb\,_\{colors\.cream\.100\}_20\%\,_\{colors\.background\}\)\] {
    border-color: color-mix(in srgb, var(--vui-colors-cream-100) 20%, var(--vui-colors-background));
}

.\[\&_a\]\:vui-td_none a {
    text-decoration: none;
}

.\[\&_ul\]\:vui-gap_\[32px\] ul {
    gap: 32px;
}

.\[\&_th\,_\&_td\]\:vui-bd-c_gray\.60 th,.\[\&_th\,_\&_td\]\:vui-bd-c_gray\.60 td {
    border-color: var(--vui-colors-gray-60);
}

.\[\&_a\[role\=\"menuitem\"\]\]\:vui-td_none a[role="menuitem"] {
    text-decoration: none;
}

.before\:vui-bdr_full::before {
    border-radius: var(--vui-radii-full);
}

.\[\&\:first-child\]\:vui-bdr_\[6px_0_0_6px\]:first-child {
    border-radius: 6px 0 0 6px;
}

.\[\&\:last-child\]\:vui-bdr_\[0_6px_6px_0\]:last-child {
    border-radius: 0 6px 6px 0;
}

.\[\&_\.column-name\]\:vui-flex_1 .column-name {
    flex: 1 1 0%;
}

.\[\&_\.column-name\]\:vui-ov_hidden .column-name {
    overflow: hidden;
}

.\[\&_\.column-name\]\:vui-bd-c_\[transparent\] .column-name {
    border-color: var(--vui-colors-transparent);
}

.\[\&_\[role\=\"columnheader\"\]\,_\&_\[role\=\"grid-cell\"\]\]\:vui-ov_hidden [role="columnheader"],.\[\&_\[role\=\"columnheader\"\]\,_\&_\[role\=\"grid-cell\"\]\]\:vui-ov_hidden [role="grid-cell"] {
    overflow: hidden;
}

.\[\&\[data-resizing\]\]\:vui-bd-c_elements\.tertiary\.fill[data-resizing] {
    border-color: var(--vui-colors-elements-tertiary-fill);
}

.group:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) .groupDisabled\:vui-bd-c_colorPalette\.stroke {
    border-color: var(--vui-colors-color-palette-stroke);
}

.group:is([aria-invalid=true], [data-invalid], [data-state="invalid"]) .groupInvalid\:vui-bd-c_colorPalette\.stroke {
    border-color: var(--vui-colors-color-palette-stroke);
}

.\[\&_input\,_\&_textarea\]\:vui-px_\[24px\] input,.\[\&_input\,_\&_textarea\]\:vui-px_\[24px\] textarea {
    padding-inline: 24px;
}

.disabled\:vui-cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    cursor: not-allowed;
}

.disabled\:vui-c_elements\.disabled\.contrast-reversed:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    color: var(--vui-colors-elements-disabled-contrast-reversed);
}

.disabled\:vui-c_elements\.disabled\.contrast:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    color: var(--vui-colors-elements-disabled-contrast);
}

.disabled\:vui-bg-c_elements\.disabled\.fill:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    background-color: var(--vui-colors-elements-disabled-fill);
}

.disabled\:vui-color-palette_elements\.overrides\.form\.checkbox\.disabled:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-checkbox-disabled-fill);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-checkbox-disabled-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-checkbox-disabled-stroke);
}

.invalid\:vui-color-palette_elements\.overrides\.form\.checkbox\.error:is([aria-invalid=true], [data-invalid], [data-state="invalid"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-checkbox-error-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-checkbox-error-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-checkbox-error-contrast);
}

.componentReadOnly\:vui-cursor_default:is([data-readonly]) {
    cursor: default;
}

.selected\:vui-color-palette_elements\.overrides\.form\.checkbox\.checked:is([aria-selected=true], [data-selected], [data-state="selected"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-checkbox-checked-fill);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-checkbox-checked-contrast);
}

.group:is([aria-selected=true], [data-selected], [data-state="selected"]) .groupSelected\:vui-bg-c_colorPalette\.fill {
    background-color: var(--vui-colors-color-palette-fill);
}

.disabled\:vui-color-palette_elements\.disabled:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-disabled-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-disabled-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-disabled-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-disabled-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-disabled-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-disabled-contrast-reversed);
}

.\[\&\[data-href\]\]\:vui-cursor_pointer[data-href] {
    cursor: pointer;
}

.notDisabled\:vui-c_elements\.secondary\.fill:not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    color: var(--vui-colors-elements-secondary-fill);
}

.dark\:vui-bg-c_background\.opacity-100.dark,.dark .dark\:vui-bg-c_background\.opacity-100,[data-color-mode=dark] .dark\:vui-bg-c_background\.opacity-100,html[data-theme=dark] .dark\:vui-bg-c_background\.opacity-100 {
    background-color: var(--vui-colors-background-opacity-100);
}

.dark\:vui-c_text.dark,.dark .dark\:vui-c_text,[data-color-mode=dark] .dark\:vui-c_text,html[data-theme=dark] .dark\:vui-c_text {
    color: var(--vui-colors-text);
}

.disabled\:vui-bg-c_gray\.20:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    background-color: var(--vui-colors-gray-20);
}

.dark\:vui-bg-c_\[transparent\].dark,.dark .dark\:vui-bg-c_\[transparent\],[data-color-mode=dark] .dark\:vui-bg-c_\[transparent\],html[data-theme=dark] .dark\:vui-bg-c_\[transparent\] {
    background-color: var(--vui-colors-transparent);
}

.group:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) .groupDisabled\:vui-c_elements\.disabled\.fill {
    color: var(--vui-colors-elements-disabled-fill);
}

.group:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) .groupDisabled\:vui-stk_elements\.disabled\.stroke {
    stroke: var(--vui-colors-elements-disabled-stroke);
}

.group:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) .groupDisabled\:vui-c_text\.disabled {
    color: var(--vui-colors-text-disabled);
}

.\[\&_ul\]\:vui-li-t_none ul {
    list-style-type: none;
}

.\[\&_a\]\:vui-c_links a {
    color: var(--vui-colors-links);
}

.\[\&_label\]\:vui-fs_\[20px\] label {
    font-size: 20px;
}

.\[\&_ul\]\:vui-d_flex ul {
    display: flex;
}

.\[\&_li\:\:marker\]\:vui-c_background\.opacity-10\.reversed li::marker {
    color: var(--vui-colors-background-opacity-10-reversed);
}

.disabled\:vui-c_text\.disabled:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    color: var(--vui-colors-text-disabled);
}

.\[\&_th\,_\&_td\]\:vui-ta_left th,.\[\&_th\,_\&_td\]\:vui-ta_left td {
    text-align: left;
}

.\[\&_a\[role\=\"menuitem\"\]\]\:vui-c_cream\.100 a[role="menuitem"] {
    color: var(--vui-colors-cream-100);
}

.\[\&\[data-resizing\]\]\:vui-bg-c_elements\.tertiary\.fill[data-resizing] {
    background-color: var(--vui-colors-elements-tertiary-fill);
}

.\[\&\[data-disabled\]\]\:vui-c_gray\.60[data-disabled] {
    color: var(--vui-colors-gray-60);
}

.\[\&\[data-focused\]\]\:vui-bg-c_elements\.tertiary\.fill[data-focused] {
    background-color: var(--vui-colors-elements-tertiary-fill);
}

.\[\&_\[slot\=\"label\"\]\]\:vui-fw_bold [slot="label"] {
    font-weight: var(--vui-font-weights-bold);
}

.\[\&_\[slot\=\"description\"\]\]\:vui-fs_sm [slot="description"] {
    font-size: var(--vui-font-sizes-sm);
}

.\[\&_kbd\]\:vui-ta_end kbd {
    text-align: end;
}

.disabled\:vui-color-palette_elements\.overrides\.form\.radio\.disabled:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-radio-disabled-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-radio-disabled-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-radio-disabled-contrast);
}

.invalid\:vui-color-palette_elements\.overrides\.form\.radio\.error:is([aria-invalid=true], [data-invalid], [data-state="invalid"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-radio-error-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-radio-error-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-radio-error-contrast);
}

.selectedNotDisabledNotInvalid\:vui-color-palette_elements\.overrides\.form\.radio\.checked:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-invalid=true], [data-invalid], [data-state="invalid"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-radio-checked-fill);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-radio-checked-contrast);
}

.selectedNotDisabledNotInvalid\:vui-color-palette_elements\.primary:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-invalid=true], [data-invalid], [data-state="invalid"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-primary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-primary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-primary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-primary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-primary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-primary-contrast-reversed);
    --vui-colors-color-palette-text: var(--vui-colors-elements-primary-text);
}

.selectedNotDisabledNotInvalid\:vui-color-palette_elements\.secondary:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-invalid=true], [data-invalid], [data-state="invalid"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-secondary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-secondary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-secondary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-secondary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-secondary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-secondary-contrast-reversed);
}

.selectedNotDisabledNotInvalid\:vui-color-palette_elements\.tertiary:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-invalid=true], [data-invalid], [data-state="invalid"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-tertiary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-tertiary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-tertiary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-tertiary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-tertiary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-tertiary-contrast-reversed);
}

.before\:vui-content_\"\"::before {
    content: "";
}

.before\:vui-d_block::before {
    display: block;
}

.before\:vui-asp_1::before {
    aspect-ratio: 1;
}

.group:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) .groupDisabled\:vui-c_gray\.80 {
    color: var(--vui-colors-gray-80);
}

.group:is([open], [data-open]) .groupOpen\:vui-trf_rotate\(180deg\) {
    transform: rotate(180deg);
}

.dark\:vui-bg-c_background.dark,.dark .dark\:vui-bg-c_background,[data-color-mode=dark] .dark\:vui-bg-c_background,html[data-theme=dark] .dark\:vui-bg-c_background {
    background-color: var(--vui-colors-background);
}

[data-placement=top] .\[\[data-placement\=top\]_\&\]\:vui-bdr-t_md {
    border-top-left-radius: var(--vui-radii-md);
    border-top-right-radius: var(--vui-radii-md);
}

[data-placement=bottom] .\[\[data-placement\=bottom\]_\&\]\:vui-bdr-b_md {
    border-bottom-left-radius: var(--vui-radii-md);
    border-bottom-right-radius: var(--vui-radii-md);
}

.group:is([aria-invalid=true], [data-invalid], [data-state="invalid"]) .groupInvalid\:vui-c_text\.error {
    color: var(--vui-colors-text-error);
}

.componentReadOnly\:vui-pointer-events_none:is([data-readonly]) {
    pointer-events: none;
}

.group:is([data-dragging]) .groupDragging\:vui-bg-c_colorPalette\.hovered\.stroke {
    background-color: var(--vui-colors-color-palette-hovered-stroke);
}

.dragging\:vui-bg-c_colorPalette\.hovered\.fill:is([data-dragging]) {
    background-color: var(--vui-colors-color-palette-hovered-fill);
}

.dark\:vui-bg-c_cream\.100.dark,.dark .dark\:vui-bg-c_cream\.100,[data-color-mode=dark] .dark\:vui-bg-c_cream\.100,html[data-theme=dark] .dark\:vui-bg-c_cream\.100 {
    background-color: var(--vui-colors-cream-100);
}

.dark\:vui-c_text\.reversed.dark,.dark .dark\:vui-c_text\.reversed,[data-color-mode=dark] .dark\:vui-c_text\.reversed,html[data-theme=dark] .dark\:vui-c_text\.reversed {
    color: var(--vui-colors-text-reversed);
}

.disabled\:vui-color-palette_elements\.overrides\.form\.switch\.disabled:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-switch-disabled-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-switch-disabled-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-switch-disabled-contrast);
}

.group:is([aria-selected=true], [data-selected], [data-state="selected"]) .groupSelected\:vui-bg-c_colorPalette\.contrast {
    background-color: var(--vui-colors-color-palette-contrast);
}

.after\:vui-content_0::after {
    content: 0;
}

.after\:vui-d_table-row::after {
    display: table-row;
}

.empty\:vui-c_text:is(:empty, [data-empty]) {
    color: var(--vui-colors-text);
}

.empty\:vui-ta_center:is(:empty, [data-empty]) {
    text-align: center;
}

.empty\:vui-font-style_italic:is(:empty, [data-empty]) {
    font-style: italic;
}

.selected\:vui-c_cream\.100:is([aria-selected=true], [data-selected], [data-state="selected"]) {
    color: var(--vui-colors-cream-100);
}

.selected\:vui-bg-c_elements\.tertiary\.fill:is([aria-selected=true], [data-selected], [data-state="selected"]) {
    background-color: var(--vui-colors-elements-tertiary-fill);
}

.dragging\:vui-op_0\.6:is([data-dragging]) {
    opacity: 0.6;
}

.dragging\:vui-trf_translateZ\(0\):is([data-dragging]) {
    transform: translateZ(0);
}

.dragging\:vui-bg-c_elements\.tertiary\.fill:is([data-dragging]) {
    background-color: var(--vui-colors-elements-tertiary-fill);
}

.dragging\:vui-c_cream\.100:is([data-dragging]) {
    color: var(--vui-colors-cream-100);
}

.href\:vui-cursor_pointer[data-href] {
    cursor: pointer;
}

.\[\&_img\]\:vui-obj-f_cover img {
    object-fit: cover;
}

.\[\&_img\]\:vui-d_block img {
    display: block;
}

.\[\&_\.flex-wrapper\]\:vui-d_flex .flex-wrapper {
    display: flex;
}

.\[\&_\.flex-wrapper\]\:vui-ai_center .flex-wrapper {
    align-items: center;
}

.\[\&_\.column-name\]\:vui-ta_start .column-name {
    text-align: start;
}

.\[\&_\.column-name\]\:vui-tov_ellipsis .column-name {
    text-overflow: ellipsis;
}

.\[\&_\[role\=\"columnheader\"\]\,_\&_\[role\=\"grid-cell\"\]\]\:vui-white-space_nowrap [role="columnheader"],.\[\&_\[role\=\"columnheader\"\]\,_\&_\[role\=\"grid-cell\"\]\]\:vui-white-space_nowrap [role="grid-cell"] {
    white-space: nowrap;
}

.\[\&_\[role\=\"columnheader\"\]\,_\&_\[role\=\"grid-cell\"\]\]\:vui-tov_ellipsis [role="columnheader"],.\[\&_\[role\=\"columnheader\"\]\,_\&_\[role\=\"grid-cell\"\]\]\:vui-tov_ellipsis [role="grid-cell"] {
    text-overflow: ellipsis;
}

.\[\&\[data-resizable-direction\=both\]\]\:vui-cursor_ew-resize[data-resizable-direction=both] {
    cursor: ew-resize;
}

.\[\&\[data-resizable-direction\=left\]\]\:vui-cursor_e-resize[data-resizable-direction=left] {
    cursor: e-resize;
}

.\[\&\[data-resizable-direction\=right\]\]\:vui-cursor_w-resize[data-resizable-direction=right] {
    cursor: w-resize;
}

.\[\&\[data-resizing\]\]\:vui-bg-c_\[transparent\][data-resizing] {
    background-color: var(--vui-colors-transparent);
}

.selected\:vui-bd-e-c_\[currentColor\]:is([aria-selected=true], [data-selected], [data-state="selected"]) {
    border-inline-end-color: currentColor;
}

.\[\&\[data-placement\=\"left\"\]_svg\]\:vui-trf_rotate\(-90deg\)[data-placement="left"] svg {
    transform: rotate(-90deg);
}

.\[\&\[data-placement\=\"right\"\]_svg\]\:vui-trf_rotate\(90deg\)[data-placement="right"] svg {
    transform: rotate(90deg);
}

.\[\&\[data-placement\=\"bottom\"\]_svg\]\:vui-trf_rotate\(180deg\)[data-placement="bottom"] svg {
    transform: rotate(180deg);
}

.group:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) .groupDisabled\:vui-cursor_not-allowed {
    cursor: not-allowed;
}

.group:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) .groupDisabled\:vui-color-palette_elements\.overrides\.form\.input\.disabled {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-input-disabled-fill);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-input-disabled-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-input-disabled-stroke);
}

.group:is([aria-invalid=true], [data-invalid], [data-state="invalid"]) .groupInvalid\:vui-color-palette_elements\.overrides\.form\.input\.error {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-input-error-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-input-error-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-input-error-contrast);
}

.placeholder\:vui-c_text\.placeholder::placeholder,.placeholder\:vui-c_text\.placeholder[data-placeholder] {
    color: var(--vui-colors-text-placeholder);
}

.after\:vui-content_attr\(data-replicated-value\)_\"_\"::after {
    content: attr(data-replicated-value) " ";
}

.after\:vui-white-space_pre-wrap::after {
    white-space: pre-wrap;
}

.after\:vui-vis_hidden::after {
    visibility: hidden;
}

.icon\:vui-w_\[100\%\] svg {
    width: 100%;
}

.\[\&_span\]\:vui-mr_\[32px\] span {
    margin-right: 32px;
}

.\[\&_svg\]\:vui-w_\[16px\] svg {
    width: 16px;
}

.\[\&_svg\]\:vui-h_\[16px\] svg {
    height: 16px;
}

.\[\&_svg\]\:vui-w_\[32px\] svg {
    width: 32px;
}

.\[\&_svg\]\:vui-h_\[32px\] svg {
    height: 32px;
}

.\[\&_svg\]\:vui-w_\[64px\] svg {
    width: 64px;
}

.\[\&_svg\]\:vui-h_\[64px\] svg {
    height: 64px;
}

.\[\&_svg\]\:vui-w_\[100\%\] svg {
    width: 100%;
}

.\[\&_svg\]\:vui-h_\[100\%\] svg {
    height: 100%;
}

.\[\&\[src\*\=\"\#thumbnail\"\]\]\:vui-w_\[64px\][src*="#thumbnail"] {
    width: 64px;
}

.\[\&_\[role\=\"separator\"\]\]\:vui-h_\[1px\] [role="separator"] {
    height: 1px;
}

.\[\&\[data-selection-mode\]\]\:vui-pl_\[24px\][data-selection-mode] {
    padding-left: 24px;
}

.\[\&\:not\(\:first-child\)\]\:vui-mt_\[12px\]:not(:first-child) {
    margin-top: 12px;
}

.before\:vui-w_\[0\.25rem\]::before {
    width: 0.25rem;
}

.before\:vui-w_\[0\.375rem\]::before {
    width: 0.375rem;
}

.before\:vui-w_\[0\.5rem\]::before {
    width: 0.5rem;
}

.\[\&\[data-placement\=top\]\]\:vui-pb_\[1px\][data-placement=top] {
    padding-bottom: 1px;
}

.\[\&\[data-placement\=bottom\]\]\:vui-pt_\[1px\][data-placement=bottom] {
    padding-top: 1px;
}

.group:is([aria-selected=true], [data-selected], [data-state="selected"]) .groupSelected\:vui-right_\[1px\] {
    right: 1px;
}

.group:is([aria-selected=true], [data-selected], [data-state="selected"]) .groupSelected\:vui-right_\[2px\] {
    right: 2px;
}

.after\:vui-h_\[2px\]::after {
    height: 2px;
}

.\[\&_img\]\:vui-w_\[30px\] img {
    width: 30px;
}

.\[\&_img\]\:vui-h_\[30px\] img {
    height: 30px;
}

.selected\:vui-bd-b-c_\[currentColor\]:is([aria-selected=true], [data-selected], [data-state="selected"]) {
    border-bottom-color: currentColor;
}

.\[\&\[data-placement\=\"top\"\]_svg\]\:vui-mt_\[-1px\][data-placement="top"] svg {
    margin-top: -1px;
}

.\[\&\[data-placement\=\"left\"\]_svg\]\:vui-ml_\[-4px\][data-placement="left"] svg {
    margin-left: -4px;
}

.\[\&\[data-placement\=\"right\"\]_svg\]\:vui-mr_\[-4px\][data-placement="right"] svg {
    margin-right: -4px;
}

.\[\&\[data-placement\=\"bottom\"\]_svg\]\:vui-mb_\[-1px\][data-placement="bottom"] svg {
    margin-bottom: -1px;
}

.after\:vui-ov-y_scroll::after {
    overflow-y: scroll;
}

.group:focus-within .groupFocusWithin\:vui-ring-w_1px {
    outline-width: 1px;
}

.focusVisible\:vui-ring-w_1px:is(:focus-visible, [data-focus-visible]) {
    outline-width: 1px;
}

.group:is(:focus-visible, [data-focus-visible]) .groupFocusVisible\:vui-ring-w_1px {
    outline-width: 1px;
}

.peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:vui-ring-w_1px {
    outline-width: 1px;
}

.hoverOrFocus\:vui-scr-bar-c_\[\{colors\.text\.placeholder\}_transparent\]:is(:hover, [data-hover], [data-hovered]),.hoverOrFocus\:vui-scr-bar-c_\[\{colors\.text\.placeholder\}_transparent\]:is(:focus, [data-focus], [data-focused=true]) {
    scrollbar-color: var(--vui-colors-text-placeholder) transparent;
}

.group:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-selected=true], [data-selected], [data-state="selected"],[aria-invalid=true], [data-invalid], [data-state="invalid"]) .groupHoverNotDisabledNotSelectedNotInvalid\:vui-bd-c_colorPalette\.hovered\.stroke {
    border-color: var(--vui-colors-color-palette-hovered-stroke);
}

.group:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-selected=true], [data-selected], [data-state="selected"]) .groupHoverNotDisabledNotSelected\:vui-bd-c_colorPalette\.hovered\.stroke {
    border-color: var(--vui-colors-color-palette-hovered-stroke);
}

.group:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-selected=true], [data-selected], [data-state="selected"]) .groupHoverNotDisabledNotSelected\:vui-bd-c_colorPalette\.stroke {
    border-color: var(--vui-colors-color-palette-stroke);
}

.hover\:vui-c_links\.hovered:is(:hover, [data-hover], [data-hovered]) {
    color: var(--vui-colors-links-hovered);
}

.hover\:vui-c_links\.hovered\.reversed:is(:hover, [data-hover], [data-hovered]) {
    color: var(--vui-colors-links-hovered-reversed);
}

.group:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-selected=true], [data-selected], [data-state="selected"],[aria-invalid=true], [data-invalid], [data-state="invalid"]) .groupHoverNotDisabledNotSelectedNotInvalid\:vui-bg-c_colorPalette\.hovered\.fill {
    background-color: var(--vui-colors-color-palette-hovered-fill);
}

.hover\:vui-bg-c_background\.opacity-10\.reversed:is(:hover, [data-hover], [data-hovered]) {
    background-color: var(--vui-colors-background-opacity-10-reversed);
}

.group:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-selected=true], [data-selected], [data-state="selected"]) .groupHoverNotDisabledNotSelected\:vui-bg-c_colorPalette\.hovered\.stroke {
    background-color: var(--vui-colors-color-palette-hovered-stroke);
}

.hover\:vui-bg-c_colorPalette\.hovered\.fill:is(:hover, [data-hover], [data-hovered]) {
    background-color: var(--vui-colors-color-palette-hovered-fill);
}

.hover\:vui-bg-c_background\.opacity-10:is(:hover, [data-hover], [data-hovered]) {
    background-color: var(--vui-colors-background-opacity-10);
}

.hover\:vui-bg-c_elements\.confirmation\.contrast:is(:hover, [data-hover], [data-hovered]) {
    background-color: var(--vui-colors-elements-confirmation-contrast);
}

.hover\:vui-bg-c_elements\.error\.contrast:is(:hover, [data-hover], [data-hovered]) {
    background-color: var(--vui-colors-elements-error-contrast);
}

.group:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"],[aria-selected=true], [data-selected], [data-state="selected"]) .groupHoverNotDisabledNotSelected\:vui-color-palette_elements\.overrides\.form\.input\.hovered {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-input-hovered-fill);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-overrides-form-input-hovered-stroke);
}

.active\:vui-bg-c_background:is(:active, [data-active], [data-state="active"]) {
    background-color: var(--vui-colors-background);
}

.\[\&_ul\]\:\[\&_li\:first-child\]\:vui-li-s_\[none\] ul li:first-child {
    list-style: none;
}

.\[\&_tr\:last-child\]\:\[\&_th\]\:vui-bd-b_1px_solid tr:last-child th {
    border-bottom: 1px solid;
}

.\[\&_tr\:last-child\]\:\[\&_th\]\:vui-bd-c_gray\.30 tr:last-child th {
    border-color: var(--vui-colors-gray-30);
}

.dark\:disabled\:vui-bg-c_gray\.20.dark:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]),.dark .dark\:disabled\:vui-bg-c_gray\.20:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]),[data-color-mode=dark] .dark\:disabled\:vui-bg-c_gray\.20:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]),html[data-theme=dark] .dark\:disabled\:vui-bg-c_gray\.20:is(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    background-color: var(--vui-colors-gray-20);
}

.\[\&\[data-selection-mode\]\]\:\[\&\:\:before\]\:vui-pos_absolute[data-selection-mode]::before {
    position: absolute;
}

.\[\&\[data-selection-mode\]\]\:\[\&\:\:before\]\:vui-fw_\[600\][data-selection-mode]::before {
    font-weight: 600;
}

.\[\&\[data-selection-mode\]\]\:\[\&\[data-selection-mode\=multiple\]\[data-selected\]\:\:before\]\:vui-content_\"✓\"[data-selection-mode][data-selection-mode=multiple][data-selected]::before {
    content: "✓";
}

.\[\&\[data-selection-mode\]\]\:\[\&\[data-selection-mode\=multiple\]\[data-selected\]\:\:before\]\:vui-pos_absolute[data-selection-mode][data-selection-mode=multiple][data-selected]::before {
    position: absolute;
}

.\[\&\[data-selection-mode\]\]\:\[\&\[data-selection-mode\=multiple\]\[data-selected\]\:\:before\]\:vui-fw_\[600\][data-selection-mode][data-selection-mode=multiple][data-selected]::before {
    font-weight: 600;
}

.\[\&\[data-selection-mode\]\]\:\[\&\[data-selection-mode\=single\]\[data-selected\]\:\:before\]\:vui-content_\"●\"[data-selection-mode][data-selection-mode=single][data-selected]::before {
    content: "●";
}

.\[\&\[data-selection-mode\]\]\:\[\&\[data-selection-mode\=single\]\[data-selected\]\:\:before\]\:vui-trf_scale\(0\.7\)[data-selection-mode][data-selection-mode=single][data-selected]::before {
    transform: scale(0.7);
}

.group:is([aria-selected=true], [data-selected], [data-state="selected"]) .groupSelected\:before\:vui-bg-c_colorPalette\.contrast::before {
    background-color: var(--vui-colors-color-palette-contrast);
}

.selected\:notDisabled\:vui-color-palette_elements\.overrides\.form\.switch\.checked:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-overrides-form-switch-checked-fill);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-overrides-form-switch-checked-contrast);
}

.selected\:notDisabled\:vui-color-palette_elements\.primary:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-primary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-primary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-primary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-primary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-primary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-primary-contrast-reversed);
    --vui-colors-color-palette-text: var(--vui-colors-elements-primary-text);
}

.selected\:notDisabled\:vui-color-palette_elements\.secondary:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-secondary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-secondary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-secondary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-secondary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-secondary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-secondary-contrast-reversed);
}

.selected\:notDisabled\:vui-color-palette_elements\.tertiary:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    --vui-colors-color-palette-fill: var(--vui-colors-elements-tertiary-fill);
    --vui-colors-color-palette-hovered-fill: var(--vui-colors-elements-tertiary-hovered-fill);
    --vui-colors-color-palette-hovered-stroke: var(--vui-colors-elements-tertiary-hovered-stroke);
    --vui-colors-color-palette-contrast: var(--vui-colors-elements-tertiary-contrast);
    --vui-colors-color-palette-stroke: var(--vui-colors-elements-tertiary-stroke);
    --vui-colors-color-palette-contrast-reversed: var(--vui-colors-elements-tertiary-contrast-reversed);
}

.\[\&_tr\:last-child\]\:\[\&_th\]\:vui-cursor_default tr:last-child th {
    cursor: default;
}

.empty\:dark\:vui-c_cream\.100:is(:empty, [data-empty]).dark,.dark .empty\:dark\:vui-c_cream\.100:is(:empty, [data-empty]),[data-color-mode=dark] .empty\:dark\:vui-c_cream\.100:is(:empty, [data-empty]),html[data-theme=dark] .empty\:dark\:vui-c_cream\.100:is(:empty, [data-empty]) {
    color: var(--vui-colors-cream-100);
}

.selected\:notDisabled\:vui-c_links:is([aria-selected=true], [data-selected], [data-state="selected"]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    color: var(--vui-colors-links);
}

.invalid\:placeholder\:vui-c_text\.error:is([aria-invalid=true], [data-invalid], [data-state="invalid"])::placeholder,.invalid\:placeholder\:vui-c_text\.error:is([aria-invalid=true], [data-invalid], [data-state="invalid"])[data-placeholder] {
    color: var(--vui-colors-text-error);
}

.\[\&\[data-selection-mode\]\]\:\[\&\:\:before\]\:vui-left_\[4px\][data-selection-mode]::before,.\[\&\[data-selection-mode\]\]\:\[\&\[data-selection-mode\=multiple\]\[data-selected\]\:\:before\]\:vui-left_\[4px\][data-selection-mode][data-selection-mode=multiple][data-selected]::before {
    left: 4px;
}

.hover\:notDisabled\:vui-bd-c_colorPalette\.hovered\.stroke:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    border-color: var(--vui-colors-color-palette-hovered-stroke);
}

.hover\:notDisabled\:vui-bd-c_elements\.secondary\.fill:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    border-color: var(--vui-colors-elements-secondary-fill);
}

.hover\:notDisabled\:vui-bg-c_elements\.overrides\.button\.text\.hovered\.fill:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    background-color: var(--vui-colors-elements-overrides-button-text-hovered-fill);
}

.hover\:notDisabled\:vui-bg-c_colorPalette\.hovered\.fill:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    background-color: var(--vui-colors-color-palette-hovered-fill);
}

.hover\:notDisabled\:vui-td-c_\[inherit\]:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    text-decoration-color: inherit;
}

.hover\:notDisabled\:vui-c_links:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    color: var(--vui-colors-links);
}

.hover\:notDisabled\:vui-cursor_pointer:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    cursor: pointer;
}

.hover\:notDisabled\:vui-bd-e-c_\[currentColor\]:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    border-inline-end-color: currentColor;
}

.hover\:notDisabled\:vui-bd-b-c_\[currentColor\]:is(:hover, [data-hover], [data-hovered]):not(:disabled, [disabled], [data-disabled], [data-state="disabled"]) {
    border-bottom-color: currentColor;
}

@media screen and (min-width: 37.5rem) {
    .sm\:vui-w_\[100\%\] {
      width: 100%;
}
    .sm\:vui-h_\[100\%\] {
      height: 100%;
}
}

@media screen and (min-width: 37.5rem) and (max-width: 56.2475rem) {
    .smOnly\:vui-p_\[16px\] {
      padding: 16px;
}
    .smOnly\:vui-p_\[16px_24px\] {
      padding: 16px 24px;
}
    .smOnly\:vui-bdr_\[8px\] {
      border-radius: 8px;
}
}

@media screen and (min-width: 56.25rem) {
    .md\:vui-gap_\[16px\] {
      gap: 16px;
}
    .md\:vui-d_grid {
      display: grid;
}
    .md\:vui-grid-tc_repeat\(2\,_1fr\) {
      grid-template-columns: repeat(2, 1fr);
}
    .md\:vui-w_\[320px\] {
      width: 320px;
}
    .md\:vui-h_\[100\%\] {
      height: 100%;
}
    .md\:vui-w_\[100\%\] {
      width: 100%;
}
    .md\:vui-h_\[320px\] {
      height: 320px;
}
}

@media screen and (min-width: 75rem) {
    .lg\:vui-gap_\[16px\] {
      gap: 16px;
}
    .lg\:vui-grid-tc_\[repeat\(4\,_1fr\)\] {
      grid-template-columns: repeat(4, 1fr);
}
    .lg\:vui-jc_space-between {
      justify-content: space-between;
}
    .lg\:vui-w_\[320px\] {
      width: 320px;
}
    .lg\:vui-h_\[100\%\] {
      height: 100%;
}
    .lg\:vui-w_\[100\%\] {
      width: 100%;
}
    .lg\:vui-h_\[320px\] {
      height: 320px;
}
}