@primer/react-brand/lib/css/main.css

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

/**
 * Modified from https://github.com/hankchizljaw/modern-css-reset
 * Copyright (c) 2019 Andy Bell and other contributors
 * License: MIT
 */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
}

html {
  scroll-behavior: smooth;
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:12 GMT
 */

:root,
[data-color-mode="light"] {
  --base-color-scale-black-0: #000000;
  --base-color-scale-transparent: rgba(255,255,255,0);
  --base-color-scale-white-0: #ffffff;
  --base-color-scale-gray-0: #f2f5f3;
  --base-color-scale-gray-1: #e4ebe6;
  --base-color-scale-gray-2: #d2d9d4;
  --base-color-scale-gray-3: #c4ccc6;
  --base-color-scale-gray-4: #b6bfb8;
  --base-color-scale-gray-5: #96a199;
  --base-color-scale-gray-6: #77827a;
  --base-color-scale-gray-7: #58635b;
  --base-color-scale-gray-8: #353d37;
  --base-color-scale-gray-9: #191f1b;
  --base-color-scale-blue-0: #ddf4ff;
  --base-color-scale-blue-1: #bcecff;
  --base-color-scale-blue-2: #8dd6ff;
  --base-color-scale-blue-3: #5fb9ff;
  --base-color-scale-blue-4: #3094ff;
  --base-color-scale-blue-5: #0377ff;
  --base-color-scale-blue-6: #0055d5;
  --base-color-scale-blue-7: #0040a7;
  --base-color-scale-blue-8: #002f7a;
  --base-color-scale-blue-9: #001c4d;
  --base-color-scale-green-0: #ebf9f4;
  --base-color-scale-green-1: #bfffd1;
  --base-color-scale-green-2: #8cf2a6;
  --base-color-scale-green-3: #5fed83;
  --base-color-scale-green-4: #23ea57;
  --base-color-scale-green-5: #0fbf3e;
  --base-color-scale-green-6: #08872b;
  --base-color-scale-green-7: #0d6731;
  --base-color-scale-green-8: #0e4a2e;
  --base-color-scale-green-9: #0d3024;
  --base-color-scale-yellow-0: #fff8c5;
  --base-color-scale-yellow-1: #ffe777;
  --base-color-scale-yellow-2: #ffd743;
  --base-color-scale-yellow-3: #fabf21;
  --base-color-scale-yellow-4: #db9d00;
  --base-color-scale-yellow-5: #be7d00;
  --base-color-scale-yellow-6: #a06100;
  --base-color-scale-yellow-7: #824800;
  --base-color-scale-yellow-8: #653200;
  --base-color-scale-yellow-9: #471f00;
  --base-color-scale-orange-0: #fff1e5;
  --base-color-scale-orange-1: #fcceab;
  --base-color-scale-orange-2: #f4a876;
  --base-color-scale-orange-3: #f08a3a;
  --base-color-scale-orange-4: #da7210;
  --base-color-scale-orange-5: #b85b06;
  --base-color-scale-orange-6: #954502;
  --base-color-scale-orange-7: #703100;
  --base-color-scale-orange-8: #5c2300;
  --base-color-scale-orange-9: #471700;
  --base-color-scale-red-0: #ffebe9;
  --base-color-scale-red-1: #ffcecb;
  --base-color-scale-red-2: #ffaba8;
  --base-color-scale-red-3: #ff8182;
  --base-color-scale-red-4: #fa4549;
  --base-color-scale-red-5: #cf2230;
  --base-color-scale-red-6: #ae0b29;
  --base-color-scale-red-7: #860620;
  --base-color-scale-red-8: #730019;
  --base-color-scale-red-9: #420011;
  --base-color-scale-purple-0: #f0e5ff;
  --base-color-scale-purple-1: #dbbffd;
  --base-color-scale-purple-2: #c898fd;
  --base-color-scale-purple-3: #b870ff;
  --base-color-scale-purple-4: #9f51fa;
  --base-color-scale-purple-5: #8534f3;
  --base-color-scale-purple-6: #6619e1;
  --base-color-scale-purple-7: #43179e;
  --base-color-scale-purple-8: #26115f;
  --base-color-scale-purple-9: #160048;
  --base-color-scale-pink-0: #fff0fc;
  --base-color-scale-pink-1: #ffc9f2;
  --base-color-scale-pink-2: #f67ed2;
  --base-color-scale-pink-3: #ff80d2;
  --base-color-scale-pink-4: #ff4ac0;
  --base-color-scale-pink-5: #ef2aa4;
  --base-color-scale-pink-6: #ca2186;
  --base-color-scale-pink-7: #952866;
  --base-color-scale-pink-8: #651643;
  --base-color-scale-pink-9: #3d0a28;
  --base-color-scale-coral-0: #fff0eb;
  --base-color-scale-coral-1: #ffcab8;
  --base-color-scale-coral-2: #ffa387;
  --base-color-scale-coral-3: #ff7b56;
  --base-color-scale-coral-4: #fe4c25;
  --base-color-scale-coral-5: #e13f1b;
  --base-color-scale-coral-6: #c53211;
  --base-color-scale-coral-7: #a22710;
  --base-color-scale-coral-8: #801e0f;
  --base-color-scale-coral-9: #500a00;
  --base-color-scale-lemon-0: #fdf5b3;
  --base-color-scale-lemon-1: #f5e36b;
  --base-color-scale-lemon-2: #f2da3b;
  --base-color-scale-lemon-3: #e1c50f;
  --base-color-scale-lemon-4: #c7a60b;
  --base-color-scale-lemon-5: #a98906;
  --base-color-scale-lemon-6: #806803;
  --base-color-scale-lemon-7: #614d01;
  --base-color-scale-lemon-8: #413200;
  --base-color-scale-lemon-9: #322400;
  --base-color-scale-lime-0: #f3fec8;
  --base-color-scale-lime-1: #e8fc97;
  --base-color-scale-lime-2: #dcfa67;
  --base-color-scale-lime-3: #d1f441;
  --base-color-scale-lime-4: #b2de28;
  --base-color-scale-lime-5: #92c219;
  --base-color-scale-lime-6: #698e17;
  --base-color-scale-lime-7: #425e13;
  --base-color-scale-lime-8: #2c440b;
  --base-color-scale-lime-9: #182c01;
  --base-color-scale-teal-0: #daf9f5;
  --base-color-scale-teal-1: #a4efe8;
  --base-color-scale-teal-2: #6ee5dc;
  --base-color-scale-teal-3: #39dad2;
  --base-color-scale-teal-4: #23b1ae;
  --base-color-scale-teal-5: #197b7b;
  --base-color-scale-teal-6: #136061;
  --base-color-scale-teal-7: #024b4d;
  --base-color-scale-teal-8: #083d3d;
  --base-color-scale-teal-9: #052b2c;
  --base-color-scale-indigo-0: #eff2ff;
  --base-color-scale-indigo-1: #d4dbff;
  --base-color-scale-indigo-2: #b3c1fd;
  --base-color-scale-indigo-3: #8e9df7;
  --base-color-scale-indigo-4: #6b7bef;
  --base-color-scale-indigo-5: #4956e5;
  --base-color-scale-indigo-6: #2d3dd7;
  --base-color-scale-indigo-7: #262dae;
  --base-color-scale-indigo-8: #212183;
  --base-color-scale-indigo-9: #12144f;
}

[data-color-mode="dark"] {
  --base-color-scale-black-0: #000000;
  --base-color-scale-transparent: rgba(0,0,0,0);
  --base-color-scale-white-0: #ffffff;
  --base-color-scale-gray-0: #d2d9d4;
  --base-color-scale-gray-1: #c4ccc6;
  --base-color-scale-gray-2: #a4aea6;
  --base-color-scale-gray-3: #7c8980;
  --base-color-scale-gray-4: #58635b;
  --base-color-scale-gray-5: #353d37;
  --base-color-scale-gray-6: #262c28;
  --base-color-scale-gray-7: #191f1b;
  --base-color-scale-gray-8: #0f1511;
  --base-color-scale-gray-9: #060907;
  --base-color-scale-blue-0: #c2edff;
  --base-color-scale-blue-1: #a2daff;
  --base-color-scale-blue-2: #78bafe;
  --base-color-scale-blue-3: #3094ff;
  --base-color-scale-blue-4: #0377ff;
  --base-color-scale-blue-5: #0a50db;
  --base-color-scale-blue-6: #1530b7;
  --base-color-scale-blue-7: #082a8f;
  --base-color-scale-blue-8: #052063;
  --base-color-scale-blue-9: #000839;
  --base-color-scale-green-0: #cdfcd9;
  --base-color-scale-green-1: #8cf2a6;
  --base-color-scale-green-2: #5fed83;
  --base-color-scale-green-3: #23ea57;
  --base-color-scale-green-4: #0fbf3e;
  --base-color-scale-green-5: #08872b;
  --base-color-scale-green-6: #0d6731;
  --base-color-scale-green-7: #0e422c;
  --base-color-scale-green-8: #0d3024;
  --base-color-scale-green-9: #0a241b;
  --base-color-scale-yellow-0: #f8e3a1;
  --base-color-scale-yellow-1: #f7d162;
  --base-color-scale-yellow-2: #fabf21;
  --base-color-scale-yellow-3: #db9d00;
  --base-color-scale-yellow-4: #be7d00;
  --base-color-scale-yellow-5: #a06100;
  --base-color-scale-yellow-6: #834800;
  --base-color-scale-yellow-7: #653200;
  --base-color-scale-yellow-8: #471f00;
  --base-color-scale-yellow-9: #2a1000;
  --base-color-scale-orange-0: #ffe2cc;
  --base-color-scale-orange-1: #fab580;
  --base-color-scale-orange-2: #f08a3a;
  --base-color-scale-orange-3: #ea7110;
  --base-color-scale-orange-4: #d56101;
  --base-color-scale-orange-5: #b35101;
  --base-color-scale-orange-6: #924100;
  --base-color-scale-orange-7: #703100;
  --base-color-scale-orange-8: #572400;
  --base-color-scale-orange-9: #3d1800;
  --base-color-scale-red-0: #ffd9d6;
  --base-color-scale-red-1: #feb2ae;
  --base-color-scale-red-2: #fd8986;
  --base-color-scale-red-3: #fc5c5d;
  --base-color-scale-red-4: #fa383d;
  --base-color-scale-red-5: #d31231;
  --base-color-scale-red-6: #ae0b29;
  --base-color-scale-red-7: #860620;
  --base-color-scale-red-8: #5e0217;
  --base-color-scale-red-9: #33000d;
  --base-color-scale-purple-0: #eadbff;
  --base-color-scale-purple-1: #d3b3fe;
  --base-color-scale-purple-2: #c08bfc;
  --base-color-scale-purple-3: #a665f9;
  --base-color-scale-purple-4: #8b40f5;
  --base-color-scale-purple-5: #6619e1;
  --base-color-scale-purple-6: #43179e;
  --base-color-scale-purple-7: #26115f;
  --base-color-scale-purple-8: #160048;
  --base-color-scale-purple-9: #0e022c;
  --base-color-scale-pink-0: #ffdbf7;
  --base-color-scale-pink-1: #fcabe7;
  --base-color-scale-pink-2: #f67ed2;
  --base-color-scale-pink-3: #ed55ba;
  --base-color-scale-pink-4: #e22d9f;
  --base-color-scale-pink-5: #ca2186;
  --base-color-scale-pink-6: #961c66;
  --base-color-scale-pink-7: #741550;
  --base-color-scale-pink-8: #520e39;
  --base-color-scale-pink-9: #30081f;
  --base-color-scale-coral-0: #ffd5c7;
  --base-color-scale-coral-1: #fdb7a1;
  --base-color-scale-coral-2: #fa9072;
  --base-color-scale-coral-3: #f66945;
  --base-color-scale-coral-4: #ef4319;
  --base-color-scale-coral-5: #c53211;
  --base-color-scale-coral-6: #a22710;
  --base-color-scale-coral-7: #801e0f;
  --base-color-scale-coral-8: #500a00;
  --base-color-scale-coral-9: #3c0000;
  --base-color-scale-lemon-0: #fcf2a5;
  --base-color-scale-lemon-1: #f9e76a;
  --base-color-scale-lemon-2: #f4da38;
  --base-color-scale-lemon-3: #e4c411;
  --base-color-scale-lemon-4: #c7a60b;
  --base-color-scale-lemon-5: #a98906;
  --base-color-scale-lemon-6: #876a04;
  --base-color-scale-lemon-7: #654d02;
  --base-color-scale-lemon-8: #423101;
  --base-color-scale-lemon-9: #241900;
  --base-color-scale-lime-0: #edffc9;
  --base-color-scale-lime-1: #dcff96;
  --base-color-scale-lime-2: #cdf041;
  --base-color-scale-lime-3: #b1e119;
  --base-color-scale-lime-4: #88b80f;
  --base-color-scale-lime-5: #608a10;
  --base-color-scale-lime-6: #3e5f0f;
  --base-color-scale-lime-7: #22360b;
  --base-color-scale-lime-8: #142a08;
  --base-color-scale-lime-9: #091d05;
  --base-color-scale-teal-0: #cff7f2;
  --base-color-scale-teal-1: #99f1e8;
  --base-color-scale-teal-2: #61eee3;
  --base-color-scale-teal-3: #26ede2;
  --base-color-scale-teal-4: #10dcd4;
  --base-color-scale-teal-5: #0bbab6;
  --base-color-scale-teal-6: #079695;
  --base-color-scale-teal-7: #047172;
  --base-color-scale-teal-8: #024b4d;
  --base-color-scale-teal-9: #052d2e;
  --base-color-scale-indigo-0: #dbe3ff;
  --base-color-scale-indigo-1: #b3c1fd;
  --base-color-scale-indigo-2: #8d9ff8;
  --base-color-scale-indigo-3: #6a7df0;
  --base-color-scale-indigo-4: #4a5ce5;
  --base-color-scale-indigo-5: #2d3dd7;
  --base-color-scale-indigo-6: #232fb3;
  --base-color-scale-indigo-7: #212183;
  --base-color-scale-indigo-8: #161962;
  --base-color-scale-indigo-9: #0d103f;
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:12 GMT
 */

:root {
  --base-size-128: 8rem;
  --base-size-112: 7rem;
  --base-size-96: 6rem;
  --base-size-88: 5.5rem;
  --base-size-80: 5rem;
  --base-size-64: 4rem;
  --base-size-60: 3.75rem;
  --base-size-48: 3rem;
  --base-size-44: 2.75rem;
  --base-size-40: 2.5rem;
  --base-size-36: 2.25rem;
  --base-size-32: 2rem;
  --base-size-28: 1.75rem;
  --base-size-24: 1.5rem;
  --base-size-20: 1.25rem;
  --base-size-16: 1rem;
  --base-size-12: 0.75rem;
  --base-size-8: 0.5rem;
  --base-size-6: 0.375rem;
  --base-size-4: 0.25rem;
  --base-size-2: 0.125rem;
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:12 GMT
 */

:root {
  --base-text-weight-heavy: 900;
  --base-text-weight-extrabold: 800;
  --base-text-weight-bold: 700;
  --base-text-weight-semibold: 600;
  --base-text-weight-medium: 500;
  --base-text-weight-normal: 400;
  --base-text-weight-regular: 400;
  --base-text-weight-light: 300;
  --base-text-weight-extralight: 200;
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:12 GMT
 */

:root {
  --brand-text-style-italic-10: "ital" 10;
  --brand-text-style-italic-9: "ital" 9;
  --brand-text-style-italic-8: "ital" 8;
  --brand-text-style-italic-7: "ital" 7;
  --brand-text-style-italic-6: "ital" 6;
  --brand-text-style-italic-5: "ital" 5;
  --brand-text-style-italic-4: "ital" 4;
  --brand-text-style-italic-3: "ital" 3;
  --brand-text-style-italic-2: "ital" 2;
  --brand-text-style-italic-1: "ital" 1;
  --brand-text-letterSpacing-1000: 0;
  --brand-text-letterSpacing-900: 0;
  --brand-text-letterSpacing-800: 0;
  --brand-text-letterSpacing-700: 0;
  --brand-text-letterSpacing-600: 0;
  --brand-text-letterSpacing-500: 0;
  --brand-text-letterSpacing-400: 0;
  --brand-text-letterSpacing-350: 0.18px;
  --brand-text-letterSpacing-300: 0.18px;
  --brand-text-letterSpacing-200: 0.24px;
  --brand-text-letterSpacing-100: 0.21px;
  --brand-text-lineHeight-1000: 1.149;
  --brand-text-lineHeight-900: 1.2;
  --brand-text-lineHeight-800: 1.2;
  --brand-text-lineHeight-700: 1.2;
  --brand-text-lineHeight-600: 1.3;
  --brand-text-lineHeight-500: 1.3;
  --brand-text-lineHeight-400: 1.4;
  --brand-text-lineHeight-350: 1.5;
  --brand-text-lineHeight-300: 1.5;
  --brand-text-lineHeight-200: 1.5;
  --brand-text-lineHeight-100: 1.5;
  --brand-text-size-1000: 2.5rem;
  --brand-text-size-900: 2.25rem;
  --brand-text-size-800: 2rem;
  --brand-text-size-700: 1.75rem;
  --brand-text-size-600: 1.5rem;
  --brand-text-size-500: 1.375rem;
  --brand-text-size-400: 1.25rem;
  --brand-text-size-350: 1.125rem;
  --brand-text-size-300: 1.125rem;
  --brand-text-size-200: 1rem;
  --brand-text-size-100: 0.875rem;
  --brand-text-weight-heavy: 550;
  --brand-text-weight-extrabold: 543;
  --brand-text-weight-bold: 537;
  --brand-text-weight-semibold: 525;
  --brand-text-weight-medium: 500;
  --brand-text-weight-normal: 400;
  --brand-text-weight-regular: 400;
  --brand-text-weight-light: 400;
  --brand-text-weight-extralight: 400;
  --brand-text-weight-1000: var(--base-text-weight-normal);
  --brand-text-weight-900: var(--base-text-weight-normal);
  --brand-text-weight-800: var(--base-text-weight-normal);
  --brand-text-weight-700: var(--base-text-weight-normal);
  --brand-text-weight-600: var(--base-text-weight-normal);
  --brand-text-weight-500: var(--base-text-weight-normal);
  --brand-text-weight-400: var(--base-text-weight-normal);
  --brand-text-weight-350: var(--base-text-weight-normal);
  --brand-text-weight-300: var(--base-text-weight-normal);
  --brand-text-weight-200: var(--base-text-weight-normal);
  --brand-text-weight-100: var(--base-text-weight-normal);
  --brand-text-subhead-lineHeight-large: 1.3;
  --brand-text-subhead-lineHeight-medium: 1.3;
  --brand-text-subhead-weight-large: 475;
  --brand-text-subhead-weight-medium: 550;
  --brand-text-subhead-letterSpacing-large: 0.1px;
  --brand-text-subhead-letterSpacing-medium: 0.24px;
  --brand-text-subhead-size-large: 1.125rem;
  --brand-text-subhead-size-medium: 1rem;
  --brand-heading-lineHeight-1000: 1.1;
  --brand-heading-lineHeight-900: 1.1;
  --brand-heading-lineHeight-800: 1.2;
  --brand-heading-lineHeight-700: 1.2;
  --brand-heading-lineHeight-600: 1.3;
  --brand-heading-lineHeight-500: 1.3;
  --brand-heading-lineHeight-400: 1.3;
  --brand-heading-letterSpacing-1000: 0;
  --brand-heading-letterSpacing-900: 0;
  --brand-heading-letterSpacing-800: 0;
  --brand-heading-letterSpacing-700: 0;
  --brand-heading-letterSpacing-600: 0;
  --brand-heading-letterSpacing-500: 0;
  --brand-heading-letterSpacing-400: 0;
  --brand-heading-weight-1000: 440;
  --brand-heading-weight-900: 440;
  --brand-heading-weight-800: 465;
  --brand-heading-weight-700: 460;
  --brand-heading-weight-600: 460;
  --brand-heading-weight-500: 480;
  --brand-heading-weight-400: 480;
  --brand-fontStack-monospace: "Mona Sans Mono", monospace;
  --brand-fontStack-sansSerifAlt: "Hubot Sans", "Hubot SansHeaderFallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --brand-fontStack-sansSerif: "Mona Sans", "MonaSansFallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --brand-fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --brand-heading-fontFamilyAlt: var(--brand-fontStack-sansSerifAlt);
  --brand-heading-fontFamily: var(--brand-fontStack-sansSerif);
  --brand-body-fontFamilyAlt: var(--brand-fontStack-sansSerifAlt);
  --brand-body-fontFamily: var(--brand-fontStack-sansSerif);
}

@media (min-width: 768px) {
  :root {
    --brand-text-lineHeight-1000: 1.08;
    --brand-text-lineHeight-900: 1.2;
    --brand-text-lineHeight-800: 1.2;
    --brand-text-size-1000: 3.5rem;
    --brand-text-size-900: 3rem;
    --brand-text-size-800: 2.5rem;
    --brand-text-size-700: 2.125rem;
    --brand-text-size-600: 1.75rem;
    --brand-text-size-500: 1.5rem;
    --brand-text-size-400: 1.25rem;
    --brand-text-subhead-weight-large: 525;
    --brand-heading-lineHeight-1000: 1.05;
    --brand-heading-lineHeight-900: 1.05;
    --brand-heading-weight-1000: 440;
    --brand-heading-weight-900: 440;
    --brand-heading-weight-800: 465;
    --brand-heading-weight-700: 460;
  }
}

@media (min-width: 1012px) {
  :root {
    --brand-text-letterSpacing-1000: -0.035em;
    --brand-text-lineHeight-1000: 1.08;
    --brand-text-lineHeight-900: 1.1;
    --brand-text-lineHeight-800: 1.18;
    --brand-text-lineHeight-500: 1.35;
    --brand-text-size-1000: 4rem;
    --brand-text-size-900: 3.5rem;
    --brand-text-size-800: 3rem;
    --brand-text-size-700: 2.5rem;
    --brand-text-size-600: 2.125rem;
    --brand-text-size-500: 1.75rem;
    --brand-text-size-400: 1.375rem;
    --brand-text-size-350: 1.25rem;
    --brand-text-subhead-weight-large: 500;
    --brand-text-subhead-size-large: 1.25rem;
    --brand-heading-lineHeight-1000: 1;
    --brand-heading-lineHeight-900: 1;
    --brand-heading-lineHeight-600: 1.2;
    --brand-heading-letterSpacing-1000: -0.014rem;
    --brand-heading-weight-1000: 425;
    --brand-heading-weight-900: 440;
    --brand-heading-weight-800: 440;
    --brand-heading-weight-700: 460;
  }
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:11 GMT
 */

:root {
  --brand-breakpoint-xxlarge: 87.5rem;
  --brand-breakpoint-xlarge: 80rem;
  --brand-breakpoint-large: 63.25rem;
  --brand-breakpoint-medium: 48rem;
  --brand-breakpoint-small: 34rem;
  --brand-breakpoint-xsmall: 20rem;
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:11 GMT
 */

:root {
  --brand-borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
  --brand-borderWidth-thicker: max(4px, 0.25rem);
  --brand-borderWidth-thick: max(2px, 0.125rem);
  --brand-borderWidth-thin: max(1px, 0.0625rem);
  --brand-borderRadius-xlarge: var(--base-size-24);
  --brand-borderRadius-large: var(--base-size-16);
  --brand-borderRadius-medium: var(--base-size-8);
  --brand-borderRadius-small: var(--base-size-4);
  --brand-borderInset-thicker: inset 0 0 0 var(--brand-borderWidth-thicker);
  --brand-borderInset-thick: inset 0 0 0 var(--brand-borderWidth-thick);
  --brand-borderInset-thin: inset 0 0 0 var(--brand-borderWidth-thin);
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:12 GMT
 */

:root,
[data-color-mode="light"] {
  --brand-color-success-fg: var(--base-color-scale-green-6);
  --brand-color-success-emphasis: var(--base-color-scale-green-5);
  --brand-color-success-muted: rgba(140,242,166,0.6);
  --brand-color-success-subtle: var(--base-color-scale-green-1);
  --brand-color-danger-fg: var(--base-color-scale-red-5);
  --brand-color-danger-emphasis: var(--base-color-scale-red-5);
  --brand-color-danger-muted: rgba(255,171,168,0.6);
  --brand-color-danger-subtle: var(--base-color-scale-red-0);
  --brand-color-error-fg: var(--brand-color-danger-fg);
  --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
  --brand-color-error-muted: var(--brand-color-danger-muted);
  --brand-color-error-subtle: var(--brand-color-danger-subtle);
  --brand-color-accent-primary: var(--base-color-scale-green-7);
  --brand-color-accent-secondary: var(--base-color-scale-yellow-5);
  --brand-color-text-default: var(--base-color-scale-black-0);
  --brand-color-text-muted: var(--base-color-scale-gray-7);
  --brand-color-text-subtle: var(--brand-color-text-muted);
  --brand-color-text-onEmphasis: var(--base-color-scale-white-0);
  --brand-color-text-emphasized: var(--base-color-scale-green-6);
  --brand-color-text-link-rest: #005dd5;
  --brand-color-text-link-pressed: var(--base-color-scale-blue-8);
  --brand-color-text-danger: #cf222e;
  --brand-color-text-error: var(--brand-color-text-danger);
  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-8);
  --brand-color-neutral-emphasis: var(--base-color-scale-gray-6);
  --brand-color-neutral-muted: rgba(196,204,198,0.99608);
  --brand-color-neutral-subtle: rgba(228,235,230,0.99608);
  --brand-color-canvas-default: var(--base-color-scale-white-0);
  --brand-color-canvas-invert: var(--base-color-scale-black-0);
  --brand-color-canvas-overlay: var(--base-color-scale-white-0);
  --brand-color-canvas-inset: var(--base-color-scale-gray-0);
  --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
  --brand-color-canvas-muted: #fafafa;
  --brand-color-border-default: var(--base-color-scale-gray-4);
  --brand-color-border-muted: var(--base-color-scale-gray-1);
  --brand-color-border-subtle: var(--base-color-scale-gray-2);
  --brand-color-focus: var(--base-color-scale-blue-5);
}

[data-color-mode="dark"] {
  --brand-color-success-fg: var(--base-color-scale-green-3);
  --brand-color-success-emphasis: var(--base-color-scale-green-6);
  --brand-color-success-muted: rgba(13,48,36,0.6);
  --brand-color-success-subtle: rgba(14,66,44,0.85098);
  --brand-color-danger-fg: var(--base-color-scale-red-4);
  --brand-color-danger-emphasis: var(--base-color-scale-red-5);
  --brand-color-danger-muted: rgba(94,2,23,0.6);
  --brand-color-danger-subtle: rgba(250,56,61,0.85098);
  --brand-color-error-fg: var(--brand-color-danger-fg);
  --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
  --brand-color-error-muted: var(--brand-color-danger-muted);
  --brand-color-error-subtle: var(--brand-color-danger-subtle);
  --brand-color-accent-primary: var(--base-color-scale-green-2);
  --brand-color-accent-secondary: var(--base-color-scale-yellow-3);
  --brand-color-text-default: var(--base-color-scale-white-0);
  --brand-color-text-muted: var(--base-color-scale-gray-2);
  --brand-color-text-subtle: var(--brand-color-text-muted);
  --brand-color-text-onEmphasis: var(--base-color-scale-black-0);
  --brand-color-text-emphasized: var(--base-color-scale-green-3);
  --brand-color-text-link-rest: #8dd6ff;
  --brand-color-text-link-pressed: var(--base-color-scale-blue-1);
  --brand-color-text-danger: #ff8182;
  --brand-color-text-error: var(--brand-color-text-danger);
  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-3);
  --brand-color-neutral-emphasis: var(--base-color-scale-gray-3);
  --brand-color-neutral-muted: rgba(124,137,128,0.99608);
  --brand-color-neutral-subtle: rgba(124,137,128,1);
  --brand-color-canvas-default: var(--base-color-scale-black-0);
  --brand-color-canvas-invert: var(--base-color-scale-white-0);
  --brand-color-canvas-overlay: var(--base-color-scale-gray-6);
  --brand-color-canvas-inset: var(--base-color-scale-black-0);
  --brand-color-canvas-subtle: var(--base-color-scale-gray-8);
  --brand-color-canvas-muted: #090d0a;
  --brand-color-border-default: var(--base-color-scale-gray-5);
  --brand-color-border-muted: var(--base-color-scale-gray-7);
  --brand-color-border-subtle: var(--base-color-scale-gray-6);
  --brand-color-focus: var(--base-color-scale-blue-3);
}

/*
 * For important high-utility CSS classes that are used 
 * frequently throughout the library and helpful to library users.
 */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  word-wrap: normal;
  border: 0;
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:12 GMT
 */

:root {
  --brand-Grid-spacing-margin: var(--base-size-16);
  --brand-Grid-spacing-column-gap: var(--base-size-16);
  --brand-Grid-spacing-row: var(--base-size-16);
}

@media (min-width: 768px) {
  :root {
    --brand-Grid-spacing-margin: var(--base-size-40);
    --brand-Grid-spacing-column-gap: var(--base-size-32);
    --brand-Grid-spacing-row: var(--base-size-32);
  }
}

@media (min-width: 1280px) {
  :root {
    --brand-Grid-spacing-margin: var(--base-size-16);
    --brand-Grid-spacing-column-gap: var(--base-size-48);
    --brand-Grid-spacing-row: var(--base-size-48);
  }
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:12 GMT
 */

:root,
[data-color-mode="light"] {
  --brand-Grid-column-bgColor-overlay: rgba(251,81,84,0.30196);
}

[data-color-mode="dark"] {
  --brand-Grid-column-bgColor-overlay: rgba(251,81,84,0.30196);
}

.Primer_Brand__Grid-module__Grid___q48mT {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  max-width: 1280px;
  margin: 0 auto;
}

.Primer_Brand__Grid-module__Grid--columnGap-default___NxZ0V {
  grid-column-gap: var(--brand-Grid-spacing-column-gap);
}

.Primer_Brand__Grid-module__Grid--columnGap-none___Qh5GF {
  grid-column-gap: 0;
}

.Primer_Brand__Grid-module__Grid--rowGap-default___X5kJS {
  grid-row-gap: var(--brand-Grid-spacing-row);
}

.Primer_Brand__Grid-module__Grid--rowGap-none___WSM_k {
  grid-row-gap: 0;
}

.Primer_Brand__Grid-module__Grid--full-width___pIgWW {
  width: 100%;
  max-width: none;
}

.Primer_Brand__Grid-module__Grid___q48mT + .Primer_Brand__Grid-module__Grid___q48mT {
  margin-top: var(--brand-Grid-spacing-row);
}

.Primer_Brand__Grid-module__Grid___q48mT .Primer_Brand__Grid-module__Grid___q48mT {
  padding-inline: 0;
  margin: 0;
}

.Primer_Brand__Grid-module__Grid__column___HTpsw {
  grid-column: auto / span 12;
}

.Primer_Brand__Grid-module__Grid--has-overlay___M9Cs0 .Primer_Brand__Grid-module__Grid__column___HTpsw {
  background-color: var(--brand-Grid-column-bgColor-overlay);
  min-height: var(--base-size-24);
}

.Primer_Brand__Grid-module__Grid--has-gutters___KoJD2 {
  padding-inline: var(--brand-Grid-spacing-margin);
}

/**
 * Non-responsive, default values
 */
.Primer_Brand__Grid-module__Grid__column--span-1___T7v1_ {
  grid-column: auto / span 1;
}

.Primer_Brand__Grid-module__Grid__column--span-2___r4qRu {
  grid-column: auto / span 2;
}

.Primer_Brand__Grid-module__Grid__column--span-3___Tnlwe {
  grid-column: auto / span 3;
}

.Primer_Brand__Grid-module__Grid__column--span-4___Q9jA0 {
  grid-column: auto / span 4;
}

.Primer_Brand__Grid-module__Grid__column--span-5___UpILx {
  grid-column: auto / span 5;
}

.Primer_Brand__Grid-module__Grid__column--span-6___vUUep {
  grid-column: auto / span 6;
}

.Primer_Brand__Grid-module__Grid__column--span-7___lfMLa {
  grid-column: auto / span 7;
}

.Primer_Brand__Grid-module__Grid__column--span-8___qarGZ {
  grid-column: auto / span 8;
}

.Primer_Brand__Grid-module__Grid__column--span-9___L2waY {
  grid-column: auto / span 9;
}

.Primer_Brand__Grid-module__Grid__column--span-10___VRJQp {
  grid-column: auto / span 10;
}

.Primer_Brand__Grid-module__Grid__column--span-11___pjEQO {
  grid-column: auto / span 11;
}

.Primer_Brand__Grid-module__Grid__column--span-12___Tn1Hg {
  grid-column: auto / span 12;
}

.Primer_Brand__Grid-module__Grid__column--start-1___jF8hC {
  grid-column-start: 1;
}

.Primer_Brand__Grid-module__Grid__column--start-2___S9EWU {
  grid-column-start: 2;
}

.Primer_Brand__Grid-module__Grid__column--start-3___GwcI1 {
  grid-column-start: 3;
}

.Primer_Brand__Grid-module__Grid__column--start-4___BIVqR {
  grid-column-start: 4;
}

.Primer_Brand__Grid-module__Grid__column--start-5___yTruZ {
  grid-column-start: 5;
}

.Primer_Brand__Grid-module__Grid__column--start-6___FAtcW {
  grid-column-start: 6;
}

.Primer_Brand__Grid-module__Grid__column--start-7___Jnzaq {
  grid-column-start: 7;
}

.Primer_Brand__Grid-module__Grid__column--start-8___CLuiS {
  grid-column-start: 8;
}

.Primer_Brand__Grid-module__Grid__column--start-9___hhyfE {
  grid-column-start: 9;
}

.Primer_Brand__Grid-module__Grid__column--start-10___ojxEo {
  grid-column-start: 10;
}

.Primer_Brand__Grid-module__Grid__column--start-11___oBenU {
  grid-column-start: 11;
}

.Primer_Brand__Grid-module__Grid__column--start-12___wQnvA {
  grid-column-start: 12;
}

/**
 * Responsive style overrides
 */

/* XSMALL breakpoint */
@media screen and (min-width: 0) {
  /* XSMALL span */
  .Primer_Brand__Grid-module__Grid__column--xsmall-span-1___srexO {
    grid-column: auto / span 1;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-2___XrAnt {
    grid-column: auto / span 2;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-3___Aps_z {
    grid-column: auto / span 3;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-4___OSsWO {
    grid-column: auto / span 4;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-5___ShR77 {
    grid-column: auto / span 5;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-6___V4QJq {
    grid-column: auto / span 6;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-7___DtdFA {
    grid-column: auto / span 7;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-8___e5M5o {
    grid-column: auto / span 8;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-9___sdZ5a {
    grid-column: auto / span 9;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-10___YuS1a {
    grid-column: auto / span 10;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-11____RxYR {
    grid-column: auto / span 11;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-span-12___brXS7 {
    grid-column: auto / span 12;
  }

  /* XSMALL start */
  .Primer_Brand__Grid-module__Grid__column--xsmall-start-1___Y9JJq {
    grid-column-start: 1;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-2___ruZTF {
    grid-column-start: 2;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-3___yEBif {
    grid-column-start: 3;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-4___QPFc2 {
    grid-column-start: 4;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-5___WAqd0 {
    grid-column-start: 5;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-6___T1rhy {
    grid-column-start: 6;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-7___uMQT1 {
    grid-column-start: 7;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-8___LUADA {
    grid-column-start: 8;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-9___CBnBu {
    grid-column-start: 9;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-10___EPRyw {
    grid-column-start: 10;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-11___UbCAy {
    grid-column-start: 11;
  }

  .Primer_Brand__Grid-module__Grid__column--xsmall-start-12___gYCaa {
    grid-column-start: 12;
  }
}

/* SMALL breakpoint */
@media screen and (min-width: 34rem) {
  /* SMALL start */
  .Primer_Brand__Grid-module__Grid__column--small-span-1___rBTjf {
    grid-column: auto / span 1;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-2___SHQM3 {
    grid-column: auto / span 2;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-3___cbAS8 {
    grid-column: auto / span 3;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-4___tv973 {
    grid-column: auto / span 4;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-5___EBkra {
    grid-column: auto / span 5;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-6___OYZPl {
    grid-column: auto / span 6;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-7___ymqG4 {
    grid-column: auto / span 7;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-8___qy9wb {
    grid-column: auto / span 8;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-9___hWJAx {
    grid-column: auto / span 9;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-10___apy3R {
    grid-column: auto / span 10;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-11___tsz0q {
    grid-column: auto / span 11;
  }

  .Primer_Brand__Grid-module__Grid__column--small-span-12___NdAWP {
    grid-column: auto / span 12;
  }

  /* SMALL start */
  .Primer_Brand__Grid-module__Grid__column--small-start-1___epLTD {
    grid-column-start: 1;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-2___wlXcD {
    grid-column-start: 2;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-3___YFtvP {
    grid-column-start: 3;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-4___SOC6v {
    grid-column-start: 4;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-5___EVXuW {
    grid-column-start: 5;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-6___t1yYl {
    grid-column-start: 6;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-7___MDozK {
    grid-column-start: 7;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-8___CR0Zw {
    grid-column-start: 8;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-9___W0svP {
    grid-column-start: 9;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-10___vxEwX {
    grid-column-start: 10;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-11___orcQZ {
    grid-column-start: 11;
  }

  .Primer_Brand__Grid-module__Grid__column--small-start-12___o4V7W {
    grid-column-start: 12;
  }
}

/* MEDIUM breakpoint */
@media screen and (min-width: 48rem) {
  /* MEDIUM start */
  .Primer_Brand__Grid-module__Grid__column--medium-span-1___BiHOE {
    grid-column: auto / span 1;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-2___nANvY {
    grid-column: auto / span 2;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-3___GpBD0 {
    grid-column: auto / span 3;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-4___zBxBa {
    grid-column: auto / span 4;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-5___CnPWN {
    grid-column: auto / span 5;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-6___DACuh {
    grid-column: auto / span 6;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-7___R2Isv {
    grid-column: auto / span 7;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-8___KI5ir {
    grid-column: auto / span 8;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-9___is8dv {
    grid-column: auto / span 9;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-10___eN2sH {
    grid-column: auto / span 10;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-11___anfim {
    grid-column: auto / span 11;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-span-12___eT5YS {
    grid-column: auto / span 12;
  }

  /* MEDIUM start */
  .Primer_Brand__Grid-module__Grid__column--medium-start-1___bCFG1 {
    grid-column-start: 1;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-2___ZxYOX {
    grid-column-start: 2;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-3___aPUJ0 {
    grid-column-start: 3;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-4___VTIjA {
    grid-column-start: 4;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-5___ccI5l {
    grid-column-start: 5;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-6___Yc14i {
    grid-column-start: 6;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-7___HOZSW {
    grid-column-start: 7;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-8___G8VdF {
    grid-column-start: 8;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-9___Ebcy8 {
    grid-column-start: 9;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-10___dY7pN {
    grid-column-start: 10;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-11___hVffM {
    grid-column-start: 11;
  }

  .Primer_Brand__Grid-module__Grid__column--medium-start-12___N3mIQ {
    grid-column-start: 12;
  }
}

/* LARGE breakpoint */
@media screen and (min-width: 63.25rem) {
  /* LARGE start */
  .Primer_Brand__Grid-module__Grid__column--large-span-1___Nfkto {
    grid-column: auto / span 1;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-2___GyGH4 {
    grid-column: auto / span 2;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-3___iwGxK {
    grid-column: auto / span 3;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-4___eJREG {
    grid-column: auto / span 4;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-5___rCJ_b {
    grid-column: auto / span 5;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-6___JNphY {
    grid-column: auto / span 6;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-7___TySdj {
    grid-column: auto / span 7;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-8___dkJwh {
    grid-column: auto / span 8;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-9___aamnY {
    grid-column: auto / span 9;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-10___nH4Bt {
    grid-column: auto / span 10;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-11___mDo3B {
    grid-column: auto / span 11;
  }

  .Primer_Brand__Grid-module__Grid__column--large-span-12___zSL6d {
    grid-column: auto / span 12;
  }

  /* LARGE start */
  .Primer_Brand__Grid-module__Grid__column--large-start-1___Hc53V {
    grid-column-start: 1;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-2____RsQ_ {
    grid-column-start: 2;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-3___DN5KJ {
    grid-column-start: 3;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-4___iKrrW {
    grid-column-start: 4;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-5___t3K5k {
    grid-column-start: 5;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-6___uFIIO {
    grid-column-start: 6;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-7___YeqWt {
    grid-column-start: 7;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-8___fmHfg {
    grid-column-start: 8;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-9___UIwRf {
    grid-column-start: 9;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-10___rOnsb {
    grid-column-start: 10;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-11___oPN0R {
    grid-column-start: 11;
  }

  .Primer_Brand__Grid-module__Grid__column--large-start-12___tZLO7 {
    grid-column-start: 12;
  }
}

/* XLARGE breakpoint */
@media screen and (min-width: 80rem) {
  /* XLARGE span */
  .Primer_Brand__Grid-module__Grid__column--xlarge-span-1___VzjSN {
    grid-column: auto / span 1;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-2___p1QuZ {
    grid-column: auto / span 2;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-3___xvbnJ {
    grid-column: auto / span 3;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-4___D_9gq {
    grid-column: auto / span 4;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-5___AWQN4 {
    grid-column: auto / span 5;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-6___FY68d {
    grid-column: auto / span 6;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-7___PDVrC {
    grid-column: auto / span 7;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-8___Np3vn {
    grid-column: auto / span 8;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-9___QnUTm {
    grid-column: auto / span 9;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-10___GPYff {
    grid-column: auto / span 10;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-11____dXqr {
    grid-column: auto / span 11;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-span-12___Faxbf {
    grid-column: auto / span 12;
  }

  /* XLARGE start */
  .Primer_Brand__Grid-module__Grid__column--xlarge-start-1___8hqMz {
    grid-column-start: 1;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-2___aiylo {
    grid-column-start: 2;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-3___Iuufu {
    grid-column-start: 3;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-4___ynfkD {
    grid-column-start: 4;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-5___smnkV {
    grid-column-start: 5;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-6___Z4EoQ {
    grid-column-start: 6;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-7___NCAWz {
    grid-column-start: 7;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-8___CZ8J_ {
    grid-column-start: 8;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-9___yhpyy {
    grid-column-start: 9;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-10___E5Jou {
    grid-column-start: 10;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-11___OGVVw {
    grid-column-start: 11;
  }

  .Primer_Brand__Grid-module__Grid__column--xlarge-start-12____kw0D {
    grid-column-start: 12;
  }
}

/* XXLARGE breakpoint */
@media screen and (min-width: 87.5rem) {
  /* XXLARGE span */
  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-1___K9YLn {
    grid-column: auto / span 1;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-2___FoOLk {
    grid-column: auto / span 2;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-3___AvRFb {
    grid-column: auto / span 3;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-4___wmisc {
    grid-column: auto / span 4;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-5___oSh5q {
    grid-column: auto / span 5;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-6___zg0Yr {
    grid-column: auto / span 6;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-7___CxtNE {
    grid-column: auto / span 7;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-8___r4GdW {
    grid-column: auto / span 8;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-9___mfOCW {
    grid-column: auto / span 9;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-10___xjus8 {
    grid-column: auto / span 10;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-11___AZC4h {
    grid-column: auto / span 11;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-span-12___DjdAU {
    grid-column: auto / span 12;
  }

  /* XXLARGE start */
  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-1___HFYSu {
    grid-column-start: 1;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-2___dBj41 {
    grid-column-start: 2;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-3___BX9bn {
    grid-column-start: 3;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-4___FwEd9 {
    grid-column-start: 4;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-5____pwv6 {
    grid-column-start: 5;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-6___u1opn {
    grid-column-start: 6;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-7___GuJAv {
    grid-column-start: 7;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-8___Z7ZFc {
    grid-column-start: 8;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-9___CcH1u {
    grid-column-start: 9;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-10___sck1f {
    grid-column-start: 10;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-11___VvIqo {
    grid-column-start: 11;
  }

  .Primer_Brand__Grid-module__Grid__column--xxlarge-start-12___MKYFP {
    grid-column-start: 12;
  }
}

/**
 * Do not edit directly
 * Generated on Wed, 24 Jun 2026 12:18:11 GMT
 */

:root {
  --brand-animation-variant-scaleInLeft-end: 1;
  --brand-animation-variant-scaleInLeft-start: 0.90;
  --brand-animation-variant-scaleInLeft-distance: 1.25rem;
  --brand-animation-variant-scaleInRight-end: 1;
  --brand-animation-variant-scaleInRight-start: 0.90;
  --brand-animation-variant-scaleInRight-distance: -1.25rem;
  --brand-animation-variant-scaleInTop-distance: ;
  --brand-animation-variant-scaleIn-end: 1;
  --brand-animation-variant-scaleIn-start: 0.96;
  --brand-animation-variant-scaleInDown-end: 1;
  --brand-animation-variant-scaleInDown-start: 0;
  --brand-animation-variant-scaleInDown-distance: -3.125rem;
  --brand-animation-variant-scaleInUp-end: 1;
  --brand-animation-variant-scaleInUp-start: 0.96;
  --brand-animation-variant-scaleInUp-distance: 1.5rem;
  --brand-animation-variant-slideInRight-distance: -0.9375rem;
  --brand-animation-variant-slideInLeft-distance: 0.9375rem;
  --brand-animation-variant-slideInDown-distance: -0.9375rem;
  --brand-animation-variant-slideInUp-distance: 0.9375rem;
  --brand-animation-transition-default: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
  --brand-animation-easing-glide: cubic-bezier(0.33, 1, 0.68, 1);
  --brand-animation-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
  --brand-animation-duration-extended: 0.7s;
  --brand-animation-duration-default: 0.6s;
  --brand-animation-duration-fast: 0.3s;
  --brand-animation-duration-faster: 0.2s;
}

.Primer_Brand__Animation-module__Animation___KNtEW {
  transition: var(--brand-animation-transition-default);
}

/**
 * Fade in
 */
.Primer_Brand__Animation-module__Animation--fade-in___jUvJD {
  opacity: 0;
  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
}

.Primer_Brand__Animation-module__Animation--fade-in___jUvJD.Primer_Brand__Animation-module__Animation--active___g_UBK {
  opacity: 1;
}

/**
 * Fade out
 */
.Primer_Brand__Animation-module__Animation--fade-out___CsyfK {
  opacity: 1;
}

.Primer_Brand__Animation-module__Animation--fade-out___CsyfK.Primer_Brand__Animation-module__Animation--active___g_UBK {
  opacity: 0;
  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
}

/**
 * Slide in up
 */
.Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI {
  opacity: 0;
  transform: translateY(var(--brand-animation-variant-slideInUp-distance));
  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
}

.Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI.Primer_Brand__Animation-module__Animation--active___g_UBK {
  opacity: 1;
  transform: translateY(0);
}

/**
 * Slide in down
 */
.Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv {
  opacity: 0;
  transform: translateY(var(--brand-animation-variant-slideInDown-distance));
  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
}

.Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv.Primer_Brand__Animation-module__Animation--active___g_UBK {
  opacity: 1;
  transform: translateY(0);
}

/**
 * Slide in left
 */
.Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js {
  opacity: 0;
  transform: translateX(var(--brand-animation-variant-slideInLeft-distance));
  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
}

.Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js.Primer_Brand__Animation-module__Animation--active___g_UBK {
  opacity: 1;
  transform: translateX(0);
}

/**
 * Slide in right
 */
.Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx {
  opacity: 0;
  transform: translateX(var(--brand-animation-variant-slideInRight-distance));
  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
}

.Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx.Primer_Brand__Animation-module__Animation--active___g_UBK {
  opacity: 1;
  transform: translateX(0);
}

/**
 * Scale in
 */
.Primer_Brand__Animation-module__Animation--scale-in___P7xzG {
  opacity: 0;
  transform: scale(var(--brand-animation-variant-scaleIn-start));
  transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
    transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
}

.Primer_Brand__Animation-module__Animation--scal