html {
  --color-primary-900--string: 20, 25, 32;
  --color-primary-800--string: 6, 32, 56;
  --color-primary-700--string: 12, 47, 80;
  --color-primary-600--string: 14, 60, 101;
  --color-primary-500--string: 17, 79, 133;
  --color-primary-50--string: 206, 232, 255;
  --color-primary-400--string: 14, 118, 209;
  --color-primary-300--string: 37, 153, 255;
  --color-primary-200--string: 95, 180, 255;
  --color-black--string: 0, 0, 0;
  --color-primary-100--string: 154, 206, 252;
  --color-white--string: 255, 255, 255;
  --color-secondary-900--string: 20, 24, 28;
  --color-secondary-800--string: 26, 34, 41;
  --color-secondary-700--string: 39, 50, 58;
  --color-secondary-600--string: 57, 69, 78;
  --color-secondary-500--string: 87, 99, 107;
  --color-secondary-50--string: 220, 228, 236;
  --color-secondary-400--string: 111, 124, 132;
  --color-secondary-300--string: 129, 141, 149;
  --color-secondary-200--string: 156, 171, 181;
  --color-secondary-100--string: 187, 202, 212;
  --color-tertiary-900--string: 0, 25, 31;
  --color-tertiary-800--string: 0, 33, 41;
  --color-tertiary-700--string: 0, 41, 51;
  --color-tertiary-600--string: 0, 48, 59;
  --color-tertiary-500--string: 0, 62, 77;
  --color-tertiary-400--string: 0, 77, 94;
  --color-tertiary-300--string: 0, 138, 138;
  --color-tertiary-200--string: 3, 227, 205;
  --color-tertiary-100--string: 102, 255, 239;
  --color-tertiary-50--string: 173, 255, 247;
  --color-highlight-800--string: 0, 95, 178;
  --color-highlight-600--string: 0, 128, 241;
  --color-highlight-400--string: 37, 153, 255;
  --color-highlight-200--string: 73, 170, 255;
  --color-highlight-100--string: 104, 184, 255;
  --color-admin-900--string: 29, 23, 18;
  --color-admin-800--string: 58, 37, 22;
  --color-admin-700--string: 91, 52, 23;
  --color-admin-600--string: 123, 67, 25;
  --color-admin-500--string: 145, 89, 45;
  --color-admin-50--string: 255, 189, 138;
  --color-admin-400--string: 188, 98, 27;
  --color-admin-300--string: 219, 122, 29;
  --color-admin-200--string: 253, 128, 30;
  --color-admin-100--string: 255, 164, 93;
  --color-success--string: 79, 210, 164;
  --color-neutral--string: 54, 87, 105;
  --color-warning--string: 255, 171, 80;
  --color-error--string: 255, 78, 91;
  --color-error-900--string: 51, 16, 18;
  --color-error-600--string: 77, 23, 27;
  --color-error-100--string: 255, 78, 91;
  --body-bg-color--string: 255, 0, 0;
  --color-role-administrator--string: 202, 152, 245;
  --color-role-project-manager--string: 101, 176, 245;
  --color-role-moderator--string: 183, 210, 107;
  --color-role-staff--string: var(--color-highlight-100--string);
  --color-role-viewer--string: var(--color-white--string);
  --color-role-none--string: 187, 194, 198;
}

html {
  --focus-color: var(--color-highlight-400);
  --border-radius--small: 0;
  --border-radius--medium: 0;
  --border-radius--large: 0;
  --r6fix-border-color: var(--color-primary-300);
  --r6fix-archived-border-color: var(--color-secondary-200);
  --r6fix-fixed-border-color: rgb(197, 255, 249);
  --r6fix-admin-border-color: var(--color-admin-200);
}

/* stylelint-disable */
@font-face {
  font-family: "r6fix-resolve";
  src: url("./assets/fonts/icons/r6fix-resolve.eot?s9yfcp");
  src: url("./assets/fonts/icons/r6fix-resolve.eot?s9yfcp#iefix") format("embedded-opentype"), url("./assets/fonts/icons/r6fix-resolve.woff2?s9yfcp") format("woff2"), url("./assets/fonts/icons/r6fix-resolve.ttf?s9yfcp") format("truetype"), url("./assets/fonts/icons/r6fix-resolve.woff?s9yfcp") format("woff"), url("./assets/fonts/icons/r6fix-resolve.svg?s9yfcp#r6fix-resolve") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.c-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "r6fix-resolve" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.if-please-fix::before {
  content: "\e94d";
}

.if-severity-cosmetic::before {
  content: "\e91d";
}

.if-severity-playable::before {
  content: "\e90e";
}

.if-severity-hardly-playable::before {
  content: "\e910";
}

.if-severity-critical::before {
  content: "\e90f";
}

.if-open::before {
  content: "\e908";
}

.if-almost-confirmed::before {
  content: "\e901";
}

.if-expiring-soon::before {
  content: "\e906";
}

.if-confirmed::before {
  content: "\e903";
}

.if-under-investigation::before {
  content: "\e90b";
}

.if-fixed::before {
  content: "\e907";
}

.if-promoted::before {
  content: "\e909";
}

.if-trending::before {
  content: "\e90a";
}

.if-need-more-info::before {
  content: "\e96b";
}

.if-archived::before {
  content: "\e902";
}

.if-duplicate::before {
  content: "\e90d";
}

.if-contribution::before {
  content: "\e944";
}

.if-all-issues::before {
  content: "\e900";
}

.if-my-issues::before {
  content: "\e92a";
}

.if-my-contributions::before {
  content: "\e92b";
}

.if-follow-fill::before {
  content: "\e92c";
}

.if-follow-outline::before {
  content: "\e969";
}

.if-admin-public::before {
  content: "\e905";
}

.if-admin-hidden::before {
  content: "\e941";
}

.if-admin-private::before {
  content: "\e90c";
}

.if-admin-inherited::before {
  content: "\e95b";
}

.if-visible-only-by-reporter::before {
  content: "\e965";
}

.if-admin-protected::before {
  content: "\e940";
}

.if-file::before {
  content: "\e93f";
}

.if-image-file::before {
  content: "\e94f";
}

.if-video-file::before {
  content: "\e938";
}

.if-missing-file::before {
  content: "\e958";
}

.if-upload::before {
  content: "\e921";
}

.if-download::before {
  content: "\e95c";
}

.if-download-file::before {
  content: "\e95d";
}

.if-upload-img::before {
  content: "\e91e";
}

.if-scan-in-process::before {
  content: "\e91b";
}

.if-settings-account::before {
  content: "\e911";
}

.if-users::before {
  content: "\e948";
}

.if-group::before {
  content: "\e945";
}

.if-settings-activity::before {
  content: "\e913";
}

.if-settings-notifications::before {
  content: "\e915";
}

.if-notifications-off::before {
  content: "\e96a";
}

.if-settings-security::before {
  content: "\e916";
}

.if-settings-my-device::before {
  content: "\e914";
}

.if-settings-account-sync::before {
  content: "\e912";
}

.if-releases::before {
  content: "\e946";
}

.if-versions::before {
  content: "\e949";
}

.if-visibility::before {
  content: "\e94a";
}

.if-categories::before {
  content: "\e953";
}

.if-game::before {
  content: "\e954";
}

.if-layout::before {
  content: "\e955";
}

.if-project::before {
  content: "\e956";
}

.if-jira::before {
  content: "\e957";
}

.if-project-status::before {
  content: "\e95e";
}

.if-pagination-previous-double::before {
  content: "\e931";
}

.if-pagination-previous-simple::before {
  content: "\e932";
}

.if-gallery-arrow-previous::before {
  content: "\e924";
}

.if-back::before {
  content: "\e925";
}

.if-subarrow::before {
  content: "\e935";
}

.if-gallery-arrow-next::before {
  content: "\e923";
}

.if-chevron::before {
  content: "\e937";
}

.if-pagination-next-simple::before {
  content: "\e933";
}

.if-pagination-next-double::before {
  content: "\e934";
}

.if-dropdown::before {
  content: "\e919";
}

.if-dashboard::before {
  content: "\e904";
}

.if-add::before {
  content: "\e917";
}

.if-cancel::before {
  content: "\e918";
}

.if-error::before {
  content: "\e95f";
}

.if-selected::before {
  content: "\e91f";
}

.if-logged-out::before {
  content: "\e92e";
}

.if-time::before {
  content: "\e91a";
}

.if-help::before {
  content: "\e939";
}

.if-warning::before {
  content: "\e91c";
}

.if-close::before {
  content: "\e922";
}

.if-remove::before {
  content: "\e95a";
}

.if-check::before {
  content: "\e920";
}

.if-edit::before {
  content: "\e92f";
}

.if-manual::before {
  content: "\e93a";
}

.if-reply::before {
  content: "\e93d";
}

.if-search::before {
  content: "\e93e";
}

.if-filter::before {
  content: "\e94b";
}

.if-filter-alt::before {
  content: "\e96c";
}

.if-upvote::before {
  content: "\e951";
}

.if-favorite-plain::before {
  content: "\e943";
}

.if-favorite-stroke::before {
  content: "\e942";
}

.if-play::before {
  content: "\e93c";
}

.if-handle::before {
  content: "\e959";
}

.if-menu-mobile::before {
  content: "\e930";
}

.if-three-dots::before {
  content: "\e936";
}

.if-settings::before {
  content: "\e92d";
}

.if-role::before {
  content: "\e93b";
}

.if-padlock::before {
  content: "\e926";
}

.if-trash::before {
  content: "\e952";
}

.if-google::before {
  content: "\e960";
}

.if-invitation-link::before {
  content: "\e961";
}

.if-external-link::before {
  content: "\e947";
}

.if-stats::before {
  content: "\e964";
}

.if-information::before {
  content: "\e968";
}

.if-cannot-reproduce::before {
  content: "\e94e";
}

.if-can-reproduce::before {
  content: "\e950";
}

.if-pc-windows::before {
  content: "\e927";
}

.if-playstation::before {
  content: "\e928";
}

.if-streaming::before {
  content: "\e94c";
}

.if-xbox::before {
  content: "\e929";
}

.if-gameboy::before {
  content: "\e962";
}

.if-emulator::before {
  content: "\e963";
}

.if-browser::before {
  content: "\e966";
}

.if-steamdeck::before {
  content: "\e967";
}

@font-face {
  font-family: "ScoutCond";
  src: url("./assets/fonts/scout-cond/bold/ScoutCond-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "ScoutCond";
  src: url("./assets/fonts/scout-cond/regular/ScoutCond-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/regular/open-sans-regular.woff") format("woff"), url("./assets/fonts/open-sans/regular/open-sans-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/regular-italic/open-sans-regular-italic.woff") format("woff"), url("./assets/fonts/open-sans/regular-italic/open-sans-regular-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/semi-bold/open-sans-semi-bold.woff") format("woff"), url("./assets/fonts/open-sans/semi-bold/open-sans-semi-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/semi-bold-italic/open-sans-semi-bold-italic.woff") format("woff"), url("./assets/fonts/open-sans/semi-bold-italic/open-sans-semi-bold-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/bold/open-sans-bold.woff") format("woff"), url("./assets/fonts/open-sans/bold/open-sans-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/bold-italic/open-sans-bold-italic.woff") format("woff"), url("./assets/fonts/open-sans/bold-italic/open-sans-bold-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/extra-bold/open-sans-extra-bold.woff") format("woff"), url("./assets/fonts/open-sans/extra-bold/open-sans-extra-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/extra-bold-italic/open-sans-extra-bold-italic.woff") format("woff"), url("./assets/fonts/open-sans/extra-bold-italic/open-sans-extra-bold-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 800;
}
html {
  --font-primary: 'Open Sans', sans-serif;
  --font-secondary: 'ScoutCond', sans-serif;
}

@font-face {
  font-family: "ScoutCond";
  src: url("./assets/fonts/scout-cond/bold/ScoutCond-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "ScoutCond";
  src: url("./assets/fonts/scout-cond/regular/ScoutCond-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/regular/open-sans-regular.woff") format("woff"), url("./assets/fonts/open-sans/regular/open-sans-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/regular-italic/open-sans-regular-italic.woff") format("woff"), url("./assets/fonts/open-sans/regular-italic/open-sans-regular-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/semi-bold/open-sans-semi-bold.woff") format("woff"), url("./assets/fonts/open-sans/semi-bold/open-sans-semi-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/semi-bold-italic/open-sans-semi-bold-italic.woff") format("woff"), url("./assets/fonts/open-sans/semi-bold-italic/open-sans-semi-bold-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/bold/open-sans-bold.woff") format("woff"), url("./assets/fonts/open-sans/bold/open-sans-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/bold-italic/open-sans-bold-italic.woff") format("woff"), url("./assets/fonts/open-sans/bold-italic/open-sans-bold-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/extra-bold/open-sans-extra-bold.woff") format("woff"), url("./assets/fonts/open-sans/extra-bold/open-sans-extra-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Open Sans";
  src: url("./assets/fonts/open-sans/extra-bold-italic/open-sans-extra-bold-italic.woff") format("woff"), url("./assets/fonts/open-sans/extra-bold-italic/open-sans-extra-bold-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 800;
}
html {
  --font-primary: 'Open Sans', sans-serif;
  --font-secondary: 'ScoutCond', sans-serif;
}

body {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}

.t-title--xlarge, h1 {
  font-family: var(--font-secondary);
  font-size: 3rem;
  font-weight: 500;
  line-height: 2.5rem;
  text-transform: uppercase;
}
.t-title--large, .c-modal__header-title.t-ui__label--large, h2 {
  font-family: var(--font-secondary);
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 2.5rem;
  text-transform: uppercase;
}
.t-title--medium, .c-form-step__header-title.t-title--small, h3 {
  font-family: var(--font-secondary);
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
}
.t-title--small, .c-setup-upload-file-button .c-setup-upload-file-button__label.t-ui__label--medium, .c-issue-form-group__duplicate-disclaimer.t-ui__label--medium, h4 {
  font-family: var(--font-secondary);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.t-title--xsmall, h5 {
  font-family: var(--font-secondary);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
}
.t-title--section, .c-issue-into-reproduction__preview-title.t-title--small {
  font-family: var(--font-secondary);
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: uppercase;
}

.t-body--xxlarge, .c-issue-form-title.t-ui__label--xlarge {
  font-family: var(--font-primary);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}
.t-body--xlarge {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.t-body--large, .c-personal-information__description.t-body--medium, .c-callout__header .t-title--medium {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.t-body--medium, .c-setup-form-section__hint, .c-info-box.t-ui__label--small, .c-callout__close.t-ui__button--medium, p {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}
.t-body--small {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.t-body--xsmall {
  font-family: var(--font-primary);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.75rem;
}
.t-body--bold {
  font-weight: 600;
}

.t-ui__issue-status, .c-sticky__body-title.t-ui__label--large, .c-severity-card__detail.t-ui__label--small, .c-form-step__header-label {
  font-family: var(--font-secondary);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.t-ui__issue-status-large {
  font-family: var(--font-secondary);
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
}
.t-ui__issue-count {
  font-family: var(--font-secondary);
  font-size: 2.75rem;
  font-weight: 300;
  line-height: 2rem;
  text-transform: uppercase;
}
.t-ui__issue-total {
  font-family: var(--font-secondary);
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.t-ui__label--xlarge {
  font-family: var(--font-primary);
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 3rem;
}
.t-ui__label--large {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.t-ui__label--medium, .c-page__settings .c-navigation-item__label {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.t-ui__label--small {
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1rem;
}
.t-ui__button--xlarge {
  font-family: var(--font-secondary);
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
  text-transform: uppercase;
}
.t-ui__button--large {
  font-family: var(--font-secondary);
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.t-ui__button--medium {
  font-family: var(--font-secondary);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}
.t-ui__button--small {
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}
.t-ui__button-subtitle--large {
  font-family: var(--font-secondary);
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
}
.t-ui__button-subtitle--small {
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1rem;
  text-transform: uppercase;
}

/* stylelint-disable plugin/stylelint-bem-namics, primer/no-override */
/* stylelint-enable plugin/stylelint-bem-namics, primer/no-override */
body {
  --body-bg-color: var(--color-primary-900);
  --body-text-color: var(--color-secondary-200);
  --body__title-text-color: var(--color-white);
}

.c-admin-settings-edit-section {
  background-color: var(--color-secondary-800);
}

.c-admin-settings-title-section__wrapper {
  background-color: var(--color-primary-900);
}

@media (max-width: 46.24em) {
  .c-callout__header {
    background: var(--color-secondary-800);
    border: 0.0625rem solid var(--color-secondary-500);
  }
}
@media (max-width: 46.24em) {
  .c-callout__content {
    margin-top: 0;
    background: var(--color-secondary-900);
    border-right: 0.0625rem solid var(--color-secondary-500);
    border-bottom: 0.0625rem solid var(--color-secondary-500);
    border-left: 0.0625rem solid var(--color-secondary-500);
  }
}

.c-counter {
  color: var(--color-white);
}

.c-device-info-label {
  color: var(--color-secondary-100);
}
.c-device-info-description {
  color: var(--color-white);
}

.c-file-attachment-miniature--removable {
  --input-color__field: var(--color-primary-600);
}

.c-file-attachment__upload {
  color: var(--color-secondary-200);
}

.c-form-with-steps-footer--full > div {
  background-color: var(--color-secondary-800);
}
.c-form-with-steps-footer > div {
  background-image: none;
}

html {
  --input-color__field: var(--color-secondary-800);
}

.c-issue-form__step-number {
  border-bottom: inherit;
}
@media (max-width: 46.24em) {
  .c-issue-form__step-number {
    color: var(--color-secondary-300);
    border-bottom: inherit;
  }
}
.c-issue-form__step .c-text-input {
  border: 0.0625rem solid var(--color-secondary-600);
}
.c-issue-form__step .c-text-input .c-text-input__input {
  background-color: transparent;
}
@media (max-width: 46.24em) {
  .c-issue-form .c-form-step:not(:first-child) {
    background-color: unset;
  }
}

.c-issue-report-details-setup-modal__wrapper {
  background-color: unset;
  border: 1px solid var(--color-secondary-600);
}
.c-issue-report-details-setup-modal .c-navigation-item {
  padding: 0;
}
.c-issue-report-details-setup-modal .c-navigation-item__link {
  --navigation-item-color__font: var(--color-secondary-500);
}
.c-issue-report-details-setup-modal .c-navigation-item__link--is-active {
  border-left-color: var(--color-primary-400);
  --navigation-item-color__item--active: var(--color-primary-600);
}

.c-issue-report::before {
  position: absolute;
  top: 8%;
  left: 50%;
  z-index: -1;
  display: block;
  width: 100%;
  height: 75%;
  content: "";
  background: url("./assets/images/reportBackground") no-repeat top center;
  opacity: 0.66;
  transform: translateX(-50%);
}
.c-issue-report__header-title {
  color: var(--color-white);
}

.c-layer__overlay {
  background-color: var(--color-secondary-700);
}

.c-issue-list-header-title__text {
  color: var(--color-white);
}
@media (max-width: 61.24em) {
  .c-issue-list-header-title__view-filter-dropdown {
    background-color: unset;
    border: 1px solid var(--color-secondary-600);
  }
}
.c-issue-list--fixed-issues .c-issue-list-see-all {
  background-color: var(--color-tertiary-600);
}
.c-issue-list--fixed-issues .c-issue-list-see-all:hover {
  background-color: var(--color-tertiary-400);
}

.c-modal-user-groups .c-admin-settings-edit-section:nth-child(odd) {
  background-color: var(--color-secondary-900);
}
.c-modal-user-groups .c-table__body {
  border-color: var(--color-secondary-700);
}
.c-modal__overlay {
  background-color: rgba(var(--color-secondary-700--string), 0.75) !important;
}
.c-modal__header-title {
  color: var(--color-white);
}
@media (max-width: 46.24em) {
  .c-modal__header {
    background-color: var(--color-primary-600);
  }
  .c-modal__header .c-link-button {
    background-color: var(--color-primary-700);
  }
}
.c-modal--confirm-large .c-modal__footer {
  background-color: var(--color-secondary-800);
}
.c-modal__footer {
  background-color: var(--color-secondary-800);
}

.c-add-setup-item {
  background-color: var(--color-secondary-700);
}

.c-page__settings .c-navigation {
  --navigation-item-color__font--active: var(--color-white);
}
.c-page__settings .c-navigation-item {
  --navigation-item-color__font: var(--color-secondary-500);
  --navigation-item-color__item--active: var(--color-primary-600);
}
@media (max-width: 46.24em) {
  .c-page__settings .c-navigation-item {
    --navigation-item-color__item--active: transparent;
  }
}
.c-page__settings .c-navigation-item__link--is-active {
  border-left-color: var(--color-primary-400);
}

.c-profile-menu__view-as-admin {
  background-color: var(--color-primary-900);
}

.c-reproduction-field .c-device-card {
  --input-color__field: var(--color-primary-600);
}
.c-reproduction-field__action {
  margin-top: 0.5rem;
}

.c-reproduction-form-header {
  background-color: var(--color-primary-600);
}

.c-reproduction-list__item {
  background-color: var(--color-primary-500);
}

.c-select__radio:hover {
  background-color: var(--color-secondary-700);
}

.c-selector__body-text .c-selector__legend {
  color: var(--color-white);
}

.c-setup-form-search-wrapper {
  background-color: var(--color-secondary-800);
}
.c-setup-form-search-wrapper__label {
  color: var(--color-secondary-100);
}

.c-sticky-title-staff__icon {
  color: var(--color-white) !important;
}
.c-sticky-title-staff__brand-name {
  color: var(--color-white);
}

html {
  --swiper-border: var(--color-secondary-600);
  --swiper-bullet: var(--color-secondary-200);
  --swiper-bullet--active: var(--color-secondary-50);
  --swiper-arrow: var(--color-secondary-400);
  --swiper-arrow--hover: var(--color-secondary-50);
  --swiper-arrow--disabled: var(--color-secondary-700);
}

.c-table__header {
  background-color: var(--color-secondary-700);
}
.c-table__row + .c-table__row {
  border-top: var(--color-secondary-700);
}

.c-toolbar {
  border-bottom: inherit !important;
}
.c-issue-admin-modal__content .c-toolbar .c-toolbar-tab {
  border-radius: 0;
}
.c-issue-admin-modal__content .c-toolbar .c-toolbar-tab:is(.c-toolbar-tab--active) .c-button--secondary {
  background: var(--color-admin-200);
  border-color: var(--color-admin-200);
}
.c-issue-admin-modal__content .c-toolbar .c-toolbar-tab:not(.c-toolbar-tab--active) .c-button--secondary {
  color: var(--color-white);
  background: var(--color-admin-700);
  border-color: var(--color-admin-700);
}
.c-issue-admin-modal__content .c-toolbar .c-toolbar-tab--active {
  background-color: var(--color-secondary-900);
}
.c-toolbar.c-toolbar--admin .c-toolbar-tab:is(.c-toolbar-tab--active) .c-button--secondary {
  background: var(--color-admin-200);
  border-color: var(--color-admin-200);
}
.c-toolbar.c-toolbar--admin .c-toolbar-tab:not(.c-toolbar-tab--active) .c-button--secondary {
  color: var(--color-white);
  background: var(--color-admin-700);
  border-color: var(--color-admin-700);
}
.c-toolbar.c-toolbar--admin .c-toolbar-tab:not(.c-toolbar-tab--active) .c-button--secondary:hover {
  background: var(--color-admin-600);
  border-color: var(--color-admin-600);
}
.c-issue-admin-modal .c-toolbar__bottom::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-issue-admin-modal .c-toolbar__bottom::-webkit-scrollbar-thumb {
  border-color: var(--color-primary-900);
}

.c-visibility-description__visibility {
  color: var(--color-white);
}

.h-admin {
  --modal-color__header: var(--color-admin-600);
  --modal-color__divider: var(--color-admin-400);
  /* stylelint-disable-next-line */
}
.h-admin.c-avatar {
  border-color: var(--color-admin-600);
}
.h-admin .c-modal__header {
  border-top: 0.1875rem solid var(--color-admin-300) !important;
}
.h-admin .t-link, .h-admin.t-link {
  color: var(--color-admin-50);
}
.h-admin.c-dropdown-trigger {
  color: var(--color-admin-100);
  background-color: var(--color-admin-900);
}
.h-admin.c-dropdown-trigger .c-dropdown-trigger__header {
  background-color: var(--color-admin-900);
}
.h-admin.c-dropdown-trigger .c-icon {
  color: var(--color-admin-100);
}
.h-admin.c-dropdown-trigger--icon-only.c-dropdown-trigger--is-active {
  color: var(--color-white);
  background-color: var(--color-admin-200);
}
.h-admin.c-dropdown-trigger--icon-only.c-dropdown-trigger--is-active .c-icon {
  color: var(--color-white);
}
.h-admin.c-dropdown-trigger--disabled {
  color: var(--color-admin-600);
}
.h-admin.c-dropdown-trigger--disabled .c-icon {
  color: var(--color-admin-600);
}
.h-admin.c-button,
.h-admin .c-button {
  --button-color__font: var(--color-white);
  --button-color: var(--color-admin-200);
  --button-color--hover: var(--color-admin-400);
  --button-color__font--disabled: var(--color-admin-600);
  --button-color--disabled: var(--color-admin-900);
}
.h-admin.c-button--secondary,
.h-admin .c-button--secondary {
  --button-color__font: var(--color-white);
  --button-color: var(--color-admin-700);
  --button-color--hover: var(--color-admin-600);
  --button-color__font--disabled: var(--color-admin-600);
  --button-color--disabled: var(--color-admin-900);
  background-color: var(--button-color);
  border: 0;
}
.h-admin.c-button--secondary:hover,
.h-admin .c-button--secondary:hover {
  background-color: var(--button-color--hover);
}
.h-admin .c-button__tooltip.__react_component_tooltip {
  background-color: var(--color-admin-800);
}
.h-admin .c-action-list__item, .h-admin.c-action-list__item {
  --action-list__item-border: var(--color-admin-500);
  --action-list__item-color__font: var(--color-white);
  --action-list__item-color: var(--color-admin-800);
  --action-list__item-color--hover: var(--color-admin-400);
  --action-list__item-color__font--disabled: var(--color-admin-600);
  --action-list__item-color--disabled: var(--color-admin-900);
}
.h-admin .c-contribution-comment__dropdown-edit .c-button {
  color: var(--color-admin-100);
}
.h-admin .c-contribution-comment--moderated, .h-admin.c-contribution-comment--moderated {
  background-color: var(--color-admin-900);
}
.h-admin .c-contribution-comment__info .c-icon, .h-admin.c-contribution-comment__info .c-icon {
  color: var(--color-admin-100);
}
.h-admin .c-button--icon:not(:disabled) {
  color: var(--color-admin-100);
  background-color: var(--color-admin-900);
}
.h-admin.c-issue--promoted .c-issue__promotion-button {
  background-color: var(--color-admin-600);
}

.c-account {
  --account__description-text-color: var(--color-secondary-300);
  --account__email-color: var(--color-secondary-300);
  --account__username-color: var(--color-secondary-100);
  --account__row-border-color: var(--color-secondary-600);
  --account__section-border-color: var(--color-secondary-600);
  --account__section-bg-color: var(--transparent);
}

.c-activity-content {
  --activity-content-bg-color: transparent;
  --activity-content__details-text-color: var(--color-secondary-500);
  --activity-content__text-text-color: var(--color-white);
  --activity-content__reply-form-border-color: var(--color-secondary-600);
}
.c-activity-content.c-activity-content--redacted, .c-activity-content.c-activity-content--deleted {
  --activity-content__text-text-color: var(--color-secondary-200);
}
.c-activity-content.c-activity-content--admin {
  --activity-card__edit-options__button-icon-color: var(--color-admin-100);
}
.c-activity-content.c-activity-content--admin.c-activity-content--deleted, .c-activity-content.c-activity-content--admin.c-activity-content--redacted {
  --activity-content-bg-color: var(--color-admin-900);
}
.c-activity-content.c-activity-content--admin.c-activity-content--redacted {
  --activity-content__text-text-color: var(--color-white);
}

.c-activity-header {
  --activity-header-border-color: var(--color-secondary-600);
  --activity-header__duplicate-details__label-text-color: var(--color-secondary-200);
}

.c-activity-history-entry {
  --activity-history-entry__chip-bg-color: var(--color-primary-600);
  --activity-history-entry__chip-border-color: var(--color-primary-200);
  --activity-history-entry__chip-text-color: var(--color-primary-200);
  --activity-history-entry__title-text-color: var(--color-white);
  --activity-history-entry__subtitle-text-color: var(--color-secondary-200);
  --activity-history-entry__date-text-color: var(--color-secondary-500);
}
.c-activity-history-entry--admin {
  --activity-history-entry__chip-text-color: var(--color-admin-200);
  --activity-history-entry__chip-bg-color: var(--color-admin-800);
  --activity-history-entry__chip-border-color: var(--color-admin-200);
  --activity-history-entry__title-text-color: var(--color-admin-200);
  --activity-history-entry__subtitle-text-color: var(--color-admin-200);
}
.c-activity-history-entry--staff {
  --activity-history-entry__chip-text-color: var(--color-role-staff);
  --activity-history-entry__chip-bg-color: var(--color-role-staff-600);
  --activity-history-entry__chip-border-color: var(--color-role-staff);
  --activity-history-entry__title-text-color: var(--color-role-staff);
  --activity-history-entry__subtitle-text-color: var(--color-role-staff);
}

.c-activity-toggle-replies {
  --activity-toggle-replies-bg-color: var(--color-primary-700);
  --activity-toggle-replies-text-color: var(--color-primary-100);
}
.c-activity-toggle-replies:hover {
  --activity-toggle-replies-bg-color: var(--color-primary-600);
}

.c-activity-reply {
  --activity-reply-border-color: var(--color-secondary-600);
  --activity-reply__details-text-color: var(--color-secondary-500);
  --activity-reply__text-color: var(--color-white);
  --activity-reply__reply-form-border-color: var(--color-primary-700);
}
.c-activity-reply.c-activity-reply--admin {
  --activity-card__edit-options__button-icon-color: var(--color-admin-100);
}
.c-activity-reply.c-activity-reply--redacted, .c-activity-reply.c-activity-reply--deleted {
  --activity-reply__text-color: var(--color-secondary-200);
}
.c-activity-reply.c-activity-reply--admin.c-activity-reply--redacted {
  --activity-reply-bg-color: var(--color-admin-900);
  --activity-reply__text-color: var(--color-white);
}

.c-activity {
  --activity-card-bg-color: var(--color-secondary-800);
  --activity-card-text-color: var(--color-white);
  --activity-card-border-color: var(--color-primary-700);
  --activity-card__icon-color: var(--color-primary-200);
  --activity-card__placeholder-bg-color: var(--color-primary-700);
  --activity-card__dashed-line-color: var(--color-primary-600);
  --activity-card__dashed-bg-color: var(--color-primary-800);
}
.c-activity--is-pinned {
  --activity-card-bg-color: var(--color-primary-700);
}

.c-activity-feed-content {
  --activity-feed-content-border-color: var(--color-primary-200);
}

.c-activity-feed-header {
  --activity-feed-header__actions-border-color: var(--color-primary-500);
}

.c-activity-skeleton-loader {
  --activity-skeleton-loader-bg-color: var(--color-secondary-800);
  --activity-skeleton-loader__header-border-color: var(--color-secondary-700);
}

.c-admin-settings-button {
  --admin-settings-button-border-color: var(--color-admin-100);
}

.c-issue-category-status-help-modal {
  --issue-category-status-help-modal-text-color: var(--color-secondary-100);
}

.c-modal-group-members {
  --modal-group-members__divider-color: var(--color-secondary-600);
  --modal-group-members__available-members-section-bg-color: var(--color-secondary-800);
}

.c-project-settings {
  --project-settings-border-color: var(--color-secondary-600);
  --project-settings-text-color: var(--color-secondary-200);
}

.c-project-operational-requirements-summary {
  --project-operational-requirements-summary__row-border-color: var(--color-primary-700);
  --project-operational-requirements-summary__description-color: var(--color-secondary-200);
}
.c-project-operational-requirements-summary__status--pass {
  --project-operational-requirements-summary__status-bg-color: rgba(var(--color-success--string), 0.2);
  --project-operational-requirements-summary__status-color: var(--color-success);
}
.c-project-operational-requirements-summary__status--warning {
  --project-operational-requirements-summary__status-bg-color: var(--color-warning);
  --project-operational-requirements-summary__status-color: var(--color-primary-900);
}

.c-modal-user-groups {
  --modal-user-groups__divider-color: var(--color-secondary-600);
  --modal-user-groups__odd-section-bg-color: var(--color-secondary-800);
}

.c-avatar-count {
  --avatar-count-text-color: var(--color-primary-100);
  --avatar-count-bg-color: var(--color-primary-800);
  --avatar-count-border-color: var(--color-primary-300);
  --avatar-count-border-width: 0.0625rem;
}

.c-avatar-count {
  border-radius: 1rem;
}

.c-avatar {
  --avatar-border-color: var(--color-secondary-200);
  --avatar-bg-color: var(--color-primary-800);
  --avatar-name-text-color: var(--color-white);
  --avatar-label-text-color: var(--color-secondary-200);
}
.c-avatar--admin {
  --avatar-bg-color: var(--color-admin-800);
  --avatar-border-color: var(--color-admin-200);
}
.c-avatar--highlighted {
  --avatar-border-color: var(--color-highlight-100);
}
.c-avatar--staff {
  --avatar-border-color: var(--color-role-staff);
  --avatar-name-text-color: var(--color-role-staff);
}

.c-bubble {
  --bubble-text-color: var(--color-primary-800);
  --bubble-bg-color: var(--color-primary-400);
}
.c-bubble.c-bubble--neutral {
  --bubble-text-color: var(--color-primary-900);
  --bubble-bg-color: var(--color-secondary-200);
}
.c-bubble.c-bubble--staff {
  --bubble-text-color: var(--color-primary-900);
  --bubble-bg-color: var(--color-role-staff);
}
.c-bubble.c-bubble--fixed {
  --bubble-bg-color: var(--color-tertiary-100);
}

.c-button {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-highlight-400);
  --button-text-size: 1rem;
  --button-line-height: 1.1;
}
.c-button.h-hover, .c-button:hover:not(.c-button--disabled) {
  --button-bg-color: var(--color-highlight-600);
}
.c-button.c-button--disabled {
  --button-text-color: var(--color-primary-500);
  --button-bg-color: var(--color-primary-600);
}
.c-button--secondary {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-primary-500);
  --button-border-color: var(--transparent);
}
.c-button--secondary.h-hover, .c-button--secondary:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-primary-400);
  --button-border-color: var(--transparent);
}
.c-button--secondary.c-button--disabled {
  --button-text-color: var(--color-primary-500);
  --button-bg-color: var(--color-primary-800);
  --button-border-color: var(--transparent);
}
.c-button--tertiary {
  --button-border-color: var(--color-secondary-600);
  --button-bg-color: var(--transparent);
}
.c-button--tertiary.h-hover, .c-button--tertiary:hover:not(.c-button--disabled) {
  --button-border-color: var(--color-primary-500);
  --button-bg-color: var(--transparent);
}
.c-button--tertiary.c-button--disabled {
  --button-text-color: var(--color-secondary-600);
  --button-border-color: var(--color-secondary-700);
  --button-bg-color: var(--transparent);
}
.c-button--admin.c-button--primary {
  --button-bg-color: var(--color-admin-200);
}
.c-button--admin.c-button--primary.h-hover, .c-button--admin.c-button--primary:hover:not(.c-button--disabled) {
  --button-bg-color: var(--color-admin-400);
}
.c-button--admin.c-button--primary.c-button--disabled {
  --button-text-color: var(--color-admin-600);
  --button-bg-color: var(--color-admin-900);
}
.c-button--admin.c-button--secondary {
  --button-text-color: var(--color-white);
  --button-border-color: var(--transparent);
  --button-bg-color: var(--color-admin-900);
}
.c-button--admin.c-button--secondary.h-hover, .c-button--admin.c-button--secondary:hover:not(.c-button--disabled) {
  --button-bg-color: var(--color-admin-700);
  --button-border-color: var(--transparent);
}
.c-button--admin.c-button--secondary.c-button--disabled {
  --button-text-color: var(--color-admin-600);
  --button-bg-color: var(--color-admin-900);
}
.c-button--admin.c-button--text {
  --button-text-color: var(--color-admin-50);
  --button-bg-color: var(--color-admin-600);
}
.c-button--admin.c-button--text.h-hover, .c-button--admin.c-button--text:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-admin-100);
  --button-bg-color: var(--color-admin-700);
}
.c-button--admin.c-button--text.c-button--disabled {
  --button-text-color: var(--color-admin-600);
  --button-bg-color: var(--color-admin-800);
}
.c-button--xlarge {
  --button-text-letter-spacing: 0.078125rem;
  --button-padding: 1rem 1.5rem;
}
.c-button--xlarge.c-button--icon-only {
  width: 64px;
  height: 64px;
  --button-text-size: 1.875rem;
}
.c-button--large {
  --button-text-letter-spacing: 0.0625rem;
  --button-padding: 1rem 1.5rem;
}
.c-button--large.c-button--icon-only {
  width: 56px;
  height: 56px;
  --button-text-size: 1.875rem;
}
.c-button--medium {
  --button-text-letter-spacing: 0.0625rem;
  --button-padding: 1rem 1.5rem;
}
.c-button--medium.c-button--icon-only {
  width: 48px;
  height: 48px;
  --button-text-size: 1.375rem;
}
.c-button--small {
  --button-text-letter-spacing: 0.046875rem;
  --button-padding: 0.75rem 1rem;
}
.c-button--small.c-button--icon-only {
  width: 40px;
  height: 40px;
  --button-text-size: 1.375rem;
}
.c-button--xsmall {
  --button-text-letter-spacing: 0.046875rem;
  --button-padding: 0.5rem 0.75rem;
}
.c-button--xsmall.c-button--icon-only {
  width: 32px;
  height: 32px;
  --button-text-size: 0.875rem;
}
.c-button--icon-only {
  --button-padding: 0.5rem;
}
.c-button--text {
  --button-text-color: var(--color-primary-100);
  --button-bg-color: var(--color-primary-700);
  --button-padding: 0.5rem;
  --button-text-letter-spacing: 0;
}
.c-button--text.h-hover, .c-button--text:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-primary-50);
  --button-bg-color: var(--color-primary-700);
}
.c-button--text.c-button--disabled {
  --button-text-color: var(--color-primary-600);
  --button-bg-color: var(--color-primary-800);
}
.c-button + .c-button__tooltip {
  --button--tooltip__tooltip-text-color: var(--color-secondary-50);
  --button--tooltip__tooltip-bg-color: var(--color-primary-800);
}

.c-button__label {
  line-height: 1;
}

.c-contribute-button {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--transparent);
  --contribute-button-border-color: var(--color-primary-300);
}
.c-contribute-button.h-hover, .c-contribute-button:hover:not(.c-contribute-button--disabled) {
  --contribute-button-bg-color: var(--color-highlight-600);
}
.c-contribute-button.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-primary-500);
  --contribute-button-bg-color: var(--color-primary-600);
  --contribute-button-border-color: var(--color-primary-500);
}
.c-contribute-button--archived {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--transparent);
  --contribute-button-border-color: var(--color-secondary-200);
}
.c-contribute-button--archived.h-hover, .c-contribute-button--archived:hover:not(.c-contribute-button--disabled) {
  --contribute-button-bg-color: var(--color-secondary-500);
}
.c-contribute-button--archived.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-secondary-600);
  --contribute-button-bg-color: var(--color-secondary-700);
  --contribute-button-border-color: var(--color-secondary-600);
}
.c-contribute-button--fixed {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--transparent);
  --contribute-button-border-color: var(--color-tertiary-200);
}
.c-contribute-button--fixed.h-hover, .c-contribute-button--fixed:hover:not(.c-contribute-button--disabled) {
  --contribute-button-bg-color: var(--color-tertiary-400);
}
.c-contribute-button--fixed.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-tertiary-400);
  --contribute-button-bg-color: var(--color-tertiary-600);
  --contribute-button-border-color: var(--color-tertiary-400);
}
.c-contribute-button--admin {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--transparent);
  --contribute-button-border-color: var(--color-admin-200);
  /* stylelint-disable-next-line */
}
.c-contribute-button--admin.h-hover, .c-contribute-button--admin:hover:not(.c-contribute-button--disabled) {
  --contribute-button-bg-color: var(--color-admin-400);
}
.c-contribute-button--admin.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-admin-500);
  --contribute-button-bg-color: var(--color-admin-600);
  --contribute-button-border-color: var(--color-admin-500);
}
.c-contribute-button--admin .c-contribute-button__tooltip.__react_component_tooltip,
.c-contribute-button--admin + .c-contribute-button__tooltip.__react_component_tooltip {
  color: var(--color-white);
  background-color: var(--color-admin-800);
}
.c-contribute-button--large {
  --contribute-button-padding: 1.25rem 1rem;
}
.c-contribute-button--medium {
  --contribute-button-padding: 1.125rem 1rem;
}
.c-contribute-button--small {
  --contribute-button-padding: 1rem;
}

.c-duplicate-issue-button {
  --duplicate-issue-button-text-color: var(--color-white);
  --duplicate-issue-button-bg-color: var(--transparent);
  --duplicate-issue-button-border-color: var(--color-secondary-500);
  --duplicate-issue-button__icon-bg-color: var(--color-secondary-500);
  --duplicate-issue-button__icon-color: var(--color-white);
}
.c-duplicate-issue-button.h-hover, .c-duplicate-issue-button:hover {
  --duplicate-issue-button-bg-color: var(--color-secondary-800);
}
.c-duplicate-issue-button.c-duplicate-issue-button--disabled {
  --duplicate-issue-button-text-color: var(--color-secondary-500);
  --duplicate-issue-button__icon-color: var(--color-secondary-700);
}

.c-favourite-button {
  --favourite-button-bg-color: var(--transparent);
  --favourite-button-text-color: var(--color-white);
  --favourite-button-border-color: var(--color-secondary-600);
  --favourite-button--focus-border: var(--focus-color);
}
.c-favourite-button.h-hover, .c-favourite-button:hover {
  --favourite-button-bg-color: var(--color-primary-800);
  --favourite-button-border-color: var(--color-primary-500);
}
.c-favourite-button:disabled, .c-favourite-button--disabled, .c-favourite-button--disabled:hover {
  --favourite-button-text-color: var(--color-secondary-600);
  --favourite-button-border-color: var(--color-secondary-700);
  --favourite-button-bg-color: var(--transparent);
}
.c-favourite-button--active {
  --favourite-button-border-color: var(--color-highlight-400);
}
.c-favourite-button--active.h-hover, .c-favourite-button--active:hover {
  --favourite-button-border-color: var(--color-highlight-400);
}

.c-help-button {
  --help-button-text-color: var(--color-white);
  --help-button-border-color: var(--color-white);
}
.c-help-button.h-hover, .c-help-button:hover:not(.c-help-button--disabled) {
  --help-button-text-color: var(--color-primary-100);
  --help-button-border-color: var(--color-primary-100);
}
.c-help-button.c-help-button--disabled {
  --help-button-text-color: var(--color-secondary-500);
  --help-button-border-color: var(--color-secondary-500);
}

.c-notification-button {
  --notification-button-bg-color: var(--transparent);
  --notification-button-text-color: var(--color-white);
  --notification-button-border-color: var(--color-secondary-600);
  --notification-button--focus-border: var(--focus-color);
}
.c-notification-button.h-hover, .c-notification-button:hover {
  --notification-button-bg-color: var(--color-primary-800);
  --notification-button-border-color: var(--color-primary-500);
}
.c-notification-button:disabled, .c-notification-button--disabled, .c-notification-button--disabled:hover {
  --notification-button-text-color: var(--color-secondary-600);
  --notification-button-border-color: var(--color-secondary-700);
  --notification-button-bg-color: var(--transparent);
}
.c-notification-button--is-active {
  --notification-button-border-color: var(--color-highlight-400);
}
.c-notification-button--is-active.h-hover, .c-notification-button--is-active:hover {
  --notification-button-border-color: var(--color-highlight-400);
}

.c-report-button {
  --report-button-padding: 0.625rem 2rem;
  --report-button-bg-color: var(--color-primary-800);
  --report-button-text-color: var(--color-white);
  --report-button-border-width: 2px;
  --report-button-border-color: var(--color-primary-300);
  --report-button--focus-border: var(--focus-color);
  --report-button--tooltip__tooltip-text-color: var(--color-secondary-50);
  --report-button--tooltip__tooltip-bg-color: var(--color-primary-800);
}
.c-report-button.h-hover, .c-report-button:hover {
  --report-button-bg-color: var(--color-primary-300);
}
.c-report-button:disabled, .c-report-button--disabled, .c-report-button--disabled:hover {
  --report-button-text-color: var(--color-primary-500);
  --report-button-bg-color: var(--color-primary-800);
}

.c-report-button__icon {
  transform: inherit;
}
.c-report-button__label {
  font-size: 1.375rem;
  letter-spacing: 0.0625rem;
}

.c-view-all-button {
  --viewall-button-text-color: var(--color-secondary-100);
  --viewall-button-bg-color: var(--color-primary-700);
}
.c-view-all-button:hover {
  --viewall-button-bg-color: var(--color-primary-500);
}
.c-view-all-button--archived {
  --viewall-button-text-color: var(--color-secondary-100);
  --viewall-button-bg-color: var(--color-secondary-700);
}
.c-view-all-button--archived.h-hover, .c-view-all-button--archived:hover:not(.c-viewall-button--disabled) {
  --viewall-button-bg-color: var(--color-secondary-600);
}
.c-view-all-button--fixed {
  --viewall-button-text-color: var(--color-secondary-100);
  --viewall-button-bg-color: var(--color-tertiary-800);
}
.c-view-all-button--fixed.h-hover, .c-view-all-button--fixed:hover:not(.c-viewall-button--disabled) {
  --viewall-button-bg-color: var(--color-tertiary-400);
}

.c-vote-button {
  --vote-button__separator-color: var(--color-highlight-100);
}
.c-vote-button--primary {
  --vote-button-text-color: var(--color-white);
  --vote-button-bg-color: var(--color-highlight-400);
  --vote-button-border-color: var(--transparent);
}
.c-vote-button--primary.h-hover, .c-vote-button--primary:hover:not(.c-vote-button--disabled) {
  --vote-button-bg-color: var(--color-highlight-600);
}
.c-vote-button--primary.c-vote-button--disabled {
  --vote-button-text-color: var(--color-primary-500);
  --vote-button-bg-color: var(--color-primary-600);
}
.c-vote-button--primary.c-vote-button--has-upvoted {
  --vote-button-border-color: var(--color-white);
}
.c-vote-button--secondary {
  --vote-button-text-color: var(--color-highlight-100);
  --vote-button-bg-color: var(--transparent);
  --vote-button-border-color: var(--color-highlight-100);
}
.c-vote-button--secondary.h-hover, .c-vote-button--secondary:hover:not(.c-vote-button--disabled) {
  --vote-button-text-color: var(--color-highlight-200);
  --vote-button-bg-color: var(--color-primary-800);
  --vote-button-border-color: var(--color-highlight-200);
}
.c-vote-button--secondary.c-vote-button--disabled {
  --vote-button-text-color: var(--color-primary-500);
  --vote-button-border-color: var(--color-primary-500);
}
.c-vote-button--secondary:hover:not(.c-vote-button--disabled), .c-vote-button--secondary.h-hover {
  --vote-button__separator-color: var(--color-highlight-200);
}
.c-vote-button--secondary.c-vote-button--has-upvoted {
  --vote-button-bg-color: var(--color-highlight-800);
  --vote-button-text-color: var(--color-white);
  --vote-button-border-color: var(--color-white);
}
.c-vote-button--secondary.c-vote-button--has-upvoted:hover:not(.c-vote-button--disabled), .c-vote-button--secondary.c-vote-button--has-upvoted.h-hover {
  --vote-button-bg-color: rgba(var(--color-highlight-800--string), 0.6);
  --vote-button-border-color: var(--color-white);
}
.c-vote-button--secondary.c-vote-button--has-upvoted.c-vote-button--disabled {
  --vote-button-bg-color: var(--color-primary-800);
  --vote-button__separator-color: var(--color-primary-500);
}
.c-vote-button--disabled {
  --vote-button__separator-color: var(--color-primary-500);
}

.c-vote-button__count {
  width: 0.5rem;
}

.c-callout {
  --callout__close-icon-color: var(--color-secondary-500);
}

.c-callout__header .t-title--medium {
  font-weight: bold;
  text-transform: none;
}
.c-checkbox {
  --checkbox-icon-color: var(--color-primary-400);
  --checkbox-bg-color: transparent;
  --checkbox-border-color: var(--color-primary-400);
}
.c-checkbox.h-input--active {
  --checkbox-icon-color: var(--color-primary-200);
  --checkbox-border-color: var(--color-primary-200);
}
.c-checkbox.h-admin {
  --checkbox-icon-color: var(--color-admin-500);
  --checkbox-bg-color: var(--color-admin-900);
  --checkbox-border-color: var(--color-admin-500);
}
.c-checkbox.h-admin.h-input--active {
  --checkbox-icon-color: var(--color-admin-200);
  --checkbox-border-color: var(--color-admin-200);
}
.c-checkbox.h-input--disabled {
  --checkbox-icon-color: var(--color-secondary-800);
  --checkbox-bg-color: var(--color-secondary-900);
  --checkbox-border-color: var(--color-secondary-800);
}

.c-chip {
  --chip-text-color: var(--color-white);
  --chip-bg-color: transparent;
  --chip-border-color: var(--color-secondary-400);
  --chip-padding: 0.5rem;
  --chip-shadow-color: "";
  --chip__label-text-size: 0.875rem;
  --chip__icon-size: 0.75rem;
  --chip__remove-icon-color: var(--color-white);
}
.c-chip.c-chip--secondary {
  --chip-text-color: var(--color-primary-50);
  --chip-bg-color: var(--color-primary-600);
  --chip-border-color: transparent;
}
.c-chip.c-chip--tertiary {
  --chip-text-color: var(--color-primary-900);
  --chip-bg-color: var(--color-primary-100);
  --chip-border-color: transparent;
}
.c-chip.c-chip--is-selected {
  --chip-text-color: var(--color-white);
  --chip-bg-color: var(--color-highlight-400);
  --chip-border-color: var(--color-highlight-400);
}
.c-chip.c-chip--admin {
  --chip-text-color: var(--color-role-administrator);
  --chip-border-color: var(--color-role-administrator);
}
.c-chip.c-chip--moderator {
  --chip-text-color: var(--color-role-moderator);
  --chip-border-color: var(--color-role-moderator);
}
.c-chip.c-chip--viewer {
  --chip-text-color: var(--color-role-viewer);
  --chip-border-color: var(--color-role-viewer);
}
.c-chip.c-chip--user {
  --chip-text-color: var(--color-secondary-200);
  --chip-border-color: var(--color-secondary-200);
}
.c-chip.c-chip--none {
  --chip-text-color: var(--color-secondary-200);
}
.c-chip.c-chip--xsmall {
  --chip-padding: 0 0.25rem;
  --chip__label-text-size: 0.625rem;
  --chip__icon-size: 0.5rem;
  --chip__remove-icon-size: 0.5rem;
}
.c-chip.c-chip--small {
  --chip-padding: 0.25rem 0.5rem;
  --chip__label-text-size: 0.75rem;
  --chip__remove-icon-size: 0.75rem;
}
.c-chip.c-chip--medium {
  --chip-padding: 0.5rem 0.75rem;
  --chip__remove-icon-size: 0.75rem;
}
.c-chip.c-chip--large {
  --chip__icon-size: 1rem;
  --chip-padding: 0.75rem 1rem;
  --chip__remove-icon-size: 0.875rem;
}
.c-chip.c-chip--clickable:focus-visible, .c-chip.c-chip--clickable.focus-visible {
  --chip-border-color: var(--color-primary-400);
  --chip-shadow-color: var(--color-primary-400);
}

.c-chip {
  border-radius: 0;
}

.c-contribution-modify-group {
  --contribution-modify-group__title-font-family: var(--font-primary);
  --contribution-modify-group__title-font-size: 0.875rem;
  --contribution-modify-group__title-line-height: 1.5rem;
  --contribution-modify-group__title-text-color: var(--color-secondary-200);
  --contribution-modify-group__sub-title-font-family: var(--font-primary);
  --contribution-modify-group__sub-title-font-size: 0.75rem;
  --contribution-modify-group__sub-title-line-height: 1rem;
  --contribution-modify-group__sub-title-text-color: var(--color-secondary-300);
  --contribution-modify-group__separator--border-color: var(--color-primary-500);
}

.c-contribution-modify-modal {
  --contribution-modify-modal__sub-header-title-font-family: var(--font-secondary);
  --contribution-modify-modal__sub-header-title-font-size: 1.375rem;
  --contribution-modify-modal__sub-header-title-font-weight: normal;
  --contribution-modify-modal__sub-header-title-line-height: 2rem;
  --contribution-modify-modal__sub-header-title-text-color: var(--color-white);
  --contribution-modify-modal__sub-header-title-text-transform: uppercase;
  --contribution-modify-modal__sub-header-text-font-family: var(--font-primary);
  --contribution-modify-modal__sub-header-text-font-size: 0.875rem;
  --contribution-modify-modal__sub-header-text-line-height: 1.5rem;
  --contribution-modify-modal__sub-header-text-color: var(--color-secondary-100);
}
@media (min-width: 46.25em) {
  .c-contribution-modify-modal {
    --contribution-modify-modal__sub-header-title-font-size: 1.75rem;
  }
}

.c-contribution-card-action {
  --contribution-card-action__title-text-color: var(--color-white);
  --contribution-card-action__helper-text-color: var(--color-white);
}

.c-contribution-card-kudos {
  --contribution-card-kudos__label-text-color: var(--color-tertiary-100);
}
.c-contribution-card-kudos .c-avatar__media {
  --avatar-border-color: var(--color-tertiary-100);
}
.c-contribution-card-kudos .c-avatar-count {
  --avatar-count-text-color: var(--color-tertiary-100);
  --avatar-count-bg-color: var(--color-tertiary-800);
  --avatar-count-border-color: var(--color-tertiary-100);
}
.c-contribution-card-kudos .c-button {
  --button-text-color: var(--color-tertiary-100);
  --button-bg-color: var(--color-tertiary-800);
}
.c-contribution-card-kudos .c-button:hover {
  --button-text-color: var(--color-tertiary-200);
  --button-bg-color: var(--color-tertiary-800);
}

.c-contribution-card-notes {
  --contribution-card-notes-bg-color: var(--color-primary-600);
  --contribution-card-notes-text-color: var(--color-white);
  --contribution-card-notes__icon-color: var(--color-white);
  --contribution-card-notes__tooltip-bg-color: var(--color-primary-800);
  --contribution-card-notes__tooltip-text-color: var(--color-white);
}
.c-contribution-card-notes.c-contribution-card-notes--archived {
  --contribution-card-notes-bg-color: var(--color-secondary-700);
}
.c-contribution-card-notes.c-contribution-card-notes--fixed {
  --contribution-card-notes-bg-color: var(--color-tertiary-600);
}

.c-contribution-card-secondary-card {
  --contribution-card-secondary-card-bg-color: var(--color-primary-700);
}
.c-contribution-card-secondary-card--duplicate, .c-contribution-card-secondary-card--archived {
  --contribution-card-secondary-card-bg-color: var(--color-secondary-800);
}
.c-contribution-card-secondary-card--fixed {
  --contribution-card-secondary-card-bg-color: var(--color-tertiary-800);
}

.c-contribution-card-severity .c-dropdown-trigger {
  --dropdown-trigger-bg-color: var(--color-primary-700);
}
.c-contribution-card-severity .c-dropdown-trigger:hover {
  --dropdown-trigger-bg-color: var(--color-primary-500);
}
.c-contribution-card-severity.c-contribution-card-severity--archived .c-dropdown-trigger, .c-contribution-card-severity.c-contribution-card-severity--duplicate .c-dropdown-trigger {
  --dropdown-trigger-bg-color: var(--color-secondary-600);
}
.c-contribution-card-severity.c-contribution-card-severity--archived .c-dropdown-trigger:hover, .c-contribution-card-severity.c-contribution-card-severity--duplicate .c-dropdown-trigger:hover {
  --dropdown-trigger-bg-color: var(--color-secondary-500);
}
.c-contribution-card-severity.c-contribution-card-severity--fixed .c-dropdown-trigger {
  --dropdown-trigger-bg-color: var(--color-tertiary-800);
}
.c-contribution-card-severity.c-contribution-card-severity--fixed .c-dropdown-trigger:hover {
  --dropdown-trigger-bg-color: var(--color-tertiary-400);
}

.c-contribution-card-status {
  --contribution-card-status-text-color: var(--color-white);
  --contribution-card-status-icon-color: var(--color-white);
  --contribution-card-status-bg-color: var(--color-primary-600);
  --contribution-card-status-border-color: var(--color-primary-500);
  --contribution-card-status__label-text-color: var(--color-primary-200);
  --contribution-card-status__details-text-color: var(--color-white);
}
.c-contribution-card-status.c-contribution-card-status--archived {
  --contribution-card-status-icon-color: var(--color-secondary-200);
  --contribution-card-status-bg-color: var(--color-secondary-700);
  --contribution-card-status__label-text-color: var(--color-secondary-200);
  --contribution-card-status__details-text-color: var(--color-secondary-200);
}
.c-contribution-card-status.c-contribution-card-status--fixed {
  --contribution-card-status-icon-color: var(--color-tertiary-100);
  --contribution-card-status-bg-color: var(--color-tertiary-600);
  --contribution-card-status__details-text-color: var(--color-white);
}
.c-contribution-card-status.c-contribution-card-status--fixed .c-tag {
  --tag-bg-color: var(--color-tertiary-200);
}

.c-contribution-card {
  --contribution-card__header-bg-color: var(--color-primary-600);
  --contribution-card__header-text-color: var(--color-white);
  --contribution-card__header-border-color: var(--color-primary-500);
  --contribution-card__body-bg-color: var(--color-primary-600);
  --contribution-card__footer-bg-color: var(--color-primary-700);
  --contribution-card-separator-color: var(--color-primary-500);
  --contribution-card-top-border-color: var(--r6fix-border-color);
}
.c-contribution-card.c-contribution-card--archived, .c-contribution-card.c-contribution-card--duplicate {
  --contribution-card__header-bg-color: var(--color-secondary-700);
  --contribution-card__header-border-color: var(--color-secondary-600);
  --contribution-card__body-bg-color: var(--color-secondary-700);
  --contribution-card__footer-bg-color: var(--color-secondary-800);
  --contribution-card-separator-color: var(--color-secondary-600);
  --contribution-card-top-border-color: var(--r6fix-archived-border-color);
}
.c-contribution-card.c-contribution-card--archived .c-contribution-card-counter, .c-contribution-card.c-contribution-card--duplicate .c-contribution-card-counter {
  --contribution-card-counter-text-color: var(--color-secondary-300);
}
.c-contribution-card.c-contribution-card--fixed {
  --contribution-card__header-bg-color: var(--color-tertiary-600);
  --contribution-card__header-border-color: var(--color-tertiary-400);
  --contribution-card__body-bg-color: var(--color-tertiary-600);
  --contribution-card__footer-bg-color: var(--color-tertiary-800);
  --contribution-card-separator-color: var(--color-tertiary-400);
  --contribution-card-top-border-color: var(--r6fix-fixed-border-color);
}
.c-contribution-card.c-contribution-card--fixed .c-avatar-count {
  --avatar-count-bg-color: var(--color-tertiary-800);
  --avatar-count-border-color: var(--color-tertiary-100);
}
.c-contribution-card.c-contribution-card--admin.c-contribution-card-form-header {
  --contribution-card-form-header-bg-color: var(--color-admin-400);
}
.c-contribution-card.c-contribution-card--admin .c-form-with-steps-header {
  --form-with-steps-header-bg-color: var(--color-admin-400);
  --form-with-steps-header__progress-bg-color: var(--color-admin-200);
  --form-with-steps-header__progress-filler-color: var(--color-admin-100);
}
.c-contribution-card.c-contribution-card--admin .c-form-step {
  --form-step__header-bg-color: var(--color-admin-400);
  --form-step__header-border-color: var(--color-admin-200);
  --form-step__header__label-text-color: var(--color-white);
}

.c-contribution-card {
  border-top: 0.1875rem solid var(--contribution-card-top-border-color);
}

.c-contribution-card-field {
  --contribution-card-field__hint-text-color: var(--color-secondary-200);
}
.c-contribution-card-field .c-text-input {
  --text-input-border-color: var(--color-secondary-200);
}

.c-contribution-card-field .c-text-input textarea {
  border-width: 1px;
}

.c-contribution-card-form-header {
  --contribution-card-form-header-bg-color: var(--color-primary-600);
}

.c-contribution-card-radio-field .c-dropdown-list {
  --dropdown-list-separator-color: var(--color-primary-500);
}
.c-contribution-card-radio-field .c-dropdown-list.c-dropdown-list--admin {
  --dropdown-list-separator-color: var(--color-primary-500);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio {
  --dropdown-list-item-radio-bg-color: var(--color-primary-700);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio:hover, .c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.h-hover {
  --dropdown-list-item-radio-bg-color: var(--color-primary-500);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio:not(.c-dropdown-list-item-radio--is-selected) {
  --dropdown-list-item-radio__highlight-color: var(--transparent);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin .c-radio {
  --radio-border-color: var(--color-admin-300);
  --radio-shape-color: var(--color-admin-300);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected {
  --dropdown-list-item-radio-bg-color: var(--color-primary-800);
  --dropdown-list-item-radio__highlight-color: var(--color-primary-300);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected.c-dropdown-list-item-radio--admin .c-radio {
  --radio-border-color: var(--color-admin-200);
  --radio-shape-color: var(--color-admin-200);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--disabled {
  --dropdown-list-item-radio-bg-color: var(--color-primary-800);
}

.c-divider {
  --divider-color: var(--color-primary-500);
}
.c-divider--light {
  --divider-color: var(--color-primary-500);
}
.c-divider--dark {
  --divider-color: var(--color-primary-600);
}
.c-divider--white {
  --divider-color: var(--color-white);
}
.c-divider--archived {
  --divider-color: var(--color-secondary-600);
}
.c-divider--fixed {
  --divider-color: var(--color-tertiary-600);
}
.c-divider.c-divider--neutral {
  --divider-color: var(--color-black);
}

.c-dropdown {
  --dropdown__shadow-bg-color: var(--color-black);
  --dropdown__body-shadow-color: rgba(var(--color-black--string), 0.4);
  --dropdown__close-button-text-color: var(--color-primary-50);
  --dropdown__close-button-bg-color: var(--color-primary-600);
  --dropdown__body-header-bg-color: var(--color-primary-700);
  --dropdown__body-header-border-color: var(--color-primary-500);
  --dropdown__body-bg-color: var(--color-primary-800);
}
.c-dropdown__close-button:hover {
  --dropdown__close-button-bg-color: var(--color-primary-500);
}
.c-dropdown.c-dropdown--error {
  --dropdown__close-button-text-color: var(--color-error-100);
  --dropdown__close-button-bg-color: var(--color-error-900);
  --dropdown__body-header-bg-color: var(--color-error-600);
  --dropdown__body-header-border-color: var(--color-error-100);
  --dropdown__body-content-bg-color: var(--color-error-900);
}
.c-dropdown.c-dropdown--error .c-dropdown__close-button:hover {
  --dropdown__close-button-text-color: var(--color-error-600);
  --dropdown__close-button-bg-color: var(--color-error-900);
}
.c-dropdown.c-dropdown--admin {
  --dropdown__body-header-bg-color: var(--color-admin-400);
  --dropdown__body-header-border-color: 1px solid var(--color-admin-200);
}
.c-dropdown.c-dropdown--admin .c-dropdown__close-button {
  --dropdown__close-button-text-color: var(--color-admin-50);
  --dropdown__close-button-bg-color: var(--color-admin-600);
}

.c-dropdown-action-list-item {
  --dropdown-action-list-item-text-color: var(--color-white);
  --dropdown-action-list-item-bg-color: var(--color-primary-800);
  --dropdown-action-list-item-border-color: var(--color-primary-600);
}
@media (min-width: 46.25em) {
  .c-dropdown-action-list-item:hover:not(.c-dropdown-action-list-item--disabled), .c-dropdown-action-list-item.h-hover {
    --dropdown-action-list-item-bg-color: var(--color-primary-700);
  }
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--disabled {
  --dropdown-action-list-item-text-color: var(--color-secondary-600);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--admin {
  --dropdown-action-list-item-bg-color: var(--color-admin-800);
  --dropdown-action-list-item-border-color: var(--color-admin-600);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--admin:hover:not(.c-dropdown-action-list-item--disabled), .c-dropdown-action-list-item.c-dropdown-action-list-item--admin.h-hover {
  --dropdown-action-list-item-bg-color: var(--color-admin-700);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--admin.c-dropdown-action-list-item--disabled {
  --dropdown-action-list-item-text-color: var(--color-admin-600);
}

.c-dropdown-list {
  --dropdown-list-bg-color: var(--color-primary-800);
  --dropdown-list-separator-color: var(--color-primary-600);
}
.c-dropdown-list.c-dropdown-list--admin {
  --dropdown-list-bg-color: var(--color-admin-800);
  --dropdown-list-separator-color: var(--color-admin-600);
}
.c-dropdown-list.c-dropdown-list--fixed {
  --dropdown-list-separator-color: var(--color-tertiary-600);
}
.c-dropdown-list.c-dropdown-list--archived {
  --dropdown-list-separator-color: var(--color-secondary-700);
}

.c-dropdown-trigger__wrapper {
  --dropdown-trigger-text-color: var(--color-white);
  --dropdown-trigger-bg-color: var(--color-primary-600);
  --dropdown-trigger__header-text-color: var(--color-white);
  --dropdown-trigger__header-bg-color: var(--color-primary-500);
  --dropdown-trigger__details-text-color: var(--color-secondary-300);
  --dropdown-trigger__body-icon-color: var(--color-white);
  --dropdown-trigger__error-message-text-color: var(--color-error-100);
  --dropdown-trigger--is-active-bg-color: var(--color-primary-700);
  --dropdown-trigger--disabled-bg-color: var(--color-primary-700);
  --dropdown-trigger--has-error-border-color: var(--color-error-100);
}
.c-dropdown-trigger__wrapper .c-dropdown-trigger--admin {
  --dropdown-trigger-text-color: var(--color-admin-100);
  --dropdown-trigger-bg-color: var(--color-admin-900);
  --dropdown-trigger__header-text-color: var(--color-admin-100);
  --dropdown-trigger__header-bg-color: var(--color-admin-900);
  --dropdown-trigger__body-icon-color: var(--color-admin-100);
}

.c-dropdown-trigger-filter {
  --dropdown-trigger-filter-text-color: var(--color-secondary-50);
}
.c-dropdown-trigger-filter.h-hover, .c-dropdown-trigger-filter:hover {
  --dropdown-trigger-filter-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-filter--is-active {
  --dropdown-trigger-filter-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-filter--disabled, .c-dropdown-trigger-filter--disabled.h-hover, .c-dropdown-trigger-filter--disabled:hover {
  --dropdown-trigger-filter-text-color: var(--color-secondary-500);
}

.c-dropdown-trigger-inline {
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: #fff;
}
.c-dropdown-trigger-inline.h-hover, .c-dropdown-trigger-inline:hover {
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-inline.h-focus, .c-dropdown-trigger-inline:focus {
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-inline--disabled, .c-dropdown-trigger-inline--disabled.h-hover, .c-dropdown-trigger-inline--disabled:hover {
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: var(--color-secondary-500);
}
@media (max-width: 46.24em) {
  .c-dropdown-trigger-inline {
    --dropdown-trigger-inline-bg-color: var(--color-primary-800);
  }
}

.c-duplicate-issue-input {
  --duplicate-issue-input__title-color: var(--color-secondary-100);
  --duplicate-issue-input__issue-code-color: var(--color-white);
  --duplicate-issue-input__issue-title-color: var(--color-secondary-300);
}

.c-duplicate {
  --duplicate-bg-color: var(--color-primary-700);
  --duplicate-text-color: var(--color-primary-200);
  --duplicate__title-text-color: var(--color-white);
}
.c-duplicate.h-hover:not(.h-disabled, .c-duplicate--disabled), .c-duplicate:hover:not(.h-disabled, .c-duplicate--disabled) {
  --duplicate-bg-color: var(--color-primary-800);
}
.c-duplicate.h-disabled, .c-duplicate--disabled {
  --duplicate-text-color: var(--color-secondary-600);
  --duplicate__title-text-color: var(--color-secondary-600);
}

.c-evidence {
  --evidence-bg-color: var(--color-primary-700);
  --evidence-border-color: var(--color-primary-400);
  --evidence-text-color: var(--color-secondary-100);
  --evidence__icon-color: var(--color-white);
  --evidence__icon-bg-color: var(--color-primary-700);
  --evidence__remove-icon-color: var(--color-primary-200);
  --evidence__remove-icon-bg-color: var(--color-primary-700);
  --evidence__remove-icon-border-color: var(--color-primary-200);
  --evidence__alert-bg-color: var(--color-primary-800);
}
.c-evidence--empty {
  --evidence-bg-color: var(--color-primary-700);
}
.c-evidence--hidden {
  --evidence-bg-color: var(--color-primary-900);
  --evidence-border-color: var(--color-secondary-700);
  --evidence__remove-icon-border-color: var(--color-secondary-500);
  --evidence__stripes-color: var(--color-secondary-800);
}
.c-evidence--admin {
  --evidence-border-color: var(--color-admin-400);
  --evidence-text-color: var(--color-admin-50);
  --evidence__icon-bg-color: var(--color-admin-700);
  --evidence__remove-icon-color: var(--color-admin-100);
  --evidence__remove-icon-bg-color: var(--color-admin-900);
  --evidence__remove-icon-border-color: var(--color-admin-200);
  --evidence__alert-bg-color: var(--color-admin-900);
}

.c-footer {
  --footer-text-color: var(--color-secondary-200);
  --footer__divider-border-color: var(--color-secondary-600);
}
.c-footer .c-footer__link {
  --t-color: var(--color-secondary-200);
}

.c-gauge {
  --gauge__number-text-color: var(--color-white);
  --gauge__track-bg-color: var(--color-primary-700);
  --gauge__bar-bg-color: var(--color-white);
}
.c-gauge__bar--can-reproduce {
  --gauge__bar-bg-color: var(--can-reproduce-color);
}
.c-gauge__bar--cannot-reproduce {
  --gauge__bar-bg-color: var(--cannot-reproduce-color);
}

.c-header {
  --header-bg-color: transparent;
  --header-border-color: transparent;
  --header__burger-color: var(--color-secondary-50);
}
.c-header.c-header--mobile {
  --header-bg-color: var(--color-black);
  --header-border-color: transparent;
}
.c-header .c-platform-brand {
  --platform-bg-color: transparent;
}

.c-info-box {
  --info-box__border-color: var(--color-primary-300);
}

.c-info-box {
  border-top: solid 0.1875rem var(--info-box__border-color);
}
.c-info-box--promoted {
  margin-bottom: 1rem;
}
.c-info-box.t-ui__label--small {
  font-weight: 700;
}
.c-info-box .c-icon {
  font-size: 1rem;
}

.c-issue-filters__filter {
  --dropdown__body-bg-color: var(--color-primary-800);
}
.c-issue-filters__modal {
  --issue-filters__modal-tag-list-bg-color: var(--color-primary-800);
}

.c-issue-list {
  --issue-list__divider-border-color: var(--color-black);
}

.c-issue-list-see-all {
  --issue-list__view-all-text-color: var(--color-white);
  --issue-list__view-all-bg-color: var(--color-primary-700);
  --issue-list__view-all--hover-bg-color: var(--color-primary-400);
}

.c-issue-list-section-title__header {
  text-transform: uppercase;
}

.c-issue-modify-modal {
  --issue-modify-modal__sub-header-title-font-family: var(--font-secondary);
  --issue-modify-modal__sub-header-title-font-size: 1.375rem;
  --issue-modify-modal__sub-header-title-font-weight: normal;
  --issue-modify-modal__sub-header-title-line-height: 2rem;
  --issue-modify-modal__sub-header-title-text-color: var(--color-white);
  --issue-modify-modal__sub-header-title-text-transform: uppercase;
  --issue-modify-modal__sub-header-text-font-family: var(--font-primary);
  --issue-modify-modal__sub-header-text-font-size: 0.875rem;
  --issue-modify-modal__sub-header-text-line-height: 1.5rem;
  --issue-modify-modal__sub-header-text-color: var(--color-secondary-100);
}
@media (min-width: 46.25em) {
  .c-issue-modify-modal {
    --issue-modify-modal__sub-header-title-font-size: 1.75rem;
  }
}

.c-issue-modify-group {
  --issue-modify-group__title-font-family: var(--font-primary);
  --issue-modify-group__title-font-size: 0.875rem;
  --issue-modify-group__title-line-height: 1.5rem;
  --issue-modify-group__title-text-color: var(--color-secondary-200);
  --issue-modify-group__sub-title-font-family: var(--font-primary);
  --issue-modify-group__sub-title-font-size: 0.75rem;
  --issue-modify-group__sub-title-line-height: 1rem;
  --issue-modify-group__sub-title-text-color: var(--color-secondary-300);
  --issue-modify-group__separator--border-color: var(--color-primary-500);
}

.c-issue-card.c-issue-card--archived {
  --issue-card-bg-color: var(--color-secondary-800);
  --issue-card-footer-bg-color: var(--color-secondary-700);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
}
.c-issue-card.c-issue-card--archived:hover:not(.c-issue-card--disabled):not(.c-issue-card--placeholder):not(.c-issue-card--skeleton), .c-issue-card.c-issue-card--archived.h-hover, .c-issue-card.c-issue-card--archived.c-issue-card--selected {
  --issue-card-bg-color: var(--color-secondary-700);
  --issue-card-footer-bg-color: var(--color-secondary-600);
}
.c-issue-card.c-issue-card--archived .c-tag,
.c-issue-card.c-issue-card--archived .c-tag.c-tag--neutral {
  --tag-border-color: var(--color-secondary-400);
}
.c-issue-card.c-issue-card--disabled .c-tag.c-tag--neutral {
  --tag__icon-color: var(--color-primary-400);
}
.c-issue-card.c-issue-card--empty {
  --issue-card-border-color: var(--color-secondary-800);
}
.c-issue-card.c-issue-card--highlighted.c-issue-card--admin {
  --issue-card-highlight-bg-color: var(--color-secondary-200);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
}
.c-issue-card.c-issue-card--highlighted.c-issue-card--admin .c-tag--secondary.c-tag--neutral {
  --tag-bg-color: var(--color-secondary-200);
}

.c-issue-widget-wrapper {
  --issue-widget-wrapper-bg-color: var(--color-primary-700);
  --issue-widget-wrapper-separator-color: var(--color-primary-600);
}
.c-issue-widget-wrapper.c-issue-widget-wrapper--archived {
  --issue-widget-wrapper-bg-color: var(--color-secondary-800);
  --issue-widget-wrapper-separator-color: var(--color-secondary-700);
}
.c-issue-widget-wrapper.c-issue-widget-wrapper--fixed {
  --issue-widget-wrapper-bg-color: var(--color-tertiary-800);
  --issue-widget-wrapper-separator-color: var(--color-tertiary-400);
}

.c-issue-form {
  --issue-form-bg-color: var(--color-primary-900);
  --issue-form-group__duplicate-disclaimer-text-color: var(--color-secondary-600);
}

.c-issue-form-group__duplicate-disclaimer {
  background-color: var(--issue-form-group__duplicate-disclaimer-text-color);
}

.c-issue-report-creation-toolbar {
  --issue-report-creation-toolbar-bg-color: var(--color-primary-800);
  --issue-report-creation-toolbar__title-text-color: var(--color-white);
  --issue-report-creation-toolbar__icon-color: var(--color-white);
  --issue-report-creation-toolbar__icon-bg-color: var(--color-primary-500);
  --issue-report-creation-toolbar__actions-separator-color: var(--color-primary-500);
}

.c-issue-report-details {
  --issue-report-details-border-color: var(--color-primary-600);
}

.c-issue-reporter {
  --issue-reporter-bg-color: var(--color-primary-700);
  --issue-reporter-primary-text-color: var(--color-white);
  --issue-reporter-secondary-text-color: var(--color-secondary-200);
}

.c-jira-ticket-link .c-button {
  height: 0;
  padding: 0;
}

.c-login-chip {
  --login-chip-bg-color: var(--color-primary-600);
  --login-chip__avatar-border-color: var(--color-white);
  --login-chip__footer-bg-color: var(--color-primary-700);
  --login-chip__footer--hover-bg-color: var(--color-primary-400);
}

.c-login-chip.c-popover {
  border-radius: var(--border-radius--small);
}
.c-login-chip .c-popover__footer {
  border-radius: var(--border-radius--small);
}

.c-message {
  --message-bg-color: var(--color-primary-700);
  --message-border-color: var(--color-highlight-400);
  --message__title-text-color: var(--color-white);
  --message__text-color: var(--color-secondary-100);
  --message__icon-color: var(--color-white);
}
.c-message.c-message--admin {
  --message-bg-color: var(--color-admin-800);
  --message-border-color: var(--color-admin-200);
  --message__icon-color: var(--color-admin-100);
}
.c-message.c-message--warning {
  --message-border-color: var(--color-warning);
  --message__title-text-color: var(--color-warning);
  --message__text-color: var(--color-warning);
  --message__icon-color: var(--color-warning);
}
.c-message.c-message--error {
  --message-border-color: var(--color-error-100);
  --message__title-text-color: var(--color-error-100);
  --message__text-color: var(--color-error-100);
  --message__icon-color: var(--color-error-100);
}
.c-message.c-message--success {
  --message-border-color: var(--color-success);
  --message__title-text-color: var(--color-success);
  --message__text-color: var(--color-success);
  --message__icon-color: var(--color-success);
}
.c-message:not(.c-message--admin) .c-button {
  --button-bg-color: var(--color-primary-800);
}

.c-navlink {
  --navlink-bg-color: transparent;
  --navlink-text-color: var(--color-primary-100);
  --navlink-padding: 0;
  --navlink__label-bg-color: var(--color-primary-600);
  --navlink__label-padding: 0.5rem;
  --navlink__label--hover-bg-color: var(--color-primary-700);
  --navlink__leading-icon-margin: 0.25rem;
  --navlink__delete-font-size: 1rem;
}
.c-navlink.c-navlink--removable {
  --navlink-bg-color: var(--color-primary-700);
  --navlink-padding: 0.5rem;
}

.c-navigation {
  --navigation-item-color__font--active: var(--color-white);
}

.c-navigation-item__link--is-active {
  font-weight: 700;
}
@media (max-width: 46.24em) {
  .c-navigation-item__link--is-active {
    background-color: transparent;
  }
}

.c-pagination {
  --pagination__pages-bg-color: var(--color-secondary-700);
  --pagination__pages-border-color: transparent;
  --pagination__pages-default-text-color: var(--color-secondary-200);
  --pagination__pages-active-text-color: var(--color-white);
}
.c-pagination .c-button.c-button--primary {
  --button-bg-color: transparent;
  --button-text-color: var(--color-secondary-200);
}
.c-pagination .c-button.c-button--primary.h-hover, .c-pagination .c-button.c-button--primary:hover {
  --button-bg-color: transparent;
  --button-text-color: var(--color-secondary-200);
}
.c-pagination .c-button.c-button--primary:disabled {
  --button-text-color: var(--color-secondary-600);
}

.c-pill {
  --pill-border-color: var(--color-primary-600);
  --pill__content--left-bg-color: var(--color-primary-600);
  --pill__content--left-text-color: var(--color-white);
  --pill__right-text-color: var(--color-primary-100);
  --pill__icon-size: rem(12px);
}
.c-pill.c-pill--large {
  --pill__content--left-padding: var(--spacing-3) var(--spacing-2) var(--spacing-3) var(--spacing-3);
  --pill__content--right-padding: var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-2);
}
.c-pill.c-pill--medium {
  --pill__content--left-padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-3);
  --pill__content--right-padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-2);
}
.c-pill.c-pill--small {
  --pill__content--left-padding: var(--spacing-1) var(--spacing-2);
  --pill__content--right-padding: var(--spacing-1) var(--spacing-2);
}

.c-platform-brand {
  --platform-brand-padding: 0.5rem 0;
  --platform-bg-color: var(--color-black);
  --platform-brand__label-text-color: var(--color-secondary-500);
  --platform-brand__label-margin: 0 0 0 1rem;
}
@media (min-width: 81.25em) {
  .c-platform-brand {
    --platform-brand-padding: 0.5rem 4rem;
  }
}

.l-layout-platform {
  --platform-layout__bar-bg-color: var(--color-primary-900);
}

.l-layout-platform__bar {
  --platform-brand-color: var(--color-black);
}

.c-please-fix-vote.c-please-fix-vote--fixed, .c-please-fix-vote.c-please-fix-vote--archived {
  --please-fix-vote__label-text-color: var(--color-secondary-300);
  --please-fix-vote__details-text-color: var(--color-secondary-300);
}
.c-please-fix-vote.c-please-fix-vote--archived {
  --please-fix-vote-bg-color: var(--color-secondary-800);
}
.c-please-fix-vote.c-please-fix-vote--fixed {
  --please-fix-vote-bg-color: var(--color-tertiary-600);
}
.c-please-fix-vote.c-please-fix-vote--has-voted .c-button {
  --button-text-color: var(--color-white);
  --button-border-color: var(--color-white);
  --button-bg-color: var(--color-primary-400);
}
.c-please-fix-vote.c-please-fix-vote--has-voted .c-button.h-hover, .c-please-fix-vote.c-please-fix-vote--has-voted .c-button:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-white);
  --button-border-color: var(--color-white);
  --button-bg-color: var(--color-primary-400);
}
.c-please-fix-vote.c-please-fix-vote--has-voted.c-please-fix-vote--fixed .c-button.c-button--disabled, .c-please-fix-vote.c-please-fix-vote--has-voted.c-please-fix-vote--archived .c-button.c-button--disabled {
  --button-text-color: var(--color-secondary-300);
  --button-border-color: var(--color-secondary-300);
  --button-bg-color: var(--color-secondary-600);
}

.c-profile-menu {
  --profile-menu__avatar-border-color: var(--color-primary-500);
  --profile-menu--admin__avatar-border-color: var(--color-admin-600);
}

.c-progress-bar {
  --progress-bar__value-gradient-start: #296d94;
  --progress-bar__value-gradient-end: #a0e2ff;
}

.c-project-card__text {
  background-color: var(--color-primary-300);
}
.c-project-card__description {
  color: var(--color-white);
}

.c-project-selector {
  --project-selector-text-color: var(--color-white);
}

.c-radio {
  --radio-text-color: var(--color-white);
  --radio-bg-color: transparent;
  --radio-border-color: var(--color-primary-500);
  --radio-shape-color: transparent;
}
.c-radio.c-radio--active {
  --radio-border-color: var(--color-primary-200);
  --radio-shape-color: var(--color-primary-200);
}
.c-radio.c-radio--disabled {
  --radio-border-color: var(--color-secondary-600);
  --radio-shape-color: var(--color-secondary-600);
}
.c-radio.c-radio--admin:not(.c-radio--disabled) {
  --radio-border-color: var(--color-admin-200);
  --radio-shape-color: var(--color-admin-200);
}

.c-rich-link {
  --rich-link__body-bg-color: var(--color-primary-700);
  --rich-link__external-icon-color: var(--color-white);
  --rich-link__icon-color: var(--color-white);
  --rich-link__label-text-color: var(--color-primary-100);
}

.c-rich-link.h-visited .c-rich-link__icon,
.c-rich-link.h-visited .c-rich-link__external-icon,
.c-rich-link.h-visited .c-rich-link__label, .c-rich-link:visited .c-rich-link__icon,
.c-rich-link:visited .c-rich-link__external-icon,
.c-rich-link:visited .c-rich-link__label {
  /*
   * We have to set the color by hand here because of somes privacy related features in browsers.
   *
   * https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/
   *
   * TLDR:
   * Due to the sensitive information carried by the "visited" pseudo-class,
   * all browsers disallow the use of functions such as `url | rgba | hsla | etc...` inside it.
   * Chromium based browsers go a step further by disabling the function `var` (firefox doesn't)
   * which is why we have to remove all variables and set the value by hand here.
   *
   * variable name : --color-primary-300
   */
  color: var(--color-primary-300);
}

.c-search-box {
  --search-box-border-width: 0.25rem;
  --search-box-border-color: var(--color-secondary-600);
  --search-box__filter-color: var(--color-black);
  --search-box__reset-color: var(--color-secondary-400);
  --search-box__panel-section-bg-color: var(--color-primary-600);
  --search-box__panel-section__title-text-color: var(--color-white);
  --search-box__panel-section-border-color: var(--color-primary-400);
  --search-box__panel-section-text-color: var(--color-secondary-200);
}
.c-search-box .c-text-input {
  --text-input-bg-color: var(--color-white);
  --text-input-content-color: var(--color-black);
  --text-input-placeholder-color: var(--color-secondary-400);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-search-box .c-text-input:not(:focus):not(.h-focus):not(.c-search-box .c-text-input--disabled):hover, .c-search-box .c-text-input:not(:focus):not(.h-focus):not(.c-search-box .c-text-input--disabled).h-hover, .h-hover .c-search-box .c-text-input:not(:focus):not(.h-focus):not(.c-search-box .c-text-input--disabled) {
  --text-input-bg-color: var(--color-secondary-50);
  --search-box__filter-color: var(--color-black);
}
.c-search-box .c-text-input__input:not(:placeholder-shown), .c-search-box .c-text-input__input:-webkit-autofill {
  --text-input-bg-color: var(--color-white);
}
.c-search-box .c-button {
  --button-text-size: 1.875rem;
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-highlight-400);
}
.c-search-box .c-button:hover {
  --button-bg-color: var(--color-highlight-600);
}

.c-search-box {
  border: 0;
}

.c-search-suggestion {
  --search-suggestion-bg-color: var(--color-primary-600);
  --search-suggestion-text-color: var(--color-secondary-200);
}
.c-search-suggestion:hover {
  --search-suggestion-bg-color: var(--color-primary-500);
}
.c-search-suggestion__view-all {
  --search-suggestion__view-all-bg-color: var(--color-primary-500);
  --search-suggestion__view-all-text-color: var(--color-white);
}
.c-search-suggestion__view-all:hover {
  --search-suggestion__view-all-bg-color: var(--color-primary-400);
}
.c-search-suggestion__view-all:disabled {
  --search-suggestion__view-all-bg-color: var(--color-primary-800);
  --search-suggestion__view-all-text-color: var(--color-primary-500);
}
.c-search-suggestion .c-tag.c-tag--primary.c-tag--neutral {
  --tag-border-color: var(--color-secondary-400);
  --tag-text-color: var(--color-white);
}

.c-search-operator {
  --search-operator__usage-bg-color: var(--color-primary-500);
  --search-operator__symbol-text-color: var(--color-white);
  --search-operator__sample-text-color: var(--color-primary-200);
  --search-operator__description-text-color: var(--color-secondary-200);
}
.c-search-operator:hover {
  --search-operator__usage-bg-color: var(--color-primary-400);
}
.c-search-operator:disabled {
  --search-operator__usage-bg-color: var(--color-primary-800);
  --search-operator__symbol-text-color: var(--color-primary-500);
  --search-operator__sample-text-color: var(--color-primary-400);
}

.c-select-option {
  --select-option-bg-color: var(--color-primary-800);
  --select-option__label-text-color: var(--color-white);
  --select-option__details-text-color: var(--color-secondary-200);
  --select-option__highlight-color: transparent;
}
.c-select-option:not(.c-select-option--disabled).h-hover, .c-select-option:not(.c-select-option--disabled):hover {
  --select-option-bg-color: var(--color-primary-700);
}
.c-select-option.c-select-option--selected {
  --select-option-bg-color: var(--color-primary-700);
  --select-option__highlight-color: var(--color-primary-200);
}
.c-select-option.c-select-option--disabled {
  --select-option__label-text-color: var(--color-secondary-600);
  --select-option__details-text-color: var(--color-secondary-600);
}
.c-select-option.c-select-option--admin {
  --select-option-bg-color: var(--color-admin-800);
}
.c-select-option.c-select-option--admin:not(.c-select-option--disabled).h-hover, .c-select-option.c-select-option--admin:not(.c-select-option--disabled):hover {
  --select-option-bg-color: var(--color-admin-700);
}
.c-select-option.c-select-option--admin.c-select-option--selected {
  --select-option-bg-color: var(--color-admin-700);
  --select-option__highlight-color: var(--color-admin-200);
}

.c-select-trigger {
  --select-trigger-content-color: var(--color-white);
  --select-trigger-label-color: var(--color-secondary-200);
  --select-trigger-bg-color: var(--color-secondary-800);
  --select-trigger-border-color: var(--color-secondary-600);
  --select-trigger-arrow-color: var(--color-secondary-200);
  --select-trigger-icon-color: var(--color-white);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled):hover, .c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled).h-hover {
  --select-trigger-border-color: var(--color-secondary-500);
}
.c-select-trigger.c-select-trigger--disabled {
  --select-trigger-content-color: var(--color-secondary-600);
  --select-trigger-label-color: var(--color-secondary-600);
  --select-trigger-bg-color: var(--color-secondary-800);
  --select-trigger-arrow-color: var(--color-secondary-600);
  --select-trigger-icon-color: var(--color-secondary-600);
}
.c-select-trigger.c-select-trigger--admin {
  --select-trigger-bg-color: var(--color-admin-700);
  --select-trigger-border-color: var(--color-admin-500);
  --select-trigger-arrow-color: var(--color-white);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-select-trigger.c-select-trigger--admin.c-select-trigger--disabled {
  --select-trigger-bg-color: var(--color-admin-800);
  --select-trigger-border-color: var(--color-admin-700);
}
.c-select-trigger.c-select-trigger--admin .c-avatar {
  --avatar-border-color: var(--color-admin-200);
}
.c-select-trigger.c-select-trigger--admin:not(.c-select-trigger.c-select-trigger--admin.h-focus):not(.c-select-trigger.c-select-trigger--admin:focus-visible):not(.c-select-trigger--disabled):hover, .c-select-trigger.c-select-trigger--admin:not(.c-select-trigger.c-select-trigger--admin.h-focus):not(.c-select-trigger.c-select-trigger--admin:focus-visible):not(.c-select-trigger--disabled).h-hover {
  --select-trigger-border-color: var(--color-admin-200);
}
.c-select-trigger__helper-message {
  --select-trigger-helper-color: var(--color-secondary-200);
}

.c-selection-tile--selected .c-selection-tile__input[type=checkbox]::before {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "r6fix-resolve";
  content: "\e920";
}

.c-severity {
  --severity-bg-color: var(--transparent);
  --severity__icon-bg-color: var(--color-primary-600);
  --severity__icon-color: var(--color-white);
  --severity__title-text-color: var(--color-white);
  --severity__label-text-color: var(--color-secondary-200);
}
.c-severity.c-severity--secondary {
  --severity-bg-color: var(--transparent);
  --severity__icon-bg-color: var(--transparent);
  --severity__icon-color: var(--color-white);
}
.c-severity.c-severity--tertiary {
  --severity-bg-color: var(--color-primary-600);
  --severity__icon-bg-color: var(--transparent);
}

.c-sidebar {
  --sidebar-bg-color: var(--color-primary-900);
  --sidebar-divider-color: var(--color-secondary-900);
  --sidebar-link-text-color: var(--color-secondary-200);
  --sidebar-link-bg-color: transparent;
  --sidebar-link--hover-text-color: var(--color-white);
  --sidebar-link--hover-bg-color: transparent;
  --sidebar-link--active-text-color: var(--color-white);
  --sidebar-link--active-bg-color: transparent;
  --sidebar__footer-text-color: var(--color-secondary-500);
}

.c-sidebar__footer-branding {
  display: none;
}

.c-skeleton {
  --skeleton-bg-color: var(--color-secondary-600--string);
}

.c-staff-console {
  --staff-console-bg-color: var(--color-admin-800);
  --staff-console-border-color: var(--color-admin-100);
}

.c-steps-item__number {
  padding: 0.0625rem 0 0 0.0625rem;
}

.c-steps-item {
  --steps-item-text-color: var(--color-secondary-200);
  --steps-item-border-color: var(--color-primary-200);
  --steps-item__title-text-color: var(--color-white);
  --steps-item__chip-text-color: var(--color-white);
  --steps-item__chip-bg-color: var(--color-primary-600);
  --steps-item__chip-border-color: var(--color-primary-200);
}

.c-swiper {
  --swiper-border: var(--color-secondary-600);
  --swiper-bullet: var(--color-secondary-600);
  --swiper-bullet--active: var(--color-secondary-100);
  --swiper-arrow: var(--color-secondary-400);
  --swiper-arrow--hover: var(--color-secondary-100);
  --swiper-arrow--disabled: var(--color-secondary-600);
}

.c-switch {
  --switch__thumb-color: var(--color-primary-400);
  --switch__track-color: var(--color-primary-600);
  --switch__status-color: var(--color-white);
  --switch__label-text-color: var(--color-white);
}
.c-switch.c-switch--checked {
  --switch__thumb-color: var(--color-success);
  --switch__track-color: var(--color-primary-400);
}
.c-switch.c-switch--disabled {
  --switch__thumb-color: var(--color-secondary-400);
  --switch__track-color: var(--color-secondary-600);
  --switch__status-color: var(--color-secondary-200);
}
.c-switch.c-switch--admin {
  --switch__thumb-color: var(--color-admin-500);
  --switch__track-color: var(--color-admin-800);
}
.c-switch.c-switch--admin.c-switch--checked {
  --switch__thumb-color: var(--color-admin-200);
  --switch__track-color: var(--color-admin-500);
}
.c-switch.c-switch--admin.c-switch--disabled {
  --switch__thumb-color: var(--color-admin-700);
  --switch__track-color: var(--color-admin-900);
  --switch__status-color: var(--color-admin-600);
}

.c-tag {
  --tag-bg-color: inherit;
}
.c-tag.c-tag--large {
  --tag-padding: var(--spacing-3) var(--spacing-4);
  --tag-gap: var(--spacing-2);
  --tag__icon-size: 1rem;
}
.c-tag.c-tag--medium {
  --tag-padding: var(--spacing-2) var(--spacing-3);
  --tag-gap: var(--spacing-1);
  --tag__icon-size: 0.75rem;
}
.c-tag.c-tag--small {
  --tag-padding: var(--spacing-1) var(--spacing-2);
  --tag-gap: var(--spacing-1);
  --tag__icon-size: 0.75rem;
}
.c-tag.c-tag--xsmall {
  --tag-padding: 0 var(--spacing-1);
  --tag-gap: var(--spacing-1);
  --tag__icon-size: 0.5rem;
}
.c-tag.c-tag--primary {
  --tag-text-color: var(--color-highlight-100);
  --tag-border-color: var(--color-highlight-100);
  --tag__icon-color: var(--color-highlight-100);
}
.c-tag.c-tag--primary.c-tag--neutral {
  --tag-text-color: var(--color-white);
  --tag-border-color: var(--color-primary-600);
  --tag__icon-color: var(--color-white);
}
.c-tag.c-tag--primary.c-tag--fixed {
  --tag-text-color: var(--color-tertiary-100);
  --tag-border-color: var(--color-tertiary-400);
  --tag__icon-color: var(--color-tertiary-100);
}
.c-tag.c-tag--primary.c-tag--admin {
  --tag-text-color: var(--color-admin-200);
  --tag-border-color: var(--color-admin-200);
  --tag__icon-color: var(--color-admin-200);
}
.c-tag.c-tag--primary.c-tag--administrator {
  --tag-text-color: var(--color-role-administrator);
  --tag-border-color: var(--color-role-administrator);
  --tag__icon-color: var(--color-role-administrator);
}
.c-tag.c-tag--primary.c-tag--project-manager {
  --tag-text-color: var(--color-role-project-manager);
  --tag-border-color: var(--color-role-project-manager);
  --tag__icon-color: var(--color-role-project-manager);
}
.c-tag.c-tag--primary.c-tag--moderator {
  --tag-text-color: var(--color-role-moderator);
  --tag-border-color: var(--color-role-moderator);
  --tag__icon-color: var(--color-role-moderator);
}
.c-tag.c-tag--primary.c-tag--staff {
  --tag-text-color: var(--color-role-staff);
  --tag-border-color: var(--color-role-staff);
  --tag__icon-color: var(--color-role-staff);
}
.c-tag.c-tag--secondary {
  --tag-bg-color: var(--color-highlight-100);
  --tag-text-color: var(--color-primary-900);
  --tag__icon-color: var(--color-primary-900);
  --tag-border-color: inherit;
}
.c-tag.c-tag--secondary.c-tag--neutral {
  --tag-bg-color: var(--color-primary-400);
}
.c-tag.c-tag--secondary.c-tag--fixed {
  --tag-bg-color: var(--color-tertiary-400);
}
.c-tag.c-tag--secondary.c-tag--admin {
  --tag-bg-color: var(--color-admin-200);
}
.c-tag.c-tag--secondary.c-tag--administrator {
  --tag-bg-color: var(--color-role-administrator);
}
.c-tag.c-tag--secondary.c-tag--project-manager {
  --tag-bg-color: var(--color-role-project-manager);
}
.c-tag.c-tag--secondary.c-tag--moderator {
  --tag-bg-color: var(--color-role-moderator);
}
.c-tag.c-tag--secondary.c-tag--viewer {
  --tag-bg-color: var(--color-role-viewer);
}
.c-tag.c-tag--secondary.c-tag--staff {
  --tag-bg-color: var(--color-role-staff);
}

.c-text-input {
  --text-input-content-color: var(--color-white);
  --text-input-label-color: var(--color-secondary-200);
  --text-input-helper-color: var(--color-secondary-200);
  --text-input-count-color: var(--color-secondary-200);
  --text-input-bg-color: var(--color-secondary-800);
  --text-input-placeholder-color: var(--color-secondary-200);
  --text-input-separator-color: var(--color-secondary-600);
  --text-input-step-color: var(--color-secondary-200);
  --text-input-mobile-top-bg-color: var(--color-primary-800);
  --text-input-border-color: var(--color-secondary-600);
  --field-icon-color: var(--color-secondary-200);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-text-input:not(.h-focus):not(.focus-visible):not(.c-text-input--disabled):hover, .c-text-input:not(.h-focus):not(.focus-visible):not(.c-text-input--disabled).h-hover, .c-text-input:not(.h-focus):not(.focus-visible):not(.c-text-input--disabled):focus-within {
  --text-input-border-color: var(--color-secondary-500);
}
.c-text-input__right-overlay:hover {
  --field-icon-color: var(--color-primary-50);
}
.c-text-input--disabled {
  --text-input-content-color: var(--color-secondary-600);
  --text-input-label-color: var(--color-secondary-600);
  --text-input-helper-color: var(--color-secondary-600);
  --text-input-count-color: var(--color-secondary-600);
  --text-input-bg-color: var(--color-secondary-800);
  --text-input-placeholder-color: var(--color-secondary-600);
  --text-input-separator-color: var(--color-secondary-500);
  --text-input-step-color: var(--color-secondary-600);
  --text-input-mobile-top-bg-color: var(--color-secondary-700);
  --field-icon-color: var(--color-secondary-600);
}
.c-text-input.c-text-input--staff textarea {
  --text-input-border-color: rgba(var(--color-role-staff--string), 0.65);
}
.c-text-input.c-text-input--staff textarea:hover, .c-text-input.c-text-input--staff textarea:focus-within {
  --text-input-border-color: var(--color-role-staff);
}

.t {
  --t-weight: 400;
}
.t--primary {
  --t-font-family: var(--font-primary);
}
.t--primary.t--xxlarge {
  --t-size: 2rem;
  --t-line-height: 3rem;
}
.t--primary.t--xlarge {
  --t-size: 1.5rem;
  --t-line-height: 2rem;
}
.t--primary.t--large {
  --t-size: 1.125rem;
  --t-line-height: 1.5rem;
}
.t--primary.t--medium {
  --t-size: 1rem;
  --t-line-height: 1.5rem;
}
.t--primary.t--small {
  --t-size: 0.875rem;
  --t-line-height: 1rem;
}
.t--primary.t--xsmall {
  --t-size: 0.75rem;
  --t-line-height: 1rem;
}
.t--primary.t--xxsmall {
  --t-size: 0.625rem;
  --t-line-height: 1rem;
}
.t--primary.t--bold {
  --t-weight: 700;
}
.t--secondary {
  --t-font-family: var(--font-secondary);
}
.t--secondary.t--xlarge {
  --t-size: 3rem;
  --t-line-height: 3rem;
  --t-letter-spacing: 0.109375rem;
}
.t--secondary.t--large {
  --t-size: 2.25rem;
  --t-line-height: 2.25rem;
  --t-letter-spacing: 0.09375rem;
}
.t--secondary.t--medium {
  --t-size: 1.75rem;
  --t-line-height: 2rem;
  --t-letter-spacing: 0.078125rem;
}
.t--secondary.t--small {
  --t-size: 1.375rem;
  --t-line-height: 1.5rem;
  --t-letter-spacing: 0.0625rem;
}
.t--secondary.t--xsmall {
  --t-size: 1.25rem;
  --t-line-height: 1.25rem;
  --t-letter-spacing: 0.0625rem;
}
.t--secondary.t--xxsmall {
  --t-size: 1rem;
  --t-line-height: 1rem;
  --t-letter-spacing: 0.046875rem;
}
.t--secondary.t--bold {
  --t-weight: 600;
}
.t--link {
  --t--link-text-color: var(--color-primary-100);
}

.t--secondary {
  text-transform: uppercase;
}

.c-toast {
  --toast-bg-color: var(--color-primary-600);
  --toast__title-text-color: var(--color-white);
  --toast__description-text-color: var(--color-secondary-200);
  --toast__close-icon-color: var(--color-white);
}
.c-toast.c-toast--info {
  --toast-border-color: var(--color-tertiary-200);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-tertiary-200);
}
.c-toast.c-toast--success {
  --toast-border-color: var(--color-success);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-success);
}
.c-toast.c-toast--warning {
  --toast-border-color: var(--color-warning);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-warning);
}
.c-toast.c-toast--error {
  --toast-border-color: var(--color-error-100);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-error-100);
}

.c-toast__close {
  background: none;
}

.c-uploaded-file {
  --uploaded-file-bg-color: var(--color-secondary-800);
  --uploaded-file__thumbnail__overlay-bg-color: var(--color-secondary-700);
  --uploaded-file__thumbnail-bg-color: var(--color-secondary-600);
}
.c-uploaded-file.c-uploaded-file--loading {
  --uploaded-file-bg-color: var(--color-secondary-600);
}

.c-warning {
  --warning-border-color: var(--color-admin-100);
  --warning-text-color: var(--color-secondary-100);
  --warning-icon-color: var(--color-admin-100);
}

.c-admin-settings-title-section__wrapper {
  border: 0.0625rem solid var(--color-secondary-700);
}
.c-admin-settings-title-section__group-filters {
  border-top: 0.0625rem solid var(--color-secondary-700);
}

.c-device-card {
  background-color: unset;
}
.c-device-card__label {
  white-space: nowrap;
}

@media (max-width: 46.24em) {
  .l-container > .c-project-selection__logo {
    min-width: 0;
  }
}
@media (max-width: 46.24em) {
  .c-form-step__header-title.t-title--small b {
    font-weight: 500;
  }
}
@media (max-width: 46.24em) {
  .c-form-with-steps-footer > div {
    padding-bottom: 1.5rem;
  }
}

.c-group-filter .c-text-input input {
  height: inherit;
}

.c-highlight {
  --highlight--color: var(--color-white);
  --highlight--background-color: var(--color-primary-500);
}

.c-issue-into-reproduction__dropdown-wrapper {
  border-top: 0.125rem solid var(--color-admin-600);
  border-bottom: 0.0625rem solid var(--color-admin-600);
  align-items: center;
}
.c-issue-into-reproduction__dropdown-wrapper .c-select__trigger {
  border: inherit;
}
@media (max-width: 46.24em) {
  .c-issue-form-group .c-setup-item__action-buttons .c-button {
    height: 3rem;
  }
  .c-issue-form-group__setups {
    justify-content: flex-start;
  }
  .c-issue-form-group__setups .c-issue-form-actions .c-button {
    display: flex;
    width: 100%;
    height: 5rem;
    padding: 0.9375rem 2.5rem;
    justify-content: space-between;
    font-size: 1.375rem;
    font-weight: unset;
    flex-direction: column;
    background-color: var(--color-secondary-700);
    border: unset;
  }
  .c-issue-form-group__setups .c-issue-form-actions .c-icon {
    display: unset;
    font-size: 1.375rem;
  }
}
.c-issue-form-group__label {
  margin-bottom: 0;
}
.c-issue-form-group__hint {
  color: var(--color-secondary-300);
}

.c-issue-report {
  --issue-report__actions--background-color: var(--color-primary-800);
  --issue-report__actions-header--color: var(--color-primary-100);
  --issue-report__actions-header--background-color: var(--color-primary-700);
  --issue-report__actions-body-text--color: var(--color-white);
  --issue-report__actions-body-sub-text--color: var(--color-secondary-100);
  --issue-report__actions-action-list-button--hover-background-color: var(--color-primary-500);
  --issue-report__actions-action-list-li--border-right-color: var(--color-primary-500);
}
.c-issue-report__section-title {
  margin-bottom: 0;
}
.c-issue-report__section .t-body--large {
  margin-bottom: 0.5rem;
}
.c-issue-report .c-icon--circled {
  border-radius: 0;
}

.c-issue-status__details {
  margin-left: 0.125rem;
}

.c-modal {
  --modal__sub-header-background-color: var(--color-secondary-800);
}
.c-modal:not(.c-modal--confirm):not(.c-modal--confirm-large):not(.c-issue-admin-modal) .c-modal__header {
  border-top: 3px solid var(--color-primary-300);
}
.c-modal:not(.c-modal--confirm):not(.c-modal--confirm-large):not(.c-issue-admin-modal) .c-issue-admin-modal .c-modal__header {
  border-top: 3px solid var(--color-admin-300);
}
.c-modal:not(.c-modal--confirm):not(.c-modal--confirm-large):is(.c-issue-admin-modal) .c-modal__header {
  border-top: 3px solid var(--color-admin-300);
}
.c-modal__header .c-link-button:hover {
  background-color: rgba(var(--color-admin-200--string), 0.3);
}
.c-modal__body-inner {
  background-color: transparent;
  border: 1px solid var(--color-secondary-600);
}

.c-page__settings .c-navigation-item__label {
  font-weight: normal;
}

.c-personal-information__description.t-body--medium {
  font-size: 1rem;
}

.c-project-card__image-wrapper {
  border: 0.1875rem solid var(--color-primary-500);
}

.c-project-selection__choice {
  background-color: var(--color-primary-700);
  border: unset;
  border-top: 0.1875rem solid var(--color-primary-300);
}

.c-selector__icon.c-icon::before {
  font-size: 6.4375rem;
}
@media (max-width: 46.24em) {
  .c-selector__icon.c-icon::before {
    font-size: 3rem;
  }
}
.c-selector--large .c-selector__icon {
  max-width: none;
}
@media (max-width: 46.24em) {
  .c-selector--large .c-selector__icon {
    width: auto;
    margin-right: 1rem;
  }
}
@media (max-width: 46.24em) {
  .c-selector {
    text-align: inherit;
  }
}
.c-selector--large .c-selector__body {
  padding: 1rem;
}
.c-selector--with-selection.l-grid, .c-selector--without-selection.l-grid {
  grid-row-gap: 0.5rem;
}

.c-setup-form-section .c-selector__icon.c-icon::before {
  font-size: 6.4375rem;
}
@media (max-width: 46.24em) {
  .c-setup-form-section .c-selector__icon.c-icon::before {
    font-size: 2.1875rem;
  }
}
@media (max-width: 46.24em) {
  .c-setup-form-section--platform-selection .c-selector__icon {
    margin-bottom: 0;
  }
}
@media (max-width: 46.24em) {
  .c-setup-form-section .c-selector__body {
    flex-direction: row;
  }
}

.c-settings__option {
  border-top: var(--color-secondary-600);
}

@media (max-width: 46.24em) {
  .c-setup-form-section {
    margin-right: 0;
  }
}
.c-setup-form-section:not(.c-setup-form-section--platform-selection) .c-selector {
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-setup-form-section:not(.c-setup-form-section--platform-selection) .c-selector__icon.c-icon::before {
  font-size: 2rem;
}
@media (max-width: 46.24em) {
  .c-setup-form-section--platform-selection .l-grid {
    grid-row-gap: 0.625rem;
  }
}
@media (max-width: 46.24em) {
  .c-setup-form-section + .c-setup-form-section {
    margin-top: 4rem;
  }
}
.c-sticky__shadow {
  background-color: var(--color-secondary-700);
}
.c-sticky .h-admin .c-sticky__header {
  background-color: var(--color-admin-600);
  border-top: 0.125rem solid var(--color-admin-300);
}
.c-sticky .h-admin .c-link-button {
  color: var(--color-admin-50);
  background-color: var(--color-admin-700);
}

.c-toolbar {
  border-bottom: 0.0625rem solid var(--color-admin-600);
}
.c-toolbar--secondary .c-toolbar__main {
  border-top: 0.1875rem solid var(--color-admin-600);
}

.c-upload-media-field__button {
  max-height: 3.4375rem;
}
.c-upload-media-field .c-button__label {
  margin-left: 0;
}

.c-visibility-description__current-label {
  margin-bottom: 0.25rem;
}