/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  --font-primary: Helvetica Neue, Helvetica, sans-serif;
  --font-secondary: Verdana, Segoe, sans-serif;
}

.t--primary {
  --t-font-family: var(--font-primary);
  --t-weight: 400;
}
.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-weight: 300;
}
.t--secondary.t--xlarge {
  --t-size: 2.125rem;
  --t-line-height: 3rem;
}
.t--secondary.t--large {
  --t-size: 1.625rem;
  --t-line-height: 2.25rem;
}
.t--secondary.t--medium {
  --t-size: 1.25rem;
  --t-line-height: 2rem;
}
.t--secondary.t--small {
  --t-size: 1.125rem;
  --t-line-height: 1.5rem;
}
.t--secondary.t--xsmall {
  --t-size: 0.875rem;
  --t-line-height: 1.25rem;
}
.t--secondary.t--xxsmall {
  --t-size: 0.75rem;
  --t-line-height: 1rem;
}
.t--secondary.t--bold {
  --t-weight: 700;
}
.t--link {
  --t--link-text-color: var(--color-primary-100);
}

.t {
  font-family: var(--t-font-family);
  font-size: var(--t-size);
  font-weight: var(--t-weight);
  line-height: var(--t-line-height);
  letter-spacing: var(--t-letter-spacing);
}
.t--link {
  color: var(--t--link-text-color);
  text-decoration: underline;
  cursor: pointer;
}
.t--italic {
  font-style: italic;
}

* {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

a {
  text-decoration: none;
}

.t-link {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  transition: color ease-in-out 0.1s, box-shadow ease-in-out 0.1s, background-color ease-in-out 0.1s;
  will-change: color, box-shadow, background-color;
}
.t-link:hover, .t-link:focus {
  text-decoration: none;
}

.t-title--xlarge, h1 {
  font-family: var(--font-secondary);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.5;
}
.t-title--large, h2 {
  font-family: var(--font-secondary);
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.3;
}
.t-title--medium, h3 {
  font-family: var(--font-secondary);
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
}
.t-title--small, h4 {
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.3;
}
.t-title--xsmall, h6, h5 {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.7;
}
.t-title--xxsmall {
  font-family: var(--font-secondary);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.t-title--section {
  font-family: var(--font-secondary);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
}
.t-title--bold {
  font-weight: 700;
}

b {
  font-weight: bold;
}

.t-body--xlarge {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
}
.t-body--large {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.t-body--medium, p {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1;
}
.t-body--small {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
}
.t-body--xsmall {
  font-family: var(--font-primary);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
}
.t-body--bold {
  font-weight: 700;
}

.t-ui__issue-status {
  font-family: var(--font-secondary);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
}
.t-ui__issue-count {
  font-family: var(--font-secondary);
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 0.8;
}
.t-ui__issue-total {
  font-family: var(--font-secondary);
  font-size: 1.1875rem;
  font-weight: 300;
  line-height: 1.25;
}
.t-ui__form--small {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
}
.t-ui__form--xsmall {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
.t-ui__label--xlarge {
  font-family: var(--font-secondary);
  font-size: 2.3125rem;
  font-weight: 500;
  line-height: 2.75rem;
}
.t-ui__label--large {
  font-family: var(--font-secondary);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25;
}
.t-ui__label--medium {
  font-family: var(--font-secondary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
.t-ui__label--small {
  font-family: var(--font-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
}
.t-ui__button--xlarge {
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: normal;
}
.t-ui__button--large {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: normal;
}
.t-ui__button--medium {
  font-family: var(--font-secondary);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: normal;
}
.t-ui__button--small {
  font-family: var(--font-secondary);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: normal;
}

/* stylelint-disable at-rule-blacklist */
/* stylelint-enable at-rule-blacklist */
html {
  --elevation-large-distance: 1.5rem;
  --elevation-large-opacity: 0.75;
  --elevation-medium-distance: 1rem;
  --elevation-medium-opacity: 0.5;
  --elevation-small-distance: 0.5rem;
  --elevation-small-opacity: 0.5;
}

html {
  --color-black--string: 0, 0, 0;
  --color-white--string: 255, 255, 255;
  --color-primary-1000--string: var(--color-black--string);
  --color-primary-900--string: 15, 15, 15;
  --color-primary-800--string: 26, 28, 33;
  --color-primary-700--string: 34, 37, 43;
  --color-primary-600--string: 56, 60, 67;
  --color-primary-500--string: 79, 84, 92;
  --color-primary-400--string: 100, 105, 114;
  --color-primary-300--string: 128, 132, 140;
  --color-primary-200--string: 153, 157, 165;
  --color-primary-100--string: 185, 185, 185;
  --color-primary-50--string: 223, 223, 223;
  --color-primary-0--string: var(--color-white--string);
  --color-secondary-900--string: 37, 37, 37;
  --color-secondary-800--string: 53, 53, 53;
  --color-secondary-700--string: 67, 67, 67;
  --color-secondary-600--string: 78, 78, 78;
  --color-secondary-500--string: 95, 95, 95;
  --color-secondary-400--string: 121, 121, 121;
  --color-secondary-300--string: 143, 143, 143;
  --color-secondary-200--string: 176, 176, 176;
  --color-secondary-100--string: 212, 212, 212;
  --color-secondary-50--string: 238, 238, 238;
  --color-tertiary-800--string: 1, 47, 50;
  --color-tertiary-600--string: 5, 71, 75;
  --color-tertiary-400--string: 38, 133, 139;
  --color-tertiary-200--string: 43, 179, 188;
  --color-tertiary-100--string: 86, 221, 229;
  --color-error-100--string: 255, 78, 91;
  --color-error-600--string: 77, 23, 27;
  --color-error-900--string: 51, 16, 18;
  --color-success--string: 79, 210, 164;
  --color-neutral--string: 54, 87, 105;
  --color-warning--string: 255, 171, 80;
  --color-error--string: var(--color-error-100--string);
  --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: 156, 83, 26;
  --color-admin-400--string: 188, 98, 27;
  --color-admin-300--string: 219, 112, 29;
  --color-admin-200--string: 253, 128, 30;
  --color-admin-100--string: 255, 164, 93;
  --color-admin-50--string: 255, 189, 138;
  --color-group-none--string: 187, 194, 198;
  --color-group-moderator--string: 183, 210, 107;
  --color-group-admin--string: 202, 152, 245;
  --color-highlight-800--string: 33, 17, 137;
  --color-highlight-600--string: 61, 43, 173;
  --color-highlight-400--string: 83, 62, 207;
  --color-highlight-200--string: 97, 81, 197;
  --color-highlight-100--string: 156, 145, 224;
}

html {
  --color-primary-1000: rgb(var(--color-primary-1000--string));
  --color-primary-900: rgb(var(--color-primary-900--string));
  --color-primary-800: rgb(var(--color-primary-800--string));
  --color-primary-700: rgb(var(--color-primary-700--string));
  --color-primary-600: rgb(var(--color-primary-600--string));
  --color-primary-500: rgb(var(--color-primary-500--string));
  --color-primary-400: rgb(var(--color-primary-400--string));
  --color-primary-300: rgb(var(--color-primary-300--string));
  --color-primary-200: rgb(var(--color-primary-200--string));
  --color-primary-100: rgb(var(--color-primary-100--string));
  --color-primary-50: rgb(var(--color-primary-50--string));
  --color-primary-0: rgb(var(--color-primary-0--string));
  --color-secondary-900: rgb(var(--color-secondary-900--string));
  --color-secondary-800: rgb(var(--color-secondary-800--string));
  --color-secondary-700: rgb(var(--color-secondary-700--string));
  --color-secondary-600: rgb(var(--color-secondary-600--string));
  --color-secondary-500: rgb(var(--color-secondary-500--string));
  --color-secondary-400: rgb(var(--color-secondary-400--string));
  --color-secondary-300: rgb(var(--color-secondary-300--string));
  --color-secondary-200: rgb(var(--color-secondary-200--string));
  --color-secondary-100: rgb(var(--color-secondary-100--string));
  --color-secondary-50: rgb(var(--color-secondary-50--string));
  --color-tertiary-800: rgb(var(--color-tertiary-800--string));
  --color-tertiary-600: rgb(var(--color-tertiary-600--string));
  --color-tertiary-400: rgb(var(--color-tertiary-400--string));
  --color-tertiary-200: rgb(var(--color-tertiary-200--string));
  --color-tertiary-100: rgb(var(--color-tertiary-100--string));
  --color-black: rgb(var(--color-black--string));
  --color-white: rgb(var(--color-white--string));
  --color-success: rgb(var(--color-success--string));
  --color-neutral: rgb(var(--color-neutral--string));
  --color-warning: rgb(var(--color-warning--string));
  --color-error-100: rgb(var(--color-error-100--string));
  --color-error-600: rgb(var(--color-error-600--string));
  --color-error-900: rgb(var(--color-error-900--string));
  --color-error: var(--color-error-100);
  --color-admin-900: rgb(var(--color-admin-900--string));
  --color-admin-800: rgb(var(--color-admin-800--string));
  --color-admin-700: rgb(var(--color-admin-700--string));
  --color-admin-600: rgb(var(--color-admin-600--string));
  --color-admin-500: rgb(var(--color-admin-500--string));
  --color-admin-400: rgb(var(--color-admin-400--string));
  --color-admin-300: rgb(var(--color-admin-300--string));
  --color-admin-200: rgb(var(--color-admin-200--string));
  --color-admin-100: rgb(var(--color-admin-100--string));
  --color-admin-50: rgb(var(--color-admin-50--string));
  --color-group-none: rgb(var(--color-group-none--string));
  --color-group-moderator: rgb(var(--color-group-moderator--string));
  --color-group-admin: rgb(var(--color-group-admin--string));
  --transparent: transparent;
  --color-highlight-800: rgb(var(--color-highlight-800--string));
  --color-highlight-600: rgb(var(--color-highlight-600--string));
  --color-highlight-400: rgb(var(--color-highlight-400--string));
  --color-highlight-200: rgb(var(--color-highlight-200--string));
  --color-highlight-100: rgb(var(--color-highlight-100--string));
}

html {
  --focus-color: var(--color-highlight-400);
  --border-radius--small: 0.25rem;
  --border-radius--medium: 0.5rem;
  --border-radius--large: 1rem;
  --transition-ease-in-out--quint: cubic-bezier(0.83, 0, 0.17, 1);
  --transition-ease-in-out--quart: cubic-bezier(0.45, 0, 0.55, 1);
}

html {
  --ui-color__font--highlight-1: var(--color-primary-0);
  --ui-color__font--contrast-1: var(--color-primary-50);
  --ui-color__font--contrast-2: var(--color-primary-100);
  --ui-color__font--contrast-3: var(--color-secondary-300);
  --ui-color__font--contrast-4: var(--color-primary-400);
  --ui-color__font--contrast-5: var(--color-secondary-500);
  --ui-color--base: var(--color-primary-600);
  --ui-color--highlight-1: var(--color-primary-500);
  --ui-color--highlight-2: var(--color-primary-400);
  --ui-color--contrast-1: var(--color-primary-700);
  --ui-color--contrast-2: var(--color-primary-800);
  --ui-color--contrast-3: var(--color-primary-900);
  --ui-color--contrast-4: var(--color-primary-800);
  --ui-color--contrast-overlay: var(--color-secondary-900);
  --ui-color__shadow--string: var(--color-primary-1000--string);
  --ui-color__shadow: rgb(var(--ui-color__shadow--string));
  --ui-color__thumbnail-border: var(--color-secondary-300);
  --ui-color__progress-gradient: linear-gradient(-270deg, #389cea 0%, #a0e2ff 100%);
  --ui-color__success: var(--color-success);
  --ui-color__warning: var(--color-warning);
  --ui-color__neutral: var(--color-neutral);
  --ui-color__error: var(--color-error);
  --ui-color__scroll-track: var(--ui-color--contrast-3);
  --ui-color__scroll-thumb: var(--ui-color--highlight-2);
  --ui-color__group--admin: var(--color-group-admin);
  --ui-color__group--moderator: var(--color-group-moderator);
  --separator-color--base: var(--ui-color--base);
  --separator-color--contrast-1: var(--ui-color--contrast-1);
  --separator-color--highlight-1: var(--ui-color--highlight-1);
}

html {
  --ui-color__error--base: var(--color-error-100);
  --ui-color__error--contrast-1: var(--color-error-600);
  --ui-color__error--contrast-2: var(--color-error-900);
}

html {
  --ui-color__group--admin: var(--color-group-admin);
  --ui-color__group--moderator: var(--color-group-moderator);
}

html {
  --input-color__field: var(--color-primary-700);
}
html .h-palette--open,
html .h-palette--confirmed,
html .h-palette--under-investigation {
  --input-color__field: var(--color-primary-800);
}
html .h-palette--fixed {
  --input-color__field: var(--color-tertiary-600);
}
html .h-palette--archived {
  --input-color__field: var(--color-secondary-600);
}

html {
  --admin-color__font--default: var(--color-secondary-50);
  --admin-color__font--highlight-1: var(--color-primary-0);
  --admin-color__font--contrast-1: var(--color-primary-50);
  --admin-color--base: var(--color-admin-600);
  --admin-color--highlight-1: var(--color-admin-400);
  --admin-color--highlight-2: var(--color-admin-200);
  --admin-color--contrast-1: var(--color-admin-700);
  --admin-color--contrast-2: var(--color-admin-800);
}

.h-admin {
  --modal-color__header: var(--color-admin-400);
  /* stylelint-disable-next-line */
}
.h-admin.c-toolbar__visibility-header {
  background-color: var(--admin-color--base);
}
.h-admin .c-sticky__header {
  background-color: var(--admin-color--highlight-1);
  border-color: var(--admin-color--highlight-2);
}
.h-admin .t-link, .h-admin.t-link {
  --ui-color__font--contrast-2: var(--color-admin-50);
}
.h-admin.c-dropdown-trigger--icon-only.c-dropdown-trigger--is-active {
  color: var(--color-primary-0);
  background-color: var(--color-admin-200);
}
.h-admin.c-dropdown-trigger--icon-only.c-dropdown-trigger--is-active .c-icon {
  color: var(--color-primary-0);
}
.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-text-color: var(--color-primary-0);
  --button-bg-color: var(--color-admin-200);
  --button--hover-bg-color: var(--color-admin-400);
  --button--disabled-text-color: var(--color-admin-600);
  --button--disabled-bg-color: var(--color-admin-900);
}
.h-admin.c-button.c-button--secondary,
.h-admin .c-button.c-button--secondary {
  --button-text-color: var(--color-admin-100);
  --button-bg-color: var(--color-admin-900);
  --button--hover-bg-color: var(--color-admin-700);
  --button--disabled-text-color: var(--color-admin-600);
  --button--disabled-bg-color: var(--color-admin-900);
}
.h-admin .c-button.c-button__tooltip.__react_component_tooltip,
.h-admin + .c-button.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-primary-0);
  --action-list__item-color: var(--color-admin-800);
  --action-list__item-color--hover: var(--admin-color--highlight-1);
  --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, .h-admin.c-contribution-comment__info {
  --ui-color--contrast-1: var(--color-admin-600);
}
.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);
}
.h-admin .c-link-button, .h-admin.c-link-button {
  --ui-color__font--contrast-3: var(--color-admin-50);
  --ui-color--contrast-1: var(--color-admin-600);
  --ui-color--contrast-2: var(--color-admin-700);
}
.h-admin .c-modal__header {
  background-color: var(--admin-color--highlight-1);
}
.h-admin.c-page-header,
.h-admin .c-page-header, .h-admin.c-navigation--inline,
.h-admin .c-navigation--inline,
.h-admin .c-navigation__wrapper, .h-admin.c-navigation__wrapper {
  background-color: var(--color-admin-700);
}
.h-admin .c-navigation-item {
  --navigation-item-color__font: var(--admin-color__font--highlight-1);
}
.h-admin.c-navigation--sidebar-settings .c-navigation-item__link--is-active {
  border-left-color: var(--admin-color--highlight-2);
}
.h-admin.c-navigation--inline .c-navigation-item__link--is-active {
  border-bottom-color: var(--admin-color--highlight-2);
}
.h-admin .c-form-step__header-label {
  --ui-color__font--contrast-2: var(--admin-color__font--highlight-1);
}
.h-admin.c-form-with-steps-header__progress {
  --ui-color--base: var(--color-admin-200);
  --ui-color__font--contrast-2: var(--color-admin-100);
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/**
 * Swiper 6.4.11
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 6, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-swiper {
  --swiper-border: var(--ui-color--contrast-1);
  --swiper-bullet: var(--ui-color--contrast-1);
  --swiper-bullet--active: var(--button-color);
  --swiper-arrow: var(--button-color);
  --swiper-arrow--hover: var(--button-color--hover);
  --swiper-arrow--disabled: var(--ui-color--contrast-1);
}

/* stylelint-disable */
.swiper-container {
  overflow: visible;
}
.swiper-slide {
  height: unset;
}
.swiper-pagination-bullet {
  color: var(--swiper-bullet);
  background-color: var(--swiper-bullet);
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: var(--swiper-bullet--active);
}
.swiper-button-next, .swiper-button-prev {
  top: unset;
  bottom: 0;
  z-index: 1;
  display: flex !important;
  width: unset;
  margin: 0;
  font-size: 1.25rem;
  color: var(--swiper-arrow);
  background-color: transparent;
  background-size: 100% 100%;
  transition: color 150ms ease-in-out;
  align-items: center;
}
.swiper-button-next.c-icon::after, .swiper-button-prev.c-icon::after {
  content: unset;
}
.swiper-button-next:hover:not(.swiper-button-disabled), .swiper-button-prev:hover:not(.swiper-button-disabled) {
  color: var(--swiper-arrow--hover);
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  color: var(--swiper-arrow--disabled);
  opacity: 1;
}

body {
  --body-bg-color: var(--color-primary-900);
  --body-text-color: var(--color-secondary-200);
  --body-font-family: var(--font-primary);
  --body__title-text-color: var(--color-white);
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* stylelint-disable-next-line */
html,
body,
#application-root {
  height: 100%;
  margin: 0;
}

body {
  font-family: var(--body-font-family);
  color: var(--body-text-color);
  background-color: var(--body-bg-color);
}
body * {
  color: inherit;
  border-color: inherit;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: var(--body__title-text-color);
}

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

.c-page__index--home .c-search {
  display: flex;
  height: 29.5rem;
  padding-bottom: 5rem;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 46.24em) {
  .c-page__index--home .c-search {
    height: 121vw;
    margin: 0 1rem;
  }
}
.c-page__index--home .c-search + .c-issue-list {
  margin-top: 2.5rem;
}
.c-page__issues .l-container {
  margin-top: 9rem;
}
.c-page__issues .c-errorpage {
  margin-top: 14.75rem;
}
@media (max-width: 46.24em) {
  .c-page__issues .c-errorpage .l-container {
    margin-top: 0;
  }
}
.c-page__settings--notifications {
  margin: 2rem 0;
}
.c-page__my-reports--issues-list, .c-page__my-contributions--issues-list, .c-page__followed-issues--list {
  margin-top: 10.5rem;
}
.c-page__issue-create .c-issue-report-group__title {
  padding: 0;
  margin-top: 12rem;
}
@media (max-width: 46.24em) {
  .c-page__issue-create {
    height: 100%;
  }
  .c-page__issue-create > div,
.c-page__issue-create > div > div {
    height: 100%;
  }
  .c-page__issue-create .c-issue-report-group__title {
    padding: 0;
    margin: 5rem 0 2rem 0;
  }
}
@media (max-width: 46.24em) {
  .c-page__issues--show {
    /* stylelint-disable-next-line */
  }
  .c-page__issues--show .c-contribution-feed {
    margin-top: 2.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-page__index--home {
    /* stylelint-disable-next-line */
  }
  .c-page__index--home .c-search {
    height: 27.5rem;
  }
}
@charset "UTF-8";
.c-accordion {
  --accordion__item-separator-border-color: var(--color-primary-400);
}

.c-accordion-item {
  --accordion-item__header-bg-color: var(--color-primary-900);
  --accordion-item__header-title-color: var(--color-primary-0);
  --accordion-item__header-edited-color: var(--color-primary-300);
  --accordion-item__header-error-color: var(--color-error-100);
  --accordion-item__header-selected-color: var(--color-secondary-300);
}
.c-accordion-item.h-hover, .c-accordion-item:hover {
  --accordion-item__header-bg-color: var(--color-primary-800);
}
.c-accordion__item-wrapper--expanded .c-accordion-item {
  --accordion-item__header-bg-color: var(--color-primary-800);
}

.c-accordion__item-wrapper--expanded .c-icon--toggle {
  transform: rotate(180deg);
}
.c-accordion__item-wrapper + .c-accordion__item-wrapper {
  border-top: 1px solid var(--accordion__item-separator-border-color);
}

.c-accordion-item__header {
  position: relative;
  display: flex;
  padding: 1rem;
  white-space: nowrap;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  background-color: var(--accordion-item__header-bg-color);
}
.c-accordion-item__header.h-focus::after, .c-accordion-item__header:focus::after {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  content: "";
  border: 2px solid var(--focus-color);
}
.c-accordion-item__header > * + * {
  margin-left: 0.5rem;
}
.c-accordion-item__header .c-icon--toggle {
  font-size: 1rem;
  color: var(--accordion-item__header-selected-color);
}
.c-accordion-item__header-content {
  display: flex;
  align-items: baseline;
  flex-grow: 1;
}
.c-accordion-item__header-content > * + * {
  margin-left: 0.5rem;
}
.c-accordion-item__header-content--leading {
  flex-grow: 1;
}
.c-accordion-item__header-content--leading > * + * {
  margin-left: 0.5rem;
}
.c-accordion-item__header-title {
  color: var(--accordion-item__header-title-color);
}
.c-accordion-item__header-edited {
  color: var(--accordion-item__header-edited-color);
}
.c-accordion-item__header-errors {
  color: var(--accordion-item__header-error-color);
}
.c-accordion-item__header-errors::before {
  margin-right: 0.5rem;
  content: "•";
}
.c-accordion-item__header-selected {
  color: var(--accordion-item__header-selected-color);
}
.c-accordion-item__body {
  height: 0;
  overflow: hidden;
}
@media (min-width: 61.25em) {
  .c-accordion-item__header {
    padding: 2.5rem 3rem;
  }
  .c-accordion-item__header .c-icon--toggle {
    font-size: 2.25rem;
  }
  .c-accordion-item__body {
    padding: 0 3rem;
  }
}

.c-accordion__item-wrapper--expanded .c-accordion-item__header {
  border-bottom: 1px solid var(--accordion__item-separator-border-color);
}
.c-accordion__item-wrapper--expanded .c-accordion-item__body {
  height: auto;
}
@media (min-width: 61.25em) {
  .c-accordion__item-wrapper--expanded .c-accordion-item__body {
    padding: 2.5rem 3rem;
  }
}
/* stylelint-disable  */
[class^=if],
[class^=" if"],
.c-icon {
  display: inline-block;
}
[class^=if]::before,
[class^=" if"]::before,
.c-icon::before {
  display: block;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "?";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.t-link [class^=if],
.t-link [class^=" if"],
.t-link .c-icon {
  text-decoration: none;
}

/* stylelint-enable */
.c-icon--left::before {
  margin-right: 0.5rem;
}
.c-icon--right::before {
  margin-left: 0.5rem;
}
.c-icon--clickable {
  cursor: pointer;
  border: 0;
  outline: 0;
}
.c-icon--circled {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  color: var(--ui-color__font--highlight-1);
  background-color: var(--ui-color--highlight-2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.c-icon--circled.c-icon--left {
  margin-right: 0.5rem;
}
.c-icon--circled.c-icon--left::before {
  margin-right: 0;
}
.c-icon--circled.c-icon--right {
  margin-left: 0.5rem;
}
.c-icon--circled.c-icon--right::before {
  margin-left: 0;
}
.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__allow-direct-contact-color: var(--color-secondary-100);
  --account__row-border-color: var(--color-primary-700);
  --account__section-border-color: var(--transparent);
  --account__section-bg-color: var(--color-primary-800);
}

.c-account {
  margin: 2rem 0;
}
.c-account__title {
  margin-bottom: 1.5rem;
}
.c-account__description {
  margin: 0.5rem 0;
  color: var(--account__description-text-color);
}
.c-account__section {
  padding: 1rem;
  background-color: var(--account__section-bg-color);
  border: 1px solid var(--account__section-border-color);
  border-radius: var(--border-radius--small);
}
@media (min-width: 46.25em) {
  .c-account__section {
    padding: 1.5rem 2rem;
  }
}
.c-account__section + .c-account__section {
  margin-top: 1.5rem;
}
.c-account__email, .c-account__username {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.c-account__email {
  color: var(--account__email-color);
}
.c-account__username {
  color: var(--account__username-color);
}
.c-settings-form-section {
  position: relative;
  padding: 2rem 0;
}
.c-settings-form-section::after {
  position: absolute;
  right: -1rem;
  bottom: 0;
  left: -1rem;
  display: block;
  content: "";
  border-top: 0 solid var(--separator-color--contrast-1);
}
@media (min-width: 46.25em) {
  .c-settings-form-section::after {
    right: -3rem;
    left: -3rem;
  }
}
.c-settings-form-section > * + * {
  margin-top: 1rem;
}
.c-settings-form-section__list {
  padding-left: 1rem;
  list-style-type: disc;
}
.c-settings-form-section__list > * + * {
  margin-top: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-settings-form-section.c-settings-form-section--horizontal {
    display: flex;
    justify-content: space-between;
  }
}
.c-settings-form-section__header > * + * {
  margin-top: 0.5rem;
}
.c-settings-form-section__description {
  color: var(--account__description-text-color);
}
.c-settings-form-section__description > * + * {
  margin-top: 0.5rem;
}
.c-image {
  opacity: 1;
  transition: opacity 0.15s linear;
}
.c-image--loading {
  opacity: 0.5;
}
.c-avatar {
  --avatar-bg-color: var(--color-primary-800);
  --avatar-name-text-color: var(--color-white);
  --avatar-label-text-color: var(--color-secondary-200);
  --avatar-border-color: var(--color-primary-300);
}
.c-avatar--admin {
  --avatar-bg-color: var(--color-admin-800);
  --avatar-border-color: var(--color-admin-300);
}

.c-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-avatar--xxsmall .c-avatar__media {
  width: 1rem;
  height: 1rem;
  border: 0.03125rem solid var(--avatar-border-color);
}
.c-avatar--xxsmall .c-avatar__media .c-icon {
  font-size: 0.75rem;
}
.c-avatar--xxsmall .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--xsmall .c-avatar__media {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid var(--avatar-border-color);
}
.c-avatar--xsmall .c-avatar__media .c-icon {
  font-size: 1rem;
}
.c-avatar--xsmall .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--small .c-avatar__media {
  width: 1.875rem;
  height: 1.875rem;
  border: 0.0625rem solid var(--avatar-border-color);
}
.c-avatar--small .c-avatar__media .c-icon {
  font-size: 1.25rem;
}
.c-avatar--small .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--medium .c-avatar__media {
  width: 2rem;
  height: 2rem;
  border: 0.0625rem solid var(--avatar-border-color);
}
.c-avatar--medium .c-avatar__media .c-icon {
  font-size: 1.375rem;
}
.c-avatar--medium .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--large .c-avatar__media {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.125rem solid var(--avatar-border-color);
}
.c-avatar--large .c-avatar__media .c-icon {
  font-size: 1.5rem;
}
.c-avatar--large .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--xlarge .c-avatar__media {
  width: 3rem;
  height: 3rem;
  border: 0.125rem solid var(--avatar-border-color);
}
.c-avatar--xlarge .c-avatar__media .c-icon {
  font-size: 1.75rem;
}
.c-avatar--xlarge .c-avatar__text {
  padding-left: 1rem;
}
.c-avatar--xxlarge .c-avatar__media {
  width: 3.5rem;
  height: 3.5rem;
  border: 0.125rem solid var(--avatar-border-color);
}
.c-avatar--xxlarge .c-avatar__media .c-icon {
  font-size: 1.875rem;
}
.c-avatar--xxlarge .c-avatar__text {
  padding-left: 1rem;
}
.c-avatar--circle .c-avatar__media {
  border-radius: 50%;
}
.c-avatar--circle .c-avatar__media img {
  border-radius: 50%;
}
.c-avatar--rounded .c-avatar__media {
  border-radius: 0.5rem;
}
.c-avatar--rounded .c-avatar__media img {
  border-radius: 0.5rem;
}
.c-avatar__media {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: var(--avatar-bg-color);
  flex: none;
}
.c-avatar__media img {
  width: 100%;
  height: 100%;
}
.c-avatar__media .c-icon {
  color: var(--avatar-label-text-color);
}
.c-avatar__text {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.c-avatar__text-name {
  color: var(--avatar-name-text-color);
}
.c-avatar__text-label {
  margin-top: 0.125rem;
  color: var(--avatar-label-text-color);
}
.c-avatar--layout-label-first .c-avatar__text {
  flex-direction: column-reverse;
}
.c-avatar[aria-haspopup=true] {
  cursor: pointer;
}
.c-button {
  --button-text-size: 0.75rem;
  --button-text-letter-spacing: 0;
}
.c-button--primary {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-highlight-400);
}
.c-button--primary.h-hover, .c-button--primary:hover:not(.c-button--disabled) {
  --button-bg-color: var(--color-highlight-600);
}
.c-button--primary.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-highlight-100);
  --button-bg-color: var(--transparent);
  --button-border-color: var(--color-highlight-100);
}
.c-button--secondary.h-hover, .c-button--secondary:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-highlight-200);
  --button-bg-color: var(--color-primary-800);
  --button-border-color: var(--color-highlight-200);
}
.c-button--secondary.c-button--disabled {
  --button-text-color: var(--color-primary-500);
  --button-border-color: var(--color-primary-500);
}
.c-button--tertiary {
  --button-text-color: var(--color-white);
  --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(--color-primary-800);
}
.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--xlarge {
  --button-height: 4rem;
  --button-padding: 1.125rem 1.5rem;
  --button-icon-size: 1.5rem;
}
.c-button--xlarge.c-button--icon-only {
  width: 64px;
  height: 64px;
  --button-icon-size: 1.875rem;
}
.c-button--large {
  --button-height: 3.5rem;
  --button-padding: 1rem 1.5rem;
  --button-icon-size: 1.25rem;
}
.c-button--large.c-button--icon-only {
  width: 56px;
  height: 56px;
  --button-icon-size: 1.875rem;
}
.c-button--medium {
  --button-height: 3rem;
  --button-padding: 1rem 1.5rem;
  --button-icon-size: 1rem;
}
.c-button--medium.c-button--icon-only {
  width: 48px;
  height: 48px;
  --button-icon-size: 1.375rem;
}
.c-button--small {
  --button-height: 2.5rem;
  --button-padding: 0.75rem 1rem;
  --button-icon-size: 0.75rem;
}
.c-button--small.c-button--icon-only {
  width: 40px;
  height: 40px;
  --button-icon-size: 1.375rem;
}
.c-button--xsmall {
  --button-height: 2rem;
  --button-padding: 0.5rem 0.75rem;
  --button-icon-size: 0.75rem;
}
.c-button--xsmall.c-button--icon-only {
  width: 32px;
  height: 32px;
  --button-icon-size: 0.875rem;
}
.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-admin-100);
  --button-bg-color: var(--color-admin-900);
  --button-border-color: var(--tranparent);
}
.c-button--admin.c-button--secondary.h-hover, .c-button--admin.c-button--secondary:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-admin-100);
  --button-bg-color: var(--color-admin-700);
  --button-border-color: var(--tranparent);
}
.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--text {
  --button-text-color: var(--color-primary-100);
  --button-bg-color: var(--color-primary-700);
  --button-height: inherit;
  --button-padding: 0.5rem;
}
.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-500);
  --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 {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--button-height);
  padding: var(--button-padding);
  font-family: var(--font-secondary);
  font-size: var(--button-text-size);
  font-weight: bold;
  line-height: 1.1;
  color: var(--button-text-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: var(--button-text-letter-spacing);
  cursor: pointer;
  background-color: var(--button-bg-color);
  border: solid 0.0625rem var(--button-border-color);
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
  will-change: background;
  /* stylelint-disable-next-line */
}
.c-button.h-focus, .c-button.focus-visible, .c-button:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-button__icon {
  margin-right: 0.5rem;
  font-size: var(--button-icon-size);
}
.c-button__icon--right {
  order: 1;
  margin-right: 0;
  margin-left: 0.5rem;
}
.c-button:disabled, .c-button--disabled, .c-button--disabled:hover {
  cursor: not-allowed;
}
.c-button--transparent {
  background-color: transparent;
  border: 0;
}
.c-button--transparent:hover, .c-button--transparent:focus {
  background-color: transparent;
  border: 0;
}
.c-button--full-width {
  width: 100%;
  justify-content: center;
}
.c-button--with-tooltip:disabled {
  pointer-events: all;
}
.c-button--icon-only {
  padding: 0.5rem;
}
.c-button--icon-only.c-button--circle {
  border-radius: 50%;
}
.c-button--icon-only.c-button--circle:focus::after {
  border-radius: 50%;
}
.c-button--icon-only .c-button__icon {
  margin-right: 0;
}
.c-button--icon-only .c-button__icon--right {
  margin-left: 0;
}
.c-button--text {
  display: inline-flex;
}
@media (min-width: 46.25em) {
  .c-button--text {
    padding: 0;
    background-color: transparent;
  }
  .c-button--text:hover {
    background-color: transparent;
  }
}
.c-button--text .c-button__label {
  font-family: var(--font-primary);
  font-weight: 100;
  text-decoration: underline;
  text-transform: none;
}
.c-button--mobile-icons .c-icon {
  margin-right: 0;
  margin-left: 0;
}
.c-button--mobile-icons .c-button__label {
  display: none;
}
.c-button__tooltip.__react_component_tooltip {
  max-width: 15rem;
  padding: 0.5rem 1rem;
  color: var(--button--tooltip__tooltip-text-color);
  background-color: var(--button--tooltip__tooltip-bg-color);
  box-shadow: 0 0 10px 0 rgba(var(--ui-color__shadow--string), 0.4);
  /* stylelint-disable-next-line */
}
.c-button__tooltip.__react_component_tooltip.show {
  opacity: 1;
}

@media (min-width: 46.25em) {
  .c-button--mobile-icons .c-icon {
    display: none;
  }
  .c-button--mobile-icons .c-button__label {
    display: block;
  }
}
.c-contribute-button {
  --contribute-button-text-letter-spacing: 0;
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--color-highlight-400);
}
.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);
}
.c-contribute-button--archived {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--color-secondary-400);
}
.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-800);
}
.c-contribute-button--fixed {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--color-tertiary-600);
}
.c-contribute-button--fixed.h-hover, .c-contribute-button--fixed:hover:not(.c-contribute-button--disabled) {
  --contribute-button-bg-color: var(--color-tertiary-800);
}
.c-contribute-button--fixed.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-tertiary-600);
  --contribute-button-bg-color: var(--color-tertiary-800);
}
.c-contribute-button--admin {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-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-400);
  --contribute-button-bg-color: var(--color-admin-600);
}
.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;
  --contribute-button-text-size: 1.125rem;
}
.c-contribute-button--medium {
  --contribute-button-padding: 1.125rem 1rem;
  --contribute-button-text-size: 0.875rem;
}
.c-contribute-button--small {
  --contribute-button-padding: 1rem;
  --contribute-button-text-size: 0.75rem;
}
.c-contribute-button + .c-contribute-button__tooltip {
  --contribute-button__tooltip-text-color: var(--color-secondary-50);
  --contribute-button--tooltip__tooltip-bg-color: var(--color-primary-800);
}

.c-contribute-button {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  padding: var(--contribute-button-padding);
  font-size: var(--contribute-button-text-size);
  line-height: 1;
  color: var(--contribute-button-text-color);
  text-transform: uppercase;
  letter-spacing: var(--contribute-button-text-letter-spacing);
  cursor: pointer;
  background-color: var(--contribute-button-bg-color);
  border: 0.125rem solid var(--contribute-button-border-color);
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
}
.c-contribute-button.h-focus, .c-contribute-button.focus-visible, .c-contribute-button:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-contribute-button:disabled, .c-contribute-button--disabled, .c-contribute-button--disabled:hover {
  cursor: not-allowed;
}
.c-contribute-button--tooltip:disabled {
  pointer-events: all;
}
.c-contribute-button--full-width {
  width: 100%;
}
.c-contribute-button__tooltip.__react_component_tooltip {
  max-width: 15rem;
  padding: 0.5rem 1rem;
  color: var(--contribute-button__tooltip-text-color);
  background-color: var(--contribute-button--tooltip__tooltip-bg-color);
  box-shadow: 0 0 10px 0 rgba(var(--ui-color__shadow--string), 0.4);
}
.c-contribute-button__tooltip.__react_component_tooltip.show {
  opacity: 1;
}
.c-device-button {
  --device-button__logo-bg-color: var(--color-primary-600);
  --device-button__logo-icon-color: var(--color-white);
  --device-button__label-text-color: var(--color-white);
  --device-button__details-text-color: var(--color-secondary-200);
}
.c-device-button:not(.c-device-button--disabled):hover, .c-device-button:not(.c-device-button--disabled).h-hover {
  --device-button__logo-bg-color: var(--color-primary-500);
}
.c-device-button.c-device-button--primary {
  --device-button-text-color: var(--color-white);
  --device-button-bg-color: var(--color-primary-700);
  --device-button__logo-icon-size: 2rem;
}
.c-device-button.c-device-button--primary.h-hover, .c-device-button.c-device-button--primary:hover:not(.c-device-button--disabled) {
  --device-button-bg-color: var(--color-primary-600);
}
.c-device-button.c-device-button--primary.c-device-button--disabled {
  --device-button-text-color: var(--color-secondary-300);
  --device-button-bg-color: var(--color-secondary-800);
}
.c-device-button.c-device-button--secondary {
  --device-button-text-color: var(--color-white);
  --device-button-bg-color: var(--color-primary-700);
  --device-button__logo-icon-size: 1.5rem;
}
.c-device-button.c-device-button--secondary.h-hover, .c-device-button.c-device-button--secondary:hover:not(.c-device-button--disabled) {
  --device-button-bg-color: var(--color-primary-600);
}
.c-device-button.c-device-button--secondary.c-device-button--disabled {
  --device-button-text-color: var(--color-secondary-300);
  --device-button-bg-color: var(--color-secondary-800);
}
.c-device-button.c-device-button--tertiary {
  --device-button-text-color: var(--color-white);
  --device-button-border-color: var(--color-primary-600);
  --device-button-bg-color: var(transparent);
  --device-button__logo-icon-size: 1rem;
}
.c-device-button.c-device-button--tertiary.h-hover, .c-device-button.c-device-button--tertiary:hover:not(.c-device-button--disabled) {
  --device-button-border-color: var(--color-primary-500);
}
.c-device-button.c-device-button--tertiary.c-device-button--disabled {
  --device-button-text-color: var(--color-secondary-300);
  --device-button-border-color: var(--color-secondary-600);
}
.c-device-button.c-device-button--tertiary.c-device-button--disabled {
  --device-button__logo-bg-color: var(--color-secondary-600);
}
.c-device-button.c-device-button--disabled {
  --device-button__logo-icon-color: var(--color-secondary-300);
  --device-button__logo-bg-color: var(--color-primary-500);
}

.c-device-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  overflow: hidden;
  line-height: 1;
  color: var(--device-button-text-color);
  text-align: left;
  cursor: pointer;
  background-color: var(--device-button-bg-color);
  border: 0;
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
}
.c-device-button.h-focus, .c-device-button.focus-visible, .c-device-button:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-device-button:disabled, .c-device-button--disabled, .c-device-button--disabled:hover {
  cursor: not-allowed;
}
.c-device-button__logo {
  display: flex;
  align-self: stretch;
  width: 3rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  margin-right: 0.5rem;
  font-size: var(--device-button__logo-icon-size);
  color: var(--device-button__logo-icon-color);
  background-color: var(--device-button__logo-bg-color);
  transition: background 0.1s ease-in-out;
}
.c-device-button__content {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.c-device-button__label {
  color: var(--device-button__label-text-color);
}
.c-device-button__details {
  color: var(--device-button__details-text-color);
}
.c-device-button__arrow {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
}
.c-device-button__arrow::before {
  transform: rotate(-90deg);
}
.c-device-button--primary {
  min-height: 3rem;
  padding-right: 3.75rem;
}
.c-device-button--primary .c-device-button__content {
  padding: 8px 0;
}
.c-device-button--secondary {
  height: 2.5rem;
  padding-right: 3rem;
}
.c-device-button--secondary .c-device-button__logo {
  width: 2.5rem;
}
.c-device-button--secondary .c-device-button__content {
  flex-direction: row;
  align-items: baseline;
}
.c-device-button--secondary .c-device-button__label {
  margin-right: 0.5rem;
}
.c-device-button--secondary .c-device-button__arrow {
  right: 1rem;
}
.c-device-button--tertiary {
  height: 2rem;
  padding: 0 2rem 0 0;
  border: 0.0625rem solid var(--device-button-border-color);
}
.c-device-button--tertiary .c-device-button__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-device-button--tertiary .c-device-button__logo {
  width: 2rem;
  padding: 0 0.75rem;
}
.c-device-button--tertiary .c-device-button__arrow {
  right: 0.75rem;
}
.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-700);
  --duplicate-issue-button__icon-bg-color: var(--color-secondary-700);
  --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-primary-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-500);
}

.c-duplicate-issue-button {
  display: flex;
  color: var(--duplicate-issue-button-text-color);
  flex-direction: row;
  background-color: var(--duplicate-issue-button-bg-color);
  align-items: center;
  border: 1px solid var(--duplicate-issue-button-border-color);
  border-radius: var(--border-radius--small);
}
.c-duplicate-issue-button.h-focus, .c-duplicate-issue-button.focus-visible, .c-duplicate-issue-button:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-duplicate-issue-button__icon-wrapper {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.5rem;
  background-color: var(--duplicate-issue-button__icon-bg-color);
}
.c-duplicate-issue-button__icon-wrapper .c-icon {
  font-size: 2rem;
  color: var(--duplicate-issue-button__icon-color);
}
.c-duplicate-issue-button__info {
  padding: 0.5rem;
  overflow: hidden;
}
.c-duplicate-issue-button__details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-duplicate-issue-button--disabled {
  pointer-events: none;
  cursor: pointer;
}
.c-evidence-button {
  display: inline-flex;
  align-items: center;
}
.c-evidence-button__delete-button.c-button.c-button--icon-only {
  width: auto;
  height: auto;
  padding: 0;
  margin-left: 0.5rem;
  background: var(--transparent);
}
.c-report-button {
  --report-button-padding: 0.75rem 1rem;
  --report-button-bg-color: var(--color-primary-800);
  --report-button-text-color: var(--color-white);
  --report-button-border-width: 1px;
  --report-button-border-color: var(--color-white);
  --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 {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  padding: var(--report-button-padding);
  color: var(--report-button-text-color);
  cursor: pointer;
  background-color: var(--report-button-bg-color);
  border: var(--report-button-border-width) solid var(--report-button-border-color);
  border-radius: var(--border-radius--medium);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
  align-items: center;
  justify-content: center;
  /* stylelint-disable-next-line */
}
.c-report-button.h-focus, .c-report-button:focus {
  outline: 0;
}
.c-report-button.h-focus::after, .c-report-button:focus::after {
  position: absolute;
  z-index: -1;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  content: "";
  background: transparent;
  border: 2px solid var(--report-button--focus-border);
  border-radius: var(--border-radius--medium);
}
.c-report-button__icon {
  margin-left: 0.25rem;
}
.c-report-button__label {
  text-transform: uppercase;
}
.c-report-button:disabled, .c-report-button--disabled, .c-report-button--disabled:hover {
  cursor: not-allowed;
}
.c-report-button--with-tooltip:disabled {
  pointer-events: all;
}
.c-report-button__tooltip.__react_component_tooltip {
  max-width: 15rem;
  padding: 0.5rem 1rem;
  color: var(--report-button--tooltip__tooltip-text-color);
  background-color: var(--report-button--tooltip__tooltip-bg-color);
  box-shadow: 0 0 10px 0 rgba(var(--ui-color__shadow--string), 0.4);
  /* stylelint-disable-next-line */
}
.c-report-button__tooltip.__react_component_tooltip.show {
  opacity: 1;
}
.c-third-party-button {
  display: flex;
  width: 100%;
  height: 48px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-weight: 700;
  color: var(--third-party-button-text-color);
  text-transform: uppercase;
  cursor: pointer;
  flex-direction: row;
  background-color: var(--third-party-button-bg-color);
  border: 2px solid var(--third-party-button-border-color);
  border-radius: 6px;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.c-third-party-button.h-focus, .c-third-party-button.focus-visible, .c-third-party-button:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-third-party-button__logo--apple {
  width: 1rem;
  height: 1.1875rem;
}
.c-third-party-button__logo--google {
  width: 1.125rem;
  height: 1.125rem;
}
.c-third-party-button__logo--microsoft {
  width: 1.375rem;
  height: 1.3125rem;
}
.c-third-party-button--disabled, .c-third-party-button:disabled {
  cursor: not-allowed;
}

.c-third-party-button {
  --third-party-button-text-color: #000;
  --third-party-button-bg-color: #fff;
  --third-party-button-border-color: transparent;
}
.c-third-party-button.h-hover, .c-third-party-button:hover {
  --third-party-button-bg-color: #dedede;
}
.c-third-party-button--disabled, .c-third-party-button:disabled {
  --third-party-button-text-color: #656565;
  --third-party-button-bg-color: #bcbcbc;
}
.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-view-all-button {
  position: relative;
  z-index: 0;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  padding: 0.5rem;
  color: var(--viewall-button-text-color);
  cursor: pointer;
  background-color: var(--viewall-button-bg-color);
  border: 0;
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}
.c-view-all-button.h-focus, .c-view-all-button.focus-visible, .c-view-all-button:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-view-all-button:disabled, .c-view-all-button--disabled, .c-view-all-button--disabled:hover {
  cursor: not-allowed;
}
.c-view-all-button__label {
  text-decoration: underline;
}
.c-view-all-button__icon {
  font-size: 0.5rem;
}
.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: rgba(var(--color-highlight-200--string), 0.3);
  --vote-button-border-color: var(--color-white);
  --vote-button-text-color: var(--color-white);
  --vote-button__separator-color: var(--color-highlight-100);
}
.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-text-color: var(--color-white);
  --vote-button-border-color: var(--color-white);
  --vote-button-bg-color: rgba(var(--color-highlight-200--string), 0.2);
  --vote-button__separator-color: var(--color-highlight-200);
}
.c-vote-button--secondary.c-vote-button--has-upvoted.c-vote-button--disabled {
  --vote-button__separator-color: var(--color-primary-500);
  --vote-button-text-color: var(--color-primary-500);
  --vote-button-bg-color: var(--color-secondary-900);
  --vote-button-border-color: var(--color-white);
}
.c-vote-button--disabled {
  --vote-button__separator-color: var(--color-primary-500);
}

@-webkit-keyframes upvote-animation {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  51% {
    opacity: 0;
    transform: translateY(0) scale(2);
  }
  90% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes upvote-animation {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  51% {
    opacity: 0;
    transform: translateY(0) scale(2);
  }
  90% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@-webkit-keyframes scroll-middle-up {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(calc(-1 * var(--vote-button__count-translateY-distance)));
  }
}
@keyframes scroll-middle-up {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(calc(-1 * var(--vote-button__count-translateY-distance)));
  }
}
@-webkit-keyframes scroll-middle-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(var(--vote-button__count-translateY-distance));
  }
}
@keyframes scroll-middle-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(var(--vote-button__count-translateY-distance));
  }
}
@-webkit-keyframes scroll-bottom-up {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(calc(-1 * var(--vote-button__count-translateY-distance)));
  }
}
@keyframes scroll-bottom-up {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(calc(-1 * var(--vote-button__count-translateY-distance)));
  }
}
@-webkit-keyframes scroll-top-down {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(var(--vote-button__count-translateY-distance));
  }
}
@keyframes scroll-top-down {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(var(--vote-button__count-translateY-distance));
  }
}
.c-vote-button {
  --vote-button__count-animation-duration: 0.4s;
  --vote-button__count-translateY-distance: 16px;
  position: relative;
  z-index: 0;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: var(--vote-button-height);
  padding: 0.75rem 3.375rem;
  overflow: hidden;
  color: var(--vote-button-text-color);
  text-transform: uppercase;
  cursor: pointer;
  background-color: var(--vote-button-bg-color);
  border: solid 0.0625rem var(--vote-button-border-color);
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out, text 0.1s ease-in-out;
}
.c-vote-button.h-focus, .c-vote-button.focus-visible, .c-vote-button:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-vote-button__icon {
  font-size: 1rem;
}
.c-vote-button__separator {
  width: 1px;
  align-self: stretch;
  background: var(--vote-button__separator-color);
  transition: background 0.1s ease-in-out;
}
.c-vote-button__count {
  position: relative;
  display: flex;
  font-variant-numeric: tabular-nums;
}
.c-vote-button__digits-wrapper {
  display: flex;
}
.c-vote-button__digits-wrapper--top {
  position: absolute;
  top: calc(-1 * var(--vote-button__count-translateY-distance));
}
.c-vote-button__digits-wrapper--top .c-vote-button__digit {
  opacity: 0;
}
.c-vote-button__digits-wrapper--top .c-vote-button__digit-scroll-down {
  -webkit-animation: scroll-top-down var(--vote-button__count-animation-duration) forwards;
          animation: scroll-top-down var(--vote-button__count-animation-duration) forwards;
}
.c-vote-button__digits-wrapper--middle .c-vote-button__digit-scroll-up {
  -webkit-animation: scroll-middle-up var(--vote-button__count-animation-duration) forwards;
          animation: scroll-middle-up var(--vote-button__count-animation-duration) forwards;
}
.c-vote-button__digits-wrapper--middle .c-vote-button__digit-scroll-down {
  -webkit-animation: scroll-middle-down var(--vote-button__count-animation-duration) forwards;
          animation: scroll-middle-down var(--vote-button__count-animation-duration) forwards;
}
.c-vote-button__digits-wrapper--bottom {
  position: absolute;
  bottom: calc(-1 * var(--vote-button__count-translateY-distance));
}
.c-vote-button__digits-wrapper--bottom .c-vote-button__digit {
  opacity: 0;
}
.c-vote-button__digits-wrapper--bottom .c-vote-button__digit-scroll-up {
  -webkit-animation: scroll-bottom-up var(--vote-button__count-animation-duration) forwards;
          animation: scroll-bottom-up var(--vote-button__count-animation-duration) forwards;
}
.c-vote-button__digits-wrapper--hidden {
  visibility: hidden;
}
.c-vote-button__digit {
  display: block;
}
.c-vote-button:disabled, .c-vote-button--disabled, .c-vote-button--disabled:hover {
  cursor: not-allowed;
}
.c-vote-button--animation-in .c-vote-button__icon {
  -webkit-animation: upvote-animation 0.4s;
          animation: upvote-animation 0.4s;
}
.c-switch {
  display: flex;
  gap: 8px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  -webkit-tap-highlight-color: transparent;
}
.c-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.c-switch__track {
  position: relative;
  flex: none;
  display: flex;
  width: 56px;
  height: 24px;
  padding: 4px;
  flex-direction: row;
  justify-content: space-between;
  background-color: var(--switch__track-color);
  border-radius: 16px;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.c-switch__thumb {
  width: 16px;
  height: 16px;
  background-color: var(--switch__thumb-color);
  border-radius: 50%;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  transform: translateX(0);
}
.c-switch__status {
  position: absolute;
  width: 20px;
  color: var(--switch__status-color);
  text-align: center;
  text-transform: uppercase;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.c-switch__status--checked {
  left: 8px;
  opacity: 0;
}
.c-switch__status--unchecked {
  right: 8px;
  opacity: 1;
}
.c-switch__label {
  flex-grow: 1;
  color: var(--switch__label-text-color);
}
.c-switch--checked .c-switch__thumb {
  transform: translateX(32px);
}
.c-switch--checked .c-switch__status--checked {
  opacity: 1;
}
.c-switch--checked .c-switch__status--unchecked {
  opacity: 0;
}
.c-switch--label-start {
  flex-direction: row-reverse;
}
.c-switch--disabled {
  cursor: not-allowed;
}

.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-personal-information__grid-row {
  display: grid;
  grid-column-gap: 3rem;
  grid-template-columns: 2.5rem 1fr;
  padding: 1rem 0;
  align-items: center;
  border-bottom: 1px solid var(--account__row-border-color);
}
@media (min-width: 46.25em) {
  .c-personal-information__grid-row {
    grid-template-columns: 8.75rem 1fr;
    padding: 1rem 2rem 1rem 0;
  }
}
.c-personal-information__flex-row {
  display: flex;
  padding: 1rem 0;
  flex-direction: row-reverse;
  border-bottom: 1px solid var(--account__row-border-color);
}
@media (min-width: 46.25em) {
  .c-personal-information__flex-row {
    padding: 1rem 2rem 1rem 0;
    flex-direction: row;
  }
}
.c-personal-information__avatar-wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.c-personal-information__allow-direct-contact-label {
  padding-right: 0.5rem;
  cursor: pointer;
}
@media (min-width: 46.25em) {
  .c-personal-information__allow-direct-contact-label {
    padding-left: 8.125rem;
  }
}
.l-grid {
  display: grid;
  /*
   * Why "minmax(0, 1fr)" instead of just "1fr" ?
   *
   * https://github.com/w3c/csswg-drafts/issues/1777
   *
   * TLDR :
   * "1fr" is a shortcut for "minmax(auto, 1fr)" so by default
   * all items of the grid will adapt their size from their content.
   * So this could made an item of the grid overlapsing his neighboor if its content was too long.
   * (and we did not want that)
   *
   * When this is true in theory, chrome (or chromium) does not respect that rule.
   * Chromium translate "1fr" to "minmax(0, 1fr)"...
   * This is why chromium's render was good but not firefox's one (gecko).
   * So now we force the value "minmax(0, 1fr)" to get the same render.
   */
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.l-grid .l-grid {
  grid-template-columns: repeat(auto-fill, minmax(auto, 4.375rem));
}
@media (min-width: 46.25em) {
  .l-grid {
    /*
     * Why "minmax(0, 1fr)" instead of just "1fr" ?
     *
     * https://github.com/w3c/csswg-drafts/issues/1777
     *
     * TLDR :
     * "1fr" is a shortcut for "minmax(auto, 1fr)" so by default
     * all items of the grid will adapt their size from their content.
     * So this could made an item of the grid overlapsing his neighboor if its content was too long.
     * (and we did not want that)
     *
     * When this is true in theory, chrome (or chromium) does not respect that rule.
     * Chromium translate "1fr" to "minmax(0, 1fr)"...
     * This is why chromium's render was good but not firefox's one (gecko).
     * So now we force the value "minmax(0, 1fr)" to get the same render.
     */
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
  }
  .l-grid .l-grid {
    grid-template-columns: repeat(auto-fill, minmax(auto, 4.375rem));
  }
}
@media (min-width: 61.25em) {
  .l-grid {
    /*
     * Why "minmax(0, 1fr)" instead of just "1fr" ?
     *
     * https://github.com/w3c/csswg-drafts/issues/1777
     *
     * TLDR :
     * "1fr" is a shortcut for "minmax(auto, 1fr)" so by default
     * all items of the grid will adapt their size from their content.
     * So this could made an item of the grid overlapsing his neighboor if its content was too long.
     * (and we did not want that)
     *
     * When this is true in theory, chrome (or chromium) does not respect that rule.
     * Chromium translate "1fr" to "minmax(0, 1fr)"...
     * This is why chromium's render was good but not firefox's one (gecko).
     * So now we force the value "minmax(0, 1fr)" to get the same render.
     */
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
  }
  .l-grid .l-grid {
    grid-template-columns: repeat(auto-fill, minmax(auto, 4.375rem));
  }
}
.l-col {
  grid-column-end: 4 span;
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.l-col--hidden {
  display: none;
}
.l-grid--guide .l-col {
  padding: 0.625rem;
  background-color: #eee;
  border: 0.0625rem solid #313131;
  border-radius: 0.25rem;
}
.l-col.l-col-sm-1 {
  grid-column-end: 1 span;
}
.l-col.l-col-sm-2 {
  grid-column-end: 2 span;
}
.l-col.l-col-sm-3 {
  grid-column-end: 3 span;
}
.l-col.l-col-sm-4 {
  grid-column-end: 4 span;
}
@media (min-width: 46.25em) {
  .l-col {
    grid-column-end: 8 span;
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
  }
  .l-col.l-col-md-1 {
    grid-column-end: 1 span;
  }
  .l-col.l-col-md-2 {
    grid-column-end: 2 span;
  }
  .l-col.l-col-md-3 {
    grid-column-end: 3 span;
  }
  .l-col.l-col-md-4 {
    grid-column-end: 4 span;
  }
  .l-col.l-col-md-5 {
    grid-column-end: 5 span;
  }
  .l-col.l-col-md-6 {
    grid-column-end: 6 span;
  }
  .l-col.l-col-md-7 {
    grid-column-end: 7 span;
  }
  .l-col.l-col-md-8 {
    grid-column-end: 8 span;
  }
}
@media (min-width: 61.25em) {
  .l-col {
    grid-column-end: 12 span;
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */
  }
  .l-col.l-col-1 {
    grid-column-end: 1 span;
  }
  .l-col.l-col-2 {
    grid-column-end: 2 span;
  }
  .l-col.l-col-3 {
    grid-column-end: 3 span;
  }
  .l-col.l-col-4 {
    grid-column-end: 4 span;
  }
  .l-col.l-col-5 {
    grid-column-end: 5 span;
  }
  .l-col.l-col-6 {
    grid-column-end: 6 span;
  }
  .l-col.l-col-7 {
    grid-column-end: 7 span;
  }
  .l-col.l-col-8 {
    grid-column-end: 8 span;
  }
  .l-col.l-col-9 {
    grid-column-end: 9 span;
  }
  .l-col.l-col-10 {
    grid-column-end: 10 span;
  }
  .l-col.l-col-11 {
    grid-column-end: 11 span;
  }
  .l-col.l-col-12 {
    grid-column-end: 12 span;
  }
}
.l-container {
  width: 100%;
  max-width: 73rem;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
.l-container--smaller {
  max-width: 980px;
}
.l-container--padding-none {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 46.25em) {
  .l-container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 61.25em) {
  .l-container {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.c-link-button {
  display: flex;
  align-items: center;
  color: var(--ui-color__font--contrast-3);
  background-color: transparent;
  border: 0;
}
.c-link-button:focus {
  outline: none;
}
.c-link-button__icon {
  margin-right: 0.5rem;
  font-size: 1rem;
}
.c-link-button__label {
  text-decoration: underline;
}
.c-link-button--solid {
  padding: 0.5rem;
  color: var(--ui-color__font--contrast-1);
  background-color: var(--ui-color--contrast-1);
  border-radius: var(--border-radius--small);
}
.c-link-button--inline {
  display: inline-flex;
  padding: 0;
}
.c-link-button--disabled, .c-link-button--disabled:hover {
  cursor: not-allowed;
}
@media (max-width: 46.24em) {
  .c-link-button__icon {
    color: var(--ui-color__font--highlight-1);
  }
  .c-link-button__icon:hover {
    color: var(--ui-color__font--highlight-1);
  }
}
@media (min-width: 46.25em) {
  .c-link-button {
    color: var(--ui-color__font--contrast-2);
  }
}
.c-modal {
  position: relative;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  background-color: var(--modal-color);
  border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0;
  box-shadow: none;
  -webkit-animation: modal-slide-up 150ms ease-out;
          animation: modal-slide-up 150ms ease-out;
}
.c-modal > div {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.c-modal__sub-header {
  background-color: var(--modal__sub-header-background-color);
  border-bottom: 0.0625rem solid var(--modal-color__divider);
}
.c-modal__sub-header__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
}
.c-modal__overlay {
  padding: 0;
  align-items: flex-end;
  justify-content: center;
}
.c-modal__overlay--confirm, .c-modal__overlay--confirm-large {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-modal__overlay--nested {
  background: transparent;
}
.c-modal__overlay--absolute {
  position: absolute;
}
.c-modal__header {
  position: relative;
  width: 100%;
  padding: 0.5rem 0;
  background-color: var(--ui-color--base);
  border-bottom: 0.0625rem solid var(--modal-color__divider);
  /* stylelint-disable-next-line  */
}
.c-modal__header .c-link-button {
  padding: 0.5rem;
  margin-left: auto;
  color: var(--ui-color__font--contrast-1);
  background-color: var(--ui-color--contrast-1);
  border: 0;
  border-radius: var(--border-radius--small);
  /* stylelint-disable-next-line  */
}
.c-modal__header .c-link-button:hover {
  background-color: var(--ui-color--contrast-2);
}
.c-modal__header > .l-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-modal__body {
  display: flex;
  padding: 2rem 0;
  overflow: auto;
  flex: 1;
  flex-direction: column;
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-modal__body::-webkit-scrollbar {
  width: 0.75rem;
}
.c-modal__body::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-modal__body::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
}
.c-modal__body *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-modal__body *::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-modal__body *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
}
.c-modal__body--no-padding, .c-modal__body--padding-none {
  padding: 0 !important;
}
.c-modal__body p > .t-link {
  color: var(--ui-color__font--contrast-2);
  outline: 0;
}
.c-modal__body-inner {
  padding: 0 1rem 1rem;
  margin-top: 1.5rem;
  overflow: auto;
  background-color: var(--ui-color--contrast-4);
  border-radius: var(--border-radius--small);
}
.c-modal__footer {
  z-index: 2;
  display: flex;
  padding: 1rem 0;
  background-color: var(--ui-color--contrast-1);
}
.c-modal__footer > .l-container {
  display: flex;
  flex-direction: column;
  /* stylelint-disable-next-line  */
  /* stylelint-disable-next-line  */
}
.c-modal__footer > .l-container > * + * {
  margin-top: 0.5rem;
}
.c-modal__footer > .l-container > * + .c-modal__actions {
  margin-top: 1rem;
}
.c-modal__icon-button {
  display: flex;
  align-items: center;
  width: auto;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: none;
}
.c-modal__icon-button .c-icon {
  font-size: 1.5rem;
}
.c-modal__back {
  margin-right: 1rem;
}
.c-modal__close {
  margin-left: auto;
  color: var(--modal__close-icon-color);
}
.c-modal__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c-modal__actions--full-width {
  justify-content: space-between;
}
.c-modal--default {
  max-width: 76rem;
  margin: 0 4rem;
}
.c-modal--default .c-modal__header,
.c-modal--default .c-modal__body,
.c-modal--default .c-modal__footer {
  /* stylelint-disable-next-line  */
}
.c-modal--default .c-modal__header > .l-container,
.c-modal--default .c-modal__body > .l-container,
.c-modal--default .c-modal__footer > .l-container {
  max-width: unset;
}
.c-modal--default .c-modal__footer {
  background-color: var(--ui-color--contrast-1);
}
.c-modal--confirm, .c-modal--confirm-large {
  margin: auto 1rem;
  overflow: hidden;
  border-radius: var(--border-radius--medium);
  box-shadow: 0 0 0.625rem 0 rgba(var(--ui-color__shadow--string), 0.4);
}
.c-modal--confirm .c-modal__header, .c-modal--confirm-large .c-modal__header {
  background-color: var(--modal-color__header);
  border-bottom: 0;
}
.c-modal--confirm .c-modal__footer, .c-modal--confirm-large .c-modal__footer {
  display: flex;
  padding: 1rem 0;
  background-color: var(--modal-color);
  align-items: center;
  justify-content: flex-end;
  box-shadow: unset;
}
.c-modal--confirm.c-modal--admin .c-modal__header, .c-modal--confirm-large.c-modal--admin .c-modal__header {
  background-color: var(--admin-color--highlight-1);
}
.c-modal--confirm {
  max-width: 30.625rem;
}
.c-modal--confirm-large {
  max-width: 47.25rem;
}
.c-modal--no-padding .c-modal__body > .l-container, .c-modal--padding-none .c-modal__body > .l-container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.c-modal--nested {
  -webkit-animation: unset;
          animation: unset;
}
.c-modal__confirmation-body {
  line-height: 1.5;
}
@media (max-width: 46.24em) {
  .c-modal {
    height: 100%;
  }
  .c-modal__actions {
    width: 100%;
    flex-direction: column;
  }
  .c-modal__actions * + * {
    margin-top: 0.5rem;
  }
  .c-modal__actions .c-button {
    width: 100%;
  }
  .c-modal__header {
    padding: 0.75rem 0;
  }
  .c-modal__body > .l-container {
    height: 100%;
  }
  .c-modal__footer {
    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.5);
  }
  .c-modal__footer > .l-container {
    flex-direction: column;
  }
  .c-modal--default {
    margin: auto 0 0;
  }
  .c-modal--confirm, .c-modal--confirm-large {
    height: unset;
    max-height: calc(100vh - 4rem);
    margin: 0 1rem;
  }
  .c-modal--confirm > div, .c-modal--confirm-large > div {
    max-height: calc(100vh - 4rem);
  }
  .c-modal--form {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .c-modal__overlay--default {
    padding-top: 2.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-modal {
    height: calc(100vh - 8rem);
  }
  .c-modal > div {
    max-height: calc(100vh - 8rem);
  }
  .c-modal__actions > * + * {
    margin-left: 1rem;
  }
  .c-modal--form {
    width: 100vw;
    max-width: unset;
    height: 100vh;
    border-radius: 0;
  }
  .c-modal--form > div {
    max-height: 100vh;
  }
  .c-modal--default .c-modal__header,
.c-modal--default .c-modal__body,
.c-modal--default .c-modal__footer, .c-modal--form .c-modal__header,
.c-modal--form .c-modal__body,
.c-modal--form .c-modal__footer {
    /* stylelint-disable-next-line  */
  }
  .c-modal--default .c-modal__header > .l-container,
.c-modal--default .c-modal__body > .l-container,
.c-modal--default .c-modal__footer > .l-container, .c-modal--form .c-modal__header > .l-container,
.c-modal--form .c-modal__body > .l-container,
.c-modal--form .c-modal__footer > .l-container {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .c-modal--default .c-modal__body, .c-modal--form .c-modal__body {
    padding: 2rem 0;
  }
  .c-modal--default .c-modal__header,
.c-modal--default .c-modal__footer, .c-modal--form .c-modal__header,
.c-modal--form .c-modal__footer {
    padding: 1rem 0;
  }
  .c-modal--confirm, .c-modal--confirm-large {
    height: unset;
    max-height: calc(100vh - 8rem);
  }
  .c-modal--confirm > div, .c-modal--confirm-large > div {
    max-height: calc(100vh - 8rem);
  }
  .c-modal--confirm .c-modal__header,
.c-modal--confirm .c-modal__body,
.c-modal--confirm .c-modal__footer, .c-modal--confirm-large .c-modal__header,
.c-modal--confirm-large .c-modal__body,
.c-modal--confirm-large .c-modal__footer {
    /* stylelint-disable-next-line  */
  }
  .c-modal--confirm .c-modal__header > .l-container,
.c-modal--confirm .c-modal__body > .l-container,
.c-modal--confirm .c-modal__footer > .l-container, .c-modal--confirm-large .c-modal__header > .l-container,
.c-modal--confirm-large .c-modal__body > .l-container,
.c-modal--confirm-large .c-modal__footer > .l-container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .c-modal__body-inner {
    max-height: 17rem;
    padding: 0 1.5rem 1rem;
  }
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-modal--default {
    margin: 0 1rem;
  }
}

@-webkit-keyframes modal-slide-up {
  0% {
    opacity: 0;
    transform: translateY(128px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes modal-slide-up {
  0% {
    opacity: 0;
    transform: translateY(128px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.c-modal {
  --modal-color: var(--ui-color--contrast-3);
  --modal-color__overlay: rgba(var(--body-bg-color--string), 0.7);
  --modal-color__divider: var(--ui-color--highlight-1);
  --modal-color__header: var(--ui-color--base);
  --modal__close-icon-color: var(--color-white);
  --modal__sub-header-background-color: var(--color-primary-800);
}
.c-modal .c-issue-admin-modal {
  --modal-color: var(--ui-color--contrast-2);
}
.c-modal-update-user .c-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-update-user .c-modal__actions button:first-of-type {
  margin-bottom: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-modal-update-user .c-modal__actions button:first-of-type {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
.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-action-list-item.c-dropdown-action-list-item--mobile {
  --dropdown-action-list-item-bg-color: var(--color-primary-800);
}

.c-dropdown-action-list-item {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--dropdown-action-list-item-text-color);
  white-space: nowrap;
  cursor: pointer;
  background-color: var(--dropdown-action-list-item-bg-color);
  border-bottom: 0.0625rem solid var(--dropdown-action-list-item-border-color);
  transition: background ease-in-out 0.2s;
  will-change: background;
}
.c-dropdown-action-list-item:last-child {
  border-bottom: 0;
}
.c-dropdown-action-list-item .c-button {
  width: 100%;
}
.c-dropdown-action-list-item--disabled {
  cursor: not-allowed;
}
.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-primary-200);
  --text-input-bg-color: var(--color-primary-700);
  --text-input-placeholder-color: var(--color-primary-400);
  --text-input-separator-color: var(--color-primary-200);
  --text-input-step-color: var(--color-primary-200);
  --text-input-mobile-top-bg-color: var(--color-primary-800);
  --text-input-border-color: transparent;
  --field-icon-color: var(--color-primary-200);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-text-input:not(:focus):not(.h-focus):not(.c-text-input--disabled):hover, .c-text-input:not(:focus):not(.h-focus):not(.c-text-input--disabled).h-hover, .h-hover .c-text-input:not(:focus):not(.h-focus):not(.c-text-input--disabled) {
  --text-input-border-color: var(--color-primary-400);
}
.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-count-color: var(--color-secondary-600);
  --text-input-bg-color: var(--color-primary-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);
  --field-icon-color: var(--color-secondary-600);
}

.c-text-input {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.c-text-input__input {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 3rem;
  padding: 1rem;
  color: var(--text-input-content-color);
  background-color: var(--text-input-bg-color);
  filter: none;
  border: 0.125rem solid var(--text-input-border-color);
  border-radius: var(--border-radius--small);
  outline: 0.125rem none var(--focus-color);
  outline-offset: 0.125rem;
  transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable-next-line */
}
@media (max-width: 46.24em) {
  .c-text-input__input {
    font-size: 1rem;
  }
}
.c-text-input--with-label .c-text-input__input {
  padding: 1.5rem 1rem 0.5rem;
}
.c-text-input__input::-moz-placeholder {
  font-style: italic;
  color: var(--text-input-placeholder-color);
}
.c-text-input__input::placeholder {
  font-style: italic;
  color: var(--text-input-placeholder-color);
}
.h-focus .c-text-input__input, .c-text-input__input.focus-visible {
  border-color: transparent;
  outline-style: solid;
}
.c-text-input__input::-webkit-search-cancel-button {
  -webkit-appearance: none; /* stylelint-disable-line */
}
.c-text-input__input:disabled {
  cursor: not-allowed;
}
.c-text-input__input:not([autocompleted]) {
  -webkit-animation-name: unset;
          animation-name: unset;
}
.c-text-input__input[autocompleted], .c-text-input__input[autocompleted]:hover, .c-text-input__input[autocompleted]:focus {
  color: inherit !important;
  background-color: var(--input-color__field) !important;
  border: 0.0625rem solid var(--ui-color--contrast-1) !important;
  box-shadow: 0 0 0 30px var(--input-color__field) inset !important;
  transition: unset;
}
.c-text-input__input[type=number] {
  -moz-appearance: textfield; /* stylelint-disable-line */
}
.c-text-input__input::-webkit-outer-spin-button, .c-text-input__input::-webkit-inner-spin-button {
  -webkit-appearance: none; /* stylelint-disable-line */
  margin: 0;
}
.c-text-input input {
  height: 3.5rem;
}
@media (max-width: 46.24em) {
  .c-text-input input {
    height: 4rem;
  }
}
.c-text-input textarea {
  min-height: 6.5rem;
  max-height: 13rem;
  resize: none;
}
.c-text-input__label {
  position: absolute;
  top: 1.75rem;
  left: 0;
  z-index: 1;
  max-width: 100%;
  overflow: hidden;
  color: var(--text-input-helper-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  transition: 0.1s ease-in-out, font-size 0.1s ease-in-out;
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.c-text-input__label-optional {
  margin-left: 0.25rem;
  font-style: italic;
}
.c-text-input__label--tucked {
  top: 0.75rem;
  transform: none;
}
.c-text-input__children {
  margin-top: 0.25rem;
}
.c-text-input__left-overlay, .c-text-input__right-overlay {
  position: absolute;
  display: flex;
  color: var(--field-icon-color);
  transform: translateY(-50%);
}
.c-text-input__left-overlay--align-top, .c-text-input__right-overlay--align-top {
  top: 1.75rem;
  transform: translateY(-50%);
}
.c-text-input__left-overlay--align-center, .c-text-input__right-overlay--align-center {
  top: 50%;
  transform: translateY(-50%);
}
.c-text-input__left-overlay--align-bottom, .c-text-input__right-overlay--align-bottom {
  bottom: 1.75rem;
  transform: translateY(50%);
}
.c-text-input--disabled .c-text-input__left-overlay, .c-text-input--disabled .c-text-input__right-overlay {
  pointer-events: none;
  opacity: 0.5;
}
.c-text-input__left-overlay {
  left: 0;
  padding-left: 1.5rem;
}
.c-text-input__left-overlay > *:not(:first-child) {
  margin-left: 0.5rem;
}
.c-text-input__right-overlay {
  right: 0;
  align-items: center;
  padding-right: 1.5rem;
}
.c-text-input__right-overlay > *:not(:last-child) {
  margin-right: 0.5rem;
}
.c-text-input__character-count {
  pointer-events: none;
}
.c-text-input__error-message {
  margin-top: 0.25rem;
  color: var(--color-error-100);
}
.c-text-input__helper-message {
  margin-top: 0.25rem;
  color: var(--text-input-helper-color);
}
.c-text-input--has-error textarea,
.c-text-input--has-error input {
  border-color: var(--color-error-100);
}
.c-text-input--has-error textarea:hover, .c-text-input--has-error textarea:focus, .c-text-input--has-error textarea:active,
.c-text-input--has-error input:hover,
.c-text-input--has-error input:focus,
.c-text-input--has-error input:active {
  border-color: var(--color-error-100);
}
.c-text-input--inline-child {
  margin-top: 0.5rem;
}
.c-text-input--resize textarea {
  resize: resizeable;
}
.c-text-input--scrolled-down .c-text-input__label {
  display: none;
}

.c-text-input-action {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.c-text-input-action__input {
  flex: 1;
}
.c-text-input-action .c-button__label {
  white-space: nowrap;
}

.c-text-input-removable {
  display: flex;
  flex-direction: row;
}
@media (max-width: 46.24em) {
  .c-text-input-removable {
    flex-direction: column;
    /* stylelint-disable-next-line max-nesting-depth */
  }
  .c-text-input-removable textarea {
    min-height: 5.5rem;
  }
  .c-text-input-removable .c-text-input__input {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.c-text-input-removable__remove-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  padding: 0 0.5rem 0 0.5rem;
  background-color: transparent;
}
@media (max-width: 46.24em) {
  .c-text-input-removable__remove-panel {
    width: 100%;
    height: unset;
    min-height: 4rem;
    padding: 0;
    justify-content: flex-end;
    background-color: var(--text-input-mobile-top-bg-color);
    border-bottom: solid 0.0625rem var(--text-input-separator-color);
    border-radius: var(--border-radius--small) var(--border-radius--small) 0 0;
  }
}
.c-text-input-removable__remove-panel__icon {
  font-size: 1.375rem;
  color: var(--field-icon-color);
  cursor: pointer;
}
@media (max-width: 46.24em) {
  .c-text-input-removable__remove-panel__icon {
    margin-right: 1.5rem;
  }
}

body {
  counter-reset: stepNumber;
}

.c-text-input-step--disabled {
  pointer-events: none;
}
.c-text-input-step__number {
  color: var(--text-input-step-color);
}
@media (max-width: 46.24em) {
  .c-text-input-step__number {
    flex: auto;
    display: flex;
    align-items: center;
    height: 4rem;
    padding: 0.25rem 0.5rem 0.25rem 1.5rem;
  }
}
.c-text-input-step__number::before {
  content: counter(stepNumber);
  counter-increment: stepNumber;
}
@media (min-width: 46.25em) {
  .c-text-input-step__number::before {
    display: flex;
    padding-right: 0.5rem;
    padding-bottom: 0.25rem;
    align-items: center;
    justify-content: flex-start;
    border-right: 1px solid var(--text-input-separator-color);
  }
}
.c-dropdown-list-filter {
  --dropdown-list-filter-bg-color: var(--color-primary-800);
  --dropdown-list-filter__input-bg-color: var(--color-primary-600);
  --dropdown-list-filter__input-border-color: var(--color-primary-600);
  --dropdown-list-filter__input-overlay-color: var(--color-secondary-400);
}
.c-dropdown-list-filter.c-dropdown-list-filter--admin {
  --dropdown-list-filter-bg-color: var(--color-admin-800);
  --dropdown-list-filter__input-bg-color: var(--color-admin-600);
  --dropdown-list-filter__input-border-color: var(--color-admin-600);
  --dropdown-list-filter__input-overlay-color: var(--color-secondary-400);
}

.c-dropdown-list-filter {
  padding: 0.5rem;
  background-color: var(--dropdown-list-filter-bg-color);
}
.c-dropdown-list-filter .c-text-input input,
.c-dropdown-list-filter .c-text-input textarea {
  height: inherit;
  background-color: var(--dropdown-list-filter__input-bg-color);
  border-color: var(--dropdown-list-filter__input-border-color);
}
.c-dropdown-list-filter .c-text-input input:hover,
.c-dropdown-list-filter .c-text-input textarea:hover {
  background-color: var(--dropdown-list-filter__input-bg-color);
  border-color: var(--dropdown-list-filter__input-border-color);
}
.c-dropdown-list-filter .c-text-input .c-text-input__right-overlay {
  color: var(--dropdown-list-filter__input-overlay-color);
}
.c-dropdown-list-filter .c-text-input__input {
  min-height: 1.5rem;
  padding: 0.5rem;
}
.c-dropdown-list-filter .c-text-input__right-overlay {
  padding-right: 0.5rem;
}
.c-dropdown-list-filter .c-text-input__right-overlay .c-icon {
  font-size: 1rem;
}
.c-dropdown-list-item {
  --dropdown-list-item-bg-color: var(--color-primary-800);
  --dropdown-list-item__label-text-color: #fff;
  --dropdown-list-item__details-text-color: var(--color-secondary-200);
  --dropdown-list-item__highlight-color: var(--color-primary-800);
}
.c-dropdown-list-item.h-hover, .c-dropdown-list-item:hover {
  --dropdown-list-item-bg-color: var(--color-primary-700);
  --dropdown-list-item__highlight-color: var(--color-primary-700);
}
.c-dropdown-list-item.c-dropdown-list-item--is-highlighted, .c-dropdown-list-item.c-dropdown-list-item--is-selected {
  --dropdown-list-item-bg-color: var(--color-primary-700);
  --dropdown-list-item__highlight-color: var(--color-primary-200);
}
.c-dropdown-list-item.c-dropdown-list-item--disabled {
  --dropdown-list-item__label-text-color: var(--color-secondary-600);
  --dropdown-list-item__details-text-color: var(--color-secondary-600);
}
.c-dropdown-list-item.c-dropdown-list-item--admin {
  --dropdown-list-item-bg-color: var(--color-admin-800);
  --dropdown-list-item__highlight-color: var(--color-admin-800);
}
.c-dropdown-list-item.c-dropdown-list-item--admin.h-hover, .c-dropdown-list-item.c-dropdown-list-item--admin:hover {
  --dropdown-list-item-bg-color: var(--color-admin-700);
  --dropdown-list-item__highlight-color: var(--color-admin-700);
}
.c-dropdown-list-item.c-dropdown-list-item--admin.c-dropdown-list-item--is-highlighted, .c-dropdown-list-item.c-dropdown-list-item--admin.c-dropdown-list-item--is-selected {
  --dropdown-list-item-bg-color: var(--color-admin-700);
  --dropdown-list-item__highlight-color: var(--color-admin-200);
}

.c-dropdown-list-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  padding: 1rem;
  background-color: var(--dropdown-list-item-bg-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-dropdown-list-item.h-focus, .c-dropdown-list-item.focus-visible, .c-dropdown-list-item:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-dropdown-list-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--dropdown-list-item__highlight-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-dropdown-list-item > * {
  position: relative;
  z-index: 1;
}
.c-dropdown-list-item > * + * {
  margin-left: 1rem;
}
.c-dropdown-list-item__body {
  display: flex;
  flex-direction: column;
}
.c-dropdown-list-item__label {
  color: var(--dropdown-list-item__label-text-color);
}
.c-dropdown-list-item__details {
  color: var(--dropdown-list-item__details-text-color);
}
.c-dropdown-list-item__icon {
  width: 100%;
  font-size: 1.5rem;
  color: var(--dropdown-list-item__label-text-color);
}
.c-dropdown-list-item__icon + .c-dropdown-list-item__body {
  padding-left: 1rem;
}
.c-dropdown-list-item__checkmark {
  color: var(--dropdown-list-item__highlight-color);
  opacity: 0;
  transition: opacity 0.2s linear, transform 0.2s ease-in-out;
  transform: translateY(15px);
  will-change: opacity, transform;
}
.c-dropdown-list-item--is-selected .c-dropdown-list-item__checkmark {
  opacity: 1;
  transform: translateY(0);
}
.c-dropdown-list-item__footer {
  margin-left: auto;
}
.c-dropdown-list-item--is-selectable {
  cursor: pointer;
}
.c-dropdown-list-item--disabled {
  cursor: not-allowed;
}
.c-radio {
  --radio-text-color: var(--color-primary-0);
  --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-highlight-400);
}
.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-radio {
  display: flex;
  color: var(--radio-text-color);
}
.c-radio.c-radio--active input::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.c-radio--disabled {
  cursor: not-allowed;
}
.c-radio--disabled input,
.c-radio--disabled label {
  cursor: not-allowed;
}
.c-radio__labels {
  display: flex;
  margin-left: 0.5rem;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
}
.c-avatar + .c-radio__labels {
  margin-left: 0.5rem;
}
.c-radio + .c-radio {
  margin-top: 0.5rem;
}
.c-radio input {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: var(--radio-bg-color);
  border: 0.125rem solid var(--radio-border-color);
  border-radius: 999px;
  outline: none;
}
.c-radio input::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  content: "";
  background-color: var(--radio-shape-color);
  border-radius: 999px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  transform: translateX(-50%) translateY(-50%) scale(0.9);
  will-change: opacity, transform;
}
.c-radio input:checked::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.c-radio input:disabled {
  opacity: 0.5;
}
.c-radio label {
  display: flex;
  align-items: center;
}
.c-radio label .c-avatar {
  margin-left: 0.5rem;
}
.c-radio span + span {
  position: relative;
  top: 0.125rem;
}
.c-dropdown-list-item-radio {
  --dropdown-list-item-radio-bg-color: var(--color-primary-800);
  --dropdown-list-item-radio__label-text-color: var(--color-primary-0);
  --dropdown-list-item-radio__details-text-color: var(--color-secondary-200);
  --dropdown-list-item-radio__highlight-color: var(--color-primary-800);
}
.c-dropdown-list-item-radio:not(.c-dropdown-list-item-radio--disabled) .h-hover, .c-dropdown-list-item-radio:not(.c-dropdown-list-item-radio--disabled):hover {
  --dropdown-list-item-radio-bg-color: var(--color-primary-700);
  --dropdown-list-item-radio__highlight-color: var(--color-primary-700);
}
.c-dropdown-list-item-radio.h-focus, .c-dropdown-list-item-radio:focus {
  --dropdown-list-item-radio__highlight-color: var(--focus-color);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-highlighted, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected {
  --dropdown-list-item-radio-bg-color: var(--color-primary-700);
  --dropdown-list-item-radio__highlight-color: var(--color-primary-200);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-highlighted.h-hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-highlighted:hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected.h-hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected:hover {
  --dropdown-list-item-radio__highlight-color: var(--color-primary-200);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin {
  --dropdown-list-item-radio-bg-color: var(--color-admin-800);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-800);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.h-hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin:hover {
  --dropdown-list-item-radio-bg-color: var(--color-admin-700);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-700);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.c-dropdown-list-item-radio--is-highlighted, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.c-dropdown-list-item-radio--is-selected {
  --dropdown-list-item-radio-bg-color: var(--color-admin-700);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-200);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.c-dropdown-list-item-radio--disabled {
  --dropdown-list-item-radio-bg-color: var(--color-admin-800);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-700);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--disabled {
  --dropdown-list-item-radio__label-text-color: var(--color-secondary-600);
  --dropdown-list-item-radio__details-text-color: var(--color-secondary-600);
}

.c-dropdown-list-item-radio {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 3.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--dropdown-list-item-radio-bg-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-dropdown-list-item-radio::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--dropdown-list-item-radio__highlight-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-dropdown-list-item-radio.h-focus::after, .c-dropdown-list-item-radio:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 2px solid var(--focus-color);
}
.c-dropdown-list-item-radio > * + * {
  margin-left: 0.5rem;
}
.c-dropdown-list-item-radio__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-dropdown-list-item-radio__body {
  display: flex;
  padding-left: 1rem;
  flex-direction: column;
}
.c-dropdown-list-item-radio__label {
  color: var(--dropdown-list-item-radio__label-text-color);
}
.c-dropdown-list-item-radio__details {
  color: var(--dropdown-list-item-radio__details-text-color);
}
.c-dropdown-list-item-radio__icon {
  display: flex;
  font-size: 1.5rem;
  color: var(--dropdown-list-item-radio__label-text-color);
}
.c-dropdown-list-item-radio--is-selectable {
  cursor: pointer;
}
.c-dropdown-list-item-radio--disabled {
  cursor: not-allowed;
}
.c-dropdown-list-item-selectable {
  --dropdown-list-item-selectable-bg-color: var(--color-primary-800);
  --dropdown-list-item-selectable-highlight-color: transparent;
}
.c-dropdown-list-item-selectable.h-hover, .c-dropdown-list-item-selectable:hover {
  --dropdown-list-item-selectable-bg-color: var(--color-primary-700);
  --dropdown-list-item-selectable-highlight-color: var(--color-primary-50);
}
.c-dropdown-list-item-selectable--added {
  --dropdown-list-item-selectable-highlight-color: var(--color-primary-50);
}

.c-dropdown-list-item-selectable {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  justify-content: space-between;
  background-color: var(--dropdown-list-item-selectable-bg-color);
  border-left: 0.25rem solid var(--dropdown-list-item-selectable-highlight-color);
}
.c-dropdown-list-item-selectable:hover {
  cursor: pointer;
}
.c-dropdown-list-item-statistics {
  --dropdown-list-item-statistics-bg-color: transparent;
  --dropdown-list-item-statistics__label-text-color: var(--color-primary-0);
  --dropdown-list-item-statistics__details-text-color: var(--color-secondary-300);
  --dropdown-list-item-statistics__filler-bg-color: var(--color-primary-700);
}
.c-dropdown-list-item-statistics.c-dropdown-list-item-statistics--archived {
  --dropdown-list-item-statistics-bg-color: var(--color-secondary-900);
  --dropdown-list-item-statistics__filler-bg-color: var(--color-secondary-800);
}
.c-dropdown-list-item-statistics.c-dropdown-list-item-statistics--fixed {
  --dropdown-list-item-statistics-bg-color: var(--color-tertiary-800);
  --dropdown-list-item-statistics__filler-bg-color: var(--color-tertiary-600);
}

.c-dropdown-list-item-statistics {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 1rem;
  background-color: var(--dropdown-list-item-statistics-bg-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-dropdown-list-item-statistics > * {
  position: relative;
  z-index: 1;
}
.c-dropdown-list-item-statistics__filler {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  max-width: 0;
  overflow: hidden;
  background-color: var(--dropdown-list-item-statistics__filler-bg-color);
  transition: max-width 0s linear 0.3s;
  will-change: max-width;
}
.h-visible .c-dropdown-list-item-statistics__filler, .c-dropdown__body--is-visible .c-dropdown-list-item-statistics__filler {
  max-width: 100%;
}
.c-dropdown-list-item-statistics__icon {
  font-size: 2rem;
  color: var(--dropdown-list-item-statistics__label-text-color);
}
.c-dropdown-list-item-statistics__body {
  display: flex;
  padding-left: 1rem;
  margin-right: 1.5rem;
  flex-direction: column;
}
.c-dropdown-list-item-statistics__label {
  color: var(--dropdown-list-item-statistics__label-text-color);
}
.c-dropdown-list-item-statistics__details {
  color: var(--dropdown-list-item-statistics__details-text-color);
}
.c-dropdown-list-item-statistics__footer {
  margin-left: auto;
}
.c-dropdown-list-item-statistics__percentage {
  color: var(--dropdown-list-item-statistics__label-text-color);
}
.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-400);
}
.c-dropdown-list.c-dropdown-list--archived {
  --dropdown-list-separator-color: var(--color-secondary-700);
}

.c-dropdown-list {
  background-color: var(--dropdown-list-bg-color);
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-dropdown-list::-webkit-scrollbar {
  width: 0.75rem;
}
.c-dropdown-list::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-dropdown-list::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
}
@media (min-width: 46.25em) {
  .c-dropdown-list {
    min-width: 16rem;
  }
}
.c-dropdown-list__loading {
  padding: 1rem;
  text-align: center;
}
.c-dropdown-list--rounded {
  overflow: hidden;
  border-radius: var(--border-radius--small);
}
.c-dropdown-list--selectable {
  max-height: 24.125rem;
  overflow-y: auto;
}
.c-dropdown-list > * + * {
  border-top: 0.0625rem solid var(--dropdown-list-separator-color);
}
.c-portal-popover {
  -webkit-animation-name: portalAnimation;
          animation-name: portalAnimation;
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes portalAnimation {
  0% {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes portalAnimation {
  0% {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}
.c-dropdown {
  --dropdown__shadow-bg-color: var(--color-primary-1000);
  --dropdown__body-shadow-color: rgba(var(--color-primary-1000--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-700);
}
.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__body-header .c-button {
  --dropdown__close-button-text-color: var(--color-admin-50);
  --dropdown__close-button-bg-color: var(--color-admin-600);
}
.c-dropdown.c-dropdown--fixed {
  --dropdown__body-header-bg-color: var(--color-tertiary-600);
}
.c-dropdown.c-dropdown--fixed .c-dropdown__body-header .c-button {
  --button-text-color: var(--color-tertiary-200);
  --button-bg-color: var(--color-tertiary-800);
}
.c-dropdown.c-dropdown--duplicate, .c-dropdown.c-dropdown--archived {
  --dropdown__body-header-bg-color: var(--color-secondary-800);
}
.c-dropdown.c-dropdown--duplicate .c-dropdown__body-header .c-button, .c-dropdown.c-dropdown--archived .c-dropdown__body-header .c-button {
  --button-text-color: var(--color-secondary-200);
  --button-bg-color: var(--color-secondary-900);
}

.c-dropdown {
  position: relative;
}
.c-dropdown__icon {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  font-size: 1rem;
  transform: translateY(-40%);
}
.c-dropdown__icon--is-active {
  transform: translateY(-40%) scaleY(-1);
}
.c-dropdown__body {
  overflow: hidden;
  visibility: hidden;
  background-color: var(--dropdown__body-bg-color);
  opacity: 0;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0s 0.2s linear;
  transform: translateY(-24px);
  will-change: opacity, transform, visibility;
}
.c-dropdown__body-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  background-color: var(--dropdown__body-header-bg-color);
  border-bottom: solid 0.0625rem var(--dropdown__body-header-border-color);
}
.c-dropdown__body-header--node-element {
  padding: 0 1rem 0 0;
}
.c-dropdown__body-title {
  margin-right: 1rem;
}
.c-dropdown__body--is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transform: translateY(0);
}
.c-dropdown__close-button {
  color: var(--dropdown__close-button-text-color);
  background-color: var(--dropdown__close-button-bg-color);
}
.c-dropdown--error .c-dropdown__body-content {
  background-color: var(--dropdown__body-content-bg-color);
}
@-webkit-keyframes dropdown-shadow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes dropdown-shadow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@media (max-width: 46.24em) {
  .c-dropdown {
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100vw;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
  }
  .c-dropdown__shadow {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
    width: auto;
    pointer-events: all;
    background-color: var(--dropdown__shadow-bg-color);
    opacity: 0;
    -webkit-animation: dropdown-shadow 0.15s ease-in-out both;
            animation: dropdown-shadow 0.15s ease-in-out both;
  }
  .c-dropdown__body {
    display: flex;
    max-height: calc(100vh - 4rem);
    flex-direction: column;
    transform: translateY(4rem);
  }
  .c-dropdown__body-content {
    flex: 1;
    overflow: auto;
  }
  .c-dropdown__body--is-visible {
    transform: translateY(0);
  }
  .c-dropdown__body--with-header {
    border-radius: var(--border-radius--medium);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 46.25em) {
  .c-dropdown__body {
    border-radius: var(--border-radius--medium);
    box-shadow: 0 0 10px 0 var(--dropdown__body-shadow-color);
    opacity: 0;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0s 0.2s linear;
    transform: translateY(25px);
  }
  .c-dropdown__body--is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transform: translateY(0);
  }
  .c-dropdown__body--is-visible.c-dropdown__body--align-left, .c-dropdown__body--is-visible.c-dropdown__body--align-right, .c-dropdown__body--is-visible.c-dropdown__body--align-top-right {
    transform: translateY(0);
  }
  .c-dropdown__body-header {
    display: none;
  }
}
.c-dropdown__trigger-wrapper {
  height: 100%;
}
.c-dropdown-trigger__wrapper {
  --dropdown-trigger-text-color: var(--color-primary-0);
  --dropdown-trigger-bg-color: var(--color-primary-600);
  --dropdown-trigger__header-text-color: var(--color-primary-0);
  --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-primary-0);
  --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 {
  display: flex;
  align-items: center;
  flex: 1 0 100%;
  color: var(--dropdown-trigger-text-color);
  cursor: pointer;
  background-color: var(--dropdown-trigger-bg-color);
  border-radius: var(--border-radius--small);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-dropdown-trigger__wrapper {
  position: relative;
}
.c-dropdown-trigger__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-dropdown-trigger__avatar + .c-dropdown-trigger__body {
  margin-left: 0;
}
.c-dropdown-trigger__header {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  padding: 0 1rem;
  color: var(--dropdown-trigger__header-text-color);
  background-color: var(--dropdown-trigger__header-bg-color);
}
.c-dropdown-trigger__body {
  position: relative;
  display: flex;
  min-height: 3rem;
  margin-left: 1rem;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
}
.c-dropdown-trigger__label {
  margin-bottom: 0;
}
.c-dropdown-trigger--body-inverse .c-dropdown-trigger__label {
  order: 1;
  margin-bottom: 0;
}
.c-dropdown-trigger__details {
  color: var(--dropdown-trigger__details-text-color);
}
.c-dropdown-trigger--body-inverse .c-dropdown-trigger__details {
  order: 0;
}
.c-dropdown-trigger__body-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
.c-dropdown-trigger__body-icon .c-icon {
  font-size: 1.5rem;
  color: var(--dropdown-trigger__body-icon-color);
  transition: transform 0.15s ease-in-out;
  transform: rotate(-90deg);
  transform-origin: center center;
}
.c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(0deg);
}
.c-dropdown-trigger--arrow-vertical .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(0);
}
.c-dropdown-trigger--arrow-vertical.c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(-180deg);
}
.c-dropdown-trigger__error-message {
  position: relative;
  top: 0.5rem;
  left: 0;
  color: var(--dropdown-trigger__error-message-text-color);
}
.c-dropdown-trigger--icon-only {
  flex: unset;
  height: unset;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
}
.c-dropdown-trigger--icon-only .c-icon {
  font-size: 1rem;
}
.c-dropdown-trigger--has-error {
  border: 0.125rem solid var(--dropdown-trigger--has-error-border-color);
}
.c-dropdown-trigger--disabled {
  cursor: not-allowed;
  background-color: var(--dropdown-trigger--disabled-bg-color);
}
.c-dropdown-trigger .c-avatar {
  flex-shrink: 0;
  margin: 0.5rem;
}
.c-dropdown-trigger--is-active .c-dropdown-trigger {
  background-color: var(--dropdown-trigger--is-active-bg-color);
}
@media (min-width: 46.25em) {
  .c-dropdown-trigger {
    overflow: hidden;
  }
  .c-dropdown-trigger__icon {
    font-size: 1.5rem;
  }
}
.c-dropdown-multiselect__added-items {
  display: flex;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.c-dropdown-multiselect__added-items > * {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.c-dropdown-multiselect__empty {
  padding: 1rem;
  text-align: center;
}
.c-dropdown-multiselect .c-dropdown-trigger {
  height: 3.5rem;
}
.c-tag {
  --tag-text-color: var(--color-primary-0);
  --tag-bg-color: transparent;
  --tag-border-color: var(--color-primary-500);
  --tag-padding: 0.5rem;
  --tag-shadow-color: "";
  --tag__label-text-size: 0.875rem;
  --tag__icon-size: 0.75rem;
  --tag__remove-icon-color: var(--color-primary-0);
}
.c-tag.c-tag--secondary {
  --tag-text-color: var(--color-primary-50);
  --tag-bg-color: var(--color-primary-600);
  --tag-border-color: transparent;
}
.c-tag.c-tag--tertiary {
  --tag-text-color: var(--color-primary-900);
  --tag-bg-color: var(--color-primary-100);
  --tag-border-color: transparent;
}
.c-tag.c-tag--is-selected {
  --tag-text-color: var(--color-white);
  --tag-bg-color: var(--color-highlight-400);
  --tag-border-color: var(--color-highlight-400);
}
.c-tag.c-tag--admin {
  --tag-text-color: var(--color-group-admin);
  --tag-border-color: var(--color-group-admin);
}
.c-tag.c-tag--moderator {
  --tag-text-color: var(--color-group-moderator);
  --tag-border-color: var(--color-group-moderator);
}
.c-tag.c-tag--user {
  --tag-text-color: var(--color-secondary-200);
  --tag-border-color: var(--color-secondary-200);
}
.c-tag.c-tag--none {
  --tag-text-color: var(--color-secondary-200);
}
.c-tag.c-tag--xsmall {
  --tag-padding: 0 0.125rem;
  --tag__label-text-size: 0.625rem;
  --tag__icon-size: 0.5rem;
  --tag__remove-icon-size: 0.5rem;
}
.c-tag.c-tag--small {
  --tag-padding: 0.25rem 0.5rem;
  --tag__label-text-size: 0.75rem;
  --tag__remove-icon-size: 0.75rem;
}
.c-tag.c-tag--medium {
  --tag-padding: 0.5rem 0.75rem;
  --tag__remove-icon-size: 0.75rem;
}
.c-tag.c-tag--large {
  --tag__icon-size: 1rem;
  --tag-padding: 0.75rem 1rem;
  --tag__remove-icon-size: 0.875rem;
}
.c-tag.c-tag--clickable:focus-visible, .c-tag.c-tag--clickable.focus-visible {
  --tag-border-color: var(--color-primary-400);
  --tag-shadow-color: var(--color-primary-400);
}
.c-tag__tooltip {
  --tag__tooltip-bg-color: var(--color-secondary-800);
}

.c-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--tag-padding);
  color: var(--tag-text-color);
  cursor: default;
  background-color: var(--tag-bg-color);
  border: 1px solid var(--tag-border-color);
  border-radius: 5px;
  outline: 0;
  transition: border-color 0.3s linear;
}
.c-tag__remove {
  margin-left: 0.5rem;
  font-size: var(--tag__remove-icon-size);
  color: var(--tag__remove-icon-color);
  vertical-align: text-top;
}
.c-tag__label {
  font-size: var(--tag__label-text-size);
}
.c-tag__tooltip.__react_component_tooltip {
  padding: 0.25rem;
  background: var(--tag__tooltip-bg-color);
}
.c-tag__tooltip.__react_component_tooltip.place-top::after {
  border-top-color: var(--tag__tooltip-bg-color);
}
.c-tag--xsmall .c-tag__icon, .c-tag--small .c-tag__icon, .c-tag--medium .c-tag__icon {
  margin-right: 0.25rem;
}
.c-tag--large .c-tag__icon {
  margin-right: 0.5rem;
}
.c-tag--tertiary {
  font-weight: bold;
}
.c-tag--clickable {
  cursor: pointer;
}
.c-tag--clickable:focus-visible, .c-tag--clickable.focus-visible {
  box-shadow: 0 0 0 1px var(--tag-shadow-color);
}
.c-tag--clickable .c-tag__remove {
  pointer-events: auto;
}
.c-tag-list__item {
  margin: 0 1rem 1rem 0;
}
.c-dropdown-tag-list {
  padding: 1rem 0 0 1rem;
}
.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-filter {
  position: relative;
  display: flex;
  align-items: baseline;
  color: var(--dropdown-trigger-filter-text-color);
  cursor: pointer;
}
.c-dropdown-trigger-filter.h-focus::after, .c-dropdown-trigger-filter:focus::after {
  position: absolute;
  top: -4px;
  left: -8px;
  z-index: -1;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  content: "";
  border: 2px solid var(--focus-color);
  border-radius: var(--border-radius--medium);
}
.c-dropdown-trigger-filter--is-active .c-icon {
  transform: scaleY(-1);
}
.c-dropdown-trigger-filter--disabled {
  cursor: not-allowed;
}
.c-dropdown-trigger-filter .c-icon {
  display: inline-block;
  font-size: 1rem;
}
.c-collapsible .c-dropdown-trigger-filter .c-icon {
  font-size: 0.75rem;
}
.c-collapsible .c-dropdown-trigger-filter .c-dropdown-trigger-filter__text {
  display: flex;
  flex: 1;
  align-items: baseline;
}
.c-collapsible .c-dropdown-trigger-filter .c-dropdown-trigger-filter__details {
  position: relative;
  margin: 0 0 0 auto;
}
.c-dropdown-trigger-inline {
  --dropdown-trigger-inline-bg-color: transparent;
  --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-dropdown-trigger-inline {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: var(--dropdown-trigger-inline-bg-color);
  border-radius: var(--border-radius--medium);
}
@media (max-width: 46.24em) {
  .c-dropdown-trigger-inline {
    padding: 0.75rem;
  }
}
.c-dropdown-trigger-inline.h-focus::after, .c-dropdown-trigger-inline:focus::after {
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: "";
  border: 2px solid var(--focus-color);
  border-radius: calc(var(--border-radius--medium) * 1.5);
}
.c-dropdown-trigger-inline__label {
  color: var(--dropdown-trigger-inline__label-text-color);
}
.c-dropdown-trigger-inline__value {
  margin-left: 0.25rem;
  color: var(--dropdown-trigger-inline__value-text-color);
}
.c-dropdown-trigger-inline--is-active .c-icon {
  transform: scaleY(-1);
}
.c-dropdown-trigger-inline--disabled {
  cursor: not-allowed;
}
.c-dropdown-trigger-inline .c-icon {
  font-size: 1rem;
  color: var(--dropdown-trigger-inline__value-text-color);
}
.c-message {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background-color: var(--message-bg-color);
}
.c-message__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
}
@media (min-width: 46.25em) {
  .c-message__content {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
}
.c-message__icon {
  color: var(--message__icon-color);
}
.c-message__title {
  color: var(--message__title-text-color);
}
.c-message__text {
  color: var(--message__text-color);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
}
.c-message__text ul {
  margin-left: 0.25rem;
  list-style-type: "-";
}
.c-message__text ul li {
  padding-left: 0.25rem;
}
.c-message--primary {
  border-top: 0.25rem solid var(--message-border-color);
  border-bottom-right-radius: var(--border-radius--medium);
  border-bottom-left-radius: var(--border-radius--medium);
  gap: 1rem;
}
@media (min-width: 46.25em) {
  .c-message--primary {
    gap: 2rem;
    padding: 1rem 2rem;
  }
}
.c-message--primary .c-message__icon {
  font-size: 1.5rem;
}
.c-message--secondary, .c-message--tertiary {
  border-radius: var(--border-radius--small);
  gap: 0.5rem;
}
.c-message--secondary .c-message__icon, .c-message--tertiary .c-message__icon {
  font-size: 1rem;
}
.c-message--tertiary {
  background: none;
  border: 0.0625rem solid var(--message-border-color);
}

.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-primary-50);
  --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-activity-content {
  --activity-content-bg-color: transparent;
  --activity-content__details-text-color: var(--color-secondary-500);
  --activity-content__text-text-color: var(--color-secondary-200);
  --activity-content__reply-form-border-color: var(--color-primary-700);
}
.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-content {
  display: flex;
  padding: 1rem 0;
  justify-content: flex-start;
  flex-wrap: wrap;
  background-color: var(--activity-content-bg-color);
  gap: 0.5rem;
}
.c-activity-content__message {
  flex: 1 100%;
}
.c-activity-content__content {
  display: flex;
  padding: 0 1rem;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: 0.5rem;
}
@media (min-width: 61.25em) {
  .c-activity-content__content {
    padding-left: 5rem;
  }
}
.c-activity-content__text {
  color: var(--activity-content__text-text-color);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
  white-space: pre-line;
}
.c-activity-content__edit-options {
  margin-right: 0.5rem;
  margin-left: auto;
}
@media (min-width: 61.25em) {
  .c-activity-content__edit-options {
    margin-right: 1rem;
  }
}
.c-activity-content__edit-options .c-button.c-button--icon-only {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--activity-card__edit-options__button-icon-color);
}
.c-activity-content__details {
  color: var(--activity-content__details-text-color);
}
.c-activity-content__actions {
  display: flex;
  flex: 1 100%;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-activity-content__actions {
    margin-right: 0;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.c-activity-content__reply-button {
  justify-content: flex-start;
}
.c-activity-content__reply-form {
  flex: 1 100%;
  padding: 1rem 1rem 0 1rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--activity-content__reply-form-border-color);
}
@media (min-width: 61.25em) {
  .c-activity-content__reply-form {
    padding-left: 5rem;
  }
}
.c-activity-content--with-edit-options .c-activity-content__actions {
  margin-right: -2.5rem;
}
.c-activity-content--with-edit-options .c-activity-content__actions:only-child {
  padding-top: 2.5rem;
}
@media (min-width: 46.25em) {
  .c-activity-content--with-edit-options .c-activity-content__actions:only-child {
    padding-top: 0;
  }
}
.c-activity-content--deleted {
  gap: 0;
}
.c-activity-content--deleted .c-activity-content__content {
  justify-content: center;
}
.c-activity-content--protected {
  padding: 0.5rem 0.5rem 2.5rem 0.5rem;
  background-image: repeating-linear-gradient(-45deg, var(--activity-card__dashed-bg-color), var(--activity-card__dashed-line-color) 1px, transparent 2px, transparent 6px);
}
.c-activity-content--redacted .c-alert--admin {
  margin-bottom: 8px;
}
@media (min-width: 61.25em) {
  .c-activity-content--admin.c-activity-content--redacted {
    padding: 0.5rem 0 1rem 0;
  }
}
.c-activity-content--admin.c-activity-content--redacted .c-activity-content__message {
  margin: 0 1rem;
}
@media (min-width: 61.25em) {
  .c-activity-content--admin.c-activity-content--redacted .c-activity-content__message {
    margin: 0 0.5rem;
  }
}
.c-activity-content .c-message__content {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.c-activity-content .c-message__button {
  flex: none;
}
.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-primary-200);
}
.c-severity.c-severity--tertiary {
  --severity-bg-color: var(--color-primary-600);
  --severity__icon-bg-color: var(--transparent);
}

.c-severity {
  display: flex;
  align-items: center;
}
.c-severity__body {
  display: flex;
  flex-direction: column;
}
.c-severity__title {
  color: var(--severity__title-text-color);
}
.c-severity__label {
  color: var(--severity__label-text-color);
}
.c-severity__icon {
  font-size: 2rem;
  color: var(--severity__icon-color);
  background-color: var(--severity__icon-bg-color);
  border-radius: var(--border-radius--small);
}
.c-severity--primary {
  gap: 1rem;
}
.c-severity--primary .c-severity__icon {
  padding: 0.5rem;
}
.c-severity--secondary {
  gap: 0.5rem;
}
.c-severity--tertiary {
  height: 2.5rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  flex-direction: row;
  gap: 1rem;
  background-color: var(--severity-bg-color);
  border-radius: var(--border-radius--small);
}
.c-severity--tertiary .c-severity__body {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.c-severity--tertiary .c-severity__icon {
  font-size: 1.5rem;
}
.c-activity-issue-assessment-type--error {
  --activity-issue-assessment-type-text-color: var(--color-error-100);
}
.c-activity-issue-assessment-type--regular, .c-activity-issue-assessment-type--duplicate {
  --activity-issue-assessment-type-text-color: var(--color-secondary-400);
}
.c-activity-issue-assessment-type--success {
  --activity-issue-assessment-type-text-color: var(--color-success);
}

.c-activity-issue-assessment-type {
  display: flex;
  width: 100%;
  color: var(--activity-issue-assessment-type-text-color);
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-activity-issue-assessment-type__icon {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}
.c-activity-header {
  --activity-header-border-color: var(--color-primary-700);
  --activity-header__duplicate-details__label-text-color: var(--color-secondary-200);
}

.c-activity-header {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--activity-header-border-color);
}
@media (min-width: 61.25em) {
  .c-activity-header {
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}
.c-activity-header__section {
  display: flex;
  min-height: 4rem;
  padding: 0 1rem;
  align-items: center;
  border-color: var(--activity-header-border-color);
  border-style: solid;
  border-width: 0.0625rem 0 0 0;
  flex: 1 100%;
}
@media (min-width: 46.25em) {
  .c-activity-header__section {
    flex: 1 50%;
  }
}
@media (min-width: 61.25em) {
  .c-activity-header__section {
    padding: 0 1.5rem;
    border-width: 0 0.0625rem 0 0;
    flex: none;
  }
}
.c-activity-header__avatar {
  padding: 1rem;
  border: 0;
  flex: 1 50%;
}
@media (min-width: 46.25em) {
  .c-activity-header__avatar {
    margin-right: auto;
  }
}
@media (min-width: 61.25em) {
  .c-activity-header__avatar {
    padding: 0.5rem 1rem;
  }
}
.c-activity-header__system-configuration {
  max-width: 100%;
  border-width: 0.0625rem 0 0 0;
}
@media (min-width: 46.25em) {
  .c-activity-header__system-configuration {
    max-width: 50%;
    border-width: 0.0625rem 0.0625rem 0 0;
  }
}
@media (min-width: 61.25em) {
  .c-activity-header__system-configuration {
    max-width: inherit;
    max-width: 25%;
    justify-content: flex-end;
    flex: auto;
    border-width: 0 0.0625rem 0 0;
  }
}
.c-activity-header__system-configuration .c-device-button {
  width: 100%;
}
.c-activity-header__severity {
  justify-content: flex-start;
}
.c-activity-header__assessment {
  width: 7rem;
  height: auto;
  justify-content: flex-end;
  border: 0;
  flex: none;
}
@media (min-width: 46.25em) {
  .c-activity-header__assessment {
    width: 8rem;
  }
}
@media (min-width: 61.25em) {
  .c-activity-header__assessment {
    order: 3;
  }
}
.c-activity-header__duplicate-details {
  justify-content: flex-start;
}
.c-activity-header__duplicate-details__label {
  margin-right: 0.25rem;
  color: var(--activity-header__duplicate-details__label-text-color);
}
.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__changes-text-color: var(--color-secondary-200);
  --activity-history-entry__date-text-color: var(--color-secondary-500);
}

.c-activity-history-entry {
  display: flex;
  gap: 1rem;
  padding-left: 16px;
}
.c-activity-history-entry__chip {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  color: var(--activity-history-entry__chip-text-color);
  background-color: var(--activity-history-entry__chip-bg-color);
  border: 1px solid var(--activity-history-entry__chip-border-color);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  flex: none;
}
@media (min-width: 46.25em) {
  .c-activity-history-entry__chip {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
}
.c-activity-history-entry__avatar {
  justify-content: inherit;
  margin-bottom: 0.25rem;
}
.c-activity-history-entry__content {
  display: flex;
  padding-top: 0.25rem;
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .c-activity-history-entry__content {
    padding-top: 0.5rem;
  }
}
.c-activity-history-entry__title {
  color: var(--activity-history-entry__title-text-color);
}
.c-activity-history-entry__changes {
  color: var(--activity-history-entry__changes-text-color);
}
.c-activity-history-entry__date {
  color: var(--activity-history-entry__date-text-color);
}
.c-activity-reply {
  --activity-reply-border-color: var(--color-primary-700);
  --activity-reply__details-text-color: var(--color-secondary-500);
  --activity-reply__text-color: var(--color-secondary-200);
  --activity-reply__reply-form-border-color: var(--color-primary-700);
}
.c-activity-reply.c-activity-reply--admin {
  --activity-reply__edit-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);
}

.c-activity-reply {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  background-color: var(--activity-reply-bg-color);
  gap: 0.5rem;
}
.c-activity-reply:not(:last-child) {
  border-bottom: 1px solid var(--activity-reply-border-color);
}
@media (min-width: 61.25em) {
  .c-activity-reply {
    padding: 1rem 1rem 1rem 5rem;
  }
}
.c-activity-reply__content {
  position: relative;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.c-activity-reply__text {
  flex: 1;
  padding-right: 2rem;
  color: var(--activity-reply__text-color);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
  white-space: pre-line;
}
.c-activity-reply__details {
  flex: 1 100%;
  color: var(--activity-reply__details-text-color);
}
.c-activity-reply__edit-options {
  margin-left: auto;
}
.c-activity-reply__edit-options .c-button.c-button--icon-only {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--activity-reply__edit-button-icon-color);
}
.c-activity-reply__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-activity-reply__actions {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.c-activity-reply__reply-button {
  justify-content: flex-start;
}
.c-activity-reply__reply-form {
  position: relative;
  padding-top: 1rem;
  border-top: 1px solid var(--activity-reply__reply-form-border-color);
}
.c-activity-reply--deleted .c-activity-reply__content, .c-activity-reply--redacted .c-activity-reply__content {
  justify-content: flex-start;
}
@media (min-width: 61.25em) {
  .c-activity-reply.c-activity-content--admin.c-activity-content--redacted {
    padding: 0.5rem 0;
  }
}
.c-activity-reply.c-activity-content--admin.c-activity-content--redacted .c-activity-reply__message {
  margin: 0 1rem;
}
@media (min-width: 61.25em) {
  .c-activity-reply.c-activity-content--admin.c-activity-content--redacted .c-activity-reply__message {
    margin: 0 0.5rem;
  }
}
.c-activity-reply .c-message__content {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.c-activity-reply .c-message__button {
  flex: none;
}
.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.h-hover, .c-activity-toggle-replies:hover {
  --activity-toggle-replies-bg-color: var(--color-primary-600);
}

.c-activity-toggle-replies {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1rem;
  color: var(--activity-toggle-replies-text-color);
  text-align: left;
  cursor: pointer;
  background-color: var(--activity-toggle-replies-bg-color);
  border: 0;
  outline: 0;
  transition: background 0.1s ease-in-out;
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-activity-toggle-replies.h-focus, .c-activity-toggle-replies.focus-visible, .c-activity-toggle-replies:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-activity-toggle-replies.h-focus, .c-activity-toggle-replies.focus-visible, .c-activity-toggle-replies:focus-visible {
  outline-offset: -0.175rem;
}
@media (min-width: 61.25em) {
  .c-activity-toggle-replies {
    padding: 0.75rem 1rem 0.75rem 5rem;
  }
}
.c-activity-toggle-replies .c-icon {
  font-size: 0.875rem;
}
.c-activity-toggle-replies .c-icon::before {
  padding-top: 0.125rem;
}
.c-activity-toggle-replies--expanded {
  border-radius: 0;
}
.c-activity-toggle-replies--expanded .c-icon {
  transform: scaleY(-1);
}
.c-activity {
  --activity-card-bg-color: var(--color-primary-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 {
  position: relative;
  background-color: var(--activity-card-bg-color);
  border-radius: var(--border-radius--small);
}
.c-activity-feed-content {
  --activity-feed-content-border-color: var(--color-primary-200);
}

.c-activity-feed-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.c-activity-feed-content > * {
  position: relative;
}
.c-activity-feed-content > *::after {
  position: absolute;
  bottom: -3rem;
  left: 2.5rem;
  z-index: -1;
  display: block;
  height: 100%;
  content: "";
  border-left: 0.0625rem dashed var(--activity-feed-content-border-color);
}
.c-activity-feed-content > *:last-child::after {
  display: none;
}
.c-activity-feed-content__item__message {
  margin-bottom: 1.5rem;
}
.c-activity-feed-header {
  --activity-feed-header__actions-border-color: var(--color-primary-500);
}

.c-activity-feed-header {
  margin-bottom: 1rem;
}
.c-activity-feed-header__title {
  margin-bottom: 0.5rem;
}
.c-activity-feed-header__actions {
  display: flex;
  min-height: 3rem;
  padding: 0.5rem 0;
  color: var(--activity-feed-header-text-color);
  border-top: 0.0625rem solid var(--activity-feed-header__actions-border-color);
  border-bottom: 0.0625rem solid var(--activity-feed-header__actions-border-color);
  align-items: center;
  justify-content: space-between;
}
.c-activity-feed-header--add-comment-visible {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.c-author {
  display: flex;
  align-items: center;
}
.c-author__avatar {
  margin: 0 0.25rem 0 0;
}
.c-author--has-label .c-author__avatar {
  margin: 0 0.25rem;
}
.c-form {
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-form__group {
  display: flex;
  align-items: center;
  margin-bottom: 0.9375rem;
}
.c-form__group:last-child {
  margin-bottom: 0;
}
.c-form__footer {
  display: flex;
  width: 100%;
}
.c-form__footer--left {
  justify-content: flex-start;
}
.c-form__footer--left * + * {
  margin-right: 0.9375rem;
}
.c-form__footer--right {
  justify-content: flex-end;
}
.c-form__footer--right * + * {
  margin-left: 0.9375rem;
}
.c-form__footer--center {
  justify-content: center;
}
.c-form__footer--center * + * {
  margin-left: 0.9375rem;
}
.c-form__footer--space-between {
  justify-content: space-between;
}
.c-form *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-form *::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-form *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
}
.c-form__error-list .l-container {
  display: flex;
  align-items: center;
}
.c-form__error-list-view-source-button {
  display: flex;
  padding: 0.25rem 0.5rem 0.25rem 1rem;
  color: var(--ui-color__error--base);
  cursor: pointer;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--ui-color__error--contrast-1);
  border-radius: 0.25rem;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.c-form__error-list-view-source-button:hover {
  background-color: rgba(var(--ui-color__error--contrast-2), 0.2);
  border-color: var(--ui-color__error--base);
}
.c-form__error-list-view-source-button:focus {
  outline: none;
}
.c-form__error-list-view-source-button .c-icon {
  margin-top: -0.125rem;
  margin-left: 0.5rem;
  font-size: 1rem;
  transform: rotate(-90deg);
}
.c-form__error-list-trigger-button {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding: 0.75rem 0;
  margin: 0;
  color: var(--ui-color__error--base);
  cursor: pointer;
  background-color: var(--ui-color__error--contrast-1);
  border: 0;
  outline: none;
}
.c-form__error-list-trigger-button:hover, .c-form__error-list-trigger-button:focus {
  background-color: var(--ui-color__error--contrast-2);
  outline: none;
}
.c-form__error-list-trigger-button .c-form__error-list * {
  pointer-events: none;
}
.c-form__error-list-trigger-button .l-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-form__error-list-trigger-button .c-form__error-list-view-source-button {
  border-color: var(--ui-color__error-base);
}
.c-form__error-list-header {
  padding: 1rem 0;
  color: var(--ui-color__error--base);
  background-color: var(--ui-color__error--contrast-1);
}
.c-form__error-list-error {
  display: flex;
  padding: 1rem 0 0.875rem;
  color: var(--ui-color__error--base);
  flex-direction: row;
  align-items: center;
  background-color: var(--ui-color__error--contrast-2);
}
.c-form__error-list-error:not(:first-child) {
  border-top: 1px solid var(--ui-color__error--contrast-1);
}
.c-form__error-list-error .l-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.c-form__error-list-error .c-form__error-list-error-label {
  margin-right: 0.5rem;
}
.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-option {
  position: relative;
  display: flex;
  height: 3rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  background-color: var(--select-option-bg-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-select-option.h-focus, .c-select-option.focus-visible, .c-select-option:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-select-option::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--select-option__highlight-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-select-option--disabled {
  cursor: not-allowed;
}
.c-select-option > * + * {
  margin-left: 0.5rem;
}
.c-select-option__icon {
  font-size: 1.5rem;
  color: var(--select-option__text-color);
}
.c-select-option__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.c-select-option__label {
  color: var(--select-option__label-text-color);
}
.c-select-option__details {
  color: var(--select-option__details-text-color);
}
.c-select-option__checkmark {
  font-size: 1.5rem;
  color: var(--select-option__highlight-color);
}
.c-select-trigger {
  --select-trigger-content-color: var(--color-white);
  --select-trigger-label-color: var(--color-secondary-200);
  --select-trigger-bg-color: var(--color-primary-700);
  --select-trigger-border-color: transparent;
  --select-trigger-arrow-color: var(--color-primary-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-primary-400);
}
.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-primary-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);
}
.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-select-trigger__helper-message--disabled {
  --select-trigger-helper-color: var(--color-secondary-600);
}

.c-select-trigger {
  display: flex;
  cursor: pointer;
  background-color: var(--select-trigger-bg-color);
  border: 2px solid var(--select-trigger-border-color);
  border-radius: var(--border-radius--small);
  transition: background 0.2s ease-in-out;
  align-items: center;
  will-change: background;
}
.c-select-trigger.h-focus, .c-select-trigger.focus-visible, .c-select-trigger:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-select-trigger--small {
  height: 40px;
  padding: 0 1rem;
}
.c-select-trigger--large {
  height: 56px;
  padding: 0 1.5rem;
}
.c-select-trigger > * + * {
  margin-left: 0.5rem;
}
.c-select-trigger__wrapper {
  position: relative;
}
.c-select-trigger__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-select-trigger__avatar + .c-select-trigger__body {
  margin-left: 0;
}
.c-select-trigger__additional-information {
  margin-left: 0.25rem;
  color: var(--select-trigger-label-color);
}
.c-select-trigger__content {
  color: var(--select-trigger-content-color);
}
.c-select-trigger__body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.c-select-trigger__body-title > * + * {
  margin-left: 0.25rem;
}
.c-select-trigger__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-select-trigger__icon .c-icon {
  font-size: 1rem;
  color: var(--select-trigger-icon-color);
}
.c-select-trigger__label {
  margin-bottom: 0;
  color: var(--select-trigger-label-color);
}
.c-select-trigger__optional {
  color: var(--select-trigger-label-color);
}
.c-select-trigger__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -0.5rem;
}
.c-select-trigger__arrow .c-icon {
  color: var(--select-trigger-arrow-color);
  transition: transform 0.15s ease-in-out;
  transform-origin: center center;
}
.c-select-trigger--small .c-select-trigger__arrow .c-icon {
  font-size: 1rem;
}
.c-select-trigger--large .c-select-trigger__arrow .c-icon {
  font-size: 1.5rem;
}
.c-select-trigger--is-active .c-select-trigger__arrow .c-icon {
  transform: rotate(180deg);
}
.c-select-trigger__error-message {
  position: relative;
  top: 0.25rem;
  left: 0;
  color: var(--color-error);
}
.c-select-trigger__helper-message {
  position: relative;
  top: 0.25rem;
  left: 0;
  color: var(--select-trigger-helper-color);
}
.c-select-trigger--has-error {
  border: 0.125rem solid var(--color-error) !important;
}
.c-select-trigger--disabled {
  cursor: not-allowed;
}
.c-select-trigger .c-avatar {
  margin: 0.5rem 0.5rem 0.5rem 0;
  flex-shrink: 0;
}
@media (min-width: 46.25em) {
  .c-select-trigger__icon {
    font-size: 1.5rem;
  }
}
.c-activity-reply-form {
  width: 100%;
}
.c-activity-reply-form__textarea {
  width: 100%;
  margin-bottom: 0.5rem;
}
.c-activity-reply-form__author {
  margin-bottom: 0.5rem;
}
.c-activity-reply-form__icon-button {
  font-size: 1.25rem;
  cursor: pointer;
}
.c-activity-reply-form__footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 61.25em) {
  .c-activity-reply-form__footer {
    flex-direction: row;
    align-items: center;
  }
}
.c-activity-reply-form__submit-as {
  display: flex;
  margin-bottom: 0.5rem;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 61.25em) {
  .c-activity-reply-form__submit-as {
    margin: 0 auto;
    flex-direction: row;
    align-items: center;
  }
}
.c-activity-reply-form__actions {
  display: flex;
  align-self: flex-end;
  gap: 0.5rem;
}
@media (max-width: 61.24em) {
  .c-activity-reply-form__actions {
    justify-content: flex-end;
  }
}
.c-skeleton {
  --skeleton-bg-color: var(--color-primary-600--string);
}

@-webkit-keyframes skeleton-loading {
  0% {
    background-color: rgba(var(--skeleton-bg-color), 0.7);
  }
  100% {
    background-color: rgba(var(--skeleton-bg-color), 0.3);
  }
}

@keyframes skeleton-loading {
  0% {
    background-color: rgba(var(--skeleton-bg-color), 0.7);
  }
  100% {
    background-color: rgba(var(--skeleton-bg-color), 0.3);
  }
}
.c-skeleton {
  border-radius: 0.5rem;
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}
.c-skeleton--medium {
  height: 1rem;
}
.c-skeleton--small {
  height: 0.5rem;
}
.c-skeleton--two-third {
  width: 66.6666666667%;
}
.c-skeleton--third {
  width: 33.3333333333%;
}
.c-skeleton--sixth {
  width: 16.6666666667%;
}
.c-skeleton--avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  flex: none;
}
.c-activity-skeleton-loader {
  --activity-skeleton-loader-bg-color: var(--color-primary-800);
  --activity-skeleton-loader__header-border-color: var(--color-primary-700);
}

.c-activity-skeleton-loader {
  background-color: var(--activity-skeleton-loader-bg-color);
}
.c-activity-skeleton-loader__header {
  display: flex;
  padding: 1rem;
  border-bottom: 1px solid var(--activity-skeleton-loader__header-border-color);
}
.c-activity-skeleton-loader__metadata {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
}
.c-activity-skeleton-loader__avatar {
  margin-right: 1rem;
}
.c-activity-skeleton-loader__username {
  max-width: 7rem;
}
.c-activity-skeleton-loader__date {
  max-width: 3.5rem;
}
.c-activity-skeleton-loader__content {
  display: flex;
  width: 100%;
  padding: 1rem;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-activity-skeleton-loader__content {
    padding-right: 4.375rem;
    padding-left: 5rem;
  }
}
.c-admin-settings-button {
  --admin-settings-button-border-color: var(--color-admin-100);
}

.c-admin-settings-button.c-button--secondary {
  border: 0.125rem solid var(--admin-settings-button-border-color);
}
.c-admin-settings-issue-category-modal .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-issue-category-status-help-modal {
  max-width: 46rem;
}
.c-issue-category-status-help-modal .c-modal__body {
  padding: 1.5rem 0;
}
.c-issue-category-status-help-modal__content {
  color: var(--issue-category-status-help-modal-text-color);
}
.c-issue-category-status-help-modal__statuses {
  padding-left: 1.5rem;
  list-style: disc;
}

.c-issue-category-status-help-modal {
  --issue-category-status-help-modal-text-color: var(--color-secondary-100);
}
.c-admin-settings-edit-section__header {
  display: flex;
  margin: 1.5rem 0 1rem 0;
}
.c-admin-settings-edit-section__header-text {
  margin-top: 0.5rem;
}
@media (max-width: 46.24em) {
  .c-admin-settings-edit-section__header .c-text-input {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-edit-section__header .c-text-input {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 23rem;
    margin-left: 1rem;
  }
}
.c-admin-settings-edit-section__header .c-text-input__label {
  line-height: 1.125rem;
}
.c-admin-settings-edit-section__header .c-text-input .c-icon {
  font-size: 1rem;
}
@media (max-width: 46.24em) {
  .c-admin-settings-edit-section__header {
    margin-top: 0.5rem;
    flex-direction: column;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-edit-section__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.c-admin-settings-edit-section--without-footer {
  margin-bottom: 5rem;
}
.c-admin-settings-edit-section .c-table__header {
  border-radius: var(--border-radius--small);
}
.c-admin-settings-edit-section__footer-filler {
  height: 4rem;
}
.c-admin-settings-form-section {
  position: relative;
  padding: 2rem 0;
}
.c-admin-settings-form-section::after {
  position: absolute;
  right: -1rem;
  bottom: 0;
  left: -1rem;
  display: block;
  content: "";
  border-top: 1px solid var(--separator-color--contrast-1);
}
@media (min-width: 46.25em) {
  .c-admin-settings-form-section::after {
    right: -3rem;
    left: -3rem;
  }
}
.c-admin-settings-form-section > * + * {
  margin-top: 0.5rem;
}
.c-admin-settings-form-section__list {
  padding-left: 1rem;
  list-style-type: disc;
}
.c-admin-settings-form-section__list > * + * {
  margin-top: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-admin-settings-form-section.c-admin-settings-form-section--horizontal {
    display: flex;
    justify-content: space-between;
  }
}
.c-admin-settings-form-section__header > * + * {
  margin-top: 0.5rem;
}
.c-admin-settings-form-section__description > * + * {
  margin-top: 0.5rem;
}
.c-modal-admin-settings-deployed-releases .c-deployable-releases__section {
  padding: 1rem;
  margin: 0 -1rem;
  background-color: var(--ui-color--contrast-2);
}
@media (min-width: 46.25em) {
  .c-modal-admin-settings-deployed-releases .c-deployable-releases__section {
    padding: 1rem 3rem;
    margin: 0 -3rem;
  }
}
.c-modal-environment-name .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-environments .c-modal__body {
  padding: 0;
}
.c-modal-environments .c-table__body {
  border-bottom: 1px solid var(--ui-color--contrast-1);
}
.c-modal-environments .c-admin-settings-edit-section {
  padding: 1rem;
  margin: 0 -1rem;
}
@media (min-width: 46.25em) {
  .c-modal-environments .c-admin-settings-edit-section {
    padding: 1rem 3rem;
    margin: 0 -3rem;
  }
}
.c-modal-environments .c-admin-settings-edit-section:nth-child(even) {
  background-color: var(--ui-color--contrast-2);
}

.c-admin-modal-release-info__answer {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.c-admin-modal-release-info__filters {
  margin-bottom: 1.5rem;
}
.c-admin-modal-release-info__filters--text {
  margin-top: 1rem;
}
.c-admin-modal-release-info__dropdown {
  margin-top: 2rem;
}
.c-admin-modal-release-info__dropdown--text {
  margin-top: 1rem;
}
.c-modal-environment-thresholds .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-environment-thresholds .c-message {
  margin-bottom: 1rem;
}
.c-admin-settings-group-modal__field {
  position: relative;
  padding-bottom: 2rem;
}
.c-admin-settings-group-modal__field::after {
  position: absolute;
  right: -3rem;
  bottom: 0;
  left: -3rem;
  display: block;
  content: "";
  border-top: 1px solid var(--separator-color--contrast-1);
}
.c-admin-settings-group-modal__field + .c-admin-settings-group-modal__field {
  padding-top: 2rem;
}
.c-admin-settings-group-modal__field > * {
  margin-bottom: 0.5rem;
}
.c-admin-settings-group-modal__field-description {
  display: flex;
  flex-direction: column;
}
.c-admin-settings-group-modal__field-description .c-link-button {
  flex-shrink: 0;
}
@media (min-width: 46.25em) {
  .c-admin-settings-group-modal__field-description {
    flex-direction: row;
    align-items: flex-end;
  }
}
.c-admin-settings-group-modal__delete {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-bullet {
  --bullet-color: var(--color-white);
}
.c-bullet.c-bullet--palette-group-category-admin {
  --bullet-color: var(--color-group-admin);
}
.c-bullet.c-bullet--palette-group-category-moderator {
  --bullet-color: var(--color-group-moderator);
}
.c-bullet.c-bullet--palette-group-category-user {
  --bullet-color: var(--color-white);
}
.c-bullet.c-bullet--palette-environment-status-open {
  --bullet-color: var(--ui-color__success);
}
.c-bullet.c-bullet--palette-environment-status-ready {
  --bullet-color: var(--ui-color__warning);
}
.c-bullet.c-bullet--palette-environment-status-closed {
  --bullet-color: var(--ui-color__error);
}
.c-bullet.c-bullet--palette-platform-status-active {
  --bullet-color: var(--color-success);
}
.c-bullet.c-bullet--palette-platform-status-inactive {
  --bullet-color: var(--color-error-100);
}

.c-bullet::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.25rem;
  content: " ";
  background-color: var(--bullet-color);
  border-radius: 0.5rem;
}
.c-modal-group-info .c-table__header {
  border-radius: var(--border-radius--small);
}
.c-modal-group-info__legend {
  margin-bottom: 1.5rem;
  color: var(--color-white);
}
.c-modal-group-info__legend-title {
  margin-bottom: 0.5rem;
}
.c-modal-group-info__legend-items > * + * {
  margin-top: 0.5rem;
}
.c-modal-group-members {
  --modal-group-members__divider-color: var(--color-primary-700);
  --modal-group-members__available-members-section-bg-color: var(--color-primary-800);
}

.c-modal-group-members .c-modal__body {
  padding: 0;
}
.c-modal-group-members__loading .c-admin-settings-form-section__body {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.c-modal-group-members .c-table__body {
  border-bottom: 1px solid var(--modal-group-members__divider-color);
}
.c-modal-group-members .c-available-members__section {
  padding: 1rem;
  margin: 0 -1rem;
  background-color: var(--modal-group-members__available-members-section-bg-color);
}
@media (min-width: 46.25em) {
  .c-modal-group-members .c-available-members__section {
    padding: 1rem 3rem;
    margin: 0 -3rem;
  }
}
.c-modal-new-environment .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-new-environment .c-modal__actions {
  justify-content: space-between;
}
.c-modal-new-environment .c-modal__actions-progress {
  color: var(--color-secondary-200);
}
.c-modal-new-environment .c-deployable-releases__section,
.c-modal-new-environment .c-available-groups__section {
  padding: 1rem;
  margin: 0 -1rem;
  background-color: var(--ui-color--contrast-2);
}
@media (min-width: 46.25em) {
  .c-modal-new-environment .c-deployable-releases__section,
.c-modal-new-environment .c-available-groups__section {
    padding: 1rem 3rem;
    margin: 0 -3rem;
  }
}
.c-modal-new-invitation .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-new-invitation .c-modal__actions {
  justify-content: space-between;
}
.c-modal-new-invitation .c-modal__actions-progress {
  color: var(--color-secondary-200);
}
.c-modal-new-invitation .c-available-groups__section {
  padding: 1rem;
  margin: 0 -1rem;
  background-color: var(--ui-color--contrast-2);
}
@media (min-width: 46.25em) {
  .c-modal-new-invitation .c-available-groups__section {
    padding: 1rem 3rem;
    margin: 0 -3rem;
  }
}
.c-modal-new-release .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-user-groups__header {
  padding: 1.5rem 1rem;
  margin: 0 -1rem;
}
.c-modal-user-groups__header::after {
  display: block;
  margin: 0 -1rem;
  content: "";
  border-bottom: 1px solid var(--modal-user-groups__divider-color);
}
.c-modal-user-groups__header > * + * {
  margin-top: 1rem;
}
@media (min-width: 46.25em) {
  .c-modal-user-groups__header {
    padding: 1.5rem 3rem 0 3rem;
    margin: 0 -3rem;
  }
  .c-modal-user-groups__header::after {
    margin: 0 -3rem;
  }
}
.c-modal-user-groups__user {
  display: flex;
  flex-direction: row;
}
.c-modal-user-groups__user > * + * {
  margin-left: 0.5rem;
}
.c-modal-user-groups .c-modal__body {
  padding: 0;
}
.c-modal-user-groups .c-table__body {
  border-bottom: 1px solid var(--modal-user-groups__divider-color);
}
.c-modal-user-groups .c-admin-settings-edit-section:nth-child(odd) {
  padding: 1rem;
  margin: 0 -1rem;
  background-color: var(--modal-user-groups__odd-section-bg-color);
}
@media (min-width: 46.25em) {
  .c-modal-user-groups .c-admin-settings-edit-section:nth-child(odd) {
    padding: 1rem 3rem;
    margin: 0 -3rem;
  }
}
.c-modal-user-groups .c-message {
  margin-bottom: 1rem;
}

.c-modal-user-groups {
  --modal-user-groups__divider-color: var(--color-primary-700);
  --modal-user-groups__odd-section-bg-color: var(--color-primary-800);
}
@charset "UTF-8";
.c-modal-visibility .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-visibility__statuses {
  margin: 1.5rem 0;
}
.c-modal-visibility__statuses li::before {
  margin-right: 0.5rem;
  content: "•";
}
.c-modal-visibility .c-admin-settings-edit-section:nth-child(odd) {
  padding: 1rem;
  margin: 0 -1rem;
  background-color: var(--ui-color--contrast-2);
}
@media (min-width: 46.25em) {
  .c-modal-visibility .c-admin-settings-edit-section:nth-child(odd) {
    padding: 1rem 3rem;
    margin: 0 -3rem;
  }
}
.c-project-roles-page .c-project-roles__roles-section .c-admin-settings-title-section__header {
  padding-bottom: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-project-roles-page .c-project-roles__moderation-settings-section .c-admin-settings-title-section__wrapper {
    margin-top: 0;
  }
}
.c-platforms-software-configurations-edit-modal {
  --platforms-software-configurations__form-section-setup-bg-color: var(--color-primary-800);
}

.c-platforms-software-configurations-edit-modal .c-modal__body,
.c-platforms-software-configurations-edit-modal .c-modal__body > .l-container {
  padding: 0;
}
.c-platforms-software-configurations-edit-modal .c-admin-settings-form-section {
  padding: 2rem 3rem;
}
.c-platforms-software-configurations-edit-modal .c-admin-settings-form-section::after {
  right: 0;
  left: 0;
  border: 0;
}
.c-platforms-software-configurations-edit-modal .c-admin-settings-form-section__table-title {
  margin: 2.5rem 0 1rem 0;
}
.c-platforms-software-configurations-edit-modal .c-admin-settings-form-section--setup {
  background-color: var(--platforms-software-configurations__form-section-setup-bg-color);
}

.c-platforms-software-configurations-summary-modal__image {
  width: 100%;
  margin-top: 1.5rem;
}
.c-platforms-software-configurations {
  --platforms-software-configurations-bg-color: var(--color-primary-800);
  --platforms-software-configurations-border-color: var(--color-primary-700);
  --platforms-software-configurations-text-color: var(--color-secondary-200);
}

.c-platforms-software-configurations {
  padding: 1.5rem 2rem 2rem 2rem;
  margin: 1rem 0 2rem 0;
  color: var(--platforms-software-configurations-text-color);
  background-color: var(--platforms-software-configurations-bg-color);
  border-radius: var(--border-radius--small);
}
.c-platforms-software-configurations__warning {
  margin-top: 1rem;
}
.c-platforms-software-configurations__name {
  margin-bottom: 1rem;
}
.c-platforms-software-configurations__row {
  display: flex;
  min-height: 4.5rem;
  flex-direction: row;
  border-top: 1px solid var(--platforms-software-configurations-border-color);
  flex-wrap: wrap;
  align-items: center;
}
.c-platforms-software-configurations__row:last-of-type {
  border-bottom: 1px solid var(--platforms-software-configurations-border-color);
}
.c-platforms-software-configurations__row-title, .c-platforms-software-configurations__row-action {
  flex: none;
}
.c-platforms-software-configurations__row-cell {
  display: flex;
  flex-direction: row;
  flex: auto;
  align-items: center;
  justify-content: flex-start;
}
.c-platforms-software-configurations__row-cell .c-link-button {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  color: var(--color-admin-100);
  text-decoration: none;
  background-color: var(--ui-color--base);
  border-radius: 1rem;
  justify-content: center;
}
.c-platforms-software-configurations__row-cell .c-link-button__label {
  text-decoration: none;
}
.c-platforms-software-configurations__row-title {
  min-width: 12.5rem;
}
.c-platforms-software-configurations__modal-statuses {
  padding-left: 1.5rem;
  list-style: disc;
}
.c-project-moderation-settings {
  --project-moderation-settings-border-color: var(--color-secondary-600);
  --project-moderation-settings-text-color: var(--color-secondary-500);
}

.c-project-moderation-settings {
  padding: 0 2rem 2rem 2rem;
}
.c-project-moderation-settings .c-avatar__media {
  border-color: var(--color-admin-200);
}
.c-project-moderation-settings__row {
  display: grid;
  grid-column-gap: 1rem;
  align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--project-moderation-settings-border-color);
}
@media (min-width: 46.25em) {
  .c-project-moderation-settings__row {
    grid-template-columns: 8.75rem 1fr;
  }
}
@media (max-width: 46.24em) {
  .c-project-moderation-settings__row--organization-icon {
    grid-template-columns: 8.75rem 1fr;
    grid-row-gap: 0.5rem;
  }
}
@media (max-width: 46.24em) {
  .c-project-moderation-settings__row--organization-name {
    grid-template-columns: 8.75rem 1fr;
  }
}
.c-project-moderation-settings__cell {
  display: flex;
  justify-content: space-between;
  color: var(--project-moderation-settings-text-color);
  align-items: center;
}
.c-project-moderation-settings__title {
  align-self: flex-start;
}
.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-project-operational-requirements-summary {
  padding: 0 2rem 3.5rem 2rem;
}
.c-project-operational-requirements-summary__row {
  display: flex;
  align-items: flex-start;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--project-operational-requirements-summary__row-border-color);
}
.c-project-operational-requirements-summary__cell + .c-project-operational-requirements-summary__cell {
  margin-left: 1.5rem;
}
.c-project-operational-requirements-summary__status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  color: var(--project-operational-requirements-summary__status-color);
  background-color: var(--project-operational-requirements-summary__status-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-project-operational-requirements-summary__status-icon {
  font-size: 2rem;
}
.c-project-operational-requirements-summary__description {
  color: var(--project-operational-requirements-summary__description-color);
}
.c-project-operational-requirements-summary__error-description {
  color: var(--color-warning);
}
.c-project-operational-requirements-summary__section-link {
  margin-top: 0.125rem;
}
.c-project-roles {
  --project-roles-border-color: var(--color-secondary-600);
  --project-roles-text-color: var(--color-secondary-200);
}
.c-project-roles .c-author .c-avatar {
  --avatar-border-color: var(--color-admin-300);
}

.c-project-roles {
  padding: 0 2rem 2rem 2rem;
}
.c-project-roles__legend-items {
  color: var(--color-secondary-200);
}
.c-project-roles__legend-item {
  padding-bottom: 0.5rem;
}
.c-project-settings {
  --project-settings-border-color: var(--color-secondary-600);
  --project-settings-text-color: var(--color-secondary-200);
}

.c-project-settings {
  padding: 0 2rem 2rem 2rem;
}
.c-project-settings__row {
  display: grid;
  grid-column-gap: 3rem;
  align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--project-settings-border-color);
}
@media (min-width: 46.25em) {
  .c-project-settings__row {
    grid-template-columns: 9.375rem 1fr;
  }
}
@media (max-width: 46.24em) {
  .c-project-settings__row--project-icon {
    grid-template-columns: 1fr;
    grid-row-gap: 0.5rem;
  }
}
.c-project-settings__row--project-icon-image {
  max-width: 3.125rem;
  max-height: 3.125rem;
}
@media (max-width: 46.24em) {
  .c-project-settings__row--project-name {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }
}
.c-project-settings__cell {
  display: flex;
  justify-content: space-between;
  color: var(--project-settings-text-color);
  align-items: center;
}
.c-project-settings__visibility-icon {
  padding-right: 0.5rem;
}
.c-project-settings__title {
  align-self: flex-start;
}
.c-project-settings__title--project-icon {
  align-self: unset;
}
.c-project-settings__project-visibility {
  margin-left: 0.5rem;
}
.c-project-settings__group-list {
  margin-top: 0.75rem;
}
.c-project-settings__group-list .c-tag {
  margin-right: 0.5rem;
}
.c-admin-settings-schedule__section {
  position: relative;
}
.c-admin-settings-schedule__section + .c-admin-settings-schedule__section {
  padding-top: 1.5rem;
  margin-top: 2.5rem;
}
.c-admin-settings-schedule__section + .c-admin-settings-schedule__section::before {
  position: absolute;
  top: 0;
  right: -1rem;
  left: -1rem;
  display: block;
  content: "";
  border-top: 1px solid var(--separator-color--contrast-1);
}
@media (min-width: 46.25em) {
  .c-admin-settings-schedule__section + .c-admin-settings-schedule__section::before {
    right: -3rem;
    left: -3rem;
  }
}
.c-admin-settings-schedule__section-content {
  margin-top: 1.5rem;
}
.c-admin-settings-schedule__section .c-error-message {
  margin-top: 0.5rem;
}
.c-table__header {
  display: grid;
  padding: 1rem;
  background-color: var(--ui-color--contrast-1);
}
@media (min-width: 46.25em) {
  .c-table__header {
    padding: 1rem 2rem;
  }
}
.c-table__header-col {
  display: flex;
  align-items: center;
}
.c-table--empty .c-table__header-col {
  color: var(--ui-color__font--contrast-5);
}
.c-table__header-col--sortable {
  cursor: pointer;
}
.c-table__header-col--sort-active {
  color: var(--admin-color__font--highlight-1);
}
.c-table__header .c-icon--asc {
  transform: rotate(180deg);
}
.c-table__header .c-link-button {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  color: var(--color-admin-100);
  text-decoration: none;
  background-color: var(--color-primary-600);
  border-radius: 1rem;
  justify-content: center;
}
.c-table__header .c-link-button__label {
  text-decoration: none;
}
.c-table__row {
  padding: 1rem;
}
@media (min-width: 46.25em) {
  .c-table__row {
    display: grid;
    padding: 1.5rem 2rem;
  }
}
.c-table__row + .c-table__row {
  border-top: 1px solid var(--ui-color--contrast-1);
}
.c-table__row-cell {
  margin-right: 0.5rem;
  word-break: break-word;
}
.c-table__row-cell:last-child {
  margin-right: 0;
}
.c-table--empty .c-table__body {
  padding: 2rem 0;
  color: var(--ui-color__font--contrast-5);
  text-align: center;
}
.c-table-content {
  display: flex;
  /* stylelint-disable-next-line  */
}
@media (max-width: 46.24em) {
  .c-table-content .c-link-button, .c-table-content.c-link-button {
    padding: 0.25rem 0.5rem;
    background-color: var(--ui-color--contrast-1);
    border: 0;
    border-radius: var(--border-radius--small);
  }
  .c-table-content .c-link-button__label, .c-table-content.c-link-button__label {
    text-decoration: none;
  }
  .c-table-content .c-link-button:hover, .c-table-content.c-link-button:hover {
    background-color: var(--ui-color--contrast-2);
  }
}
@media (min-width: 46.25em) {
  .c-table-content .c-link-button.c-link-button, .c-table-content.c-link-button.c-link-button {
    padding: 0;
  }
}
.c-table-content.c-table-content--column {
  flex-direction: column;
  align-items: flex-start;
}
.c-table-content.c-table-content--column .c-link-button {
  margin-left: 0;
}
.c-table-content__lock {
  display: flex;
}
.c-table-content__lock-icon {
  margin-left: 0.5rem;
}
.c-table-content__lock .c-table-content--groups {
  margin-top: 0.5rem;
}

.c-table-content--user {
  display: flex;
}
.c-table-content--user .c-avatar {
  margin-right: 0.5rem;
}

@media (max-width: 46.24em) {
  .c-table-content--action {
    display: inline-flex;
  }
  .c-table-content--action .c-link-button {
    margin-left: 0.5rem;
  }
}
.c-table-content--action > * + * {
  margin-left: 0.25rem;
}
.c-table-content--action .c-table-content__success {
  color: var(--ui-color__success);
}

.c-table-content--info {
  display: flex;
  align-items: center;
}
@media (max-width: 46.24em) {
  .c-table-content--info {
    display: inline-flex;
  }
}
.c-table-content--info .c-link-button {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  justify-content: center;
  text-decoration: none;
  background-color: var(--ui-color--base);
  border-radius: 1rem;
}
.c-table-content--info .c-link-button__label {
  font-weight: 700;
  text-decoration: none;
}
.c-table-content--info .c-table-content--action {
  margin-left: 0.5rem;
}
.c-table-content--info + .c-table-content--info {
  margin-top: 0.5rem;
}

.c-table-content--bullet::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.25rem;
  content: " ";
  border-radius: 0.5rem;
}
.c-table-content--bullet.c-table-content--admin::before {
  background-color: var(--color-group-admin);
}
.c-table-content--bullet.c-table-content--moderator::before {
  background-color: var(--color-group-moderator);
}
.c-table-content--bullet.c-table-content--user::before {
  background-color: var(--color-group-none);
}
.c-table-content--bullet.c-table-content--open::before, .c-table-content--bullet.c-table-content--active::before {
  background-color: var(--ui-color__success);
}
.c-table-content--bullet.c-table-content--ready::before {
  background-color: var(--ui-color__warning);
}
.c-table-content--bullet.c-table-content--closed::before, .c-table-content--bullet.c-table-content--inactive::before, .c-table-content--bullet.c-table-content--expired::before, .c-table-content--bullet.c-table-content--invalid::before {
  background-color: var(--ui-color__error);
}

@media (max-width: 46.24em) {
  .c-table-content--info-list {
    margin-top: 0.5rem;
  }
}

.c-table-content--groups {
  flex-wrap: wrap;
}
.c-table-content--groups .c-table-content--action {
  padding: 0.125rem 0;
  margin-left: 0.25rem;
}
@media (max-width: 46.24em) {
  .c-table-content--groups .c-table-content--action {
    margin-top: 0.25rem;
  }
  .c-table-content--groups .c-table-content--action .c-link-button {
    margin-left: 0;
  }
}
.c-table-content--groups .c-table-content--column .c-table-content--action {
  margin-left: 0;
}
.c-table-content--groups .c-table-content__group {
  display: inline-flex;
  float: left;
  padding: 0.125rem 0.25rem;
  margin: 0 0.25rem 0.25rem 0;
}
@media (max-width: 46.24em) {
  .c-table-content--groups .c-table-content__group {
    margin-top: 0.5rem;
  }
}
.c-table-content--groups .c-table-content__group--reset {
  clear: left;
}
.c-table-content--groups .c-table-content__group-footer {
  display: flex;
  float: left;
  align-items: baseline;
}

.c-table-content--releases {
  flex-wrap: wrap;
}
.c-table-content--releases .c-table-content--action {
  padding: 0.125rem 0;
  margin-left: 0.25rem;
}
@media (max-width: 46.24em) {
  .c-table-content--releases .c-table-content--action {
    margin-top: 0.25rem;
  }
  .c-table-content--releases .c-table-content--action .c-link-button {
    margin-left: 0;
  }
}
.c-table-content--releases .c-table-content--column .c-table-content--action {
  margin-left: 0;
}
.c-table-content--releases .c-table-content__release-details {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.c-table-content--releases .c-table-content__current-version-info {
  height: 100%;
}
.c-table-content--releases .c-table-content__current-version-info .c-link-button {
  min-width: 1rem;
}
.c-table-content--releases .c-table-content__release {
  display: inline-flex;
  float: left;
  padding: 0.125rem 0.25rem;
  margin-right: 0.5rem;
}
@media (max-width: 46.24em) {
  .c-table-content--releases .c-table-content__release {
    margin-top: 0.5rem;
  }
}
.c-table-content--releases .c-table-content__release--reset {
  clear: left;
}
.c-table-content--releases .c-table-content__release-footer {
  display: flex;
  float: left;
  align-items: baseline;
}
.c-table-content--releases .c-table-content__release-warning {
  color: var(--ui-color__warning);
}

.c-table-content--environment-list {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
@media (max-width: 46.24em) {
  .c-table-content--environment-list {
    flex-wrap: wrap;
    padding-top: 0.5rem;
  }
}

.c-table-content--environment-item {
  margin: 0 0.5rem 0.5rem 0;
}
.c-table-content--environment-item .c-tag:not(.c-tag--none)::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.25rem;
  content: " ";
  border-radius: 0.5rem;
}
.c-table-content--environment-item .c-tag--open::before {
  background-color: var(--ui-color__success);
}
.c-table-content--environment-item .c-tag--ready::before {
  background-color: var(--ui-color__warning);
}
.c-table-content--environment-item .c-tag--closed::before {
  background-color: var(--ui-color__error);
}

.c-table-content--label {
  display: flex;
  align-items: center;
}
@media (max-width: 46.24em) {
  .c-table-content--label .c-table-content--action {
    margin-left: 0.5rem;
  }
  .c-table-content--label.c-table-content--column {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 46.25em) {
  .c-table-content--label .c-link-button {
    margin-left: 0.5rem;
  }
}
.c-table-admin-settings--issue-categories .c-table__header,
.c-table-admin-settings--issue-categories .c-table__row {
  position: relative;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--issue-categories .c-table__header,
.c-table-admin-settings--issue-categories .c-table__row {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
}
.c-table-admin-settings--issue-categories .c-table-content--label {
  display: flex;
  color: var(--color-white);
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.c-table-admin-settings--environments .c-table__header,
.c-table-admin-settings--environments .c-table__row {
  position: relative;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--environments .c-table__header,
.c-table-admin-settings--environments .c-table__row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
.c-table-admin-settings--environments .c-table__row::before {
  position: absolute;
  left: 0;
  display: block;
  height: 100%;
  content: "";
  border-left: 0.25rem solid transparent;
}
.c-table-admin-settings--environments .c-table__row--open::before {
  border-left: 0.25rem solid var(--ui-color__success);
}
.c-table-admin-settings--environments .c-table__row--ready {
  border-left: 0.25rem solid var(--ui-color__warning);
}
.c-table-admin-settings--environments .c-table__row--closed {
  border-left: 0.25rem solid var(--ui-color__error);
}
@media (min-width: 46.25em) {
  .c-table-settings--group-info .c-table__header,
.c-table-settings--group-info .c-table__row {
    grid-template-columns: 23.5rem 1fr;
    padding: 1rem;
  }
}
.c-table-settings--group-info .c-table-content--info {
  margin-left: 0;
}
@media (min-width: 46.25em) {
  .c-table-settings--group-members .c-table__header,
.c-table-settings--group-members .c-table__row {
    grid-template-columns: 5fr 1fr;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--groups .c-table__header,
.c-table-admin-settings--groups .c-table__row {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
}
.c-table-admin-settings--invitation {
  --admin-settings-invitation__url-text-color: var(--color-secondary-500);
  --admin-settings-invitation__status-details-text-color: var(--color-secondary-500);
}

.c-table-admin-settings--invitation .c-table-content__url {
  color: var(--admin-settings-invitation__url-text-color);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
}
.c-table-admin-settings--invitation .c-table-content__status-details {
  color: var(--admin-settings-invitation__status-details-text-color);
}
.c-table-admin-settings--invitation .c-table-content__status-warning {
  margin-left: 0.25rem;
  color: var(--color-warning);
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--invitation .c-table__header,
.c-table-admin-settings--invitation .c-table__row {
    grid-template-columns: 2fr 2fr 2fr 2fr 1fr;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-environments .c-table__header,
.c-table-admin-settings--manage-environments .c-table__row {
    grid-template-columns: 1fr 6.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-table__header,
.c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-table__row {
    grid-template-columns: 1fr 13.25rem 6.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-environments.c-table-environment-current-releases--change-current-disabled .c-table__header,
.c-table-admin-settings--manage-environments.c-table-environment-current-releases--change-current-disabled .c-table__row {
    grid-template-columns: 1fr 6.625rem;
  }
}
.c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-current-version-action {
  display: flex;
  justify-content: center;
}
.c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-current-version-action-label {
  margin: 0 0.5rem 0 0.25rem;
  color: var(--color-white);
}
.c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-current-version-action-helper.c-link-button {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  justify-content: center;
  text-decoration: none;
  background-color: var(--ui-color--base);
  border-radius: 1rem;
}
.c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-current-version-action-helper .c-link-button__label {
  font-weight: 700;
  text-decoration: none;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-releases .c-table__header,
.c-table-admin-settings--manage-releases .c-table__row {
    grid-template-columns: 1fr 6.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-user-groups .c-table__header,
.c-table-admin-settings--manage-user-groups .c-table__row {
    grid-template-columns: 13.5rem 1fr 3.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--releases .c-table__header,
.c-table-admin-settings--releases .c-table__row {
    grid-template-columns: 2fr 3fr;
  }
}
.c-table-admin-settings--system-configurations {
  --table-admin-settings-system-configurations__primary-column-color: var(--color-white);
  --table-admin-settings-system-configurations__secondary-column-color: var(--color-secondary-200);
  --table-admin-settings-system-configurations__border-color: var(--color-primary-700);
}

.c-table-admin-settings--system-configurations .c-table__header,
.c-table-admin-settings--system-configurations .c-table__row {
  position: relative;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--system-configurations .c-table__header,
.c-table-admin-settings--system-configurations .c-table__row {
    grid-template-columns: 2fr 3fr 1fr 1fr;
  }
}
.c-table-admin-settings--system-configurations .c-table__row:last-child {
  border-bottom: 1px solid var(--table-admin-settings-system-configurations__border-color);
}
.c-table-admin-settings--system-configurations .c-table-content__column--primary {
  color: var(--table-admin-settings-system-configurations__primary-column-color);
}
.c-table-admin-settings--system-configurations .c-table-content__column--secondary {
  color: var(--table-admin-settings-system-configurations__secondary-column-color);
}
.c-table-admin-settings--system-configurations .c-table-content__system-configuration-options {
  list-style-type: disc;
}
.c-table-admin-settings--system-configurations .c-table-content__system-configuration-summary, .c-table-admin-settings--system-configurations .c-table-content__system-configuration-mandatory {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c-table-admin-settings--system-configurations .c-table-content__system-configuration-summary .c-icon, .c-table-admin-settings--system-configurations .c-table-content__system-configuration-mandatory .c-icon {
  margin-right: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-table-settings--users .c-table__header,
.c-table-settings--users .c-table__row {
    grid-template-columns: 2fr 2fr 1fr;
  }
}
@media (min-width: 46.25em) {
  .c-table-settings--users-with-email .c-table__header,
.c-table-settings--users-with-email .c-table__row {
    grid-template-columns: 2fr 2fr 2fr 1fr;
  }
}
@media (max-width: 46.24em) {
  .c-admin-settings-title-section {
    margin: 1.5rem 0;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section {
    margin: 2rem 0;
  }
}
.c-admin-settings-title-section__title {
  display: flex;
  flex-direction: column;
}
.c-admin-settings-title-section__title .c-admin-settings-title-section__title-sup {
  color: var(--color-admin-100);
}
.c-admin-settings-title-section__wrapper {
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--small);
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__wrapper {
    margin-top: 1rem;
  }
}
.c-admin-settings-title-section__header {
  display: flex;
}
@media (max-width: 46.24em) {
  .c-admin-settings-title-section__header {
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .c-admin-settings-title-section__header .c-button {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__header {
    padding: 1.5rem 2rem;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .c-admin-settings-title-section__header .c-button {
    margin-left: 1rem;
    flex-shrink: 0;
  }
}
.c-admin-settings-title-section__header-text {
  margin-top: 0.5rem;
  color: var(--color-secondary-200);
}
.c-admin-settings-title-section__message {
  display: flex;
  padding: 1rem;
  border: 1px solid var(--ui-color__warning);
  align-items: center;
}
.c-admin-settings-title-section__message .c-icon {
  margin-right: 1rem;
  font-size: 1.5rem;
  color: var(--ui-color__warning);
}
@media (max-width: 46.24em) {
  .c-admin-settings-title-section__message {
    margin: 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__message {
    margin: 0 1.5rem 2rem;
  }
}
.c-admin-settings-title-section__filters {
  border-top: 1px solid var(--separator-color--contrast-1);
}
@media (max-width: 46.24em) {
  .c-admin-settings-title-section__filters {
    display: flex;
    padding: 1rem;
    flex-direction: column;
  }
  .c-admin-settings-title-section__filters > * + * {
    margin-top: 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__filters {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 2rem;
    padding: 1.5rem 2rem;
  }
}
.c-admin-settings-title-section__footer-filler {
  height: 4rem;
  background-color: var(--ui-color--contrast-2);
  border-top: 1px solid var(--ui-color--contrast-1);
}
.c-announcement {
  --announcement-border-color: var(--color-primary-600);
  --announcement-text-color: var(--color-primary-100);
  --announcement-icon-color: var(--color-primary-100);
}
.c-announcement.c-announcement--archived {
  --announcement-border-color: var(--color-secondary-600);
  --announcement-text-color: var(--color-secondary-100);
  --announcement-icon-color: var(--color-secondary-100);
}
.c-announcement.c-announcement--fixed {
  --announcement-border-color: var(--color-tertiary-600);
  --announcement-text-color: var(--color-tertiary-100);
  --announcement-icon-color: var(--color-tertiary-100);
}

.c-announcement {
  text-align: center;
}
.c-announcement__text {
  margin: 0 0.5rem;
  color: var(--announcement-text-color);
}
.c-announcement__icon-wrapper {
  display: flex;
  margin-bottom: 0.25rem;
  color: var(--announcement-icon-color);
  flex-direction: row;
}
.c-announcement__icon-wrapper::before, .c-announcement__icon-wrapper::after {
  flex: 1 1;
  margin: auto;
  content: "";
  border-bottom: 1px solid var(--announcement-border-color);
}
.c-announcement__icon-wrapper::before {
  margin-right: 0.5rem;
}
.c-announcement__icon-wrapper::after {
  margin-left: 0.5rem;
}
.c-app-notifications__header {
  --app-notifications__header-border-color: var(--color-primary-500);
}

.c-app-notifications__list {
  --app-notifications__list-border-color: var(--color-primary-500);
}

.c-app-notification-chip {
  --app-notification-chip-bg-color: var(--color-primary-400);
  --app-notification-chip__icon__text-color: var(--color-primary-0);
  --app-notification-chip__count__text-color: var(--color-primary-900);
  --app-notification-chip__count__bg-color: var(--color-primary-50);
}

.c-app-notification-settings {
  --app-notification-settings__bg-color: var(--color-primary-800);
  --app-notification-settings__title-color: var(--color-primary-0);
  --app-notification-settings__description-color: var(--color-secondary-200);
}

.c-app-notification-item {
  --app-notification-item-bg-color: var(--color-primary-700);
  --app-notification-item-bg-color--hover: var(--color-primary-500);
  --app-notification-item-text-color: var(--color-secondary-200);
  --app-notification-item-text-color--highlight: var(--color-white);
  --app-notification-item__edit-color: var(--color-primary-300);
  --app-notification-item__edit-color--hover: var(--color-primary-0);
  --app-notification-item__date-text-color: var(--color-primary-100);
  --app-notification-item__avatar-border-color: var(--color-primary-100);
}
.c-app-notification-item.c-app-notification-item--unread {
  --app-notification-item-bg-color: var(--color-primary-600);
  --app-notification-item-bg--hover: var(--color-primary-500);
  --app-notification-item-left-border-color: var(--color-primary-50);
}
.c-app-notification-chip {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.c-app-notification-chip__count {
  position: absolute;
  top: -0.125rem;
  right: 1.75rem;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  color: var(--app-notification-chip__count__text-color);
  text-align: center;
  background-color: var(--app-notification-chip__count__bg-color);
  border-radius: 1rem;
}
.c-app-notification-chip__button {
  width: 100%;
  height: 100%;
  color: var(--app-notification-chip__icon__text-color);
  background-color: var(--app-notification-chip-bg-color);
}
.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 {
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  justify-content: center;
  padding: 0 0.75rem;
  line-height: 0;
  color: var(--avatar-count-text-color);
  background-color: var(--avatar-count-bg-color);
  border-color: var(--avatar-count-border-color);
  border-style: solid;
  border-width: var(--avatar-count-border-width);
  border-radius: 1.25rem;
}
.c-avatar-count--avatar-list {
  margin-left: -0.25rem;
}
@media (min-width: 46.25em) {
  .c-avatar-count {
    padding: 0 1rem;
  }
}
.c-avatar-list {
  display: flex;
  align-items: flex-end;
}
.c-avatar-list__item {
  margin-left: -0.5rem;
}
.c-avatar-list__item .c-avatar:not(.c-avatar--icon) {
  border-width: 0.0625rem;
}
.c-avatar-list__item:first-of-type {
  margin-left: 0;
}
.c-app-notification-item {
  position: relative;
  display: flex;
  padding: 1rem 0.75rem 1rem 1rem;
  background-color: var(--app-notification-item-bg-color);
  border-left: 0.25rem solid transparent;
}
.c-app-notification-item:hover {
  cursor: pointer;
  background-color: var(--app-notification-item-bg-color--hover);
}
.c-app-notification-item__edit {
  flex: 0;
  z-index: 3; /* link or buttons inside the issue must be above the <a> pseudo element */
  padding: 0;
}
.c-app-notification-item__edit .c-button.c-button--icon-only {
  width: auto;
  height: auto;
  padding: 0;
  color: var(--app-notification-item__edit-color);
}
.c-app-notification-item__edit .c-button.c-button--icon-only:hover {
  color: var(--app-notification-item__edit-color--hover);
}
.c-app-notification-item__body {
  display: flex;
}
@media (max-width: 61.24em) {
  .c-app-notification-item__body {
    flex-direction: column;
  }
  .c-app-notification-item__body > * + * {
    margin-top: 0.25rem;
  }
}
@media (min-width: 61.25em) {
  .c-app-notification-item__body {
    flex-direction: row;
    flex-grow: 1;
    align-items: flex-start;
  }
  .c-app-notification-item__body > * + * {
    margin-left: 1rem;
  }
}
.c-app-notification-item__body a {
  position: static;
}
.c-app-notification-item__body a::before {
  /* expand the pseudo-element to cover the issue area */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.c-app-notification-item__body-severity {
  text-transform: lowercase;
}
.c-app-notification-item__body-text {
  color: var(--app-notification-item-text-color);
}
.c-app-notification-item__body-text > * + * {
  margin-top: 0.25rem;
}
.c-app-notification-item__body-text b {
  color: var(--app-notification-item-text-color--highlight);
}
.c-app-notification-item__date {
  color: var(--app-notification-item__date-text-color);
}
.c-app-notification-item--unread {
  border-left-color: var(--app-notification-item-left-border-color);
}
.c-app-notification-item .c-avatar-list {
  border-color: var(--app-notification-item__avatar-border-color);
}
.c-settings__option {
  padding: 1.5rem 0;
}
.c-settings__option + .c-settings__option {
  border-top: 1px solid var(--ui-color--contrast-1);
}
.c-settings__option:last-of-type {
  border-bottom: 1px solid var(--ui-color--contrast-1);
}
.c-settings__option--locked .c-settings__option-label {
  display: flex;
}
@media (max-width: 46.24em) {
  .c-settings__option--locked .c-settings__option-label {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.c-settings__option--locked .c-settings__option-label .c-icon {
  font-size: 1.5rem;
  color: var(--ui-color__font--contrast-5);
}
@media (min-width: 46.25em) {
  .c-settings__option--locked .c-settings__option-label .c-icon {
    width: 2.125rem;
    margin-right: 0.5rem;
  }
}
.c-settings__option--disabled {
  color: var(--ui-color__font--contrast-5);
}
.c-settings__option--disabled .c-settings__option-description {
  color: var(--ui-color__font--contrast-5);
}
.c-settings__option-description {
  margin: 1rem 1rem 0 0;
}
@media (min-width: 46.25em) {
  .c-settings__option-description {
    margin: 1rem 3rem 0 2.75rem;
  }
}
.c-app-notification-settings {
  padding: 1rem;
  margin-top: 1.5rem;
  background-color: var(--app-notification-settings__bg-color);
  border-radius: var(--border-radius--small);
}
@media (min-width: 46.25em) {
  .c-app-notification-settings {
    padding: 1rem 2rem 2rem;
  }
}
.c-app-notification-settings__title {
  color: var(--app-notification-settings__title-color);
}
.c-app-notification-settings__description {
  padding: 0.5rem 0 1rem;
  color: var(--app-notification-settings__description-color);
}
.c-app-notification-settings .c-settings__option:last-of-type {
  padding-bottom: 0.75rem;
  border-bottom: 0;
}
.c-layer {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 19rem;
  transition: transform 0.25s var(--transition-ease-in-out--quart);
}
.c-layer__header .c-link-button {
  padding: 0.5rem;
  margin-left: auto;
  color: var(--ui-color__font--contrast-1);
  background-color: var(--ui-color--contrast-1);
  border: 0;
  border-radius: var(--border-radius--small);
}
.c-layer__header .c-link-button:hover {
  background-color: var(--ui-color--contrast-2);
}
.c-layer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: #000;
  opacity: 0.8;
}
.c-layer__overlay--open {
  display: block;
}
.c-layer__icon {
  position: absolute;
  top: 0;
  display: none;
  padding: 1.125rem;
  font-size: 1.5rem;
}
.c-layer--open .c-layer__icon {
  display: block;
}
.c-layer__icon--left {
  left: 19rem;
}
.c-layer__icon--right {
  right: 19rem;
}
.c-layer--right {
  right: 0;
  transform: translateX(100%);
}
.c-layer--right.c-layer--open {
  transform: translateX(0);
}
.c-layer--left {
  left: 0;
  transform: translateX(-100%);
}
.c-layer--left.c-layer--open {
  transform: translateX(0);
}
.c-layer--app-notifications {
  display: flex;
  flex-direction: column;
  background-color: var(--ui-color--base);
}
.c-layer--app-notifications .c-app-notifications__list {
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-layer--app-notifications .c-app-notifications__list::-webkit-scrollbar {
  width: 0.75rem;
}
.c-layer--app-notifications .c-app-notifications__list::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-layer--app-notifications .c-app-notifications__list::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
}
.c-popover {
  position: absolute;
  top: calc(100% + 30px);
  /* stylelint-disable-next-line primer/responsive-widths */
  width: 21.125rem;
  color: var(--ui-color__font--highlight-1);
  text-align: left;
  visibility: hidden;
  background-color: var(--ui-color--contrast-1);
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(var(--ui-color__shadow--string), 0.5);
  opacity: 0;
  will-change: opacity;
  transition: visibility 0.2s linear, opacity 0.2s linear;
}
.c-popover--is-visible {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
.c-popover--align-center {
  left: 50%;
  transform: translateX(-50%);
}
.c-popover--align-right {
  right: -8px;
}
.c-popover--align-left {
  left: 0;
}
.c-popover--app-notifications {
  display: flex;
  /* stylelint-disable-next-line primer/responsive-widths */
  width: 24.125rem;
  max-height: 33rem;
  flex-direction: column;
}
.c-popover--app-notifications .c-popover__header::before {
  border-bottom-color: var(--ui-color--contrast-1);
}
.c-popover--app-notifications .c-popover__header,
.c-popover--app-notifications .c-popover__body {
  padding: 0;
}
.c-popover--app-notifications .c-popover__body {
  height: calc(100% - 50px);
  overflow-y: auto;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.c-popover--app-notifications .c-popover__body .c-app-notifications__list {
  height: auto;
  overflow: hidden;
}
.c-popover__header, .c-popover__body, .c-popover__footer {
  position: relative;
  z-index: 1;
}
.c-popover__header, .c-popover__footer {
  padding: 1rem;
}
.c-popover__body {
  padding: 0.5rem 1rem;
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-popover__body::-webkit-scrollbar {
  width: 0.75rem;
}
.c-popover__body::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-popover__body::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
}
.c-popover__header::before {
  position: absolute;
  bottom: 100%;
  left: calc(100% - 30px);
  width: 0;
  height: 0;
  margin-left: -10px;
  pointer-events: none;
  content: " ";
  border: solid transparent;
  border-width: 10px;
  border-bottom-color: var(--ui-color--contrast-1);
}
.c-popover--align-center .c-popover__header::before {
  left: 50%;
}
.c-popover__footer {
  background-color: var(--ui-color--contrast-1);
  border-radius: 0 0 0.5rem 0.5rem;
}
.c-popover__footer::before {
  border-bottom-color: var(--ui-color--contrast-1);
}
.c-simple-popover {
  text-align: left;
}
.c-simple-popover--align-right {
  text-align: right;
}
.c-simple-popover--align-center {
  text-align: center;
}
.c-simple-popover__body {
  position: relative;
}
.c-app-notifications__list {
  height: 100%;
  overflow-y: auto;
}
.c-app-notifications__list li + li {
  border-top: 1px solid var(--app-notifications__list-border-color);
}
.c-app-notifications__header {
  display: flex;
  padding: 1rem 1rem 0.5rem;
  justify-content: space-between;
  border-bottom: 1px solid var(--app-notifications__header-border-color);
}
.c-app-notifications__loading {
  padding: 1rem 0;
  text-align: center;
}
.c-app-notifications__empty {
  padding: 1rem;
}
.c-autocomplete {
  position: relative;
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-autocomplete__body {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  margin-top: 0.5rem;
  overflow: hidden;
  border-radius: var(--border-radius--small);
  box-shadow: 0 0 10px 0 rgba(var(--ui-color__shadow--string), 0.4);
}
.c-autocomplete__dropdown {
  overflow-y: auto;
  background-color: var(--autocomplete__dropdown-bg-color);
}
.c-autocomplete__dropdown .c-dropdown-list-item:not(.c-autocomplete__dropdown-item--readonly):hover {
  background-color: var(--autocomplete__dropdown__item-bg-color);
}
.c-autocomplete__dropdown-item {
  height: 56px;
  border: 0;
}
.c-autocomplete__dropdown-item--highlighted {
  background-color: var(--autocomplete__dropdown__item--highlighted-bg-color);
}
.c-autocomplete__search-icon {
  font-size: 1.25rem;
}
.c-autocomplete__modal {
  --input-color__field: transparent;
}
.c-autocomplete__modal .c-text-input__left-overlay {
  top: 50%;
  left: 1rem;
  color: var(--autocomplete__modal__input__left-overlay-text-color);
  transform: translateY(-50%);
}
.c-autocomplete__modal .c-modal__header {
  padding: 0;
  background-color: transparent;
}
.c-autocomplete__modal .c-modal__header .l-container {
  padding: 0;
}
.c-autocomplete__modal .c-modal__body {
  padding: 0;
}
.c-autocomplete__modal .c-dropdown-list-item {
  background-color: var(--autocomplete__dropdown-list__item--highlighted-bg-color);
}
.c-autocomplete *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-autocomplete *::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-autocomplete *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
}
.c-autocomplete__delete-field {
  position: absolute;
  top: 50%;
  right: -2rem;
  font-size: 1.5rem;
  color: var(--autocomplete__deleted-field-text-color);
  cursor: pointer;
  transform: translateY(-50%);
}
.c-autocomplete__modal .c-autocomplete__delete-field {
  display: none;
}
.c-autocomplete__delete-field:hover {
  color: var(--autocomplete__deleted-field-text-color--hover);
}
.c-autocomplete {
  --autocomplete__dropdown-bg-color: var(--color-primary-600);
  --autocomplete__dropdown__item--hover-bg-color: var(--color-primary-500);
  --autocomplete__dropdown__item--highlighted-bg-color: var(--color-primary-500);
  --autocomplete__dropdown-list__item--highlighted-bg-color: var(--color-primary-600);
  --autocomplete__deleted-field-text-color: var(--color-primary-100);
  --autocomplete__deleted-field-text-color--hover: var(--color-primary-0);
}
.c-banner {
  --banner--default-bg-color: transparent;
}

.c-banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  width: 100%;
  max-width: 100vw;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}
.c-banner--default {
  background-color: var(--banner--default-bg-color);
}
.c-banner img {
  max-width: unset;
}
.c-banner__media {
  position: relative;
}
@media (max-width: 46.24em) {
  .c-banner__media {
    width: 100%;
  }
}
@media (min-width: 46.25em) {
  .c-banner {
    height: 29.5rem;
  }
  .c-banner .c-banner {
    height: 27.5rem;
  }
  .c-banner__media {
    position: relative;
    width: auto;
    height: 100%;
  }
  .c-banner--issue-report {
    height: 17.5rem;
  }
}
.c-branded-layout {
  display: flex;
  padding-top: 3rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 46.25em) {
  .c-branded-layout {
    padding-top: 5rem;
  }
}
.c-branded-layout__logo {
  margin-bottom: 3rem;
}
@media (min-width: 46.25em) {
  .c-branded-layout__logo {
    margin-bottom: 5rem;
  }
}
.c-callout {
  background-color: var(--callout-bg-color);
  border-radius: var(--border-radius--small);
}
.c-callout__header {
  display: flex;
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
  color: var(--callout__header-text-color);
  border-bottom: solid 0.0625rem var(--callout__header-border-color);
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 46.25em) {
  .c-callout__header {
    padding: 1rem 1.5rem 0.5rem 1.5rem;
    border: 0;
  }
}
.c-callout__content {
  padding: 0.5rem 1.5rem 0.75rem 0.75rem;
  margin-top: 0.5rem;
  color: var(--callout__content-text-color);
}
@media (min-width: 46.25em) {
  .c-callout__content {
    padding: 0.5rem 1.5rem 1rem 1.5rem;
  }
}
.c-callout__close {
  padding: 0;
  background: none;
}
.c-callout__close .c-icon {
  font-size: 1.5rem;
  color: var(--callout__close-icon-color);
}
.c-callout {
  --callout-bg-color: var(--color-primary-700);
  --callout__header-text-color: var(--color-primary-0);
  --callout__header-border-color: var(--color-primary-400);
  --callout__content-text-color: var(--color-secondary-200);
  --callout__close-icon-color: var(--color-primary-100);
}
@media (min-width: 46.25em) {
  .c-callout {
    --callout-bg-color: var(--color-primary-800);
  }
}
.c-checkbox {
  position: relative;
  display: flex;
  align-items: center;
}
.c-checkbox__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  box-sizing: content-box;
  font-size: 0.75rem;
  color: var(--checkbox-icon-color);
  background-color: var(--checkbox-bg-color);
  border: 0.0625rem solid var(--checkbox-border-color);
  border-radius: --border-radius--small;
  flex-shrink: 0;
}
@media (min-width: 46.25em) {
  .c-checkbox__icon {
    margin-right: 1rem;
  }
}
.c-checkbox__input {
  display: none;
}
.c-checkbox.h-input--disabled label {
  cursor: not-allowed;
}
.c-checkbox input + label {
  cursor: pointer;
}
.c-checkbox input:disabled + label {
  cursor: not-allowed;
}
.c-checkbox label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
}
@media (min-width: 46.25em) {
  .c-checkbox label {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.c-checkbox--large .c-checkbox__icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.25rem;
  font-size: 1.5rem;
  border-width: 0.125rem;
}
.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-collapsible {
  overflow: hidden;
}
.c-collapsible__trigger-wrapper {
  display: flex;
  padding: 1rem;
  border-bottom: solid 0.0625rem var(--collapsible-border-color);
}
.c-collapsible__trigger-wrapper > * {
  width: 100%;
}
.c-collapsible__container {
  position: relative;
  overflow: hidden;
}
.c-collapsible {
  --collapsible-border-color: var(--color-primary-600);
}
.c-comment-modify-group {
  --comment-modify-group__title-text-color: var(--color-secondary-200);
  --comment-modify-group__sub-title-text-color: var(--color-secondary-200);
  --comment-modify-group__separator--border-color: var(--color-primary-700);
  --comment-modify-group__error-text-color: var(--ui-color__error--base);
}

.c-comment-modify-group {
  --comment-modify-group__title-font-family: var(--font-primary);
  --comment-modify-group__title-font-size: 1rem;
  --comment-modify-group__title-line-height: 1.5rem;
  --comment-modify-group__sub-title-font-family: var(--font-primary);
  --comment-modify-group__sub-title-font-size: 0.75rem;
  --comment-modify-group__sub-title-line-height: 1rem;
}
@media (max-width: 61.24em) {
  .c-comment-modify-group {
    padding: 1rem;
  }
}
.c-comment-modify-group > * + * {
  margin-top: 1rem;
}
.c-comment-modify-group__title {
  font-family: var(--comment-modify-group__title-font-family);
  font-size: var(--comment-modify-group__title-font-size);
  line-height: var(--comment-modify-group__title-line-height);
  color: var(--comment-modify-group__title-text-color);
}
.c-comment-modify-group__sub-title {
  font-family: var(--comment-modify-group__sub-title-font-family);
  font-size: var(--comment-modify-group__sub-title-font-size);
  line-height: var(--comment-modify-group__sub-title-line-height);
  color: var(--comment-modify-group__sub-title-text-color);
}
.c-comment-modify-group__body > * + * {
  margin-top: 0.5rem;
}
.c-comment-modify-group__error {
  color: var(--comment-modify-group__error-text-color);
}
.c-panel {
  --panel-bg-color: var(--color-primary-800);
}

.c-panel {
  padding: 1rem;
  background-color: var(--panel-bg-color);
  border-radius: var(--border-radius--medium);
}
@media (min-width: 46.25em) {
  .c-panel {
    padding: 1.5rem 2rem;
  }
}
.c-contact-permissions {
  display: flex;
  max-width: calc(100% - 3rem);
  padding-bottom: 1.5rem;
  flex-direction: column;
}
.c-contact-permissions__title {
  text-align: center;
}
.c-contact-permissions__subtitle {
  max-width: 28.125rem;
  padding-bottom: 1.5rem;
  color: var(--contact-permissions__subtitle-text-color);
  text-align: center;
  align-self: center;
}
.c-contact-permissions__panel {
  padding-bottom: 1.5rem;
}
@media (min-width: 46.25em) {
  .c-contact-permissions__panel {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 46rem;
  }
}
.c-contact-permissions__label {
  color: var(--contactPermissions__label-text-color);
  word-wrap: break-word;
}

.c-contact-permissions {
  --contactPermissions__label-text-color: var(--color-secondary-200);
  --contact-permissions__subtitle-text-color: var(--color-secondary-200);
}
.c-progress-bar {
  --progress-bar__spacers-item-bg-color: var(--color-primary-600);
  --progress-bar__value-gradient-start: #543ea9;
  --progress-bar__value-gradient-end: #9989fb;
  --progress-bar-bg-color: var(--color-black);
}

.c-progress-bar {
  position: relative;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 0.5rem;
  overflow: hidden;
  background-color: var(--progress-bar-bg-color);
}
.c-progress-bar__value {
  display: block;
  width: 100%;
  max-width: 0;
  height: 100%;
  background-image: linear-gradient(-270deg, var(--progress-bar__value-gradient-start) 0%, var(--progress-bar__value-gradient-end) 100%);
  background-repeat: no-repeat;
  transition: max-width 0.25s linear;
  will-change: max-width;
}
.c-progress-bar__spacers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}
.c-progress-bar__spacers-item {
  position: relative;
  flex: 1;
}
.c-progress-bar__spacers-item:not(:last-child)::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.0625rem;
  height: 100%;
  content: "";
  background-color: var(--progress-bar__spacers-item-bg-color);
}
.c-progress-indicator {
  --progress-indicator-bg-color: var(--color-primary-800);
  --progress-indicator__bar-value-bg-color: var(--color-highlight-100);
}
.c-progress-indicator--admin {
  --progress-indicator__bar-value-bg-color: var(--color-admin-200);
}

.c-progress-indicator {
  display: block;
  width: 100%;
  height: 0.25rem;
  background-color: var(--progress-indicator-bg-color);
}
.c-progress-indicator__bar-value {
  display: block;
  min-width: 0%;
  max-width: 100%;
  height: 100%;
  background-color: var(--progress-indicator__bar-value-bg-color);
  transition: width 0.5s;
}
.c-form-with-steps-header {
  z-index: 10;
  display: flex;
  width: 100%;
  color: var(--form-with-steps-header-text-color);
  flex-direction: column;
  background-color: var(--form-with-steps-header-bg-color);
  transition: 100ms ease-in-out;
}
.c-form-with-steps-header__title {
  text-transform: uppercase;
}
.c-form-with-steps-header__container {
  display: flex;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  flex-direction: row;
}
.c-form-with-steps-header__back {
  display: flex;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  justify-content: center;
  align-items: center;
}
.c-form-with-steps-header__back .c-icon {
  font-size: 1.5rem;
}
.c-form-with-steps-header__back + .c-form-with-steps-header__title {
  margin-left: 1rem;
}
.c-form-with-steps-header__cancel {
  margin-left: auto;
  color: var(--ui-color__font--contrast-2);
}
.c-form-with-steps-header__cancel:hover {
  color: var(--ui-color__font--contrast-2);
}
@media (max-width: 46.24em) {
  .c-form-with-steps-header--with-progress {
    background-color: var(--ui-color--contrast-2);
  }
  .c-form-with-steps-header__delete-icon .c-icon {
    font-size: 2rem;
  }
}

.c-form-with-steps-header {
  --form-with-steps-header-text-color: var(--color-white);
  --form-with-steps-header-bg-color: var(--transparent);
  --form-with-steps-header__progress-bg-color: var(--color-primary-600);
  --form-with-steps-header__progress-filler-color: var(--color-primary-100);
}
.c-form-with-steps-header--primary {
  --form-with-steps-header-bg-color: var(--transparent);
}
.c-form-with-steps-header--secondary {
  --form-with-steps-header-bg-color: var(--color-primary-700);
}
.c-form-step {
  --form-step__header-bg-color: var(--transparent);
  --form-step__header-text-color: var(--color-white);
  --form-step__header-border-color: var(--color-primary-500);
  --form-step__header__label-text-color: var(--color-primary-100);
}

.c-form-step {
  display: flex;
  width: 100vw;
  height: 100%;
  overflow: auto;
  align-items: stretch;
  flex-direction: column;
  flex: 1;
  transition: opacity 300ms ease-in-out;
}
.c-form-step__header {
  display: flex;
  padding: 1rem;
  align-items: baseline;
  color: var(--form-step__header-text-color);
  background-color: var(--form-step__header-bg-color);
  border-bottom: solid 0.0625rem var(--form-step__header-border-color);
}
.c-form-step__header-title {
  margin-right: 1rem;
}
.c-form-step__header-label {
  margin-left: auto;
  color: var(--form-step__header__label-text-color);
  white-space: nowrap;
}
.c-form-step--active {
  opacity: 1;
  transition-delay: 100ms;
}
.c-form-step--inactive {
  pointer-events: none;
  opacity: 0.25;
}
.c-form-with-steps--scrollable .c-form-step .c-form-step__header {
  display: none;
}
.c-form-with-steps--scrollable .c-form-step + .c-form-step {
  margin-top: 3rem;
}
.c-form-with-steps-footer {
  position: relative;
  z-index: 10;
  width: 100%;
}
.c-form-with-steps-footer > div {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 1rem;
  justify-content: flex-end;
  background-image: linear-gradient(180deg, transparent 0, var(--ui-color--contrast-3) 75%);
  -webkit-animation: form-footer-slide-in 250ms ease-out both;
          animation: form-footer-slide-in 250ms ease-out both;
}
.c-form-with-steps-footer--full > div {
  background-color: var(--ui-color--contrast-1);
  background-image: unset;
  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes form-footer-slide-in {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes form-footer-slide-in {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.c-form-with-steps {
  position: relative;
  width: 100%;
  flex: 1;
}
.c-form-with-steps--paging {
  overflow: hidden;
}
.c-form-with-steps--paging > div {
  display: inline-flex;
  height: 100%;
}
.c-form-with-steps--paging .c-form-with-steps--with-footer .c-form-step:last-of-type {
  padding-bottom: 4.5rem;
}
.c-form-with-steps--scrollable {
  overflow: hidden auto;
}
.c-form-with-steps--scrollable > div {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}
.c-form-with-steps--scrollable .c-form-with-steps__children-container {
  margin-top: auto;
}
.c-contribution-card-form__see-duplicates-button {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  border-radius: 0;
  justify-content: space-between;
}
.c-contribution-card-form__modal .c-modal__body {
  padding: 0;
}
.c-contribution-card-form__modal .c-contribution-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.c-contribution-card-form .c-dropdown-list-item-radio__icon {
  font-size: 2rem;
}
.c-contribution-card-form--modal {
  background-color: unset;
  border-radius: 0;
}
.c-contribution-card-field {
  --contribution-card-field-border-color: var(--color-primary-500);
  --contribution-card-field__label-text-color: var(--color-primary-100);
  --contribution-card-field__title-text-color: var(--color-white);
  --contribution-card-field__hint-text-color: var(--color-secondary-300);
  --contribution-card-field__duplicate-issue-title-text-color: var(--color-secondary-300);
}
@media (min-width: 46.25em) {
  .c-contribution-card-field {
    --contribution-card-field-border-color: var(--color-primary-600);
  }
}

.c-contribution-card-field {
  position: relative;
  padding: 1rem;
  color: var(--contribution-card-field-text-color);
}
@media (min-width: 46.25em) {
  .c-contribution-card-field {
    padding: 0.5rem 1rem 1rem 1rem;
  }
}
.c-contribution-card-field__header {
  display: flex;
  margin-bottom: 0.5rem;
  flex-direction: column;
}
.c-contribution-card-field__label, .c-contribution-card-field__description {
  color: var(--contribution-card-field__label-text-color);
}
.c-contribution-card-field__label-optional {
  font-style: italic;
  text-transform: lowercase;
}
.c-contribution-card-field__title {
  color: var(--contribution-card-field__title-text-color);
}
.c-contribution-card-field__hint {
  margin-bottom: 0.5rem;
  color: var(--contribution-card-field__hint-text-color);
}
.c-contribution-card-field__action {
  float: right;
  margin-left: 1rem;
  text-decoration: underline;
  cursor: pointer;
}
.c-contribution-card-field__action:hover, .c-contribution-card-field__action:focus {
  text-decoration: none;
}
.c-contribution-card-field .c-dropdown-trigger__body {
  background-color: var(--input-color__field);
}
.c-contribution-card-field .c-device-card {
  margin-top: 1.25rem;
  background-color: var(--input-color__field);
}
@media (min-width: 46.25em) {
  .c-contribution-card-field .c-device-card {
    margin-top: 0;
  }
}
.c-contribution-card-field .c-text-input {
  scrollbar-width: 0.5rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-contribution-card-field .c-text-input input,
.c-contribution-card-field .c-text-input textarea {
  padding: 1rem;
  line-height: 1.4;
}
.c-contribution-card-field .c-text-input *::-webkit-scrollbar {
  width: 0.5rem;
}
.c-contribution-card-field .c-text-input *::-webkit-scrollbar-track {
  background: var(--ui-color__scroll-track);
}
.c-contribution-card-field .c-text-input *::-webkit-scrollbar-thumb {
  border: solid 0.15rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.5rem 0.5rem var(--ui-color__scroll-thumb);
}
.c-contribution-card-field + .c-contribution-card-field {
  border-top: 0.0625rem solid var(--contribution-card-field-border-color);
}
.c-contribution-card-comment-field .c-text-input textarea {
  --text-input-bg-color: var(--color-primary-800);
}

.c-contribution-card-comment-field .c-text-input textarea {
  padding: 0.5rem;
}
.c-contribution-card-comment-field .c-text-input textarea:not(:hover) {
  border-color: var(--transparent);
}
.c-contribution-card-comment-field .c-text-input__character-count {
  right: 0.5rem;
  bottom: 1rem;
  padding-right: 0;
}
.c-contribution-card-completed-field {
  --contribution-card-completed-field-text-color: var(--color-white);
}

.c-contribution-card-completed-field {
  display: flex;
  height: 100%;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  color: var(--contribution-card-completed-field-text-color);
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .c-contribution-card-completed-field {
    height: 24rem;
  }
}
.c-contribution-card-completed-field__illustration--square > img {
  max-height: 7.8125rem;
}
.c-contribution-card-completed-field__illustration--flat > img {
  max-height: 2.8125rem;
}
.c-contribution-card-completed-field__title, .c-contribution-card-completed-field__subtitle {
  margin-top: 1rem;
  text-align: center;
}
.c-contribution-card-completed-field .c-button {
  margin-top: 1rem;
}
.c-contribution-card-duplicate-search-field {
  --contribution-card-duplicate-search-field-text-color: var(--color-white);
}

.c-contribution-card-duplicate-search-field {
  display: flex;
  height: 100%;
  padding: 1.5rem 1.875rem;
  align-items: center;
  justify-content: center;
  color: var(--contribution-card-duplicate-search-field-text-color);
  flex-direction: column;
}
.c-contribution-card-duplicate-search-field .c-icon {
  font-size: 1.875rem;
}
.c-contribution-card-duplicate-search-field__title {
  margin-top: 0.625rem;
}
.c-contribution-card-duplicate-search-field__subtitle {
  margin-top: 0.5rem;
}
.c-contribution-card-duplicate-search-field__title, .c-contribution-card-duplicate-search-field__subtitle {
  text-align: center;
}
.c-contribution-card-duplicate-search-field .c-button {
  margin-top: 1rem;
}
.c-contribution-card-duplicate-selection-field {
  --contribution-card-duplicate-selection-field-bg-color: var(--color-primary-800);
  --contribution-card-duplicate-selection-field-border-color: var(--color-primary-500);
}

.c-contribution-card-duplicate-selection-field {
  padding: 1rem 1rem 0.5rem 1rem;
  background-color: var(--contribution-card-duplicate-selection-field-bg-color);
  border-top: 1px solid var(--contribution-card-duplicate-selection-field-border-color);
}
.c-contribution-card-duplicate-selection-field__title {
  margin-bottom: 0.25rem;
}
.c-contribution-card-duplicate-selection-field__footer {
  margin-left: auto;
}
.c-contribution-card-evidence-field {
  --contribution-card-evidence-field-text-color: var(--color-white);
}

.c-contribution-card-evidence-field__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-contribution-card-evidence-field__label {
  display: flex;
  align-items: center;
  color: var(--contribution-card-evidence-field-text-color);
}
.c-contribution-card-evidence-field__icon {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}
.c-contribution-card-form-footer {
  --contribution-card-form-footer-bg-color: var(--color-primary-800);
  --contribution-card-form-footer-border-color: var(--color-primary-500);
}

.c-contribution-card-form-footer {
  display: flex;
  align-items: flex-end;
  padding: 1rem;
  background-color: var(--contribution-card-form-footer-bg-color);
  border-top: 1px solid var(--contribution-card-form-footer-border-color);
}
.c-contribution-card-form-footer__button {
  margin-left: auto;
}
.c-contribution-card-form-header {
  --contribution-card-form-header-bg-color: var(--color-primary-600);
  --contribution-card-form-header-text-color: var(--color-white);
  --contribution-card-form-header-border-color: var(--color-primary-500);
}
.c-contribution-card-form-header--admin.c-contribution-card-form-header {
  --contribution-card-form-header-bg-color: var(--color-admin-400);
}

.c-contribution-card-form-header {
  display: flex;
  width: 100%;
  align-items: baseline;
  padding: 0.5rem 1rem;
  color: var(--contribution-card-form-header-text-color);
  background-color: var(--contribution-card-form-header-bg-color);
  border-bottom: 0.0625rem solid var(--contribution-card-form-header-border-color);
}
.c-contribution-card-form-header__back {
  font-size: 1rem;
  cursor: pointer;
}
.c-contribution-card-form-header__back + * {
  margin-left: 0.5rem;
}
.c-contribution-card-form-header--with-progress, .c-contribution-card-form-header--admin {
  border-bottom: hidden;
}
.c-contribution-card-list {
  --contribution-card-list__item-border-color: var(--color-primary-800);
  --contribution-card-list__item-bg-color: var(--color-primary-800);
}
@media (min-width: 46.25em) {
  .c-contribution-card-list {
    --contribution-card-list__item-border-color: var(--color-primary-600);
    --contribution-card-list__item-bg-color: var(--color-primary-600);
  }
}

.c-contribution-card-list__item {
  display: flex;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  border-top: 0.0625rem solid var(--contribution-card-list__item-border-color);
}
.c-contribution-card-list__item:last-child {
  border-bottom: 0.0625rem solid var(--contribution-card-list__item-border-color);
}
.c-contribution-card-list__item:hover {
  background-color: var(--contribution-card-list__item-bg-color);
}
.c-contribution-card-list__item-icon {
  margin-left: auto;
  font-size: 1.5rem;
}
@media (min-width: 46.25em) {
  .c-contribution-card-list__item-icon {
    font-size: 1rem;
  }
}
.c-sticky-title-staff {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}
.c-sticky-title-staff__brand-name {
  color: var(--ui-color__font--highlight-1);
}
.c-sticky-title-staff__icon.c-icon--left::before {
  margin-right: 0;
}
.c-contribution-card-notes-field .c-text-input textarea {
  --text-input-bg-color: var(--color-primary-800);
}

.c-contribution-card-notes-field .c-text-input textarea {
  padding: 0.5rem;
}
.c-contribution-card-notes-field .c-text-input textarea:not(:hover) {
  border-color: var(--transparent);
}
.c-contribution-card-notes-field .c-text-input__character-count {
  right: 0.5rem;
  bottom: 1rem;
  padding-right: 0;
}
.c-contribution-card-notes-field .c-icon {
  margin-right: 0.25rem;
  font-size: 1.375rem;
  color: var(--contribution-card-notes__icon-color);
}
.c-contribution-card-notes-field__header {
  display: flex;
}
.c-contribution-card-notes-field__header .c-button {
  margin-bottom: 0.5rem;
  margin-left: auto;
}
.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-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-600);
}
.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(--color-primary-700);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio .c-radio {
  --radio-border-color: var(--color-primary-300);
}
.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(--transparent);
}
.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-contribution-card-radio-field .c-dropdown-list-item-radio__icon {
  font-size: 2rem;
}
.c-contribution-card-release-version-field {
  --contribution-card-release-version-field__input-bg-color: var(--color-primary-800);
}

.c-contribution-card-release-version-field .c-text-input input {
  height: 3.5rem;
  padding: 0.5rem;
  background-color: var(--contribution-card-release-version-field__input-bg-color);
}
.c-contribution-card-release-version-field .c-text-input input:not(:hover) {
  border-color: var(--transparent);
}
.c-contribution-card-release-version-field .c-text-input__character-count {
  right: 0.5rem;
  padding: 0;
}
.c-contribution-card-software-config-field {
  --contribution-card-software-config-field__configuration-label-text-color: var(--color-white);
}

.c-contribution-card-software-config-field__body {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.c-contribution-card-software-config-field__body .c-icon {
  margin-right: 0.5rem;
}
.c-contribution-card-software-config-field__configuration-label {
  color: var(--contribution-card-software-config-field__configuration-label-text-color);
}
.c-contribution-card-software-config-field__delete-button {
  margin-left: 0.5rem;
}
.c-contribution-card-step {
  --contribution-card-step-bg-color: var(--color-primary-800);
  --contribution-card-step-text-color: var(--color-white);
  --contribution-card-step__body-bg-color: var(--color-primary-700);
  --contribution-card-step__body-border-color: var(--color-primary-500);
}

.c-contribution-card-step {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.c-contribution-card-step__body {
  flex: 1 0 auto;
}
@media (min-width: 46.25em) {
  .c-contribution-card-step__body {
    background-color: var(--contribution-card-step__body-bg-color);
  }
}
.c-contribution-card-step__body-text {
  display: flex;
  padding: 0.5rem 0;
  flex-direction: column;
  border-bottom: 0.0625rem solid var(--contribution-card-step__body-border-color);
}
.c-contribution-card-step__title {
  margin: 0 1rem;
  color: var(--contribution-card-step-text-color);
}
.c-contribution-card-step__subtitle {
  margin: 0.25rem 1rem 0 1rem;
}
.c-contribution-card-system-config-field__button {
  margin-top: 1.25rem;
}
@media (min-width: 46.25em) {
  .c-contribution-card-system-config-field__button {
    margin-top: 0;
  }
}
.c-contribution-card-version__label {
  display: inline;
  word-break: break-word;
}
.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-action {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-contribution-card-action__title {
  color: var(--contribution-card-action__title-text-color);
}
.c-contribution-card-action__helper {
  color: var(--contribution-card-action__helper-text-color);
}
.c-contribution-card-confirmation {
  --contribution-card-confirmation-icon-color: var(--color-white);
  --contribution-card-confirmation__label-text-color: var(--color-white);
}
.c-contribution-card-confirmation .c-button--text {
  --button-bg-color: var(--color-primary-800);
}

.c-contribution-card-confirmation__content {
  margin-bottom: 0.25rem;
}
.c-contribution-card-confirmation__label-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.c-contribution-card-confirmation__label {
  flex: 0 100%;
  color: var(--contribution-card-confirmation__label-text-color);
}
.c-contribution-card-confirmation__icon {
  margin-right: 0.5rem;
  font-size: 1.25rem;
  color: var(--contribution-card-confirmation-icon-color);
}
.c-contribution-card-confirmation__button {
  margin-left: 1.75rem;
}
.c-contribution-card-confirmation .c-announcement {
  width: 100%;
  margin: 0;
}
.c-counter {
  display: flex;
  align-items: baseline;
}
.c-counter__label {
  padding-right: 1.25rem;
  margin-left: 0.25rem;
}
.c-contribution-card-counter {
  --contribution-card-counter-text-color: var(--color-white);
}

.c-contribution-card-counter {
  padding: 0.5rem 1rem 0 1rem;
}
.c-contribution-card-counter .c-counter {
  align-items: center;
  color: var(--contribution-card-counter-text-color);
}
.c-contribution-card-counter .c-counter__label {
  margin-left: 0.75rem;
}
.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-kudos {
  width: 100%;
  padding: 1rem;
}
.c-contribution-card-kudos__label {
  margin-bottom: 0.5rem;
  color: var(--contribution-card-kudos__label-text-color);
}
.c-contribution-card-kudos__avatar-list {
  margin-bottom: 1rem;
}
.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-800);
}
.c-contribution-card-notes.c-contribution-card-notes--fixed {
  --contribution-card-notes-bg-color: var(--color-tertiary-600);
}

.c-contribution-card-notes {
  padding: 1rem;
  color: var(--contribution-card-notes-text-color);
  background-color: var(--contribution-card-notes-bg-color);
}
.c-contribution-card-notes .c-icon {
  margin-right: 0.25rem;
  font-size: 1.375rem;
  color: var(--contribution-card-notes__icon-color);
}
.c-contribution-card-notes__header {
  display: flex;
}
.c-contribution-card-notes__header .c-button {
  margin-bottom: 0.5rem;
  margin-left: auto;
}
.c-contribution-card-progress {
  --contribution-card-progress-text-color: var(--color-white);
  --contribution-card-progress-bg-color: var(--color-primary-500);
  --contribution-card-progress-separator-color: var(--color-primary-600);
  --contribution-card-progress__from-text-color: var(--color-white);
  --contribution-card-progress__to-text-color: var(--color-secondary-200);
}

.c-contribution-card-progress {
  color: var(--contribution-card-progress-text-color);
  background-color: var(--contribution-card-progress-bg-color);
}
.c-contribution-card-progress__section {
  padding: 1rem;
}
.c-contribution-card-progress__section:first-child {
  border-bottom: 1px solid var(--contribution-card-progress-separator-color);
}
.c-contribution-card-progress__statuses {
  display: flex;
  justify-content: space-between;
}
.c-contribution-card-progress__progress-bar {
  margin: 0.5rem 0;
}
.c-contribution-card-progress__time-left {
  display: flex;
  align-items: center;
}
.c-contribution-card-progress__to {
  color: var(--contribution-card-progress__to-text-color);
}
.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-900);
}
.c-contribution-card-secondary-card--fixed {
  --contribution-card-secondary-card-bg-color: var(--color-tertiary-800);
}

.c-contribution-card-secondary-card {
  padding: 1rem;
  margin-top: 0.5rem;
  background-color: var(--contribution-card-secondary-card-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-contribution-card-severity {
  --contribution-card-severity__item-border-color: var(--color-primary-600);
}
.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-800);
}
.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-700);
}
.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-900);
}
.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-severity {
  overflow: hidden;
}
@media (min-width: 46.25em) {
  .c-contribution-card-severity {
    padding: 1rem;
  }
}
.c-contribution-card-severity .c-collapsible__trigger-wrapper {
  padding: 1rem;
  border: 0;
}
@media (min-width: 46.25em) {
  .c-contribution-card-severity .c-collapsible__trigger-wrapper {
    padding: 0;
  }
}
.c-contribution-card-severity .c-dropdown-trigger {
  height: auto;
  min-height: 3.5rem;
  overflow: hidden;
  border-radius: var(--border-radius--medium);
}
.c-contribution-card-severity .c-dropdown-trigger__header {
  padding: 0 0.5rem;
  background-color: inherit;
}
.c-contribution-card-severity .c-dropdown-trigger__body {
  margin-left: 0;
}
.c-contribution-card-severity .c-dropdown-trigger__icon {
  font-size: 2rem;
}
.c-contribution-card-severity .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(0deg);
}
.c-contribution-card-severity .c-dropdown-trigger--is-active {
  /* stylelint-disable-next-line */
}
.c-contribution-card-severity .c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(-180deg);
}
.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-800);
  --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-400);
}

.c-contribution-card-status {
  color: var(--contribution-card-status-text-color);
}
.c-contribution-card-status__section {
  display: flex;
  padding: 0.5rem 1rem;
  flex-direction: column;
  gap: 0.5rem;
  background-color: var(--contribution-card-status-bg-color);
}
.c-contribution-card-status__section + .c-contribution-card-status__section {
  border-top: 0.0625rem solid var(--contribution-card-status-border-color);
}
.c-contribution-card-status__header {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.c-contribution-card-status__header .c-icon {
  font-size: 2rem;
  color: var(--contribution-card-status-icon-color);
}
.c-contribution-card-status__label {
  color: var(--contribution-card-status__label-text-color);
}
.c-contribution-card-status__details {
  color: var(--contribution-card-status__details-text-color);
}
.c-contribution-card-status__body > * + * {
  margin-top: 0.5rem;
}
.c-contribution-card-status__expiration {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
@media (min-width: 46.25em) {
  .c-contribution-card-status__section {
    padding: 1rem;
  }
}
.c-contribution-card-sticky-button {
  --contribution-card__sticky-button-text-color: var(--body-text-color);
  --contribution-card__sticky-button-bg-color: var(--color-primary-600);
}
.c-contribution-card-sticky-button--duplicate, .c-contribution-card-sticky-button--archived {
  --contribution-card__sticky-button-text-color: var(--body-text-color);
  --contribution-card__sticky-button-bg-color: var(--color-secondary-800);
}
.c-contribution-card-sticky-button--duplicate .c-button, .c-contribution-card-sticky-button--archived .c-button {
  --button-text-color: var(--color-secondary-200);
  --button-bg-color: var(--color-secondary-900);
}
.c-contribution-card-sticky-button--fixed {
  --contribution-card__sticky-button-text-color: var(--body-text-color);
  --contribution-card__sticky-button-bg-color: var(--color-tertiary-600);
}
.c-contribution-card-sticky-button--fixed .c-button {
  --button-text-color: var(--color-tertiary-200);
  --button-bg-color: var(--color-tertiary-800);
}
.c-contribution-card-sticky-button--admin {
  --contribution-card__sticky-button-text-color: var(--body-text-color);
  --contribution-card__sticky-button-bg-color: var(--color-admin-400);
}
.c-contribution-card-sticky-button--admin .c-button {
  --button-text-color: var(--color-admin-50);
  --button-bg-color: var(--color-admin-900);
}

.c-contribution-card-sticky-button {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: flex;
  width: 100%;
  padding: 1rem;
  color: var(--contribution-card__sticky-button-text-color);
  cursor: pointer;
  background-color: var(--contribution-card__sticky-button-bg-color);
  border: 0;
  border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0;
  outline: 0;
  transition: 150ms ease-in-out;
}
@media (min-width: 46.25em) {
  .c-contribution-card-sticky-button {
    display: none;
  }
}
.c-contribution-card-sticky-button > *:first-child {
  margin-right: 1rem;
}
.c-contribution-card-sticky-button__button {
  margin-left: auto;
}
.c-contribution-card-sticky-button--hidden {
  transform: translateY(100%);
}
.c-contribution-card-upvote-stats {
  --contribution-card-upvote-stats-text-color: var(--color-secondary-100);
}
.c-contribution-card-upvote-stats.c-contribution-card-upvote-stats--archived {
  --contribution-card-upvote-stats__separator-color: var(--color-secondary-500);
}
.c-contribution-card-upvote-stats.c-contribution-card-upvote-stats--fixed {
  --contribution-card-upvote-stats__separator-color: var(--color-tertiary-400);
}

.c-contribution-card-upvote-stats {
  display: flex;
  align-items: center;
  color: var(--contribution-card-upvote-stats-text-color);
}
.c-contribution-card-upvote-stats__icon {
  margin-right: 0.5rem;
}
.c-contribution-card-upvote-stats__separator {
  width: 0.0625rem;
  min-height: 2rem;
  margin: 0 1rem;
  align-self: stretch;
  background: var(--contribution-card-upvote-stats__separator-color);
}
.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-border-radius: var(--border-radius--medium);
}
.c-contribution-card.c-contribution-card--archived, .c-contribution-card.c-contribution-card--duplicate {
  --contribution-card__header-bg-color: var(--color-secondary-800);
  --contribution-card__header-border-color: var(--color-secondary-700);
  --contribution-card__body-bg-color: var(--color-secondary-800);
  --contribution-card__footer-bg-color: var(--color-secondary-900);
  --contribution-card-separator-color: var(--color-secondary-700);
}
.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-800);
  --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);
}
.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 {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--contribution-card-border-radius);
}
.c-contribution-card__header {
  position: relative;
  display: flex;
  width: 100%;
  align-items: baseline;
  padding: 0.5rem 1rem;
  color: var(--contribution-card__header-text-color);
  background-color: var(--contribution-card__header-bg-color);
  border-bottom: 0.0625rem solid var(--contribution-card__header-border-color);
}
.c-contribution-card__body {
  background-color: var(--contribution-card__body-bg-color);
}
.c-contribution-card__body > * + * {
  border-top: 0.0625rem solid var(--contribution-card-separator-color);
}
.c-contribution-card__footer {
  padding: 1rem;
  background-color: var(--contribution-card__footer-bg-color);
}
.c-contribution-card__footer .c-avatar-list {
  margin-top: 0.5rem;
}
.c-contribution-modify-group {
  --contribution-modify-group__title-font-family: var(--font-primary);
  --contribution-modify-group__title-font-size: 1rem;
  --contribution-modify-group__title-line-height: 1.5rem;
  --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;
}
@media (max-width: 61.24em) {
  .c-contribution-modify-group {
    padding: 1rem;
  }
}
.c-contribution-modify-group > * + * {
  margin-top: 1rem;
}
.c-contribution-modify-group__title {
  font-family: var(--contribution-modify-group__title-font-family);
  font-size: var(--contribution-modify-group__title-font-size);
  line-height: var(--contribution-modify-group__title-line-height);
  color: var(--contribution-modify-group__title-text-color);
}
.c-contribution-modify-group__sub-title {
  font-family: var(--contribution-modify-group__sub-title-font-family);
  font-size: var(--contribution-modify-group__sub-title-font-size);
  line-height: var(--contribution-modify-group__sub-title-line-height);
  color: var(--contribution-modify-group__sub-title-text-color);
}
.c-contribution-modify-group__body > * + * {
  margin-top: 0.5rem;
}
.c-contribution-modify-group__error {
  color: var(--contribution-modify-group__error-text-color);
}
.c-contribution-modify-group__version-selection .c-inline-icon-wrapper {
  margin-top: 1rem;
}
.c-contribution-modify-group .c-message {
  margin-bottom: 1rem;
}
.c-contribution-modify-group + .c-contribution-modify-group::before {
  display: block;
  margin: 2rem 0;
  content: "";
  border-top: 1px solid var(--contribution-modify-group__separator--border-color);
}
.c-contribution-modify-group {
  --contribution-modify-group__title-text-color: var(--color-secondary-200);
  --contribution-modify-group__sub-title-text-color: var(--color-secondary-200);
  --contribution-modify-group__separator--border-color: var(--color-primary-700);
  --contribution-modify-group__error-text-color: var(--ui-color__error--base);
}

.c-contribution-modify-modal {
  --contribution-modify-modal__sub-header-title-text-color: var(--color-secondary-50);
  --contribution-modify-modal__sub-header-text-color: var(--color-secondary-200);
}
.c-contribution-modify-modal {
  --contribution-modify-modal__sub-header-title-font-family: var(--font-secondary);
  --contribution-modify-modal__sub-header-title-font-size: 1.25rem;
  --contribution-modify-modal__sub-header-title-font-weight: 500;
  --contribution-modify-modal__sub-header-title-line-height: 1.5rem;
  --contribution-modify-modal__sub-header-title-text-transform: inherit;
  --contribution-modify-modal__sub-header-text-font-family: var(--font-primary);
  --contribution-modify-modal__sub-header-text-font-size: 1rem;
  --contribution-modify-modal__sub-header-text-line-height: 1.5rem;
}
.c-contribution-modify-modal .c-modal__sub-header {
  padding: 1rem;
}
@media (min-width: 61.25em) {
  .c-contribution-modify-modal .c-modal__sub-header {
    padding: 1.5rem 3rem;
  }
}
.c-contribution-modify-modal .c-modal__sub-header > * + * {
  margin-top: 0.5rem;
}
.c-contribution-modify-modal__sub-header-title {
  font-family: var(--contribution-modify-modal__sub-header-title-font-family);
  font-size: var(--contribution-modify-modal__sub-header-title-font-size);
  font-weight: var(--contribution-modify-modal__sub-header-title-font-weight);
  line-height: var(--contribution-modify-modal__sub-header-title-line-height);
  color: var(--contribution-modify-modal__sub-header-title-text-color);
  text-transform: var(--contribution-modify-modal__sub-header-title-text-transform);
}
.c-contribution-modify-modal__sub-header-text {
  font-family: var(--contribution-modify-modal__sub-header-text-font-family);
  font-size: var(--contribution-modify-modal__sub-header-text-font-size);
  line-height: var(--contribution-modify-modal__sub-header-text-line-height);
  color: var(--contribution-modify-modal__sub-header-text-color);
}
.c-datetimepicker__section-header {
  margin: 1rem 0 0.25rem 0;
}
.c-datetimepicker__section-fields {
  display: flex;
  align-items: center;
}
.c-datetimepicker__section-errors {
  margin-top: 0.5rem;
  color: var(--ui-color__error--base);
}
.c-datetimepicker__separator {
  padding: 0 1rem;
}
.c-datetimepicker__hour, .c-datetimepicker__minute, .c-datetimepicker__day {
  width: 5rem;
}
.c-datetimepicker__year {
  width: 5.5rem;
}
.c-datetimepicker__month .c-dropdown-trigger, .c-datetimepicker__meridiem .c-dropdown-trigger {
  height: 3.5rem;
}
.c-device-card {
  position: relative;
  display: flex;
  min-height: 2rem;
  padding-right: 2rem;
  overflow: hidden;
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--small);
  align-items: stretch;
}
.c-device-card__icon {
  display: flex;
  width: 2rem;
  min-height: 2rem;
  font-size: 1rem;
  background-color: var(--ui-color--base);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.c-device-card__label {
  display: flex;
  margin-left: 1rem;
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
}
.c-device-card--dropdown {
  cursor: pointer;
  border: solid 0.0625rem var(--ui-color--base);
  flex-shrink: 0;
}
@media (max-width: 46.24em) {
  .c-device-card__label {
    white-space: unset;
  }
}
.c-device-info {
  padding-bottom: 1rem;
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-device-info + .c-device-info {
  padding-top: 1rem;
  border-top: 1px solid var(--separator-color--base);
}
.c-device-info-description {
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.c-duplicate-issue-input > * + * {
  margin-top: 0.25rem;
}
.c-duplicate-issue-input__title {
  color: var(--duplicate-issue-input__title-color);
}
.c-duplicate-issue-input__issue {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.c-duplicate-issue-input__issue-code {
  color: var(--duplicate-issue-input__issue-code-color);
}
.c-duplicate-issue-input__issue-title {
  color: var(--duplicate-issue-input__issue-title-color);
}
.c-embedded-auth-modal {
  position: fixed;
}
.c-embedded-auth-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--modal-color);
  opacity: 0.8;
}
.c-embedded-auth-modal__content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

@media (min-width: 46.25em) {
  .c-embedded-auth-modal__content {
    top: 50%;
    left: 50%;
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 480px;
    height: 720px;
    transform: translate(-50%, -50%);
  }
}
.c-error-message {
  color: var(--ui-color__error--base);
}
.c-error-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--body-bg-color);
}
.c-error-overlay__title {
  margin-top: 1rem;
}
.c-error-overlay__error {
  margin-top: 0.5rem;
}
.c-error-overlay .l-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 46.24em) {
  .c-error-overlay .l-container > img {
    min-width: calc(100% + 2rem);
  }
}
.c-errorpage {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-errorpage--full-screen {
  width: 100%;
  height: 100%;
  padding-top: 6.25rem;
  background-color: var(--body-bg-color);
}
.c-errorpage__title {
  margin-top: 1rem;
}
.c-errorpage__error {
  margin-top: 0.5rem;
}
.c-errorpage .l-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-errorpage .c-button {
  margin-top: 2.5rem;
}
@media (max-width: 46.24em) {
  .c-errorpage .l-container > img {
    min-width: calc(100% + 2rem);
  }
}
.c-iframe--responsive {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  border: 0;
}
.c-iframe__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.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-evidence {
  position: relative;
  box-sizing: border-box;
  margin: 0.5rem 0 1rem;
}
@-webkit-keyframes highlighted {
  0% {
    filter: brightness(70%);
    transform: rotateY(-10deg);
  }
  100% {
    filter: brightness(120%);
    transform: rotateY(10deg);
  }
}
@keyframes highlighted {
  0% {
    filter: brightness(70%);
    transform: rotateY(-10deg);
  }
  100% {
    filter: brightness(120%);
    transform: rotateY(10deg);
  }
}
.c-evidence--medium {
  width: 16rem;
}
.c-evidence--full {
  width: 100%;
}
.c-evidence--highlighted {
  -webkit-animation-name: highlighted;
          animation-name: highlighted;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  perspective: 62.5rem;
}
.c-evidence--hidden .c-evidence__alert {
  height: 3rem;
}
.c-evidence__body {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  flex-direction: column;
  background-color: var(--evidence-bg-color);
  border: 0.0625rem solid var(--evidence-border-color);
  border-radius: var(--border-radius--small);
}
.c-evidence__body--upload {
  border: 0;
}
.c-evidence__body > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-evidence__alert {
  position: absolute;
  bottom: 2rem;
  left: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 3rem;
  padding: 0.5rem;
  font-size: 1.5rem;
  color: var(--evidence-text-color);
  background-color: var(--evidence__alert-bg-color);
  border-right: 0.0625rem solid var(--evidence-border-color);
  border-bottom: 0.0625rem solid var(--evidence-border-color);
  border-left: 0.0625rem solid var(--evidence-border-color);
  border-bottom-right-radius: var(--border-radius--small);
  border-bottom-left-radius: var(--border-radius--small);
  align-items: center;
}
.c-evidence__alert .c-icon {
  margin-right: 0.5rem;
  font-size: 1rem;
  flex: none;
}
.c-evidence__alert-caption {
  flex: auto;
}
.c-evidence__alert-link {
  margin-left: 0.5rem;
  white-space: nowrap;
  flex: none;
}
.c-evidence__remove {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 1.5rem;
  color: var(--evidence__remove-icon-color);
  cursor: pointer;
  background-color: var(--evidence__remove-icon-bg-color);
  border-style: solid;
  border-width: 0.0625rem;
  border-top-color: var(--evidence-border-color);
  border-right-color: var(--evidence-border-color);
  border-bottom-color: var(--evidence__remove-icon-border-color);
  border-left-color: var(--evidence__remove-icon-border-color);
  border-radius: 0 var(--border-radius--small);
  outline: none;
  justify-content: center;
  align-items: center;
}
.c-evidence__footer {
  display: flex;
  justify-content: space-between;
  flex: 1 50%;
  height: 1.5rem;
  margin-top: 0.5rem;
  color: var(--evidence-text-color);
  word-break: break-word;
  align-items: center;
}
.c-evidence__footer .c-icon {
  margin-right: 0.5rem;
}
.c-evidence__footer-link {
  max-width: 50%;
  padding-left: 0.5rem;
  text-align: right;
  align-items: center;
}
.c-evidence__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.c-evidence__media-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.5rem;
  color: var(--evidence__icon-color);
  transform: translate(-50%, -50%);
}
.c-evidence--with-alert .c-evidence__media-icon {
  transform: translate(-50%, calc(-50% - 24px));
}
.c-evidence__media-icon--video {
  padding: 0.75rem;
  background-color: var(--evidence__icon-bg-color);
  border-radius: 50%;
}
.c-evidence__hidden {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  background-image: repeating-linear-gradient(-45deg, var(--evidence__stripes-color), var(--evidence__stripes-color) 1px, transparent 2px, transparent 10px);
}
.c-evidence--with-alert .c-evidence__hidden {
  transform: translateY(-24px);
}
.c-evidence__hidden .c-icon {
  font-size: 1.5rem;
  color: var(--evidence__icon-color);
}
.c-evidence__upload {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 3rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  background-color: var(--evidence-bg-color);
  border: 0;
  border-radius: 0.25rem;
  transition: color 0.3s linear;
}
.c-evidence__upload .c-icon {
  font-size: 1.5rem;
}
.c-evidence__upload:focus {
  outline: 0;
}
.c-evidence__upload:focus-visible, .c-evidence__upload.focus-visible {
  box-shadow: 0 0 0 2px var(--ui-color__font--contrast-4) inset;
}
.c-evidence--clickable .c-evidence {
  cursor: pointer;
}
@charset "UTF-8";
.c-swiper-container {
  position: relative;
  width: calc(100% + 1.9375rem);
  max-width: 100vw;
  padding: 0 1rem 1rem;
  margin: 0 -1rem 1rem;
  overflow: hidden;
}
@media (min-width: 46.25em) {
  .c-swiper-container {
    width: 100%;
    padding: 0 0 1rem;
    margin: 0 -3rem 1rem 0;
  }
}
.c-swiper--with-footer::after {
  z-index: 0;
  display: block;
  width: 100%;
  height: 2.5rem;
  margin-top: 1rem;
  content: "";
  border: solid 0.0625rem var(--swiper-border);
  border-radius: var(--border-radius--small);
}
.c-swiper--without-footer {
  /* stylelint-disable  */
  /* stylelint-enable  */
}
.c-swiper--without-footer .swiper-pagination-bullets,
.c-swiper--without-footer .swiper-button-next,
.c-swiper--without-footer .swiper-button-prev {
  display: none !important;
}

/* stylelint-disable  */
.c-swiper--with-footer .swiper-container-horizontal > .swiper-pagination-bullets,
.c-swiper--with-footer .swiper-button-next,
.c-swiper--with-footer .swiper-button-prev {
  bottom: 1.25rem;
  z-index: 10;
  transform: translateY(50%);
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1rem;
  display: flex;
  max-width: calc(100% - 4rem);
  margin: 0 2rem;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  flex-shrink: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child):not(.swiper-pagination-bullet-active):nth-child(n+11) {
  display: none;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child):not(.swiper-pagination-bullet-active):nth-child(10) {
  width: 1.25rem;
  height: unset;
  background-color: transparent;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child):not(.swiper-pagination-bullet-active):nth-child(10)::after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "•••";
  transform: translate(-50%, -50%);
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active + .swiper-pagination-bullet:not(:last-child):nth-child(n+11) {
  display: inline-block !important;
  width: 1.25rem;
  height: unset;
  background-color: transparent;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active + .swiper-pagination-bullet:not(:last-child):nth-child(n+11)::after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "•••";
  transform: translate(-50%, -50%);
}

/* stylelint-enable  */
.c-file-selector {
  --file-selector-text-color: var(--color-white);
  --file-selector-icon-color: var(--color-white);
  --file-selector-border-color: var(--color-secondary-400);
  --file-selector-bg-color: transparent;
}
.c-file-selector.c-file-selector--hover, .c-file-selector.h-hover {
  --file-selector-bg-color: var(--color-primary-700);
}

.c-file-selector {
  display: flex;
  color: var(--file-selector-text-color);
  text-transform: uppercase;
  background-color: var(--file-selector-bg-color);
  border-radius: var(--border-radius--small);
  outline: 0;
  justify-content: center;
}
.c-file-selector--draggable {
  display: grid;
  height: 12.5rem;
  padding: 1.5rem 1rem;
  border: 1px dashed var(--file-selector-border-color);
  grid-template-columns: 1fr -webkit-max-content 1fr;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  justify-items: center;
}
.c-file-selector__label-wrapper, .c-file-selector__choice-label {
  text-transform: uppercase;
}
.c-file-selector__choice-label {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.c-file-selector__label-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.c-file-selector__label-wrapper .c-icon {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}
.c-file-selector__icon {
  margin: 0.5rem;
}
@media (max-width: 46.24em) {
  .c-file-selector .c-button {
    width: 100%;
  }
}
.c-footer-navigation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.c-footer-navigation-item {
  list-style: none;
}
.c-footer-navigation-item + .c-footer-navigation-item {
  margin-left: 0.5rem;
}
.c-footer-section + .c-footer-section {
  margin-top: 0.5rem;
}
.c-footer {
  --footer-text-color: var(--color-secondary-200);
  --footer__divider-border-color: var(--color-secondary-500);
  /* stylelint-disable-next-line */
}
.c-footer__link.t--link {
  --t-color: var(--color-secondary-200);
}

.c-footer {
  padding-bottom: 2.5rem;
  color: var(--footer-text-color);
  text-align: center;
}
.c-footer__divider {
  width: 100%;
  margin: 4rem 0 1rem 0;
  border-top: 0.0625rem solid var(--footer__divider-border-color);
}
.c-footer__inner {
  width: 100%;
  margin: 0 auto;
}
.c-footer .c-footer-navigation {
  margin-top: 1rem;
}
.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-brand-bg-color: transparent;
}

.c-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: var(--header-bg-color);
  border-bottom-color: var(--header-border-color);
  border-bottom-style: solid;
  border-bottom-width: 0.0625rem;
}
@media (min-width: 81.25em) {
  .c-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
  }
}
.c-header__navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 3.5rem;
  padding: 0 0.75rem;
}
.c-header__navigation .c-admin-settings-button {
  margin-right: 0.5rem;
}
.c-header__navigation .c-profile-menu__avatar {
  margin-left: 0.5rem;
}
@media (min-width: 81.25em) {
  .c-header__navigation {
    pointer-events: none;
  }
  .c-header__navigation > * {
    pointer-events: all;
  }
}
.c-header__navigation-mobile-burger {
  font-size: 1.75rem;
  color: var(--header__burger-color);
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
@media (max-width: 81.24em) {
  .c-header__navigation-mobile-burger {
    margin-right: 0.5rem;
  }
}
.c-header__navigation-mobile--left, .c-header__navigation-mobile--right {
  display: flex;
  align-items: center;
}
.c-header--mobile .c-header__navigation {
  margin-right: auto;
  justify-content: space-between;
}
.c-highlight {
  --highlight-bg-color: var(--color-primary-500);
  --highlight-text-color: var(--color-white);
}
.c-highlight.c-highlight--archived {
  --highlight-bg-color: var(--color-secondary-700);
  --highlight-text-color: var(--color-secondary-400);
}
.c-highlight.c-highlight--fixed {
  --highlight-bg-color: var(--color-tertiary-400);
}

.c-highlight {
  display: inline-block;
  color: var(--highlight-text-color);
  background-color: var(--highlight-bg-color);
}
.c-info-block {
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--medium);
}
.c-info-block__content {
  margin-top: 0.5rem;
}
.c-inline-icon-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.c-inline-icon-wrapper__icon {
  margin-right: 1rem;
  font-size: 1.25rem;
}
.c-invitation-acceptance {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-invitation-acceptance > .t {
  text-align: center;
}
.c-invitation-acceptance__user-panel {
  margin-top: 1rem;
}
.c-invitation-acceptance__user-panel > * + * {
  margin-top: 0.5rem;
}
.c-invitation-acceptance__user-info {
  display: flex;
}
.c-invitation-acceptance__user-names {
  margin-left: 1rem;
}
.c-invitation-acceptance__avatar {
  align-items: flex-start;
}
.c-invitation-acceptance__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.c-invitation-acceptance__wrapper {
  width: 100%;
}
@media (min-width: 46.25em) {
  .c-invitation-acceptance__wrapper {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 34rem;
  }
}
.c-invitation-error {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-invitation-error__alert {
  width: 100%;
}
@media (min-width: 46.25em) {
  .c-invitation-error__alert {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 46rem;
  }
}
.c-invitation-error__button {
  margin-top: 1.5rem;
}
.c-issue-status {
  display: grid;
  grid-template-columns: 1.75rem auto;
  padding: 0.5rem 1rem;
  align-items: center;
}
.c-issue-status__icon {
  font-size: 1.5rem;
  text-align: center;
}
.c-issue-status__content {
  display: flex;
  margin-left: 0.25rem;
  justify-content: flex-start;
  align-items: baseline;
}
.c-issue-status__label {
  margin-right: 0.25rem;
  text-transform: uppercase;
}
.c-issue-status__details {
  max-width: 150px;
  overflow: visible;
  color: var(--issue-status__details-text-color);
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 46.25em) {
  .c-issue-status__content {
    display: flex;
    align-items: baseline;
    padding-right: 0.625rem;
    padding-bottom: 0.5rem;
    margin-left: 0.625rem;
  }
  .c-issue-status__label {
    text-align: center;
  }
  .c-issue-status__details {
    text-align: center;
  }
}
@charset "UTF-8";
.c-issue {
  --issue-bg-color: var(--color-primary-800);
  --issue__header-text-color: var(--color-primary-100);
  --issue__header-border-color: var(--color-primary-500);
  --issue__title-text-color: var(--color-primary-0);
  --issue__details-text-color: var(--color-primary-100);
  --issue__avatar-border-color: var(--color-primary-100);
  --issue__excerpt-text-color: var(--color-secondary-200);
  --issue__divider-bg-color: var(--color-primary-600);
  --issue__footer-text-color: var(--color-primary-100);
  --issue__footer-bg-color: "";
  --issue__ticket-title-text-color: var(--color-primary-0);
  --issue__ticket-link-text-color: var(--color-primary-100);
  --issue-status__details-text-color: "";
  --issue__promotion-text-color: var(--color-primary-0);
  --issue__promotion-bg-color: var(--color-primary-500);
}
.c-issue .c-avatar {
  --avatar-border-color: var(--issue__avatar-border-color);
}
.c-issue .c-issue__title {
  --issue__title-text-font-family: var(--font-secondary);
  --issue__title-text-font-size: 1.25rem;
  --issue__title-text-line-height: 1.5rem;
}

.c-issue.c-issue--archived {
  --issue-bg-color: var(--color-secondary-900);
  --issue__header-text-color: var(--color-secondary-400);
  --issue__header-border-color: var(--color-secondary-700);
  --issue__footer-bg-color: var(--color-secondary-600);
  --issue__footer-text-color: var(--color-secondary-400);
  --issue__title-text-color: var(--color-secondary-400);
  --issue__details-text-color: var(--color-secondary-400);
  --issue__avatar-border-color: var(--color-secondary-300);
  --issue-status__details-text-color: var(--color-secondary-300);
}
.c-issue.c-issue--archived.c-issue--list {
  --issue__header-bg-color: var(--color-secondary-800);
}
.c-issue.c-issue--archived .c-announcement {
  --announcement-border-color: var(--color-secondary-400);
}
.c-issue.c-issue--archived .c-avatar {
  --avatar-border-color: var(--issue__avatar-border-color);
}
.c-issue.c-issue--archived .c-button {
  --button-color: var(--color-secondary-200);
  --button-color__font: var(--color-secondary-900);
  --button-color__font--disabled: var(--color-secondary-600);
  --button-color--disabled: var(--color-secondary-800);
  --button-color--hover: var(--color-secondary-300);
}
.c-issue.c-issue--archived .c-tag {
  --tag-text-color: var(--color-secondary-400);
  --tag-border-color: var(--color-secondary-800);
}
.c-issue.c-issue--archived .c-tag.c-tag--secondary {
  --tag-text-color: var(--color-secondary-300);
  --tag-bg-color: var(--color-secondary-800);
  --tag-border-color: var(--color-secondary-800);
}
.c-issue.c-issue--archived .c-tag.c-tag--tertiary {
  --tag-text-color: var(--color-primary-900);
  --tag-bg-color: var(--color-secondary-300);
  --tag-border-color: var(--color-secondary-300);
}

.c-issue.c-issue--duplicate {
  --issue-bg-color: var(--color-secondary-900);
  --issue__header-text-color: var(--color-secondary-400);
  --issue__header-border-color: var(--color-secondary-700);
  --issue__footer-bg-color: var(--color-secondary-600);
  --issue__footer-text-color: var(--color-secondary-400);
  --issue__title-text-color: var(--color-secondary-400);
  --issue__details-text-color: var(--color-secondary-400);
  --issue__avatar-border-color: var(--color-secondary-300);
  --issue-status__details-text-color: var(--color-secondary-300);
}
.c-issue.c-issue--duplicate.c-issue--list {
  --issue__header-bg-color: var(--color-secondary-800);
}
.c-issue.c-issue--duplicate .c-announcement {
  --announcement-border-color: var(--color-secondary-400);
}
.c-issue.c-issue--duplicate .c-avatar {
  --avatar-border-color: var(--issue__avatar-border-color);
}
.c-issue.c-issue--duplicate .c-button {
  --button-color: var(--color-secondary-200);
  --button-color__font: var(--color-secondary-900);
  --button-color__font--disabled: var(--color-secondary-600);
  --button-color--disabled: var(--color-secondary-800);
  --button-color--hover: var(--color-secondary-300);
}
.c-issue.c-issue--duplicate .c-tag {
  --tag-text-color: var(--color-secondary-400);
  --tag-border-color: var(--color-secondary-800);
}
.c-issue.c-issue--duplicate .c-tag.c-tag--secondary {
  --tag-text-color: var(--color-secondary-300);
  --tag-bg-color: var(--color-secondary-800);
  --tag-border-color: var(--color-secondary-800);
}
.c-issue.c-issue--duplicate .c-tag.c-tag--tertiary {
  --tag-text-color: var(--color-primary-900);
  --tag-bg-color: var(--color-secondary-300);
  --tag-border-color: var(--color-secondary-300);
}

.c-issue--empty {
  --issue-border-color: var(--color-primary-700);
}

.c-issue.c-issue--fixed {
  --issue-bg-color: var(--color-tertiary-800);
  --issue-border-color: var(--color-tertiary-100);
  --issue__header-text-color: var(--color-tertiary-100);
  --issue__header-border-color: var(--color-tertiary-400);
  --issue__footer-bg-color: var(--color-tertiary-600);
  --issue__footer-text-color: var(--color-tertiary-100);
  --issue__title-text-color: var(--color-primary-0);
  --issue__details-text-color: var(--color-tertiary-100);
  --issue__avatar-border-color: var(--color-tertiary-100);
}
.c-issue.c-issue--fixed.c-issue--list {
  --issue__header-bg-color: var(--color-tertiary-600);
  --issue__footer-bg-color: var(--color-tertiary-600);
}
.c-issue.c-issue--fixed .c-announcement {
  --announcement-border-color: var(--color-tertiary-100);
}
.c-issue.c-issue--fixed .c-avatar {
  --avatar-border-color: var(--issue__avatar-border-color);
}
.c-issue.c-issue--fixed .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-issue.c-issue--fixed .c-button {
  --button-color: var(--color-tertiary-100);
  --button-color__font: var(--color-tertiary-800);
  --button-color--hover: var(--color-tertiary-200);
}
.c-issue.c-issue--fixed .c-tag {
  --tag-text-color: var(--color-tertiary-100);
  --tag-border-color: var(--color-tertiary-400);
}
.c-issue.c-issue--fixed .c-tag.c-tag--secondary {
  --tag-text-color: var(--color-tertiary-100);
  --tag-bg-color: var(--color-tertiary-600);
  --tag-border-color: var(--color-tertiary-600);
}
.c-issue.c-issue--fixed .c-tag.c-tag--tertiary {
  --tag-text-color: var(--color-primary-900);
  --tag-bg-color: var(--color-tertiary-100);
}

.c-issue.c-issue--list {
  --issue__header-bg-color: var(--color-primary-600);
  --issue__footer-bg-color: var(--color-primary-700);
}

.c-issue--promoted .c-button {
  --button-bg-color: var(--color-highlight-400);
  --button-text-color: var(--color-white);
}

.c-issue {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: var(--issue-bg-color);
  border-radius: var(--border-radius--medium);
  flex: 16;
  align-self: stretch;
}
.c-issue a,
.c-issue .c-button,
.c-issue .c-contribute-button {
  /* link or buttons inside the issue must be above the title <a> pseudo element, see line 58 */
  position: relative;
  z-index: 2 !important;
}
.c-issue .c-button--icon {
  flex-shrink: 0;
}
.c-issue__wrapper {
  display: flex;
  overflow: hidden;
  flex-direction: row;
}
.c-issue__wrapper--card {
  height: 100%;
}
.c-issue__checkbox--flex {
  align-self: center;
}
.c-issue__promotion {
  z-index: 4;
  display: flex;
  flex-wrap: nowrap;
  width: 3rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  margin: 0.5rem 0 0 0.5rem;
  overflow: hidden;
  background-color: transparent;
  border-radius: 1.5rem;
  transition: width 0.25s, background-color 0.25s 0.3s, left 0.25s 0.5s, top 0.25s 0.5s;
}
@media (min-width: 46.25em) {
  .c-issue__promotion {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
}
.c-issue__promotion-label {
  text-transform: uppercase;
}
.c-issue__promotion-button {
  margin-right: 0.5rem;
}
.c-issue__promotion-content {
  display: flex;
  color: var(--issue__promotion-text-color);
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.25s;
}
@media (min-width: 46.25em) {
  .c-issue__promotion-content {
    position: absolute;
    left: 3rem;
  }
}
.c-issue__header-tools {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 16px);
  flex-direction: row-reverse;
}
@media (min-width: 46.25em) {
  .c-issue__header-tools {
    flex-direction: row;
    justify-content: flex-start;
  }
  .c-issue__header-tools :not(:last-child) {
    margin-right: 0.5rem;
  }
}
.c-issue__inner {
  display: flex;
  width: 100%;
  transition: padding-top 0.25s 0.25s;
}
@media (max-width: 46.24em) {
  .c-issue__inner {
    display: block;
  }
}
.c-issue__header {
  color: var(--issue__header-text-color);
}
.c-issue__body {
  display: flex;
  flex: 1;
  padding: 0.75rem 1rem;
  flex-direction: column;
  align-items: flex-start;
}
.c-issue__body > * + * {
  margin-top: 0.5rem;
}
.c-issue__checkbox {
  z-index: 3;
  background-color: var(--body-bg-color);
}
.c-issue__title {
  margin: 0;
  font-family: var(--issue__title-text-font-family);
  font-size: var(--issue__title-text-font-size);
  line-height: var(--issue__title-text-line-height);
  color: var(--issue__title-text-color);
}
.c-issue__title a {
  position: static;
}
@media (min-width: 46.25em) {
  .c-issue__title a > div {
    display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
    overflow: hidden;
    -webkit-line-clamp: 1; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-box-orient: vertical; /* stylelint-disable-line property-no-vendor-prefix */
  }
}
.c-issue__title a::before {
  /* expand the pseudo-element to cover the issue area */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.c-issue__time {
  display: flex;
  align-items: center;
}
.c-issue__time svg {
  margin-right: 0.25rem;
}
.c-issue__details {
  display: flex;
  flex-wrap: wrap;
  color: var(--issue__details-text-color);
  grid-template-areas: "tags tags id id" "severity author author author";
}
.c-issue--fixed .c-issue__details {
  grid-template-areas: "tags tags . ." "id severity severity severity";
}
.c-issue__details > * {
  padding-bottom: 0.25rem;
}
.c-issue__details-tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.c-issue__details-tags li {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.c-issue__details-tags li:last-child {
  margin-right: 0;
}
.c-issue__details-id, .c-issue__details-author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.c-issue__details-id:last-child::before, .c-issue__details-author:last-child::before {
  padding-right: 0.5rem;
  content: "•";
}
.c-issue__details-id > * + *, .c-issue__details-author > * + * {
  margin-left: 0.25rem;
}
.c-issue__details-tags + .c-issue__details-id::before {
  display: none;
}
.c-issue__details-id {
  grid-area: id;
  text-transform: uppercase;
}
.c-issue__details-severity {
  grid-area: severity;
  flex-wrap: nowrap;
}
.c-issue__details-author {
  grid-area: author;
}
.c-issue__details-visibility {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.c-issue__details-visibility::before {
  padding-right: 0.5rem;
  vertical-align: middle;
  content: "•";
}
.c-issue__excerpt {
  min-height: 1.125rem;
  color: var(--issue__excerpt-text-color);
}
@media (min-width: 46.25em) {
  .c-issue__excerpt {
    display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
    overflow: hidden;
    -webkit-line-clamp: 2; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-box-orient: vertical; /* stylelint-disable-line property-no-vendor-prefix */
  }
}
.c-issue__footer {
  position: relative;
  display: flex;
  padding: 1rem 1rem 1rem 1rem;
  color: var(--issue__footer-text-color);
  align-items: flex-start;
  justify-content: flex-end;
}
.c-issue__footer-right-content, .c-issue__footer-left-content {
  height: 100%;
}
.c-issue__footer-left-content {
  margin-right: auto;
}
.c-issue__footer-left-content .c-contribution-card-progress-bar {
  margin-top: 0.5rem;
}
.c-issue__footer-left-content .c-icon {
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
.c-issue__footer-right-content .c-announcement {
  max-width: 8rem;
}
.c-issue__footer-severity {
  display: flex;
  margin-top: 0.25rem;
  align-items: center;
  justify-content: center;
  text-align: left;
}
.c-issue__footer-severity-icon {
  font-size: 1.5rem;
}
.c-issue__footer-kudos-list {
  display: flex;
  align-items: center;
}
.c-issue__footer-admin-link {
  display: flex;
  color: var(--issue__ticket-title-text-color);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-issue__footer-admin-link .t-link {
  padding: 0 1.5rem;
  color: var(--issue__ticket-link-text-color);
}
.c-issue__footer:empty {
  display: none;
}
.c-issue__footer .c-avatar-list {
  margin-left: 1rem;
}
.c-issue--fixed .c-issue__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.c-issue__footer-title {
  padding: 0.5rem 1rem;
  margin-top: auto;
  margin-bottom: 0.25rem;
}
@media (min-width: 46.25em) {
  .c-issue .c-issue-status {
    padding: 1rem 0 0 1rem;
  }
}

.c-issue--archived .c-issue-status__details {
  display: none;
  font-style: italic;
  color: var(--issue-status__details-text-color);
}
@media (min-width: 46.25em) {
  .c-issue--archived .c-issue-status__details {
    display: block;
  }
}

.c-issue--card {
  display: flex;
  flex-direction: column;
}
.c-issue--card .c-issue__inner {
  height: 100%;
  flex-direction: column;
}
.c-issue--card .c-issue__footer {
  align-items: center;
  padding: 0;
}
.c-issue--card .c-issue__footer-right-content, .c-issue--card .c-issue__footer-left-content {
  height: auto;
  padding: 1rem;
}
.c-issue--card .c-issue__footer-left-content {
  align-self: flex-start;
}
.c-issue--card .c-issue__footer-right-content {
  align-self: flex-end;
}
.c-issue--card .c-issue-status__content {
  padding-bottom: 0.125rem;
  margin-left: 0.125rem;
  border-bottom: 0.0625rem solid var(--issue__header-border-color);
}

.c-issue--duplicate .c-issue-status__details {
  display: none;
}

.c-issue--empty {
  min-height: 12.5rem;
  background-color: transparent;
  border: 0.125rem solid var(--issue-border-color);
}

.c-issue--fixed .c-issue__footer {
  background-color: var(--issue__footer-bg-color);
}

.c-issue--list {
  display: flex;
  flex-direction: column;
  border-radius: 0;
}
.c-issue--list .c-issue__header {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.c-issue--list .c-issue__header::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 400vh;
  content: "";
  background-color: var(--issue__header-bg-color);
}
.c-issue--list .c-issue__title {
  overflow: hidden;
  text-overflow: ellipsis;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
}
.c-issue--list .c-issue__body {
  justify-content: center;
}
@media (min-width: 46.25em) {
  .c-issue--list .c-issue__footer {
    background-color: transparent;
  }
}
@media (min-width: 46.25em) {
  .c-issue--list {
    display: flex;
    min-height: 7.5rem;
    flex-direction: row;
  }
  .c-issue--list .c-issue__header {
    flex-direction: row;
    justify-content: space-between;
  }
  .c-issue--list .c-issue-status {
    display: flex;
    width: 10rem;
    height: 100%;
    padding: 0.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .c-issue--list .c-issue-status__label {
    margin-right: 0;
    border-bottom: 0;
  }
  .c-issue--list .c-issue-status__content {
    display: flex;
    padding: 0;
    margin-left: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-bottom: 0;
  }
  .c-issue--list .c-issue-status__reason {
    margin-top: 0;
    text-align: center;
  }
  .c-issue--list .c-issue-status__details {
    margin-left: 0;
  }
  .c-issue--list .c-issue__header-tools .c-issue__visibility-dropdown {
    margin-left: unset;
  }
  .c-issue--list .c-issue__title {
    padding-right: 0;
    overflow: unset;
    text-overflow: unset;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    word-break: unset;
  }
  .c-issue--list .c-issue__details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .c-issue--list .c-issue__details-tags {
    width: unset;
    padding: 0;
    margin-right: 0.5rem;
  }
  .c-issue--list .c-issue__details-tags-item {
    padding-bottom: 0.25rem;
    margin-bottom: 0;
  }
  .c-issue--list .c-issue__details-tags,
.c-issue--list .c-issue__details-id,
.c-issue--list .c-issue__details-author,
.c-issue--list .c-issue__details-severity,
.c-issue--list .c-issue__details-visibility {
    margin-bottom: 0;
  }
  .c-issue--list .c-issue__footer {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 20.5rem;
    padding: 1rem 0 1rem 1rem;
    margin-top: 0;
    align-items: center;
    justify-self: flex-end;
  }
  .c-issue--list .c-issue__footer-right-content, .c-issue--list .c-issue__footer-left-content {
    position: relative;
    display: flex;
    padding: 0 1rem;
    flex-direction: column;
    justify-content: center;
  }
  .c-issue--list .c-issue__footer-right-content {
    width: 10.375rem;
  }
  .c-issue--list .c-issue__footer-right-content.h-admin {
    padding: 0 0.5rem;
  }
  .c-issue--list .c-issue__footer-divider {
    width: 0.0625rem;
    height: 3.5rem;
    background-color: var(--issue__divider-bg-color);
  }
  .c-issue--list .c-issue__footer-left-content {
    margin-right: unset;
    flex: 1;
    text-align: center;
  }
  .c-issue--list .c-counter {
    position: relative;
    padding-top: 0.625rem;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
  .c-issue--list .c-counter__label {
    padding-right: 0;
    margin-top: 0.625rem;
  }
  .c-issue--list.h-palette--fixed .c-issue__footer {
    background-color: var(--ui-color--contrast-1) !important;
  }
}

.c-issue__wrapper:first-child .c-issue--list {
  border-top-left-radius: var(--border-radius--medium);
  border-top-right-radius: var(--border-radius--medium);
}

.c-issue__wrapper:last-child .c-issue--list {
  border-bottom-right-radius: var(--border-radius--medium);
  border-bottom-left-radius: var(--border-radius--medium);
}

.c-issue--promoted .c-button:focus::after {
  border-radius: 50%;
}

@media (min-width: 46.25em) {
  .c-issue--promoted-expanded .c-issue__inner {
    padding-top: 3.125rem;
  }
}
.c-issue--promoted-expanded .c-issue__promotion {
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 16px);
  background-color: var(--issue__promotion-bg-color);
  transition: top 0.25s, left 0.25s, background-color 0.25s 0.25s, width 0.25s 0.3s;
}
.c-issue--promoted-expanded .c-issue__promotion-content {
  opacity: 1;
  transition: opacity 0.25s 0.5s;
}

.c-issue--admin .c-issue__header {
  z-index: 5;
  padding-top: 45px;
}
.c-issue--admin .c-issue__promotion {
  position: relative;
  width: auto;
  padding: 0;
  margin: 0;
  overflow: inherit;
}
@media (max-width: 46.24em) {
  .c-issue--admin .c-issue__promotion {
    top: 0;
    right: 0;
    left: 0;
    min-height: inherit;
    padding: 0.25rem 0 0 0.25rem;
    padding: 0;
    border-radius: 0;
  }
}
.c-issue--admin .c-issue__header-tools {
  top: 0.5rem;
  left: 0.5rem;
}
.c-issue-creation {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  justify-content: space-between;
  background-color: var(--ui-color--contrast-3);
  border-radius: var(--border-radius--medium);
}
.c-issue-creation--success, .c-issue-creation--failed {
  background-color: var(--ui-color--contrast-1);
}
.c-issue-creation__icon {
  position: relative;
  display: inline-flex;
  font-size: 1.25rem;
  align-items: center;
  flex-shrink: 0;
}
.c-issue-creation--success .c-issue-creation__icon {
  color: var(--ui-color__success);
}
.c-issue-creation--failed .c-issue-creation__icon {
  color: var(--ui-color__error--base);
}
.c-issue-creation__link {
  padding-left: 0.5rem;
}
.c-issue-creation__identifier {
  color: var(--ui-color__font--contrast-2);
}
.c-issue-creation__loader {
  position: absolute;
  top: 0;
  right: 0.75rem;
  width: 0.5em;
  height: 1em;
  margin: -0.5em 0 0 -0.5em;
  overflow: hidden;
  font-size: 1.5rem;
  transform-origin: 100% 50%;
  /* stylelint-disable-next-line */
  -webkit-mask-image: linear-gradient(#000, transparent);
          mask-image: linear-gradient(#000, transparent);
  -webkit-animation: rotate 1s infinite linear;
          animation: rotate 1s infinite linear;
}
@-webkit-keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
.c-issue-creation__loader::before {
  display: block;
  width: 1em;
  height: 1em;
  content: "";
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px var(--ui-color__font--contrast-2), 0 0 1px var(--ui-color--contrast-3);
  opacity: 1;
}
.c-issue-widget-wrapper {
  padding: 1rem;
  background-color: var(--ui-color--contrast-1);
  border-radius: var(--border-radius--medium);
}
.c-issue-widget-wrapper__label {
  margin-bottom: 0.5rem;
}
.c-issue-widget-wrapper__divider {
  padding-bottom: 1rem;
  margin: 1rem -1rem 0;
  border-top: 1px solid var(--separator-color--base);
}
.c-issue-widget-wrapper .c-visibility-description {
  margin-bottom: 0.5rem;
}
.c-issue-into-reproduction {
  padding: 2rem 0;
}
.c-issue-into-reproduction__dropdown-wrapper {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  background-color: var(--ui-color--base);
  border-radius: var(--border-radius--medium);
}
@media (max-width: 46.24em) {
  .c-issue-into-reproduction__dropdown-wrapper {
    flex-direction: column;
  }
}
.c-issue-into-reproduction__dropdown-wrapper .c-dropdown__trigger-wrapper {
  width: 100%;
}
@media (min-width: 46.25em) {
  .c-issue-into-reproduction__dropdown-wrapper .c-dropdown__trigger-wrapper {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 22.75rem;
    margin-left: 1rem;
  }
}
.c-issue-into-reproduction__preview-wrapper {
  margin: 3rem 0 1rem;
}
.c-issue-into-reproduction__preview-title {
  margin-bottom: 0.25rem;
}
.c-issue-admin-modal .c-modal__header {
  background-color: var(--admin-color--highlight-1);
}
.c-issue-admin-modal .c-link-button {
  background-color: var(--admin-color--base);
}
.c-issue-admin-modal .c-modal__footer {
  border-top: 1px solid var(--ui-color--base);
}
.c-issue-admin-modal__subtitle + .c-issue-creation, .c-issue-admin-modal__description + .c-issue-creation {
  margin-top: 1rem;
}
.c-issue-admin-modal__description {
  white-space: pre;
}
.c-issue-admin-modal .c-issue-creation + .c-issue-creation {
  margin-top: 0.5rem;
}
.c-issue-admin-modal--create .c-issue-admin-modal__footer {
  display: flex;
  justify-content: flex-end;
}
.c-issue-admin-modal--complete .c-issue-admin-modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-issue-admin-modal--link .c-issue-admin-modal__footer label {
  display: block;
  margin-bottom: 0.5rem;
}
.c-issue-admin-modal--link .c-issue-admin-modal__footer input {
  margin-bottom: 1rem;
}
.c-issue-admin-modal--promote .c-text-input {
  margin: 0.5rem 0 1rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-admin-modal__content {
  padding-bottom: 0;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-admin-modal__subtitle {
  margin-bottom: 1.5rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__select {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__select > * {
  margin-right: 0.5rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-toolbar__bottom {
  padding: 0;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  flex-direction: column;
  justify-content: start;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-toolbar__bottom::-webkit-scrollbar-track {
  background: var(--ui-color--base);
}
.c-issue-admin-modal.c-issue-visibility-modal .c-toolbar__bottom::-webkit-scrollbar-thumb {
  border-color: var(--ui-color--base);
}
.c-issue-admin-modal.c-issue-visibility-modal .c-dropdown-trigger {
  width: 16rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-container {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  background-color: var(--ui-color--base);
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel {
  height: 280px;
  padding: 1.5rem;
  overflow: auto;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-group-trustee-list {
  margin-top: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-group-trustee-list, .c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-reporter-only-text {
  color: var(--color-white);
}
.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-filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (min-width: 46.25em) {
  .c-dropdown__environment .c-dropdown-list,
.c-dropdown__release .c-dropdown-list,
.c-dropdown__category .c-dropdown-list {
    max-height: 24.5rem;
    overflow: auto;
  }
}
.c-dropdown__environment--footer,
.c-dropdown__release--footer,
.c-dropdown__category--footer {
  padding: 1rem;
}
.c-dropdown__environment--button,
.c-dropdown__release--button,
.c-dropdown__category--button {
  margin: auto;
}
.c-issue-list {
  --issue-list__divider-border-color: var(--color-primary-500);
}

.c-issue-list-see-all {
  --issue-list__view-all-text-color: var(--color-secondary-50);
  --issue-list__view-all-bg-color: transparent;
  --issue-list__view-all--hover-bg-color: transparent;
}
.c-issue-list-header-title {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  text-decoration: none;
}
.c-issue-list-header-title__text-container {
  display: block;
  margin-bottom: 0;
}
.c-issue-list-header-title__text {
  padding-right: 1rem;
}
.c-issue-list-header-title__clear-filters {
  margin-right: auto;
  margin-left: 0;
}
.c-issue-list-header-title__clear-filters .c-icon {
  font-size: 1.125rem;
}
.c-issue-list-header-title__filters {
  display: flex;
  margin-top: 1rem;
}
.c-issue-list-header-title__filters > * + * {
  margin-left: 1.25rem;
}
@media (min-width: 46.25em) {
  .c-issue-list-header-title__filters {
    margin-left: auto;
  }
}
.c-issue-list-header-title--section {
  margin: 1.25rem 0;
}
.c-issue-list-header-title--header {
  margin-bottom: 0;
}
@media (max-width: 61.24em) {
  .c-issue-list-header-title__text-container {
    display: flex;
    width: 100%;
    align-items: baseline;
  }
  .c-issue-list-header-title__text-container > *:not(:first-child) {
    margin-left: auto;
  }
  .c-issue-list-header-title__filters > * + * {
    margin-left: 0.5rem;
  }
}
.c-issue-list-section-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 1.25rem 0 0.75rem;
  text-decoration: none;
}
@media (min-width: 46.25em) {
  .c-issue-list-section-title {
    justify-content: space-between;
  }
}
.c-issue-list-section-title__text-container {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 46.25em) {
  .c-issue-list-section-title__text-container {
    display: block;
    width: unset;
    max-width: 70%;
    margin-bottom: 0;
  }
}
.c-issue-list-section-title__header {
  padding-right: 1rem;
  color: var(--body__title-text-color);
}
.c-issue-list-section-title__subtitle {
  margin-top: 0.5rem;
  /* stylelint-disable-next-line */
  -webkit-hyphens: auto;
          hyphens: auto;
}
.c-issue-list-section-title__view-all-button {
  justify-self: end;
}
.c-issue-list-section-title__filters {
  display: flex;
  margin-left: auto !important;
}
@media (min-width: 46.25em) {
  .c-issue-list-section-title__filters {
    margin-left: 1rem;
  }
}
.c-issue-list-section-title__filters > * {
  margin-left: 1.25rem;
}
.c-issue-cards-list {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.c-issue-cards-list__header {
  display: flex;
  padding-top: 1.5rem;
  margin: 1.25rem 0;
  align-items: center;
  text-decoration: none;
}
.c-issue-cards-list__label {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
.c-issue-cards-list__label-link {
  position: relative;
  color: var(--body-text-color);
}
.c-issue-cards-list__label-link .c-icon {
  font-size: 1.125rem;
}
.c-issue-cards-list__label-link .c-icon::before {
  transform: translateY(0.25rem) rotate(-90deg);
}
.c-issue-cards-list__title {
  text-transform: uppercase;
}
.c-issue-cards-list .tns-outer .tns-nav button {
  background-color: var(--ui-color--contrast-1);
  opacity: 0.5;
}
.c-issue-cards-list .tns-outer .tns-nav button:hover, .c-issue-cards-list .tns-outer .tns-nav button:focus, .c-issue-cards-list .tns-outer .tns-nav button.tns-nav-active {
  background-color: var(--ui-color--highlight-1);
  outline: 0;
}
.c-issue-cards-list + .c-issue-list,
.c-issue-cards-list + .c-issue-cards-list {
  margin-top: 2.5rem;
}
.c-issue-cards-list .c-issue__body {
  padding: 0.5rem 1rem 1rem 1rem;
}
.c-issue-cards-list .c-issue__footer-left-content {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.c-issue-list__container ~ .c-issue-list__container {
  padding-top: 5rem;
}
.c-issue-list__divider {
  width: 100%;
  margin: 0.5rem 0 1rem;
  border-top: 1px solid var(--separator-color--base);
}
@media (min-width: 61.25em) {
  .c-issue-list__divider {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}
.c-issue-list__tags {
  width: 100%;
}
.c-issue-list__tag {
  flex: none;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.c-issue-list__body {
  display: flex;
  flex-direction: column;
}
.c-issue-list__body-divider {
  width: 100%;
  border-bottom: solid 0.0625rem var(--issue-list__divider-border-color);
}
.c-issue-list--admin .c-issue-list__body-divider {
  width: calc(100% - 32px);
  margin-left: 2rem;
}
.c-issue-list__empty-state {
  display: flex;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  border-radius: var(--border-radius--medium);
}
.c-issue-list__empty-state h2 {
  width: 100%;
}
.c-issue-list__empty-state--dashboard {
  padding-top: 3.75rem;
  padding-bottom: 5.5rem;
  margin-top: 2.5rem;
}
.c-issue-list__empty-state-image {
  max-width: 20rem;
  margin: 1.5rem 0;
}
.c-issue-list__empty-state-text {
  width: 100%;
  padding: 0 1rem;
}
.c-issue-list__empty-state-icon {
  font-size: 3rem;
}
.c-issue-list__empty-state .c-button {
  margin: 2rem auto 0;
}
.c-issue-list .c-toolbar {
  margin-bottom: 2rem;
}
.c-issue-list + .c-issue-list,
.c-issue-list + .c-issue-cards-list {
  margin-top: 2.5rem;
}
.c-issue-list--fixed-issues {
  --swiper-border: var(--color-tertiary-800);
  --swiper-bullet: var(--color-tertiary-800);
  --swiper-bullet--active: var(--color-tertiary-100);
  --swiper-arrow: var(--color-tertiary-100);
  --swiper-arrow--hover: var(--color-tertiary-200);
  --swiper-arrow--disabled: var(--color-tertiary-800);
}
@media (min-width: 46.25em) {
  .c-issue-list .c-issue__body {
    padding: 2rem 2.5rem;
  }
}

@media (min-width: 46.25em) {
  .c-issue-list__empty-state {
    padding: 8rem;
    padding-bottom: 8rem;
  }
}
.c-issue-modify-group {
  --issue-modify-group__title-font-family: var(--font-primary);
  --issue-modify-group__title-font-size: 1rem;
  --issue-modify-group__title-line-height: 1.5rem;
  --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;
}
@media (max-width: 61.24em) {
  .c-issue-modify-group {
    padding: 1rem;
  }
}
.c-issue-modify-group > * + * {
  margin-top: 1rem;
}
.c-issue-modify-group__title {
  font-family: var(--issue-modify-group__title-font-family);
  font-size: var(--issue-modify-group__title-font-size);
  line-height: var(--issue-modify-group__title-line-height);
  color: var(--issue-modify-group__title-text-color);
}
.c-issue-modify-group__sub-title {
  font-family: var(--issue-modify-group__sub-title-font-family);
  font-size: var(--issue-modify-group__sub-title-font-size);
  line-height: var(--issue-modify-group__sub-title-line-height);
  color: var(--issue-modify-group__sub-title-text-color);
}
.c-issue-modify-group__icon-button {
  font-size: 1.125rem;
  cursor: pointer;
}
.c-issue-modify-group__body > * + * {
  margin-top: 0.5rem;
}
.c-issue-modify-group__error {
  color: var(--issue-modify-group__error-text-color);
}
.c-issue-modify-group__version-selection .c-inline-icon-wrapper {
  margin-top: 1rem;
}
.c-issue-modify-group .c-message {
  margin-bottom: 1rem;
}
.c-issue-modify-group + .c-issue-modify-group::before {
  display: block;
  margin: 2rem 0;
  content: "";
  border-top: 1px solid var(--issue-modify-group__separator--border-color);
}
.c-issue-modify-group {
  --issue-modify-group__title-text-color: var(--color-secondary-200);
  --issue-modify-group__sub-title-text-color: var(--color-secondary-200);
  --issue-modify-group__separator--border-color: var(--color-primary-700);
  --issue-modify-group__error-text-color: var(--ui-color__error--base);
}

.c-issue-modify-modal {
  --issue-modify-modal__sub-header-title-text-color: var(--color-secondary-50);
  --issue-modify-modal__sub-header-text-color: var(--color-secondary-200);
}
.c-issue-modify-modal {
  --issue-modify-modal__sub-header-title-font-family: var(--font-secondary);
  --issue-modify-modal__sub-header-title-font-size: 1.25rem;
  --issue-modify-modal__sub-header-title-font-weight: 500;
  --issue-modify-modal__sub-header-title-line-height: 1.5rem;
  --issue-modify-modal__sub-header-title-text-transform: inherit;
  --issue-modify-modal__sub-header-text-font-family: var(--font-primary);
  --issue-modify-modal__sub-header-text-font-size: 1rem;
  --issue-modify-modal__sub-header-text-line-height: 1.5rem;
}
.c-issue-modify-modal .c-modal__sub-header {
  padding: 1rem;
}
@media (min-width: 61.25em) {
  .c-issue-modify-modal .c-modal__sub-header {
    padding: 1.5rem 3rem;
  }
}
.c-issue-modify-modal .c-modal__sub-header > * + * {
  margin-top: 0.5rem;
}
.c-issue-modify-modal__sub-header-title {
  font-family: var(--issue-modify-modal__sub-header-title-font-family);
  font-size: var(--issue-modify-modal__sub-header-title-font-size);
  font-weight: var(--issue-modify-modal__sub-header-title-font-weight);
  line-height: var(--issue-modify-modal__sub-header-title-line-height);
  color: var(--issue-modify-modal__sub-header-title-text-color);
  text-transform: var(--issue-modify-modal__sub-header-title-text-transform);
}
.c-issue-modify-modal__sub-header-text {
  font-family: var(--issue-modify-modal__sub-header-text-font-family);
  font-size: var(--issue-modify-modal__sub-header-text-font-size);
  line-height: var(--issue-modify-modal__sub-header-text-line-height);
  color: var(--issue-modify-modal__sub-header-text-color);
}
.c-issue-report-group--has-error input,
.c-issue-report-group--has-error textarea {
  border-color: var(--ui-color__error--base);
}
.c-issue-report-group__icon-button {
  font-size: 1.125rem;
  cursor: pointer;
}
.c-issue-report-group__duplicate {
  position: relative;
  margin-top: 1rem;
}
.c-issue-report-group__duplicate-list {
  position: relative;
  min-height: 6rem;
  margin-top: 1rem;
}
.c-issue-report-group__duplicate-list .c-issue__header,
.c-issue-report-group__duplicate-list .c-issue--card {
  /* stylelint-disable-next-line */
}
.c-issue-report-group__duplicate-list .c-issue__header .c-button::after,
.c-issue-report-group__duplicate-list .c-issue--card .c-button::after {
  display: none;
}
.c-issue-report-group__duplicate-list .swiper-wrapper {
  box-sizing: border-box;
}
.c-issue-report-group__duplicate-disclaimer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: calc(100% - 2rem);
  padding: 1.5rem;
  margin: 0;
  text-align: center;
  background-color: var(--ui-color--contrast-1);
  border-radius: var(--border-radius--medium);
  transform: translate(-50%, -50%);
}
@media (min-width: 46.25em) {
  .c-issue-report-group__duplicate-disclaimer {
    max-width: 54%;
  }
}
@media (max-width: 46.24em) {
  .c-issue-report-group__duplicate-view-all {
    width: 100%;
  }
}
@media (min-width: 46.25em) {
  .c-issue-report-group__software-config .c-add-setup-item, .c-issue-report-group__system-config .c-add-setup-item {
    margin: 20px 0;
  }
}
.c-issue-report-group__evidence {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 1rem;
}
.c-issue-report-group__evidence .c-button--full {
  max-height: 3rem;
}
@media (min-width: 46.25em) {
  .c-issue-report-group__contact-preferences .c-issue-report-group__body {
    padding: 1rem 0;
  }
}
.c-issue-report-group__version-selection .c-inline-icon-wrapper {
  margin-top: 1rem;
}
.c-issue-report-actions {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding-top: 1.25rem;
  opacity: 0;
  transition: opacity 0.3s linear;
  will-change: opacity;
}
.c-issue-report-actions .c-button {
  margin-right: 0.625rem;
}
.c-issue-report-actions .c-button .c-icon {
  display: none;
}
.c-issue-report-actions .c-button:last-child {
  margin-right: 0;
}
.c-issue-report-actions--align-left {
  justify-content: flex-start;
}
.c-issue-report-actions--align-right {
  justify-content: flex-end;
}
.c-issue-report-actions--align-center {
  justify-content: center;
}
.c-issue-report-actions--is-visible {
  opacity: 1;
}
.c-issue-report-group {
  position: relative;
  z-index: 1;
  padding: 1.5rem 0;
}
@media (max-width: 46.24em) {
  .c-issue-report-group {
    padding-bottom: 6rem;
  }
}
.c-issue-report-group__body {
  margin-top: 1rem;
}
.c-issue-report-group__body .c-text-input + .c-text-input {
  margin-top: 1.5rem;
}
.c-issue-report-group__body .c-file-attachment-miniature {
  margin-top: 0.5rem;
}
.c-issue-report-group__label {
  margin-bottom: 0.5rem;
  color: var(--ui-color__font--highlight-1);
}
.c-issue-report-group__error {
  margin: 0.5rem 0;
  color: var(--ui-color__error--base);
}
.c-issue-report-group__hint {
  color: var(--ui-color__font--contrast-3);
}
.l-wrapper {
  background-color: var(--ui-color--contrast-2);
}
.l-wrapper--hidden {
  visibility: hidden;
}
.c-issue-report {
  position: relative;
  z-index: 0;
  display: flex;
  height: 100vh;
  flex-direction: column;
  background-color: var(--issue-report-bg-color);
}
.c-issue-report__header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  border-bottom: solid 0.0625rem var(--ui-color__font--contrast-3);
}
.c-issue-report__header-title {
  text-transform: uppercase;
}
.c-issue-report__header-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
}
.c-issue-report__header-close {
  align-self: flex-start;
  width: auto;
  padding: 0;
  margin: 0.25rem 0.625rem 0.625rem 0;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.c-issue-report__header-close-icon {
  width: 1.875rem;
  cursor: pointer;
}
.c-issue-report__icon-button {
  font-size: 1.5rem;
  cursor: pointer;
}
.c-issue-report__background {
  padding: 3rem 0;
  margin-bottom: 8.125rem;
}
.c-issue-report__background .c-issue-report__group {
  padding: 0;
  margin-bottom: 0;
}
.c-issue-report__animation {
  opacity: 0.2;
  transition: opacity 0.3s cubic-bezier(0.28, 0.13, 0.26, 1);
  will-change: opacity;
}
.c-issue-report__animation--is-in-viewport {
  opacity: 1;
}
.c-issue-report__footer {
  display: flex;
  width: 100%;
  padding: 2rem 0;
  align-items: center;
  justify-content: space-between;
}
.c-issue-report__footer-left, .c-issue-report__footer-right {
  display: flex;
}
.c-issue-report__footer-right {
  margin-left: auto;
}
.c-issue-report__error-list .c-issue-report__error-list-view-source-button {
  border-radius: 0.25rem;
}
.c-issue-report__see-all-duplicates-button {
  border-radius: 0;
}
.c-issue-report__see-all-duplicates-button .c-icon {
  margin-left: auto;
  font-size: 1.5rem;
}
.c-issue-report__see-all-duplicates-button .c-icon::before {
  transform: rotate(-90deg);
}
.c-issue-report .c-banner {
  z-index: 0;
}
.c-issue-report .c-form {
  flex: 1;
}
@media (max-width: 46.24em) {
  .c-issue-report {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
  }
  .c-issue-report__group {
    margin: 0;
  }
  .c-issue-report__footer {
    padding-top: 1rem;
    flex-direction: column;
  }
  .c-issue-report__footer .c-button {
    width: 100%;
  }
  .c-issue-report__footer-left, .c-issue-report__footer-right {
    width: 100%;
    /* stylelint-disable-next-line */
  }
  .c-issue-report__footer-left * + *, .c-issue-report__footer-right * + * {
    margin-top: 0.5rem;
  }
  .c-issue-report__footer-spacer {
    height: 1rem;
  }
  .c-issue-report__footer-left + .c-issue-report__footer-right {
    margin-top: 1rem;
  }
  .c-issue-report .c-form-step:not(:first-child) {
    background-color: var(--ui-color--contrast-2);
  }
}
@media (min-width: 46.25em) {
  .l-layout-platform .c-issue-report {
    height: calc(100vh - 2rem);
  }
  .c-issue-report__header-close {
    margin-bottom: 0;
  }
  .c-issue-report__footer-left .c-button {
    margin-right: 1rem;
  }
  .c-issue-report__footer-left .c-button:last-child {
    margin-right: 0;
  }
  .c-issue-report__footer-spacer {
    flex: 1;
  }
  .c-issue-report__footer-right .c-button {
    margin-left: 1rem;
  }
  .c-issue-report__footer-right .c-button:first-child {
    margin-left: 0;
  }
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-issue-report .l-container {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.c-issue-report-title input,
.c-issue-report-title textarea {
  width: 100%;
  height: auto;
  padding-bottom: 0.5rem;
  overflow: hidden;
  line-height: normal;
  background-color: transparent;
  border: 0;
  border-color: var(--body-text-color);
  border-bottom: 0.125rem solid;
  border-radius: 0;
  outline: none;
}
@media (max-width: 46.24em) {
  .c-issue-report-title input,
.c-issue-report-title textarea {
    font-size: 1.25rem;
  }
}
.c-issue-report-title input::-moz-placeholder, .c-issue-report-title textarea::-moz-placeholder {
  font-style: unset;
  color: var(--ui-color__font--contrast-5);
}
.c-issue-report-title input::placeholder,
.c-issue-report-title textarea::placeholder {
  font-style: unset;
  color: var(--ui-color__font--contrast-5);
}
.c-issue-report-title input:hover, .c-issue-report-title input:focus, .c-issue-report-title input:active,
.c-issue-report-title textarea:hover,
.c-issue-report-title textarea:focus,
.c-issue-report-title textarea:active {
  background-color: transparent !important;
  border-color: var(--body-text-color) !important;
  outline: none;
}
.c-issue-report-title textarea {
  height: 2.5rem;
  min-height: unset;
  padding: 0 0 0.5rem;
}
.c-issue-report-title .c-text-input__right-overlay {
  top: 50%;
  height: 100%;
  padding-bottom: 0.5rem;
  align-items: flex-end;
  color: var(--ui-color__font--contrast-5);
}
.c-issue-report-title .c-text-input__right-overlay .c-text-input__character-count {
  margin-right: unset;
}
@media (min-width: 46.25em) {
  .c-issue-report-title--has-error input,
.c-issue-report-title--has-error textarea {
    border-color: var(--ui-color__error--base);
  }
}
.c-issue-report {
  --issue-report-bg-color: var(--color-primary-800);
  --ui-color--contrast-1: var(--color-primary-700);
  --ui-color--contrast-2: var(--color-primary-900);
}
.c-issue-show-creation-toolbar {
  --issue-show-creation-toolbar-bg-color: var(--color-primary-800);
  --issue-show-creation-toolbar__title-text-color: var(--color-white);
  --issue-show-creation-toolbar__icon-color: var(--color-white);
  --issue-show-creation-toolbar__icon-bg-color: var(--color-primary-500);
  --issue-show-creation-toolbar__actions-separator-color: var(--color-primary-500);
}

.c-issue-show-creation-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--issue-show-creation-toolbar-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-issue-show-creation-toolbar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 3.5rem;
  font-size: 1.5rem;
  color: var(--issue-show-creation-toolbar__icon-color);
  background-color: var(--issue-show-creation-toolbar__icon-bg-color);
  border-radius: 0.5rem 0 0 0.5rem;
}
.c-issue-show-creation-toolbar__content {
  display: flex;
  width: 100%;
  padding: 1rem;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 46.25em) {
  .c-issue-show-creation-toolbar__content {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.c-issue-show-creation-toolbar__title {
  color: var(--issue-show-creation-toolbar__title-text-color);
}
.c-issue-show-creation-toolbar__title + div {
  margin-top: 0.25rem;
}
.c-issue-show-creation-toolbar__actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-issue-show-creation-toolbar__actions {
    gap: 2rem;
    flex-direction: row;
  }
}
@media (min-width: 46.25em) {
  .c-issue-show-creation-toolbar__action + .c-issue-show-creation-toolbar__action {
    position: relative;
  }
  .c-issue-show-creation-toolbar__action + .c-issue-show-creation-toolbar__action::after {
    position: absolute;
    top: 50%;
    left: -1rem;
    width: 0.0625rem;
    height: 1rem;
    content: "";
    background-color: var(--issue-show-creation-toolbar__actions-separator-color);
    transform: translateY(-50%);
  }
}
.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-issue-reporter {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: var(--border-radius--small);
}
.c-issue-reporter > * + * {
  margin-left: 0.5rem;
}
.c-issue-reporter__content {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.c-issue-reporter__content .c-issue-reporter__label {
  color: var(--issue-reporter-secondary-text-color);
}
.c-issue-reporter__content .c-issue-reporter__username {
  color: var(--issue-reporter-primary-text-color);
}
@media (max-width: 46.24em) {
  .c-issue-reporter {
    padding: 0.25rem 1rem 0.25rem 0.5rem;
    background-color: var(--issue-reporter-bg-color);
  }
  .c-issue-reporter__content > * + * {
    margin-left: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-issue-reporter > * + * {
    margin-left: 1rem;
  }
  .c-issue-reporter__content {
    flex-direction: column;
  }
}
.c-issue-show-details {
  --issue-show-details-border-color: var(--color-primary-600);
}

.c-issue-show-details {
  width: 100%;
  border-top: 0.0625rem solid var(--issue-show-details-border-color);
  border-bottom: 0.0625rem solid var(--issue-show-details-border-color);
}
.c-issue-show-details__item {
  position: relative;
}
@media (max-width: 46.24em) {
  .c-issue-show-details {
    display: flex;
    padding: 0.5rem 0;
    flex-direction: column;
  }
  .c-issue-show-details__item + .c-issue-show-details__item {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-issue-show-details {
    display: grid;
    grid-template-areas: "reporter severity platform";
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .c-issue-show-details__item {
    display: flex;
    align-items: center;
  }
  .c-issue-show-details__item::before, .c-issue-show-details__item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.0625rem;
    height: 0.5rem;
    content: "";
    background-color: var(--issue-show-details-border-color);
  }
  .c-issue-show-details__item::after {
    top: auto;
    bottom: 0;
  }
  .c-issue-show-details__item-reporter {
    grid-area: reporter;
    padding: 1rem 1rem 1rem 0.5rem;
  }
  .c-issue-show-details__item-reporter::before, .c-issue-show-details__item-reporter::after {
    display: none;
  }
  .c-issue-show-details__item-severity {
    grid-area: severity;
    padding: 1rem;
  }
  .c-issue-show-details__item-platform {
    grid-area: platform;
    padding: 1rem 0 1rem 1rem;
  }
}
.c-issue-show-header__title {
  display: block;
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 46.25em) {
  .c-issue-show-header__title {
    margin-bottom: 0.5rem;
    text-align: left;
  }
}
.c-issue-show-header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .c-issue-show-header__content {
    flex-direction: row;
  }
}
.c-issue-show-header__favourite-button {
  margin-bottom: 1rem;
}
@media (min-width: 46.25em) {
  .c-issue-show-header__favourite-button {
    margin-bottom: 0;
  }
}
.c-issue-show-header__details {
  display: flex;
  align-items: center;
}
.c-issue-show-header__code {
  margin-left: 0.5rem;
}
.c-issue-show-header__bullet {
  margin: 0 0.25rem;
  line-height: 0;
}
.c-issue-show-header__visibility {
  margin-right: 0.5rem;
  line-height: 0;
}
.c-issue-show-details-setup {
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  color: var(--ui-color__font--highlight-1);
  cursor: pointer;
  background-color: var(--ui-color--contrast-1);
  border-radius: var(--border-radius--small);
}
.c-issue-show-details-setup__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  background-color: var(--ui-color--base);
}
.c-issue-show-details-setup__icon .c-icon {
  font-size: 1.5rem;
}
.c-issue-show-details-setup__content {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  padding: 0.5rem 3rem 0.5rem 0;
  margin-left: 1rem;
  align-items: baseline;
  justify-content: flex-start;
}
.c-issue-show-details-setup__setup-name {
  color: var(--ui-color__font--highlight-1);
}
.c-issue-show-details-setup__details {
  margin-left: 0.25rem;
  color: var(--ui-color__font--contrast-3);
  word-break: break-word;
}
.c-issue-show-details-setup__arrow {
  position: absolute;
  top: 50%;
  right: 1rem;
  font-size: 1.5rem;
  color: var(--ui-color__font--highlight-1);
  transition: transform 0.15s ease-in-out;
  transform: translateY(-50%) rotate(270deg);
}
.c-issue-show-details-setup__dropdown-header {
  display: flex;
  align-items: center;
  color: var(--ui__font--highlight-1);
}
.c-issue-show-details-setup__dropdown-header-icon {
  padding: 1rem;
  margin-right: 0.5rem;
  font-size: 1.5rem;
  background-color: var(--ui-color--base);
}
.c-issue-show-details-setup__dropdown-header-name {
  display: flex;
  align-items: baseline;
}
.c-issue-show-details-setup__dropdown-header-details {
  margin-left: 0.25rem;
  color: var(--ui-color__font--contrast-3);
}
@media (min-width: 46.25em) {
  .c-issue-show-details-setup__content {
    flex-direction: column;
    justify-content: center;
  }
  .c-issue-show-details-setup__details {
    margin-left: 0;
  }
}
.c-navigation .c-navigation__title {
  margin-bottom: 0.5rem;
}
.c-navigation--inline {
  display: flex;
  padding: 0.5rem 1rem 0 1rem;
  overflow-x: auto;
  flex-direction: column;
  background-color: var(--ui-color--contrast-1);
}
.c-navigation--inline .c-navigation__list {
  align-items: flex-end;
  display: flex;
}
.c-navigation--inline .c-navigation-item {
  --navigation-item-color__font: var(--ui-color__font--contrast-5);
  padding: 0;
  flex-shrink: 0;
}
.c-navigation--inline .c-navigation-item + .c-navigation-item {
  margin-left: 1rem;
}
.c-navigation--inline .c-navigation-item__link {
  padding-bottom: 0.5rem;
}
.c-navigation--inline .c-navigation-item__link--is-active {
  border-bottom: 0.125rem solid var(--sidebar-color__font--active);
}
.c-navigation--sidebar {
  margin-bottom: 1rem;
}
.c-navigation--sidebar + .c-navigation--sidebar {
  padding-top: 1rem;
}
@media (max-width: 81.24em) {
  .c-navigation--single {
    margin-bottom: 0;
  }
}
.c-navigation--sidebar-settings {
  --navigation-item-color__font: var(--ui-color__font--contrast-3);
  --navigation-item-color__link--active: var(--ui-color__font--highlight-1);
  margin: 2rem 0 0.5rem;
}
.c-navigation--sidebar-settings .c-navigation-item__link {
  position: relative;
  padding: 0.5rem;
  border-left: 2px solid transparent;
  /* stylelint-disable-next-line */
}
.c-navigation--sidebar-settings .c-navigation-item__link:focus, .c-navigation--sidebar-settings .c-navigation-item__link:hover:not(.c-navigation-item__link--is-active) {
  color: var(--navigation-item-color__font--hover);
  border-left-color: var(--navigation-item-color__font--hover);
}
.c-navigation--sidebar-settings .c-navigation-item__link--is-active {
  border-left-color: var(--navigation-item-color__font--active);
  /* stylelint-disable-next-line */
}
.c-navigation--sidebar-settings .c-navigation-item__link--is-active .c-navigation-item__icon {
  margin-right: 0.625rem;
}
.c-navigation__wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--ui-color--contrast-1);
}
.c-navigation__wrapper .c-portal-popover__trigger-container {
  padding: 0.5rem 1rem;
}
.c-navigation.c-navigation--sidebar {
  --navigation--sidebar-divider-color: var(--sidebar-divider-color);
  --navigation-item-text-color: var(--sidebar-link-text-color);
  --navigation-item-bg-color: var(--sidebar-link-bg-color);
  --navigation-item--hover-text-color: var(--sidebar-link--hover-text-color);
  --navigation-item--hover-bg-color: var(--sidebar-link--hover-bg-color);
  --navigation-item--active-text-color: var(--sidebar-link--active-text-color);
  --navigation-item--active-bg-color: var(--sidebar-link--active-bg-color);
}
.c-navigation-item {
  padding: 0.5rem 0;
  list-style: none;
}
.c-navigation-item:last-child {
  margin-bottom: 0;
}
.c-navigation-item__link {
  display: flex;
  color: var(--navigation-item-text-color);
  align-items: center;
  cursor: pointer;
  background-color: var(--navigation-item-bg-color);
  will-change: color;
  transition: color 0.25s ease-in-out;
  justify-content: flex-start;
}
.c-navigation-item__link:hover, .c-navigation-item__link:focus {
  color: var(--color-white);
  background-color: var(--navigation-item--hover-bg-color);
}
.c-navigation-item__link--is-active {
  color: var(--color-white);
  background-color: var(--navigation-item--active-bg-color);
}
.c-navigation-item__link--is-active:hover, .c-navigation-item__link--is-active:focus {
  color: var(--navigation-item--active-text-color);
  background-color: var(--navigation-item--active-bg-color);
}
.c-navigation-item__icon {
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.c-navigation-item__label {
  flex-grow: 1;
  padding-right: 0.5rem;
}
.c-navigation-item__secondary-icon {
  padding-right: 0.625rem;
  font-size: 1rem;
  color: var(--color-warning);
}
.c-issue-show-details__setup-modal__wrapper {
  padding: 2rem;
  background-color: var(--ui-color--contrast-4);
  border-radius: var(--border-radius--small);
}
.c-issue-show-details__setup-modal__wrapper-title {
  padding-bottom: 1.5rem;
}
.c-issue-show-details__setup-modal-sub-header-title {
  display: flex;
  padding: 1rem;
  flex-direction: row;
  align-items: center;
}
.c-issue-show-details__setup-modal-sub-header-title > * + * {
  margin-left: 1rem;
}
.c-issue-show-details__setup-modal-sub-header-title .c-icon {
  font-size: 2rem;
}
.c-issue-show-details__setup-modal__missing-info {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
@media (min-width: 46.25em) {
  .c-issue-show-details__setup-modal-sub-header-nav {
    margin-top: -2.5rem;
  }
  .c-issue-show-details__setup-modal-sub-header-title {
    padding: 1rem 3rem;
  }
}
.c-issue-show-evidence-list {
  --ui-color__thumbnail-border: var(--color-primary-300);
}
.c-issue-show-evidence-list .c-file-attachment {
  margin: 0;
}
.c-issue-show-evidence-list .c-loading-attachment {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.c-issue-show-section-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-issue-show-section-text__title {
  text-transform: none;
}
.c-steps {
  list-style: none;
  counter-reset: li;
}
.c-steps-item {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  padding-bottom: 1rem;
  color: var(--steps-item-text-color);
  counter-increment: li;
}
.c-steps-item::after {
  position: absolute;
  bottom: 0;
  left: 1.3125rem;
  z-index: -1;
  display: block;
  height: 100%;
  content: "";
  border-left: 0.0625rem dashed var(--steps-item__number-border-color);
}
.c-steps-item:last-child {
  padding-bottom: 0;
}
.c-steps-item:last-child::after {
  display: none;
}
.c-steps-item__number {
  position: relative;
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 1rem;
  background-color: var(--steps-item__number-bg-color);
  border: 0.0625rem solid var(--steps-item__number-border-color);
  border-radius: 50%;
  flex: none;
}
.c-steps-item__number > span {
  display: block;
  text-align: center;
}
.c-steps-item__text {
  display: block;
}
.c-steps-item__content {
  padding-top: 0.5rem;
}

.c-steps-item {
  --steps-item-text-color: var(--color-secondary-200);
  --steps-item__number-bg-color: var(--color-primary-600);
  --steps-item__number-border-color: var(--color-primary-200);
}
.c-issue-show-steps {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.c-issue-show {
  --issue-show__actions--background-color: var(--color-primary-800);
  --issue-show__actions-header--color: var(--color-white);
  --issue-show__actions-header--background-color: var(--color-primary-600);
  --issue-show__actions-body-text--color: var(--color-primary-0);
  --issue-show__actions-body-sub-text--color: var(--color-secondary-200);
  --issue-show__actions-action-list-button--hover-background-color: var(--color-primary-600);
  --issue-show__actions-action-list-li--border-right-color: var(--color-primary-600);
}

.l-issue-show {
  grid-auto-rows: auto;
}
.l-issue-show__top, .l-issue-show__sidebar, .l-issue-show__body, .l-issue-show__feed {
  grid-column: 1/13;
}
.l-issue-show__top > * + * {
  margin-top: 1.5rem;
}
.l-issue-show__body {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.l-issue-show__sidebar {
  grid-row: 2/3;
}
.l-issue-show__sidebar > * + * {
  margin-top: 0.25rem;
}
@media (min-width: 46.25em) {
  .l-issue-show__sidebar > * + * {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .l-issue-show__top {
    grid-column: 1/13;
    grid-row: 1;
  }
  .l-issue-show__sidebar {
    grid-column: 6/13;
    position: -webkit-sticky;
    position: sticky;
    top: 3.125rem;
    /*
     * z-index was added to the side bar to compensate the "stacking context" created by "position: sticky".
     * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context#the_stacking_context
     */
    z-index: 1;
    max-height: 37.5rem;
  }
  .l-issue-show__sidebar > * + * {
    margin-top: 0.5rem;
  }
  .c-modal .l-issue-show__sidebar {
    top: 0;
  }
  .l-issue-show__body {
    grid-column: 1/6;
    grid-row: 2/3;
  }
  .l-issue-show__feed {
    grid-column: 1/6;
  }
  .l-issue-show--no-sidebar .l-issue-show__top,
.l-issue-show--no-sidebar .l-issue-show__body {
    grid-column: 1/13;
  }
}
@media (min-width: 61.25em) {
  .l-issue-show__top {
    grid-column: 1/10;
    grid-row: 1;
  }
  .l-issue-show__sidebar {
    grid-column: 10/13;
    grid-row: 1/3;
  }
  .l-issue-show__body {
    grid-column: 1/10;
    grid-row: 2/3;
  }
  .l-issue-show__feed {
    grid-column: 1/10;
  }
  .l-issue-show--no-sidebar .l-issue-show__top,
.l-issue-show--no-sidebar .l-issue-show__body {
    grid-column: 1/13;
  }
}

.c-issue-show {
  position: relative;
  width: 100%;
}
.c-issue-show__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--issue-show__actions--background-color);
  border-radius: 0.5rem;
}
.c-issue-show__actions-header {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0 1rem;
  font-size: 1.5rem;
  color: var(--issue-show__actions-header--color);
  background-color: var(--issue-show__actions-header--background-color);
  border-radius: 0.5rem 0 0 0.5rem;
}
.c-issue-show__actions-body {
  display: flex;
  padding: 1rem;
  flex-direction: column;
}
.c-issue-show__actions-body-text {
  color: var(--issue-show__actions-body-text--color);
}
.c-issue-show__actions-body-sub-text {
  color: var(--issue-show__actions-body-sub-text--color);
}
.c-issue-show__actions-action-list {
  list-style-type: none;
}
.c-issue-show__actions-action-list .c-link-button {
  text-decoration: none;
}
@media (max-width: 46.24em) {
  .c-issue-show__actions-body > * + * {
    margin-top: 1rem;
  }
  .c-issue-show__actions-action-list .c-link-button {
    padding: 0.5rem;
    color: var(--ui-color__font--contrast-1);
    background-color: var(--ui-color--contrast-1);
    border: 0;
    border-radius: var(--border-radius--small);
  }
  .c-issue-show__actions-action-list .c-link-button:hover {
    background-color: var(--issue-show__actions-action-list-button--hover-background-color);
  }
  .c-issue-show__actions-action-list .c-link-button__icon {
    color: var(--ui-color__font--contrast-1);
  }
  .c-issue-show__actions-action-list .c-link-button__label {
    text-decoration: none;
  }
  .c-issue-show__actions-action-list li + li {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-issue-show__actions-body {
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
  }
  .c-issue-show__actions-body-text-wrapper {
    flex-grow: 1;
  }
  .c-issue-show__actions-action-list {
    display: flex;
    flex-direction: row;
  }
  .c-issue-show__actions-action-list li {
    padding: 0 1rem;
    border-right: 1px solid var(--issue-show__actions-action-list-li--border-right-color);
  }
  .c-issue-show__actions-action-list li:last-child {
    padding-right: 0;
    border-right: 0;
  }
}
.c-issue-show__notification {
  margin-bottom: 2rem;
}
.c-issue-show__section {
  display: grid;
  /* stylelint-disable plugin/no-unsupported-browser-features */
  word-break: break-word;
}
.c-issue-show__section:last-child {
  margin-bottom: 0;
}
.c-issue-show__section-title {
  margin-bottom: 0.5rem;
}
.c-issue-show__section-title + .c-steps {
  margin-top: 1rem;
}
.c-issue-show__section-title + .c-file-attachment-miniature {
  margin-bottom: 1rem;
}
.c-issue-show__section-subtitle {
  margin-bottom: 1rem;
}
.c-issue-show__section-text-content {
  white-space: pre-line;
}
.c-issue-show__section .l-grid {
  margin-bottom: 1rem;
}
.c-issue-show__modal-banner {
  top: 2.5rem;
}
@media (min-width: 46.25em) {
  .c-issue-show__modal-banner {
    top: 3.5rem;
  }
}
.c-issue-show--read-only .c-contribution-card__actions {
  display: none;
}
.c-issue-show--is-modal {
  padding-top: 6.5rem;
}
@media (min-width: 46.25em) {
  .c-issue-show__header {
    margin-bottom: 1rem;
  }
  .c-issue-show__header-title {
    margin-bottom: 1rem;
    text-align: left;
  }
  .c-issue-show__header-content {
    padding-bottom: 0.25rem;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex-shrink: 0;
  }
  .c-issue-show__header-left-content {
    margin-bottom: unset;
  }
  .c-issue-show__header-toggle-favourite {
    padding-left: 0;
  }
}
.l-layout {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  grid-template-rows: 1fr auto;
  grid-template-areas: "main" "footer";
}
.l-layout--with-sidebar {
  margin-top: 3.5rem;
}
@media (min-width: 81.25em) {
  .l-layout {
    margin-top: 0;
    grid-template-columns: minmax(0%, 100%);
    grid-template-areas: "main" "footer";
  }
  .l-layout--with-sidebar {
    grid-template-columns: 16.875rem minmax(0%, 100%);
    grid-template-areas: "sidebar main" "sidebar footer";
  }
}
.l-layout__sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  max-width: 16.875rem;
  height: auto;
  flex-direction: column;
  grid-area: sidebar;
  will-change: transform, opacity;
  opacity: 0;
  transition: transform 0.25s linear, opacity 0.25s ease-in-out;
  transform: translateX(-100%);
}
@media (min-width: 81.25em) {
  .l-layout__sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    max-height: 100vh;
    opacity: 1;
    transform: translateX(0);
  }
}
.l-layout__main {
  position: relative;
  display: block;
  height: 100%;
  grid-area: main;
}
.l-layout__footer {
  grid-area: footer;
  width: 100%;
}
.c-lightbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-lightbox > div {
  flex: 1;
}
.c-lightbox__legend {
  display: flex;
  margin-top: 1rem;
  color: var(--ui-color__font--highlight-1);
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.c-lightbox__legend-label + .c-lightbox__legend-description {
  margin-left: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-lightbox__legend {
    flex-direction: row;
  }
}
.c-lightbox__author {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 46.25em) {
  .c-lightbox__author {
    margin-left: 1rem;
  }
}
.c-lightbox__media {
  position: relative;
  width: 100%;
  padding-top: 56%;
  margin: 1.5rem 0 0;
  overflow: hidden;
  background-color: var(--ui-color--contrast-1);
  border-radius: 0.25rem;
}
.c-lightbox__media-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: auto;
}
.c-lightbox__media-container > * {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.c-lightbox__media-container .c-iframe {
  width: 100%;
}
.c-lightbox__media--image {
  border: 2px solid var(--ui-color__thumbnail-border);
}
.c-lightbox > .l-container {
  width: 100%;
  text-align: center;
}
.c-lightbox .c-avatar {
  margin: 0 0.5rem;
}
.c-lightbox .c-modal__close {
  cursor: pointer;
  /* stylelint-disbale rule-empty-line-before */
}
.c-lightbox .c-modal__close svg {
  fill: currentColor;
}
.c-loader {
  --loader-circle__border-size: 5px;
  --loader-circle__animation-speed: 2s;
  --loader-circle__color-1: var(--ui-color__font--highlight-1);
  --loader-circle__color-2: transparent;
  display: block;
}
.c-loader--xxsmall {
  --loader-circle__border-size: 2px;
  width: 1rem;
  height: 1rem;
}
.c-loader--xsmall {
  --loader-circle__border-size: 3px;
  width: 2rem;
  height: 2rem;
}
.c-loader--small {
  width: 3rem;
  height: 3rem;
}
.c-loader--medium {
  width: 6rem;
  height: 6rem;
}
.c-loader--large {
  width: 8rem;
  height: 8rem;
}
.c-loader__circle--loader {
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}
@-webkit-keyframes spin1 {
  20% {
    transform: rotate(150deg);
  }
  40% {
    transform: rotate(300deg);
  }
  80% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin1 {
  20% {
    transform: rotate(150deg);
  }
  40% {
    transform: rotate(300deg);
  }
  80% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin2 {
  0% {
    transform: rotate(-30deg);
  }
  20% {
    border-color: transparent transparent var(--loader-circle__color-2) var(--loader-circle__color-2);
    transform: rotate(-30deg);
  }
  21% {
    border-color: var(--loader-circle__color-1) var(--loader-circle__color-1) transparent transparent;
  }
  40% {
    transform: rotate(-30deg);
  }
  60% {
    border-color: var(--loader-circle__color-1) var(--loader-circle__color-1) transparent transparent;
    transform: rotate(120deg);
  }
  61% {
    border-color: transparent transparent var(--loader-circle__color-2) var(--loader-circle__color-2);
  }
  80% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(330deg);
  }
}
@keyframes spin2 {
  0% {
    transform: rotate(-30deg);
  }
  20% {
    border-color: transparent transparent var(--loader-circle__color-2) var(--loader-circle__color-2);
    transform: rotate(-30deg);
  }
  21% {
    border-color: var(--loader-circle__color-1) var(--loader-circle__color-1) transparent transparent;
  }
  40% {
    transform: rotate(-30deg);
  }
  60% {
    border-color: var(--loader-circle__color-1) var(--loader-circle__color-1) transparent transparent;
    transform: rotate(120deg);
  }
  61% {
    border-color: transparent transparent var(--loader-circle__color-2) var(--loader-circle__color-2);
  }
  80% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(330deg);
  }
}
.c-loader__circle--loader::before, .c-loader__circle--loader::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
}
.c-loader__circle--loader::before {
  border: var(--loader-circle__border-size) solid var(--loader-circle__color-2);
  border-bottom: var(--loader-circle__border-size) solid var(--loader-circle__color-1);
  border-left: var(--loader-circle__border-size) solid var(--loader-circle__color-1);
  -webkit-animation: spin1 var(--loader-circle__animation-speed) linear infinite;
          animation: spin1 var(--loader-circle__animation-speed) linear infinite;
}
.c-loader__circle--loader::after {
  border: var(--loader-circle__border-size) solid var(--loader-circle__color-2);
  border-top: var(--loader-circle__border-size) solid transparent;
  border-right: var(--loader-circle__border-size) solid transparent;
  -webkit-animation: spin2 var(--loader-circle__animation-speed) linear infinite;
          animation: spin2 var(--loader-circle__animation-speed) linear infinite;
}
@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.c-loading-state {
  display: flex;
  flex-direction: column;
}
.c-loading-state__visual {
  font-size: 2.25rem;
}
.c-loading-state__message {
  color: inherit;
}
.c-spacer {
  position: relative;
  display: flex;
  align-items: center;
  margin: 1.875rem 0;
  text-align: center;
}
.c-spacer__line {
  flex: 1;
  border-top: 1px solid var(--ui-color--base);
}
.c-spacer__line:first-child {
  margin-right: 1.25rem;
}
.c-spacer__line:last-child {
  margin-left: 1.25rem;
}
.l-container--login {
  display: flex;
  max-width: 29.8125rem;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.c-login {
  width: 100%;
  margin: 0 auto;
}
.c-login__form {
  position: relative;
  padding: 1.875rem 2rem;
  margin-bottom: 1.875rem;
  border: 0.0625rem solid var(--ui-color--contrast-1);
  border-radius: 0.5rem;
}
.c-login--has-logo .c-login__form {
  border-top: 1px solid transparent;
}
.c-login--has-logo .c-login__form::before {
  display: block;
  height: 1.875rem;
  content: "";
  background-color: transparent;
}
.c-login--has-logo .c-login__form::after {
  position: absolute;
  top: 0.0625rem;
  right: 0.125rem;
  bottom: 0;
  left: 0.125rem;
  display: block;
  width: calc(100% - 0.25rem);
  height: 0.0625rem;
  content: "";
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, var(--ui-color--contrast-1) 0%, var(--ui-color--contrast-1) 20%, transparent 20%, transparent 80%, var(--ui-color--contrast-1) 80%, var(--ui-color--contrast-1) 100%);
  border-image-slice: 1;
}
.c-login__logo {
  position: absolute;
  left: 50%;
  display: block;
  width: 100%;
  max-width: 13.875rem;
  margin: 0 auto;
  transform: translate(-50%, calc(-100% - 39px));
}
.c-login__title {
  margin: 0 0 1.875rem 0;
}
.c-login__remember-me {
  margin-bottom: 4.6875rem;
}
.c-login__forgot {
  margin-left: auto;
}
.c-login__providers {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1.875rem;
}
.c-login__provider {
  flex: 1;
  width: 50%;
  margin-right: 1.5625rem;
}
.c-login__provider:first-child:last-child {
  width: 50%;
  margin-right: 0;
}
.c-login__provider:last-of-type {
  margin-right: 0;
}
.c-login__footer {
  text-align: center;
}
.c-login__footer .c-link {
  color: inherit;
}
.c-login .c-spacer::before, .c-login .c-spacer::after {
  border-color: var(--ui-color--contrast-1);
}
.c-login .c-spacer__line {
  border-color: var(--ui-color--contrast-1);
}
.c-login-chip {
  --login-chip-bg-color: var(--color-primary-700);
  --login-chip__avatar-border-color: var(--color-primary-400);
  --login-chip__footer-bg-color: var(--color-primary-500);
  --login-chip__footer--hover-bg-color: var(--color-primary-400);
}

.c-login-chip__header {
  display: grid;
  grid-template-columns: 5rem auto;
  grid-column-gap: 0.9375rem;
  align-items: center;
}
.c-login-chip__header::before {
  border-bottom-color: var(--login-chip-bg-color);
}
.c-login-chip__body {
  display: flex;
  padding: 0;
  flex-direction: column;
}
.c-login-chip__footer {
  padding: 0.5rem 1rem;
  background-color: var(--login-chip__footer-bg-color);
}
.c-login-chip__footer:hover {
  background-color: var(--login-chip__footer--hover-bg-color);
}
.c-login-chip.c-popover {
  background-color: var(--login-chip-bg-color);
}
.c-notsupportedbrowser {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--body-bg-color);
}
.c-notsupportedbrowser__container {
  max-width: 32.125rem;
  padding: 3rem 2rem 0 2rem;
  margin: auto;
  text-align: center;
}
.c-notsupportedbrowser__footer {
  padding: 0 1.5rem;
}
.c-notsupportedbrowser__browsers {
  padding: 0;
  margin-top: 3rem;
  overflow: hidden;
  list-style-type: none;
}
.c-notsupportedbrowser__browser {
  display: inline-block;
}
.c-notsupportedbrowser__browser + .c-notsupportedbrowser__browser {
  margin-left: 1rem;
}
.c-notsupportedbrowser__browser-logo {
  height: 3.125rem;
}
.c-notsupportedbrowser__title {
  margin-top: 3rem;
  color: var(--body__title-text-color);
}
.c-notsupportedbrowser__details {
  color: var(--body-text-color);
}
@media (min-width: 46.25em) {
  .c-notsupportedbrowser__container {
    padding: 10rem 2rem 8rem 2rem;
  }
  .c-notsupportedbrowser__browser + .c-notsupportedbrowser__browser {
    margin-left: 1.5rem;
  }
  .c-notsupportedbrowser__browser-logo {
    height: 3.75rem;
  }
}
.c-notsupportedbrowser__platform-brand {
  display: inline-block;
  width: 100%;
  height: 3.5rem;
  padding: 0 1rem;
  line-height: 3.5rem;
  background-color: var(--notsupportedbrowser__platform-brand-bg-color);
}
.c-notsupportedbrowser__platform-brand-label {
  display: inline-block;
  margin-left: 0.25rem;
  line-height: normal;
  color: var(--notsupportedbrowser__platform-brand-label-text-color);
  text-transform: uppercase;
  vertical-align: middle;
}
.c-notsupportedbrowser__platform-brand-logo {
  display: inline-block;
  max-height: 1rem;
  vertical-align: middle;
}
@media (min-width: 46.25em) {
  .c-notsupportedbrowser__platform-brand {
    height: 2rem;
    padding: 0 2rem;
    line-height: 2rem;
  }
  .c-notsupportedbrowser__platform-brand-label {
    line-height: 1rem;
  }
}
.c-notsupportedbrowser__platform-brand-link {
  height: 100%;
}

.c-notsupportedbrowser {
  --notsupportedbrowser__platform-brand-bg-color: var(--color-black);
  --notsupportedbrowser__platform-brand-label-text-color: var(--color-secondary-500);
}
.c-page-header {
  width: 100%;
}
@media (max-width: 46.24em) {
  .c-page-header {
    padding: 1rem 0;
    border-bottom: 1px solid var(--ui-color__font--contrast-5);
  }
}
@media (min-width: 46.25em) {
  .c-page-header {
    padding: 1.5rem 0;
  }
}
.c-page-header--close {
  background-color: var(--ui-color--contrast-1);
}
.c-page-header--previous {
  border-bottom: 0.0625rem solid var(--ui-color--base);
}
.c-page-header__container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.c-page-header__icon-button {
  display: flex;
  align-items: center;
  width: auto;
  padding: 0;
  margin-right: 1rem;
  font-size: 1.25rem;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.c-page-header__title {
  text-transform: uppercase;
}
.c-pagination {
  --pagination__pages-bg-color: var(--color-primary-800);
  --pagination__pages-border-color: var(--color-primary-700);
  --pagination__pages-default-text-color: var(--color-secondary-200);
  --pagination__pages-active-text-color: var(--color-primary-0);
}
.c-pagination .c-button.c-button--primary {
  --button-bg-color: transparent;
  --button-text-color: var(--color-primary-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-primary-200);
}
.c-pagination .c-button.c-button--primary:disabled {
  --button-text-color: var(--color-primary-700);
}

.c-pagination {
  display: flex;
  width: 100%;
  max-width: 18.75rem;
  padding: 1.5rem 0;
  margin: 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.c-pagination .c-button {
  padding: 0;
  border: 0;
  outline: 0;
}
.c-pagination .c-button + .c-button {
  margin-left: 1rem;
}
.c-pagination__pages {
  display: flex;
  padding: 0.5rem 1.5rem;
  margin: 0 1.5rem;
  color: var(--pagination__pages-default-text-color);
  flex-direction: row;
  background-color: var(--pagination__pages-bg-color);
  border: 1px solid var(--pagination__pages-border-color);
  border-radius: var(--border-radius--medium);
}
.c-pagination__pages > * + * {
  margin-left: 0.25rem;
}
.c-pagination__current-page {
  color: var(--pagination__pages-active-text-color);
}
.c-personal-information-confirmation {
  display: flex;
  max-width: calc(100% - 3rem);
  padding-bottom: 1.5rem;
  flex-direction: column;
}
.c-personal-information-confirmation .c-icon {
  color: var(--personal-information-confirmation__icon-color);
}
.c-personal-information-confirmation__title {
  text-align: center;
}
.c-personal-information-confirmation__subtitle {
  max-width: 28.125rem;
  padding-bottom: 1.5rem;
  color: var(--personal-information-confirmation__subtitle-text-color);
  text-align: center;
  align-self: center;
}
.c-personal-information-confirmation__panel {
  padding-bottom: 1.5rem;
}
@media (min-width: 46.25em) {
  .c-personal-information-confirmation__panel {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 46rem;
  }
}
.c-personal-information-confirmation__row {
  display: grid;
  height: 5rem;
  border-bottom: 1px solid var(--personal-information-confirmation__row-border-color);
  align-items: center;
  grid-template-columns: 5rem minmax(150px, 1fr) 3rem;
}
@media (min-width: 46.25em) {
  .c-personal-information-confirmation__row {
    padding: 1rem 2rem 1rem 0;
    grid-template-columns: 8.75rem 1fr 8.75rem;
    grid-column-gap: 3rem;
  }
}
.c-personal-information-confirmation__middle-row {
  display: inline-flex;
  justify-self: flex-start;
}
.c-personal-information-confirmation__latest-row {
  display: inline-flex;
  justify-self: flex-end;
}
.c-personal-information-confirmation__label {
  color: var(--personal-information-confirmation__label-text-color);
  word-wrap: break-word;
}
.c-personal-information-confirmation .c-link-button {
  padding: 0;
}

.c-personal-information-confirmation {
  --personal-information-confirmation__row-border-color: var(--color-primary-600);
  --personal-information-confirmation__label-text-color: var(--color-secondary-200);
  --personal-information-confirmation__subtitle-text-color: var(--color-secondary-200);
  --personal-information-confirmation__icon-color: var(--color-secondary-200);
}
.c-personal-information-confirmation__email-label {
  --personal-information-confirmation__label-text-color: var(--color-secondary-500);
}
.c-platform-brand {
  --platform-brand-padding: 0.5rem 0;
  --platform-brand-bg-color: var(--color-black);
  --platform-brand__label-text-color: var(--color-secondary-500);
  --platform-brand__label-margin: 0 0 0 0.25rem;
}
@media (min-width: 81.25em) {
  .c-platform-brand {
    --platform-brand-padding: 0.5rem 2rem;
  }
}

.c-platform-brand {
  display: flex;
  width: 100%;
  padding: var(--platform-brand-padding);
  background-color: var(--platform-brand-bg-color);
  align-items: center;
}
.c-platform-brand__label {
  margin: var(--platform-brand__label-margin);
  color: var(--platform-brand__label-text-color);
  text-transform: uppercase;
}
.c-platform-brand__logo {
  height: 100%;
}
.c-platform-brand__link {
  height: 100%;
}
.l-layout-platform {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
  height: 100vh;
}
.l-layout-platform__bar {
  z-index: 1;
  display: none;
}
@media (min-width: 81.25em) {
  .l-layout-platform {
    grid-template-rows: 2rem 1fr;
  }
  .l-layout-platform .l-layout-platform__bar {
    display: flex;
  }
}
.l-layout-platform__body {
  position: relative;
}
.l-layout-platform {
  --platform-layout__bar-bg-color: var(--color-primary-900);
}
.c-please-fix-vote {
  --please-fix-vote-bg-color: var(--color-primary-700);
  --please-fix-vote__label-text-color: var(--color-white);
  --please-fix-vote__details-text-color: var(--color-primary-50);
}
.c-please-fix-vote .c-button {
  --button-text-color: var(--color-primary-200);
  --button-border-color: var(--color-primary-200);
}
.c-please-fix-vote .c-button.h-hover, .c-please-fix-vote .c-button:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-primary-50);
  --button-border-color: var(--color-primary-50);
}
.c-please-fix-vote .c-button.c-button--disabled {
  --button-text-color: var(--color-secondary-500);
}
.c-please-fix-vote.c-please-fix-vote--archived {
  --please-fix-vote-bg-color: var(--color-secondary-900);
}
.c-please-fix-vote.c-please-fix-vote--fixed {
  --please-fix-vote-bg-color: var(--color-tertiary-800);
}
.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-200);
  --please-fix-vote__details-text-color: var(--color-secondary-200);
}
.c-please-fix-vote.c-please-fix-vote--fixed .c-button, .c-please-fix-vote.c-please-fix-vote--archived .c-button {
  --button-text-color: var(--color-secondary-500);
  --button-border-color: var(--color-secondary-500);
}
.c-please-fix-vote.c-please-fix-vote--fixed .c-button.h-hover, .c-please-fix-vote.c-please-fix-vote--fixed .c-button:hover:not(.c-button--disabled), .c-please-fix-vote.c-please-fix-vote--archived .c-button.h-hover, .c-please-fix-vote.c-please-fix-vote--archived .c-button:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-secondary-500);
  --button-border-color: var(--color-secondary-500);
}
.c-please-fix-vote.c-please-fix-vote--fixed .c-button.c-button--disabled, .c-please-fix-vote.c-please-fix-vote--archived .c-button.c-button--disabled {
  --button-text-color: var(--color-secondary-500);
  --button-border-color: var(--color-secondary-500);
}
.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-300);
}
.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-300);
}
.c-please-fix-vote.c-please-fix-vote--has-voted .c-button.c-button--disabled {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-primary-200);
}
.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-200);
  --button-border-color: var(--color-secondary-200);
  --button-bg-color: var(--color-secondary-600);
}

.c-please-fix-vote {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--please-fix-vote-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-profile-menu {
  --profile-menu__avatar-border-color: var(--color-primary-500);
  --profile-menu--admin__avatar-border-color: var(--color-admin-200);
}
.c-profile-menu__avatar {
  cursor: pointer;
}
.c-profile-menu__user {
  display: grid;
  grid-template-columns: 5rem auto;
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  align-items: center;
}
.c-profile-menu__user::before {
  border-bottom-color: var(--ui-color--contrast-1);
}
.c-profile-menu__user .c-avatar:not(.h-admin) {
  border-color: var(--ui-color--highlight-2);
}
.c-profile-menu__user--organization {
  border-top: 0.0625rem solid var(--ui-color--highlight-1);
}
.c-profile-menu__user--organization .c-button {
  grid-column: 1/span 2;
}
.c-profile-menu .c-avatar {
  flex-shrink: 0;
}
.c-profile-menu__body {
  display: flex;
  padding: 0;
  flex-direction: column;
  border-top: 0.0625rem solid var(--ui-color--highlight-1);
}
.c-profile-menu__viewer-links {
  margin-bottom: 0.5rem;
}
@media (min-width: 81.25em) {
  .c-profile-menu__viewer-links {
    margin-top: 0.5rem;
  }
}
.c-profile-menu__viewer-links .c-profile-menu__viewer-link {
  padding: 0.5rem 1rem;
}
.c-profile-menu__viewer-links .c-profile-menu__viewer-link--active {
  color: var(--ui-color__font--contrast-2);
}
.c-profile-menu__viewer-links .c-profile-menu__viewer-link:hover {
  background-color: var(--ui-color--base);
}
.c-profile-menu__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
.c-profile-menu__link .c-icon {
  font-size: 1.25rem;
}
.c-profile-menu__link-label {
  margin-left: 1rem;
}
.c-profile-menu__settings-button.c-button {
  margin: 0.5rem 0;
}
@media (max-width: 81.24em) {
  .c-profile-menu__settings-button {
    grid-row: 2;
    grid-column: 1/span 2;
    margin-bottom: 0;
  }
}
.c-profile-menu__show-staff-features {
  padding: 0.5rem 1rem;
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--medium);
}
@media (max-width: 81.24em) {
  .c-profile-menu__show-staff-features {
    grid-column: 1/span 2;
  }
}
@media (min-width: 81.25em) {
  .c-profile-menu__show-staff-features {
    margin: 0 0.5rem 1rem;
  }
}
.c-profile-menu__footer {
  padding: 0.5rem 1rem;
  background-color: var(--ui-color--highlight-1);
}
.c-profile-menu__footer:hover {
  background-color: var(--ui-color--highlight-2);
}
.c-profile-menu--admin .c-avatar:not(.h-admin) {
  border-color: var(--profile-menu--admin__avatar-border-color);
}

.c-popover .c-user-info {
  align-self: flex-start;
}

.c-layer--profile-menu {
  display: flex;
  flex-direction: column;
  background-color: var(--ui-color--contrast-1);
}
.c-layer--profile-menu .c-profile-menu__body {
  flex: 1;
  border-top: 0;
}
.c-layer--profile-menu .c-profile-menu__title,
.c-layer--profile-menu .c-profile-menu__user,
.c-layer--profile-menu .c-profile-menu__footer,
.c-layer--profile-menu .c-profile-menu__viewer-link {
  padding: 1rem 1.5rem;
}
.c-layer--profile-menu .c-profile-menu__viewer-link,
.c-layer--profile-menu .c-profile-menu__title {
  border-bottom: 0.0625rem solid var(--ui-color--highlight-1);
}
.c-layer--profile-menu .c-profile-menu__viewer-links {
  border-top: 0.0625rem solid var(--ui-color--highlight-1);
}
.c-project-selection {
  display: flex;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
}
.c-project-selection__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 46.24em) {
  .c-project-selection__logo {
    width: calc(100% - 5.5rem);
  }
}
.c-project-selection__content {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 4rem;
  flex-direction: column;
  align-items: center;
}
.c-project-selection__text {
  max-width: 46.625rem;
  padding: 1.5rem 0 3.5rem;
  text-align: center;
}
.c-project-selection__title {
  margin-bottom: 1.5rem;
}
.c-project-selection__choice {
  position: relative;
  width: 100%;
  max-width: 46.625rem;
  border: 0.0625rem solid var(--ui-color--base);
  border-radius: var(--border-radius--medium);
  opacity: 1;
  will-change: opacity;
  transition: opacity 0.25s linear;
}
.c-project-selection__choice--single {
  max-width: 438px;
}
.c-project-selection--loading .c-project-selection__choice {
  opacity: 0;
}
.c-project-selection__choice-label {
  margin-top: 1rem;
  text-align: center;
}
.c-project-selection__choice-label h2 {
  white-space: nowrap;
}
.c-project-selection__choice-list {
  padding: 2rem;
}
.c-project-selection__choice-list .c-project-selection__empty {
  display: flex;
  padding: 4rem 2rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--ui-color--contrast-2);
}
.c-project-selection__choice-list .c-project-selection__empty p:not(:first-child) {
  margin-top: 1rem;
}
.c-project-selection__choice-list .c-project-selection__empty .t-link {
  color: var(--ui-color__font--contrast-2);
}
.c-project-selection__choice-list .c-project-selection__empty .c-button {
  margin-top: 1.5rem;
}

@media (min-width: 46.25em) {
  .c-project-selection__content {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }
  .c-project-selection__title {
    margin-bottom: 0.5rem;
  }
  .c-project-selection__text {
    max-width: 46.625rem;
    padding: 3rem 0 1.5rem;
    text-align: center;
  }
  .c-project-selection__choice-list .c-project-selection__empty {
    padding: 4rem 10rem;
  }
}
.c-project-card {
  position: relative;
  display: flex;
  height: 4.5rem;
  cursor: pointer;
}
.c-project-card__image-wrapper {
  display: flex;
  width: 5.5rem;
  height: 100%;
  background-color: var(--ui-color--contrast-2);
  border-top-left-radius: var(--border-radius--medium);
  border-bottom-left-radius: var(--border-radius--medium);
  align-items: center;
  justify-content: center;
}
.c-project-card__image-wrapper img {
  width: 4rem;
}
.c-project-card__text {
  position: relative;
  flex: 1;
  display: flex;
  width: calc(100% - 88px);
  padding: 1rem 2.5rem 1rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--ui-color--contrast-1);
  border-top-right-radius: var(--border-radius--medium);
  border-bottom-right-radius: var(--border-radius--medium);
  transition: background-color 150ms ease-in-out;
}
.c-project-card__text-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  font-size: 1.25rem;
  transform: translateY(-50%);
}
.c-project-card__text-wrapper {
  position: relative;
  width: 100%;
}
.c-project-card__name, .c-project-card__description {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-project-card__name {
  margin-bottom: 0.5rem;
}
.c-project-card:hover .c-project-card__text {
  background-color: var(--ui-color--base);
}

@media (min-width: 46.25em) {
  .c-project-card {
    display: block;
    height: 14.5rem;
  }
  .c-project-card__image-wrapper {
    width: 100%;
    height: 10rem;
    border-top-right-radius: var(--border-radius--medium);
    border-bottom-left-radius: unset;
    align-items: center;
  }
  .c-project-card__image-wrapper img {
    width: 6.375rem;
  }
  .c-project-card__name {
    margin-bottom: unset;
  }
  .c-project-card__text {
    width: 100%;
    padding: 1rem 2.5rem 1rem 1rem;
    border-top-right-radius: unset;
    border-bottom-left-radius: var(--border-radius--medium);
  }
}
.c-project-selector {
  --project-selector-text-color: var(--color-white);
}

.c-project-selector {
  display: flex;
  margin-bottom: 0.25rem;
  color: var(--project-selector-text-color);
  flex-direction: column;
}
.c-project-selector__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-protected-content-modal {
  max-width: 40rem;
}
.c-protected-content-modal .c-modal__body {
  padding: 1.5rem 0;
}
.c-protected-content-modal__content {
  color: var(--protected-content-modal-text-color);
}
.c-protected-content-modal__reasons {
  padding-left: 1.5rem;
  list-style: disc;
}
.c-protected-content-modal__contact {
  margin-top: 1.5rem;
}

.c-protected-content-modal {
  --protected-content-modal-text-color: var(--color-secondary-100);
}
.c-protected-restricted-to-owner-content-modal {
  max-width: 40rem;
}
.c-protected-restricted-to-owner-content-modal .c-modal__body {
  padding: 1.5rem 0;
}
.c-protected-restricted-to-owner-content-modal__content {
  color: var(--protected-restricted-to-owner-content-modal-text-color);
}

.c-protected-restricted-to-owner-content-modal {
  --protected-restricted-to-owner-content-modal-text-color: var(--color-secondary-100);
}
.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-secondary-200);
}

.c-rich-link {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-all;
}
.c-rich-link.h-hover .c-rich-link__label, .c-rich-link:hover .c-rich-link__label {
  text-decoration: underline;
}
.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-highlight-100
   */
  color: rgb(131, 119, 202);
}
.c-rich-link__body {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0.25rem 0.5rem;
  background-color: var(--rich-link__body-bg-color);
  border-radius: var(--border-radius--small);
}
.c-rich-link__icon {
  position: relative;
  top: 0.125rem;
  color: var(--rich-link__icon-color);
}
.c-rich-link__favicon, .c-rich-link__loader,
.c-rich-link img {
  position: relative;
  top: 0.1875rem;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}
.c-rich-link__label {
  margin-left: 0.25rem;
  color: var(--rich-link__label-text-color);
}
.c-rich-link__external-icon {
  position: relative;
  top: 0.125rem;
  margin-left: 0.5rem;
  font-size: 1.0625rem;
  color: var(--rich-link__external-icon-color);
}
.c-search-operator {
  --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:disabled {
  --search-operator__symbol-text-color: var(--color-primary-500);
  --search-operator__sample-text-color: var(--color-primary-400);
}
.c-search-operator__usage {
  --search-operator__usage-bg-color: var(--color-primary-500);
}
.c-search-operator__usage:hover {
  --search-operator__usage-bg-color: var(--color-primary-400);
}
.c-search-operator__usage:disabled {
  --search-operator__usage-bg-color: var(--color-primary-800);
}

.c-search-box__operator-list-wrapper {
  margin-top: 1rem;
}
@media (min-width: 46.25em) {
  .c-search-box__operator-list-wrapper {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

.c-search-operator-list {
  display: flex;
  list-style-type: none;
  flex-direction: column;
}
.c-search-operator-list .c-search-operator {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c-search-operator-list .c-search-operator > * + * {
  margin-left: 0.5rem;
}
.c-search-operator-list .c-search-operator__usage {
  display: flex;
  padding: 0.5rem;
  background-color: var(--search-operator__usage-bg-color);
  border-radius: var(--border-radius--medium);
  align-content: center;
}
.c-search-operator-list .c-search-operator__usage--focusable {
  cursor: pointer;
}
.c-search-operator-list .c-search-operator__name {
  margin-right: 0.5rem;
  color: var(--search-operator__symbol-text-color);
}
.c-search-operator-list .c-search-operator__symbol {
  color: var(--search-operator__symbol-text-color);
}
.c-search-operator-list .c-search-operator__sample-text {
  color: var(--search-operator__sample-text-color);
}
.c-search-operator-list .c-search-operator__description {
  display: none;
  color: var(--search-operator__description-text-color);
}
.c-search-operator-list .c-search-operator + .c-search-operator {
  margin-top: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-search-operator-list--short {
    flex-direction: row;
  }
  .c-search-operator-list--short .c-search-operator + .c-search-operator {
    margin-top: 0;
    margin-left: 0.5rem;
  }
  .c-search-operator-list--long .c-search-operator__description {
    display: inline;
  }
}
.c-search-suggestion {
  --search-suggestion-bg-color: var(--color-primary-700);
  --search-suggestion-text-color: var(--color-primary-100);
}
.c-search-suggestion:hover {
  --search-suggestion-bg-color: var(--color-primary-600);
}
.c-search-suggestion__view-all {
  --search-suggestion__view-all-bg-color: var(--color-primary-600);
  --search-suggestion__view-all-text-color: var(--color-primary-50);
}
.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 {
  --tag-border-color: var(--color-secondary-400);
  --tag-text-color: var(--color-secondary-400);
}

.c-search-box__suggestion-list-loading, .c-search-box__suggestion-list-not-found {
  margin-right: 1rem;
  margin-left: 1rem;
  color: var(--search-box__panel-section-text-color);
}
@media (min-width: 46.25em) {
  .c-search-box__suggestion-list-wrapper {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
.c-search-box__suggestion-list-view-all-wrapper {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.c-search-box__suggestion-list-view-all {
  padding: 0.25rem 0.5rem;
}

.c-search-suggestion {
  z-index: 0;
  display: flex;
  align-items: center;
  min-height: 2rem;
  cursor: pointer;
  background-color: var(--search-suggestion-bg-color);
}
.c-search-suggestion__view-all {
  padding: 0.5rem;
  margin-top: 1.5rem;
  color: var(--search-suggestion__view-all-text-color);
  background-color: var(--search-suggestion__view-all-bg-color);
  border-radius: var(--border-radius--small);
}
.c-search-suggestion__view-all--focusable {
  cursor: pointer;
}
.c-search-suggestion__separator {
  flex-grow: 1;
}
.c-search-suggestion__link {
  display: none;
  color: var(--search-suggestion-text-color);
}
.c-search-suggestion__link .c-icon {
  transform: translateY(1px);
}
.c-search-suggestion__text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: var(--search-suggestion-text-color);
}
.c-search-suggestion__text span:first-child {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.c-search-suggestion--focused, .c-search-suggestion:hover {
  position: relative;
}
.c-search-suggestion--focused::before, .c-search-suggestion--focused::after, .c-search-suggestion:hover::before, .c-search-suggestion:hover::after {
  position: absolute;
  top: 0;
  right: -2rem;
  bottom: 0;
  left: -2rem;
  z-index: -1;
  content: "";
  background: inherit;
}
@media (min-width: 46.25em) {
  .c-search-suggestion--focused .c-search-suggestion__link, .c-search-suggestion:hover .c-search-suggestion__link {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
  }
}
.c-search-box {
  --search-box-border-width: 0.0625rem;
  --search-box-border-color: transparent;
  --search-box__reset-color: var(--color-white);
  --search-box__panel-section-bg-color: var(--color-primary-700);
  --search-box__panel-section__title-text-color: var(--color-white);
  --search-box__panel-section-border-color: var(--color-primary-500);
  --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-white);
  --text-input-placeholder-color: var(--color-primary-200);
  /* 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-primary-500);
}
.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-primary-700);
}
.c-search-box .c-button {
  --button-text-size: 1.125rem;
  --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 {
  position: relative;
  border: var(--search-box-border-width) solid var(--search-box-border-color);
  border-radius: var(--border-radius--medium);
}
.c-search-box__input {
  display: flex;
  overflow: hidden;
  flex-direction: row;
}
.c-search-box__input .c-text-input__input {
  flex: 1;
  padding: 1.25rem;
  margin: 0;
  border-width: 0;
  border-radius: 0;
}
.c-search-box__input .c-text-input__input:hover:not(:focus) {
  outline: none;
}
.c-search-box__input .c-text-input__input .c-text-input__right-overlay {
  top: 50%;
}
.c-search-box__input .c-button {
  margin: 0;
  border-width: 0;
  border-radius: 0;
}
.c-search-box__input--main {
  border-radius: var(--border-radius--medium);
}
.c-search-box .c-button {
  padding: 1rem 2rem;
}
.c-search-box__reset {
  display: none;
  font-size: 2rem;
  color: var(--search-box__reset-color);
}
.c-search-box__reset--visible {
  display: block;
}
.c-search-box__dropdown {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
}
.c-search-box__dropdown--visible {
  display: block;
}
.c-search-box__panel {
  padding: 0.5rem 0;
  background-color: var(--search-box__panel-section-bg-color);
}
@media (min-width: 46.25em) {
  .c-search-box__panel {
    margin-top: 0.5rem;
    border-radius: var(--border-radius--medium);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5);
  }
}
.c-search-box__panel-section {
  padding: 1rem;
}
.c-search-box__panel-section + .c-search-box__panel-section {
  border-top: 1px solid var(--search-box__panel-section-border-color);
}
.c-search-box__panel-section-title {
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.c-search-box__panel-section-body {
  color: var(--search-suggestion-text-color);
  background-color: var(--search-suggestion-bg-color);
}
.c-search {
  position: relative;
  max-width: 60.25rem;
  padding: 0 0 2rem;
  margin: 0 auto;
}
@media (min-width: 46.25em) {
  .c-search {
    padding: 0 1.5rem 2rem;
  }
}
.c-search--duplicate {
  max-width: none;
  padding: 0 0 2rem;
}
.c-search__header {
  margin-bottom: 1.125rem;
  text-align: center;
}
.c-search__header-title {
  color: var(--body__title-text-color);
}
.c-search__header-subtitle {
  color: var(--body-text-color);
}
.c-selector {
  display: block;
  height: 100%;
  margin-bottom: 1rem;
  text-align: center;
  flex-direction: column;
}
.l-grid .c-selector {
  height: unset;
  margin-bottom: 0;
}
.c-selector__body {
  position: relative;
  display: flex;
  flex: 1 0 7.5rem;
  width: 100%;
  max-height: 7.5rem;
  padding: 1rem;
  align-items: center;
  background-color: var(--ui-color--contrast-1);
  border-radius: var(--border-radius--small);
  outline: 0;
  transition: background 0.25s ease-in-out;
  will-change: background;
}
.c-selector__body:hover {
  cursor: pointer;
  background-color: var(--ui-color--base);
}
.c-selector__body:focus-visible, .c-selector__body.focus-visible {
  box-shadow: 0 0 0 2px var(--ui-color__font--contrast-4);
}
.c-selector--disabled .c-selector__body {
  cursor: not-allowed;
  background-color: var(--ui-color--contrast-1);
  opacity: 0.4;
}
.c-selector__body-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.c-selector__body-text .c-selector__legend {
  margin: 0.25rem 0;
}
.c-selector__icon {
  position: relative;
  font-size: 2rem;
}
.c-selector__label {
  text-align: left;
}
.c-selector__check-mark {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity 0.15s linear 0.1s, transform 0.25s ease-in-out;
  transform: translateY(100%);
  will-change: transform, opacity;
}
.c-selector__input {
  position: absolute;
  text-indent: -999px;
  visibility: hidden;
}
.c-selector__input:checked + .c-selector__body {
  color: var(--ui-color__font--highlight-1);
  background-color: var(--color-highlight-400);
}
.c-selector__input:checked + .c-selector__body .c-selector__check-mark {
  opacity: 1;
  transform: translateY(0);
}
.c-selector__footer {
  padding: 0 2rem;
  margin-top: 1rem;
}
.c-selector--with-selection .c-selector:not(.c-selector--checked) {
  color: var(--ui-color__font--contrast-5);
}
.c-selector--large .c-selector__body {
  padding: 1.5rem;
}
.c-selector--large .c-selector__icon {
  width: 100%;
  max-width: 4.6875rem;
  font-size: 5rem;
}
@media (max-width: 46.24em) {
  .c-selector__icon {
    margin-right: 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-selector__body {
    flex: 1 0 100%;
    height: 100%;
    min-height: 13.5rem;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: center;
  }
  .c-selector__icon {
    width: auto;
    height: auto;
    margin-right: 0;
    margin-bottom: 1.5625rem;
    font-size: 6.5rem;
  }
}
.c-add-setup-item {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  color: var(--ui-color__font--highlight-1);
  cursor: pointer;
  background-color: var(--ui-color--contrast-1);
  border: 0;
  border-radius: var(--border-radius--small);
  outline: 0;
  align-items: center;
  justify-content: center;
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  will-change: background;
}
.c-add-setup-item:hover {
  background-color: var(--ui-color--base);
}
.c-add-setup-item:focus-visible, .c-add-setup-item.focus-visible {
  box-shadow: 0 0 0 2px var(--ui-color__font--contrast-4) inset;
}
.c-add-setup-item .c-icon {
  font-size: 1.5rem;
}
.c-add-setup-item--small {
  height: 48px;
}
.c-add-setup-item--large {
  padding: 1.5rem;
}
@media (min-width: 46.25em) {
  .c-add-setup-item--large {
    height: 130px;
  }
}
.c-add-setup-item__label-wrapper {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.c-add-setup-item--large .c-add-setup-item__label-wrapper {
  flex-direction: column;
}
.c-add-setup-item__label {
  margin: 0.5rem;
  text-transform: uppercase;
}
@charset "UTF-8";
.c-setup-item__detail {
  /* stylelint-disable plugin/no-unsupported-browser-features */
  word-break: break-all;
}
.c-setup-item__detail::before {
  padding-right: 0.25rem;
  content: "•";
}
.c-setup-item__detail-list {
  margin-top: 0.25rem;
  list-style-type: none;
}
.c-setup-item {
  position: relative;
  display: grid;
  /* stylelint-disable plugin/no-unsupported-browser-features */
  word-break: break-all;
}
@media (max-width: 46.24em) {
  .c-setup-item {
    grid-template-columns: 6rem 1fr;
    grid-row-gap: 1rem;
    padding: 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-setup-item {
    grid-template-columns: 3.75rem 1fr -webkit-max-content;
    grid-template-columns: 3.75rem 1fr max-content;
    grid-column-gap: 1rem;
    padding: 1.5rem 2rem;
  }
}
.c-setup-item__title {
  color: var(--ui-color__font--highlight-1);
}
.c-setup-item__icon {
  justify-self: center;
  margin-top: 0.5rem;
  font-size: 3rem;
}
.c-setup-item__action-buttons {
  display: flex;
  justify-content: right;
  align-items: flex-end;
}
@media (max-width: 46.24em) {
  .c-setup-item__action-buttons {
    flex-direction: column;
    grid-column: 1/span 2;
  }
}
.c-setup-item__action-buttons .c-button + .c-button {
  margin-left: 1rem;
}
@media (max-width: 46.24em) {
  .c-setup-item__action-buttons .c-button + .c-button {
    margin-top: 0.5rem;
  }
}
@media (max-width: 46.24em) {
  .c-setup-item__action-buttons .c-button {
    width: 100%;
  }
}
.c-setup-item:not(:last-child):not(:first-child)::after {
  position: absolute;
  bottom: 0;
  left: 2rem;
  width: calc(100% - 4rem);
  height: 1px;
  content: "";
  background-color: var(--ui-color--contrast-1);
}
.c-setup-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--small);
}
.c-setup-card__list .c-setup-item:first-child {
  background-color: var(--ui-color--contrast-1);
  border-top-left-radius: var(--border-radius--small);
  border-top-right-radius: var(--border-radius--small);
}
@media (max-width: 46.24em) {
  .c-setup-card__inline-message {
    margin: 1.5rem 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-setup-card__inline-message {
    margin: 2rem 0 2rem 1.5rem;
  }
}
.c-setup-card .c-setup-item:nth-child(n+3)::before {
  position: absolute;
  top: 0;
  left: 1rem;
  display: block;
  width: calc(100% - 32px);
  height: 1px;
  content: "";
}
.c-setup-card__add-new {
  margin-right: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.c-setup-card__list--single + .c-setup-card__add-new {
  margin-top: 0.5rem;
}
.c-setup-card__select-button {
  margin: 20px 0 40px auto;
}
.c-my-setup {
  margin: 2rem 0;
}
.c-my-setup__title {
  margin-bottom: 1.5rem;
}
.c-my-setup .c-message {
  margin-bottom: 1rem;
}
@media (max-width: 46.24em) {
  .c-my-setup .c-setup-card + .c-setup-card {
    margin-top: 1.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-my-setup .c-setup-card + .c-setup-card {
    margin-top: 2.5rem;
  }
}
.c-my-setup .c-inline-message {
  padding: 1.5rem 0;
}
.c-my-setup > .c-add-setup-item {
  width: 100%;
}
@media (max-width: 46.24em) {
  .c-my-setup > .c-add-setup-item {
    margin-top: 1.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-my-setup > .c-add-setup-item {
    margin-top: 2.5rem;
  }
}
.c-setup-form {
  padding-bottom: 3rem;
}
.c-setup-form__modal .c-modal__body {
  padding-bottom: 0;
}
.c-setup-form .l-grid {
  align-items: stretch;
}
.c-setup-form .l-col .c-portal-popover__trigger-container {
  height: 100%;
}
.c-setup-configuration-callout {
  margin-bottom: 1.5rem;
}
.c-setup-configuration-callout__label--privacy {
  margin-top: 0.5rem;
}
.c-setup-configuration-callout__anchor {
  display: inline;
  color: var(--ui-color__font--contrast-2);
}
.c-setup-form-section {
  margin-right: 1.5rem;
  color: var(--ui-color__font--highlight-1);
}
.c-setup-form-section__hint {
  color: var(--ui-color__font--contrast-3);
}
.c-setup-form-section__hint + .c-text-input {
  margin-top: 1.5rem;
}
.c-setup-form-section h2 {
  margin-bottom: 1rem;
}
.c-setup-form-section .c-autocomplete {
  margin-top: 1.5rem;
}
@media (max-width: 46.24em) {
  .c-setup-form-section .c-selector__body {
    flex-direction: column;
  }
  .c-setup-form-section--platform-selection .c-selector__icon {
    margin-right: 0;
    margin-bottom: 1rem;
    font-size: 2rem;
  }
}

.c-setup-form-section + .c-setup-form-section {
  margin-top: 1.5rem;
}
@media (min-width: 46.25em) {
  .c-setup-form-section + .c-setup-form-section {
    margin-top: 3rem;
  }
}
.c-setup-upload-file-button {
  position: relative;
  display: block;
  height: 100%;
  color: var(--ui-color__font--highlight-1);
  text-align: center;
  flex-direction: column;
}
.c-setup-upload-file-button__body {
  position: relative;
  display: flex;
  flex: 1 0 7.5rem;
  width: 100%;
  height: 100%;
  max-height: 7.5rem;
  padding: 1.5625rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--ui-color--contrast-1);
  border-radius: var(--border-radius--small);
  transition: background-color 0.2s linear;
  will-change: background-color;
}
.c-setup-upload-file-button--checked .c-setup-upload-file-button__body {
  background-color: var(--ui-color--highlight-2);
  transform: translateY(0);
}
.c-setup-upload-file-button--disabled .c-setup-upload-file-button__body {
  cursor: not-allowed;
  background-color: var(--ui-color--contrast-2);
}
.c-setup-upload-file-button__icon {
  position: relative;
  margin-right: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.c-setup-upload-file-button__label {
  text-align: left;
}
.c-setup-upload-file-button__check-mark {
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
  opacity: 0;
  transition: opacity 0.15s linear, transform 0.1s linear;
  transform: translateY(10px);
  will-change: opacity;
}
.c-upload-file-button--checked .c-setup-upload-file-button__check-mark {
  opacity: 1;
  transform: translateY(0);
}
.c-setup-upload-file-button__input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 0;
  text-indent: -999px;
  visibility: hidden;
}
.c-setup-upload-file-button__input input {
  min-height: 0;
}
@media (min-width: 46.25em) {
  .c-setup-upload-file-button__body {
    flex: 1 0 100%;
    min-height: 13.125rem;
  }
  .c-setup-upload-file-button__icon {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
}
.c-setup-uploaded-file {
  position: relative;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr -webkit-max-content;
  grid-template-columns: min-content 1fr max-content;
  min-height: 4rem;
  padding-right: 1rem;
  background-color: var(--ui-color--contrast-2);
  align-items: center;
  border-radius: 0.25rem;
}
.c-setup-uploaded-file__label {
  padding-left: 1rem;
  overflow: hidden;
  color: var(--ui-color__font--highlight-1);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-setup-uploaded-file__icon {
  font-size: 1.5rem;
  color: var(--ui-color__font--highlight-1);
}
.c-setup-uploaded-file__icon-wrapper {
  display: flex;
  width: 7rem;
  height: 100%;
  background-color: var(--ui-color--contrast-1);
  border: 0.125rem solid var(--ui-color__font--highlight-1);
  border-radius: var(--border-radius--small);
  align-items: center;
  justify-content: center;
}
.c-setup-uploaded-file__input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-indent: -9999px;
  cursor: pointer;
  opacity: 0;
}
.c-setup-uploaded-file--disabled .c-setup-uploaded-file__input {
  cursor: not-allowed;
}
.c-setup-uploaded-file .c-button {
  text-transform: uppercase;
}
@media (max-width: 46.24em) {
  .c-setup-uploaded-file {
    grid-template-columns: 5.5rem 1fr;
    grid-template-rows: 3.5rem auto;
    grid-column-gap: 1rem;
    grid-row-gap: 0.5rem;
    padding: 1rem 1rem 1.5rem;
  }
  .c-setup-uploaded-file__icon-wrapper {
    width: unset;
  }
  .c-setup-uploaded-file__label {
    padding: 0;
  }
  .c-setup-uploaded-file .c-button {
    grid-column: 1/span 2;
  }
}
.c-setup-form-search-wrapper {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  margin-bottom: 1.5rem;
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--medium);
}
.c-setup-form-search-wrapper__label {
  color: var(--ui-color__font--contrast-3);
}
.c-setup-form-search-wrapper .c-autocomplete {
  margin-top: 1rem;
}
.c-setup-configuration-choice .c-selector__label,
.c-setup-configuration-choice .c-setup-upload-file-button__label {
  text-transform: uppercase;
}
@media (max-width: 46.24em) {
  .c-setup-configuration-choice .c-selector__body,
.c-setup-configuration-choice .c-setup-upload-file-button__body {
    min-height: 6.5rem;
  }
  .c-setup-configuration-choice .c-selector__body {
    flex-direction: column;
    justify-content: center;
  }
  .c-setup-configuration-choice .c-selector__icon {
    margin-right: 0;
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-setup-configuration-choice .c-selector__body,
.c-setup-configuration-choice .c-setup-upload-file-button__body {
    min-height: 9rem;
  }
  .c-setup-configuration-choice .c-selector__icon {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
}
.c-sidebar {
  --sidebar-bg-color: var(--color-primary-800);
  --sidebar-divider-color: var(--color-secondary-900);
  --sidebar-link-text-color: var(--color-primary-100);
  --sidebar-link-bg-color: transparent;
  --sidebar-link--hover-text-color: var(--color-primary-0);
  --sidebar-link--hover-bg-color: transparent;
  --sidebar-link--active-text-color: var(--color-primary-0);
  --sidebar-link--active-bg-color: transparent;
  --sidebar__footer-text-color: var(--color-primary-400);
}

.c-sidebar {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: var(--sidebar-bg-color);
}
.c-sidebar__header {
  display: flex;
  width: 100%;
  padding: 1.5rem 1rem 1rem;
  flex-direction: column;
  align-items: center;
}
.c-sidebar__header-game {
  max-width: 14rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.c-sidebar__header-game + .c-sidebar__header-product {
  width: 100%;
  padding-top: 1rem;
}
.c-sidebar__project-selector {
  width: 100%;
  margin-bottom: 0.5rem;
}
.c-sidebar__action {
  width: 100%;
}
.c-sidebar__scrollable-content {
  flex: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 81.24em) {
  .c-sidebar__scrollable-content {
    overflow-y: auto;
  }
}
.c-sidebar__body {
  flex: auto;
  padding: 0.5rem 1rem;
  margin-bottom: 3rem;
}
.c-sidebar__footer {
  display: flex;
  padding: 1.5rem 0.75rem;
  margin-top: auto;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 81.25em) {
  .c-sidebar__footer {
    bottom: 1.5rem;
  }
}
@media screen and (min-width: 81.25em) and (min-height: 820px) {
  .c-sidebar__footer {
    position: -webkit-sticky;
    position: sticky;
  }
}
.c-sidebar__footer svg,
.c-sidebar__footer img {
  max-width: 5rem;
  max-height: 2.5rem;
}
.c-sidebar__footer-branding {
  display: inline;
  margin-right: 0.5rem;
}
.c-sidebar__footer-catchline {
  color: var(--sidebar__footer-text-color);
}
.c-sidebar__footer-brand-logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.c-sign-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-sign-in .t {
  text-align: center;
}
.c-sign-in__subtitle {
  color: var(--sign-in__subtitle-text-color);
}
.c-sign-in__button {
  margin-top: 1.5rem;
}

.c-sign-in {
  --sign-in__subtitle-text-color: var(--body-text-color);
}
.c-software-config-form__sub-title {
  display: flex;
  margin-top: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.c-software-config-form__sub-title .c-link-button {
  flex-shrink: 0;
}
.c-software-config-form__section + .c-software-config-form__section {
  margin-top: 1.5rem;
}
.c-splashscreen {
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--body-bg-color);
}
.c-sticky {
  position: fixed;
  bottom: 0;
  display: flex;
  width: 100vw;
  flex-direction: column;
  justify-content: flex-end;
}
.c-sticky__button {
  padding: 0.5rem;
  margin-left: auto;
  color: var(--ui-color__font--contrast-1);
  background-color: var(--ui-color--base);
  border: 0;
  border-radius: var(--border-radius--small);
}
.c-sticky__button:hover {
  background-color: var(--ui-color--highlight-1);
}
.c-sticky__body-title {
  margin-right: 1rem;
  flex: 1;
}
.c-sticky__shadow {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  width: auto;
  pointer-events: all;
  background-color: var(--ui-color--contrast-2);
  opacity: 0;
  -webkit-animation: dropdown-shadow 0.15s ease-in-out both;
          animation: dropdown-shadow 0.15s ease-in-out both;
}
.c-sticky__header--string {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
}
.c-sticky__body {
  display: flex;
  max-height: calc(100vh - 4rem);
  flex-direction: column;
  transform: translateY(4rem);
}
.c-sticky__body-btn {
  flex: 1;
}
.c-sticky__body-content {
  flex: 1;
  overflow: auto;
}
.c-sticky__body--is-visible {
  transform: translateY(0);
}
.c-sticky__body--with-header {
  overflow: hidden;
  border-radius: var(--border-radius--medium);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.c-toast {
  --animate-duration: 0.25s;
  --toast-bg-color: var(--color-primary-600);
  --toast-border-color: var(--transparent);
  --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 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: var(--toast-bg-color);
  border-radius: 0.5rem;
  box-shadow: 0 0 var(--elevation-medium-distance) rgba(var(--color-black--string), var(--elevation-medium-opacity));
  opacity: 1;
  transition: opacity 500ms;
}
@media (min-width: 46.25em) {
  .c-toast {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 20.5rem;
  }
}
.c-toast__header {
  flex: none;
  margin-right: 1rem;
}
.c-toast__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  color: var(--toast__icon-color);
  background-color: var(--toast__icon-bg-color);
  border-radius: 50%;
}
.c-toast__body {
  flex: auto;
}
.c-toast__action {
  margin-top: 0.25rem;
}
.c-toast__title {
  color: var(--toast__title-text-color);
}
.c-toast__description {
  margin-top: 0.25rem;
  color: var(--toast__description-text-color);
}
.c-toast__close {
  flex: none;
  color: var(--toast__close-icon-color);
  cursor: pointer;
}
.c-toast__close.c-button.c-button--icon-only {
  height: auto;
  padding: 0;
}
.c-toast__footer {
  flex: none;
  display: flex;
  align-self: flex-start;
}
.c-toast--info, .c-toast--success, .c-toast--warning, .c-toast--error {
  border-top: 0.25rem solid var(--toast-border-color);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.l-toasts {
  position: fixed;
  z-index: 200;
}
@media (max-width: 46.24em) {
  .l-toasts {
    top: 4rem;
    right: 0.5rem;
    left: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .l-toasts {
    top: 3rem;
    right: 1rem;
  }
}

.c-toasts {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
.c-toolbar__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-toolbar--primary .c-toolbar__main {
  padding: 1rem;
}
.c-toolbar--secondary .c-toolbar__main {
  padding: 0 1rem;
}
.c-toolbar--primary .c-toolbar__main, .c-toolbar--secondary .c-toolbar__main {
  background-color: var(--ui-color--contrast-1);
  border-top: 0.125rem solid var(--ui-color--highlight-1);
}
.c-toolbar--rounded .c-toolbar__main {
  border-bottom-right-radius: var(--border-radius--medium);
  border-bottom-left-radius: var(--border-radius--medium);
}
.c-toolbar--admin .c-toolbar__main {
  border-color: var(--admin-color--highlight-2);
}
.c-toolbar__status {
  padding: 0 0.5rem;
}
.c-toolbar__status .t-link.h-admin {
  color: var(--ui-color__font--contrast-2);
}
.c-toolbar--dashboard {
  margin-top: 2.5rem;
}
.c-toolbar__actions {
  display: flex;
}
.c-toolbar__actions .c-button + .c-button {
  margin-left: 1rem;
}
.c-issue-show .c-toolbar {
  margin-bottom: 1.5rem;
}
.c-toolbar__bottom {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  background-color: var(--ui-color--base);
  border-bottom-right-radius: var(--border-radius--medium);
  border-bottom-left-radius: var(--border-radius--medium);
}
.c-toolbar__visibility {
  display: flex;
  align-items: center;
}
@media (min-width: 46.25em) {
  .c-toolbar__visibility > * + * {
    margin-left: 1rem;
  }
}
@media (max-width: 46.24em) {
  .c-toolbar {
    align-items: normal;
    flex-direction: column-reverse;
  }
  .c-toolbar__visibility-header {
    padding: 1rem;
  }
  .c-toolbar__main {
    flex-direction: column;
  }
  .c-toolbar__bottom {
    padding: 0 0 1rem 0;
    flex-direction: column;
  }
  .c-toolbar__status {
    width: 100%;
    padding: 0;
  }
  .c-sticky .c-toolbar__bottom > .c-toolbar__actions {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--ui-color--base);
  }
  .c-sticky .c-toolbar__actions {
    width: 100%;
    flex-direction: column;
    background-color: var(--ui-color--contrast-1);
  }
  .c-toolbar__visibility {
    flex-direction: column;
    align-items: normal;
  }
  .c-toolbar__visibility--header {
    padding: 1rem;
  }
  .c-toolbar__visibility .c-dropdown-list-item {
    padding: 0.5rem;
  }
  .c-toolbar__visibility .c-dropdown-list-item__details {
    display: none;
  }
  .c-toolbar__visibility .c-dropdown-list-item__header {
    padding: 0 0.5rem 0 0.5rem;
  }
}
.c-toolbar-inline-message {
  display: flex;
  align-items: center;
}
.c-toolbar-inline-message .c-icon {
  margin-right: 0.5rem;
  font-size: 1rem;
}
.c-toolbar-inline-message__annotation {
  margin-left: 0.5rem;
}
@media (max-width: 46.24em) {
  .c-toolbar-inline-message {
    padding: 1rem;
  }
}
.c-toolbar-tab {
  padding: 0.5rem 0.5rem 1rem;
  margin-top: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.c-toolbar-tab--active {
  background-color: var(--ui-color--base);
}
.c-toolbar-tab--active .c-button {
  background-color: var(--ui-color--contrast-1);
}
.c-toolbar-tab .c-button:disabled {
  color: var(--ui-color--highlight-2);
  background-color: var(--ui-color--base);
}
.c-toolbar-tab__divider {
  width: 1px;
  height: 40px;
  margin: 0 0.5rem;
  background-color: var(--ui-color--highlight-1);
  align-self: center;
}
@media (max-width: 46.24em) {
  .c-toolbar-tab {
    padding: 0.25rem 1rem 0.25rem;
    margin-top: 0;
  }
  .c-toolbar-tab:first-child {
    margin-top: 0.5rem;
  }
  .c-toolbar-tab:last-child {
    margin-bottom: 0.5rem;
  }
  .c-toolbar-tab__divider {
    width: 90%;
    height: 1px;
    margin: 0.25rem;
  }
}
.c-toolbar-issue-selection {
  display: flex;
  align-items: center;
}
.c-toolbar-issue-selection__label::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  content: " ";
  background: var(--color-admin-200);
  border-radius: 100%;
}
.c-toolbar-issue-selection__button:hover, .c-toolbar-issue-selection__button:focus {
  color: var(--ui-color__font--highlight-1);
}
@media (max-width: 46.24em) {
  .c-toolbar-issue-selection {
    padding: 1rem;
    background: var(--ui-color--contrast-1);
  }
}
.c-transition-fade-enter {
  opacity: 0;
}
.c-transition-fade-enter-active {
  opacity: 1;
  transition: opacity 400ms ease-in-out;
}
.c-transition-fade-exit {
  opacity: 1;
}
.c-transition-fade-exit-active {
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}
.c-uploaded-file {
  --uploaded-file-bg-color: var(--color-primary-800);
  --uploaded-file__label-text-color: var(--color-white);
  --uploaded-file__thumbnail__icon-color: var(--color-white);
  --uploaded-file__thumbnail__overlay-bg-color: var(--color-primary-700);
  --uploaded-file__thumbnail-bg-color: var(--color-primary-700);
  --uploaded-file__thumbnail-border-color: transparent;
}
.c-uploaded-file.c-uploaded-file--error {
  --uploaded-file-bg-color: var(--color-error-900);
  --uploaded-file__label-text-color: var(--color-error-100);
  --uploaded-file__thumbnail__icon-color: var(--color-error-100);
  --uploaded-file__thumbnail__overlay-bg-color: var(--color-error-600);
  --uploaded-file__thumbnail-bg-color: var(--color-error-600);
  --uploaded-file__thumbnail-border-color: var(--color-error-100);
}
.c-uploaded-file.c-uploaded-file--loading {
  --uploaded-file-bg-color: var(--color-primary-700);
}

.c-uploaded-file {
  display: flex;
  min-height: 4rem;
  margin-top: 1rem;
  background-color: var(--uploaded-file-bg-color);
  border-radius: var(--border-radius--small);
  align-items: center;
}
@media (max-width: 46.24em) {
  .c-uploaded-file {
    padding: 1rem;
    flex-direction: column;
  }
  .c-uploaded-file > * + * {
    margin-top: 1rem;
  }
}
@media (max-width: 46.24em) {
  .c-uploaded-file:not(.c-uploaded-file--loading) {
    padding: 1rem;
  }
}
.c-uploaded-file__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.c-uploaded-file__middle {
  display: flex;
  flex-direction: row;
  flex: auto;
  align-items: center;
}
.c-uploaded-file__secondary {
  display: flex;
  flex: none;
  flex-wrap: nowrap;
}
.c-uploaded-file__thumbnail {
  position: relative;
  display: flex;
  width: 7.125rem;
  height: 4rem;
  overflow: hidden;
  border-radius: var(--border-radius--small);
  align-self: stretch;
}
.c-uploaded-file__thumbnail__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--uploaded-file__thumbnail__overlay-bg-color);
  opacity: 0.6;
}
.c-uploaded-file__thumbnail__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  font-size: 1.375rem;
  color: var(--uploaded-file__thumbnail__icon-color);
  transform: translate(-50%, -50%);
}
.c-uploaded-file--error .c-uploaded-file__thumbnail {
  border: 1px solid var(--uploaded-file__thumbnail-border-color);
}
.c-uploaded-file__label {
  padding-right: 1rem;
  padding-left: 1rem;
  color: var(--uploaded-file__label-text-color);
  word-break: break-word;
  flex: 1;
}
.c-uploaded-file__label .c-icon {
  margin-right: 0.5rem;
}
.c-uploaded-file__secondary-icon {
  padding-right: 0.5rem;
}
.c-uploaded-file__action {
  margin: 0.75rem 1rem;
  flex: none;
}
@media (max-width: 46.24em) {
  .c-uploaded-file__action {
    width: 100%;
    margin: 1rem 0 0 0;
  }
}
.c-visibility-description {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.c-visibility-description__current {
  display: flex;
  flex-direction: column;
}
.c-visibility-description__current .c-icon {
  margin-right: 0.25rem;
}
.c-visibility-description__current-label {
  font-size: 0.75rem;
  color: #bbc2c6;
}
.c-visibility-description__visibility {
  display: flex;
}
.c-visibility-description__visibility-label {
  color: var(--admin-color__font--highlight-1);
}
.c-visibility-description__more-info {
  font-size: 0.875rem;
}
