/* 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 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0; }

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: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.03125rem; }

.t-title--large, h2 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.03125rem; }

.t-title--medium, h3 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.01562rem; }

.t-title--small, h4 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.01562rem; }

.t-title--xsmall, h5 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.01562rem; }

.t-title--xxsmall {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.03125rem; }

.t-title--section {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0; }

.t-title--bold {
  font-weight: 700; }

b {
  font-weight: bold; }

.t-body--xlarge {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0; }

.t-body--large {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0; }

.t-body--medium, p {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0; }

.t-body--small {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0; }

.t-body--xsmall {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0; }

.t-body--bold {
  font-weight: 700; }

.t-ui__issue-status {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.03125rem; }

.t-ui__issue-count {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 0.8;
  letter-spacing: 0; }

.t-ui__issue-total {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.1875rem;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0; }

.t-ui__form--small {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.03125rem; }

.t-ui__form--xsmall {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.03125rem; }

.t-ui__label--xlarge {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 2.3125rem;
  font-weight: 500;
  line-height: 2.75rem;
  letter-spacing: 0; }

.t-ui__label--large {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.03125rem; }

.t-ui__label--medium {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03125rem; }

.t-ui__label--small {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03125rem; }

.t-ui__button--xlarge {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.0625rem; }

.t-ui__button--large {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.0625rem; }

.t-ui__button--medium {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0; }

.t-ui__button--small {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-family: var(--font-secondary);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0; }

/* stylelint-disable at-rule-blacklist */
/* stylelint-enable at-rule-blacklist */
img,
svg {
  max-width: 100%;
  height: auto; }

@media (min-width: 46.25em) {
  .h-mq--mobile {
    display: none; } }

@media (max-width: 46.24em) {
  .h-mq--from-tablet {
    display: none; } }

html {
  --color-primary-0--string: 255, 255, 255;
  --color-primary-50--string: 174, 225, 255;
  --color-primary-100--string: 133, 209, 255;
  --color-primary-200--string: 112, 191, 236;
  --color-primary-300--string: 78, 164, 210;
  --color-primary-400--string: 55, 133, 174;
  --color-primary-500--string: 41, 110, 149;
  --color-primary-600--string: 26, 88, 125;
  --color-primary-700--string: 22, 71, 101;
  --color-primary-800--string: 16, 49, 69;
  --color-primary-900--string: 13, 38, 54;
  --color-primary-1000--string: 0, 0, 0;
  --color-secondary-50--string: 232, 235, 237;
  --color-secondary-100--string: 209, 214, 218;
  --color-secondary-200--string: 187, 194, 198;
  --color-secondary-300--string: 164, 173, 179;
  --color-secondary-400--string: 141, 153, 159;
  --color-secondary-500--string: 119, 132, 140;
  --color-secondary-600--string: 96, 112, 120;
  --color-secondary-700--string: 73, 91, 101;
  --color-secondary-800--string: 51, 71, 81;
  --color-secondary-900--string: 28, 50, 62;
  --color-highlight-light--string: 24, 141, 216;
  --color-highlight-dark--string: 0, 119, 203;
  --color-tertiary-100--string: 121, 224, 223;
  --color-tertiary-200--string: 94, 199, 198;
  --color-tertiary-400--string: 54, 104, 127;
  --color-tertiary-600--string: 23, 83, 102;
  --color-tertiary-800--string: 24, 62, 79;
  --color-admin-50--string: 255, 189, 138;
  --color-admin-100--string: 255, 164, 93;
  --color-admin-200--string: 253, 128, 30;
  --color-admin-300--string: 219, 112, 29;
  --color-admin-400--string: 188, 98, 27;
  --color-admin-500--string: 156, 83, 26;
  --color-admin-600--string: 123, 67, 25;
  --color-admin-700--string: 91, 52, 23;
  --color-admin-800--string: 58, 37, 22;
  --color-admin-900--string: 29, 23, 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-error-100--string: 255, 78, 91;
  --color-error-600--string: 77, 23, 27;
  --color-error-900--string: 51, 16, 18;
  --body-color--string: var(--color-primary-900--string);
  --color-group-moderator--string: 183, 210, 107;
  --color-group-admin--string: 202, 152, 245; }

body {
  color: rgb(232, 235, 237);
  color: var(--ui-color__font--default);
  background-color: rgb(13, 38, 54);
  background-color: var(--body-color); }
  body * {
    color: inherit;
    border-color: inherit; }

html {
  --button-color__font: var(--color-primary-0);
  --button-color__font--disabled: var(--color-primary-500);
  --button-color: var(--color-highlight-light);
  --button-color--hover: var(--color-highlight-dark);
  --button-color--disabled: var(--color-primary-600); }

.c-button--secondary {
  --button-color__font: var(--color-primary-0);
  --button-color__font--disabled: var(--color-primary-500);
  --button-color: var(--color-primary-500);
  --button-color--hover: var(--color-primary-400);
  --button-color--disabled: var(--color-primary-800); }

.c-button--tertiary {
  --button-color__font: var(--color-primary-0);
  --button-color__font--disabled: var(--color-secondary-600);
  --button-color: var(--color-secondary-600);
  --button-color--hover: var(--color-primary-500);
  --button-color--disabled: var(--color-secondary-700); }

html {
  --input-color__font: var(--color-primary-0);
  --input-color__font--placeholder: var(--color-secondary-300);
  --input-color__label: var(--color-secondary-300);
  --input-color__field: var(--color-primary-700);
  --input-color__field--hover: var(--color-primary-700);
  --input-color__field--active: var(--color-primary-800);
  --input-color__field--disabled: var(--color-primary-800);
  --input-color__field-border: var(--color-primary-700);
  --input-color__field-border--hover: var(--color-primary-500);
  --input-color__field-border--active: var(--color-primary-500);
  --input-color__field-border--disabled: var(--color-primary-800);
  --input-color__field-overlay: var(--color-primary-100);
  --input-color__field-overlay--hover: var(--color-primary-0);
  --input-color__radio: var(--color-primary-400);
  --input-color__radio-background: transparent;
  --input-color__radio-font: var(--color-primary-0);
  --input-color__checkbox: var(--color-primary-400);
  --input-color__checkbox-background: transparent;
  --input-color__switch-icon: var(--color-primary-400);
  --input-color__switch-background: var(--color-primary-600);
  --input-color__switch-border: transparent; }
  html .h-input--active {
    --input-color__radio: var(--color-primary-100);
    --input-color__radio-background: var(--color-primary-600);
    --input-color__checkbox: var(--color-primary-200);
    --input-color__switch-icon: var(--color-primary-50);
    --input-color__switch-background: var(--color-primary-400); }
  html .h-input--disabled {
    --input-color__radio-font: var(--color-secondary-500);
    --input-color__checkbox-background: var(--color-secondary-900);
    --input-color__checkbox: var(--color-secondary-800);
    --input-color__switch-icon: var(--color-secondary-800);
    --input-color__switch-background: var(--color-secondary-800);
    --input-color__switch-border: var(--color-secondary-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);
    --input-color__field--hover: var(--color-primary-800);
    --input-color__field-overlay: var(--color-tertiary-100); }
  html .h-palette--archived {
    --input-color__field: var(--color-secondary-600);
    --input-color__field--hover: var(--color-secondary-800);
    --input-color__field--active: var(--color-secondary-800);
    --input-color__field-overlay: var(--color-primary-0); }

html {
  --issue-color__font-title: var(--color-primary-100); }

.c-issue-report {
  --body-color--string: var(--color-primary-800--string);
  --body-color: var(--color-primary-800);
  --ui-color--contrast-1: var(--color-primary-700);
  --ui-color--contrast-2: var(--color-primary-900);
  background-color: rgb(13, 38, 54);
  background-color: var(--body-color); }

.h-palette--archived {
  --ui-color__font--default: var(--color-secondary-300);
  --ui-color__font--highlight-1: var(--color-primary-0);
  --ui-color__font--contrast-1: var(--color-secondary-300);
  --ui-color__font--contrast-2: var(--color-secondary-300);
  --ui-color__font--contrast-3: var(--color-secondary-400);
  --issue-color__font-title: var(--color-secondary-400);
  --ui-color--base: var(--color-secondary-800);
  --ui-color--highlight-1: var(--color-secondary-600);
  --ui-color--contrast-1: var(--color-secondary-700);
  --ui-color--contrast-2: var(--color-secondary-800);
  color: rgb(232, 235, 237);
  color: var(--ui-color__font--default); }
  .h-palette--archived.c-issue {
    --ui-color__font--highlight-1: var(--color-secondary-400);
    --ui-color--base: var(--color-secondary-800);
    --ui-color--highlight-1: var(--color-secondary-300);
    --ui-color--contrast-1: var(--color-secondary-900);
    --ui-color--contrast-2: var(--color-secondary-800);
    --tag-color__font: var(--ui-color__font--highlight-1);
    --tag-color__border: var(--color-secondary-800);
    --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); }

.h-palette--fixed {
  --ui-color__font--default: var(--color-secondary-50);
  --ui-color__font--highlight-1: var(--color-primary-0);
  --ui-color__font--contrast-1: var(--color-tertiary-100);
  --ui-color__font--contrast-2: var(--color-tertiary-100);
  --ui-color__font--contrast-3: var(--color-secondary-300);
  --issue-color__font-title: var(--color-tertiary-100);
  --ui-color--base: var(--color-tertiary-600);
  --ui-color--highlight-1: var(--color-tertiary-400);
  --ui-color--contrast-1: var(--color-tertiary-800);
  --ui-color--contrast-2: var(--color-tertiary-800);
  --tag-color__font: var(--color-tertiary-100);
  --tag-color__border: var(--color-tertiary-400);
  color: rgb(232, 235, 237);
  color: var(--ui-color__font--default); }
  .h-palette--fixed.c-issue {
    --button-color: var(--color-tertiary-100);
    --button-color__font: var(--color-tertiary-800);
    --button-color--hover: var(--color-tertiary-200); }

html {
  --modal-color: var(--ui-color--contrast-3);
  --modal-color__overlay: rgba(var(--body-color--string), 0.7);
  --modal-color__divider: var(--ui-color--highlight-1);
  --modal-color__header: var(--ui-color--base); }
  html .c-issue-admin-modal {
    --modal-color: var(--ui-color--contrast-2); }

html {
  --sidebar-color__font: var(--color-primary-100);
  --sidebar-color__font--hover: var(--color-primary-0);
  --sidebar-color__font--active: var(--color-primary-0);
  --sidebar-color__font--footer: var(--color-primary-400);
  --sidebar-color__item: transparent;
  --sidebar-color__item--hover: transparent;
  --sidebar-color__item--active: transparent;
  --sidebar-color__item-border: transparent;
  --sidebar-color__item-border--hover: transparent;
  --sidebar-color__item-border--active: transparent;
  --sidebar-color__divider: var(--color-secondary-900);
  --sidebar-color: var(--color-primary-800); }

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 {
  --tag-color__font: var(--ui-color__font--contrast-2);
  --tag-color: transparent;
  --tag-color--selected: var(--button-color);
  --tag-color--hover: var(--ui-color--base);
  --tag-color--active: var(--ui-color--contrast-2);
  --tag-color__border: var(--ui-color--highlight-1);
  --tag-color__border--selected: var(--button-color);
  --tag-color__border--hover: var(--ui-color--base);
  --tag-color__border--active: var(--ui-color__font--contrast-4); }

html {
  --ui-color__font--default: var(--color-secondary-50);
  --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__font--paragraph: var(--color-secondary-200);
  --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--string: var(--color-error--string);
  --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); }

html {
  --platform-brand-color: var(--color-primary-1000);
  --platform-brand-color__font: var(--ui-color__font--contrast-5); }

@media (max-width: 46.24em) {
  .c-reproduction .c-reproduction-step {
    --input-color__field: var(--ui-color--contrast-1);
    --input-color__field--hover: var(--ui-color--base);
    --input-color__field--active: var(--ui-color--contrast-1); } }

@media (min-width: 46.25em) {
  .c-reproduction .c-reproduction-step {
    --input-color__field: var(--input-color__field--active);
    --input-color__field--hover: var(--input-color__field--active); } }

html {
  --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); }

html {
  --action-list__item-color__font: var(--color-primary-0);
  --action-list__item-color: var(--color-primary-500);
  --action-list__item-color--hover: var(--color-primary-600);
  --action-list__item-color__font--disabled: var(--color-secondary-500);
  --action-list__item-color--disabled: var(--color-primary-600);
  --action-list__item-border: var(--color-primary-300); }

html {
  --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 {
  --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 {
  --input-color__radio: var(--color-admin-500);
  --input-color__radio-background: var(--color-admin-900);
  --input-color__checkbox: var(--color-admin-500);
  --input-color__checkbox-background: var(--color-admin-900);
  --modal-color__header: var(--color-admin-400);
  /* stylelint-disable-next-line */ }
  .h-admin.c-toolbar__visibility-header {
    background-color: rgb(123, 67, 25);
    background-color: var(--admin-color--base); }
  .h-admin.c-avatar {
    border-color: rgb(253, 128, 30);
    border-color: var(--admin-color--highlight-2); }
  .h-admin .c-sticky__header {
    background-color: rgb(188, 98, 27);
    background-color: var(--admin-color--highlight-1);
    border-color: rgb(253, 128, 30);
    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 .h-input--active, .h-admin.h-input--active {
    --input-color__radio: var(--color-admin-200);
    --input-color__checkbox: var(--color-admin-200);
    --input-color__switch-icon: var(--color-admin-100);
    --input-color__switch-background: var(--color-admin-400); }
  .h-admin.c-dropdown-trigger {
    color: rgb(255, 164, 93);
    color: var(--color-admin-100);
    background-color: rgb(29, 23, 18);
    background-color: var(--color-admin-900); }
    .h-admin.c-dropdown-trigger .c-dropdown-trigger__header {
      background-color: rgb(29, 23, 18);
      background-color: var(--color-admin-900); }
    .h-admin.c-dropdown-trigger .c-icon {
      color: rgb(255, 164, 93);
      color: var(--color-admin-100); }
    .h-admin.c-dropdown-trigger--icon-only.c-dropdown-trigger--is-active {
      color: rgb(255, 255, 255);
      color: var(--color-primary-0);
      background-color: rgb(253, 128, 30);
      background-color: var(--color-admin-200); }
      .h-admin.c-dropdown-trigger--icon-only.c-dropdown-trigger--is-active .c-icon {
        color: rgb(255, 255, 255);
        color: var(--color-primary-0); }
    .h-admin.c-dropdown-trigger--disabled {
      color: rgb(123, 67, 25);
      color: var(--color-admin-600); }
      .h-admin.c-dropdown-trigger--disabled .c-icon {
        color: rgb(123, 67, 25);
        color: var(--color-admin-600); }
  .h-admin.c-dropdown-list,
  .h-admin .c-dropdown-list {
    background-color: rgb(58, 37, 22);
    background-color: var(--color-admin-800); }
    .h-admin.c-dropdown-list__item,
    .h-admin .c-dropdown-list__item {
      color: rgb(255, 189, 138);
      color: var(--color-admin-50);
      border-bottom-color: rgb(123, 67, 25);
      border-bottom-color: var(--color-admin-600); }
      .h-admin.c-dropdown-list__item .c-icon,
      .h-admin .c-dropdown-list__item .c-icon {
        color: inherit; }
    .h-admin.c-dropdown-list__item--is-selected,
    .h-admin .c-dropdown-list__item--is-selected {
      color: rgb(255, 255, 255);
      color: var(--color-primary-0);
      background-color: rgb(188, 98, 27);
      background-color: var(--color-admin-400);
      border-left-color: rgb(255, 255, 255);
      border-left-color: var(--color-primary-0); }
  .h-admin.c-button,
  .h-admin .c-button {
    --button-color__font: var(--color-primary-0);
    --button-color: var(--color-admin-200);
    --button-color--hover: var(--color-admin-400);
    --button-color__font--disabled: var(--color-admin-600);
    --button-color--disabled: var(--color-admin-900); }
  .h-admin.c-button--secondary,
  .h-admin .c-button--secondary {
    --button-color__font: var(--color-admin-100);
    --button-color: var(--color-admin-900);
    --button-color--hover: var(--color-admin-700);
    --button-color__font--disabled: var(--color-admin-600);
    --button-color--disabled: var(--color-admin-900); }
  .h-admin .c-button__tooltip.__react_component_tooltip,
  .h-admin + .c-button__tooltip.__react_component_tooltip {
    background-color: rgb(58, 37, 22);
    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: rgb(255, 164, 93);
    color: var(--color-admin-100); }
  .h-admin .c-contribution-comment--moderated, .h-admin.c-contribution-comment--moderated {
    background-color: rgb(29, 23, 18);
    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: rgb(255, 164, 93);
      color: var(--color-admin-100); }
  .h-admin .c-button--icon:not(:disabled) {
    color: rgb(255, 164, 93);
    color: var(--color-admin-100);
    background-color: rgb(29, 23, 18);
    background-color: var(--color-admin-900); }
    .c-issue--promoted .h-admin .c-button--icon:not(:disabled) {
      background-color: rgb(123, 67, 25);
      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: rgb(188, 98, 27);
    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: rgb(91, 52, 23);
    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: rgb(253, 128, 30);
    border-left-color: var(--admin-color--highlight-2); }
  .h-admin.c-navigation--inline .c-navigation-item__link--is-active {
    border-bottom-color: rgb(253, 128, 30);
    border-bottom-color: var(--admin-color--highlight-2); }
  .h-admin .c-form-step__header {
    background-color: rgb(188, 98, 27);
    background-color: var(--admin-color--highlight-1);
    --ui-color--highlight-1: var(--color-admin-200); }
  .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); }

/**
 * 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 {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      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(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * 44px / 2);
  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-theme-color);
  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: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: normal, ;
  font-variant: normal;
  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-theme-color);
  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-theme-color);
  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%;
  -o-object-fit: contain;
     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-theme-color);
  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; }

/* stylelint-disable */
.swiper-container {
  overflow: visible; }

.swiper-slide {
  height: unset; }

.swiper-pagination-bullet {
  color: rgb(22, 71, 101);
  color: var(--swiper-bullet);
  background-color: rgb(22, 71, 101);
  background-color: var(--swiper-bullet);
  opacity: 1; }
  .swiper-pagination-bullet-active {
    background-color: rgb(24, 141, 216);
    background-color: var(--swiper-bullet--active); }

.swiper-button-next, .swiper-button-prev {
  display: flex !important;
  align-items: center;
  margin: 0;
  top: unset;
  bottom: 0;
  z-index: 1;
  width: unset;
  background-color: transparent;
  font-size: 1.25rem;
  color: rgb(24, 141, 216);
  color: var(--swiper-arrow);
  transition: color 150ms ease-in-out;
  background-size: 100% 100%; }
  .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: rgb(0, 119, 203);
    color: var(--swiper-arrow--hover); }
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    color: rgb(22, 71, 101);
    color: var(--swiper-arrow--disabled); }

.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: 5rem 0 2rem; }

@media (min-width: 46.25em) {
  .c-page__issue-create .c-issue-report-group__title {
    padding: 0;
    margin-top: 12rem; } }

@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; } }

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-highlight-dark: rgb(var(--color-highlight-dark--string));
  --color-highlight-light: rgb(var(--color-highlight-light--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-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-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-group-moderator: rgb(var(--color-group-moderator--string));
  --color-group-admin: rgb(var(--color-group-admin--string));
  --body-color: rgb(var(--body-color--string));
  --border-radius--small: 0.25rem;
  --border-radius--medium: 0.5rem;
  --border-radius--large: 1rem;
  --font-primary: Arial, Helvetica Neue, Helvetica, sans-serif;
  --font-secondary: Tahoma, Verdana, Segoe, sans-serif;
  --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);
  box-sizing: border-box; }

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

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

.c-account {
  margin: 2rem 0; }
  .c-account__title {
    margin-bottom: 1.5rem; }
  .c-account .c-account__section {
    border: 1px solid var(--ui-color--contrast-1);
    border-radius: var(--border-radius--small); }
  .c-account .c-account__section + .c-account__section {
    margin-top: 1.5rem; }

.c-switch {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .c-switch--no-label .c-switch__shape {
    margin-right: 0; }
  .c-switch--label-first {
    flex-direction: row-reverse; }
  .c-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden; }
    .c-switch__input:checked + .c-switch__shape::after {
      left: 100%;
      transform: translate(-100%, -50%); }
  .c-switch__shape {
    position: relative;
    display: block;
    width: 2.125rem;
    height: 1rem;
    margin-right: 0.625rem;
    background-color: var(--input-color__switch-background);
    border-radius: 1.25rem;
    flex-shrink: 0; }
    .c-switch__shape::after {
      position: absolute;
      top: 50%;
      left: 0;
      width: 1.25rem;
      height: 1.25rem;
      content: "";
      background-color: var(--input-color__switch-icon);
      border: 0.125rem solid var(--input-color__switch-border);
      border-radius: 50%;
      transition-timing-function: ease-in-out;
      transition-duration: 0.1s;
      transform: translate(0, -50%); }
    .c-switch--label-first .c-switch__shape {
      margin-right: 0;
      margin-left: auto; }

@media (max-width: 46.24em) {
  .c-contact-preferences {
    padding: 1rem; } }

@media (min-width: 46.25em) {
  .c-contact-preferences {
    padding: 1.5rem 2rem; } }

.c-contact-preferences__row {
  padding: 1rem 0; }
  .c-contact-preferences__row + .c-contact-preferences__row {
    border-top: 1px solid var(--ui-color--contrast-1); }

.c-contact-preferences__description {
  margin: 0.5rem 0;
  color: var(--ui-color__font--contrast-3); }

.c-avatar {
  position: relative;
  overflow: hidden;
  background-color: var(--ui-color--contrast-2);
  border: 0.0625rem solid var(--ui-color__font--highlight-1); }
  .c-avatar--circle {
    border-radius: 50%; }
    .c-avatar--circle img {
      border-radius: 50%; }
  .c-avatar--rounded {
    border-radius: 0.5rem; }
    .c-avatar--rounded img {
      border-radius: 0.5rem; }
  .c-avatar--icon {
    display: flex;
    color: var(--ui-color__font--contrast-1);
    background-color: var(--ui-color__font--contrast-4);
    border-color: var(--ui-color__font--contrast-4);
    justify-content: center;
    align-items: center; }
  .c-avatar[aria-haspopup="true"] {
    cursor: pointer; }
  .c-avatar__media {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-position: center center;
       object-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0; }

/* 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-feature-settings: 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; }

@media (max-width: 46.24em) {
  .c-personal-information {
    padding: 1rem; } }

@media (min-width: 46.25em) {
  .c-personal-information {
    padding: 1.5rem 2rem; } }

.c-personal-information__row {
  display: grid;
  grid-column-gap: 3rem;
  padding: 1rem 0;
  align-items: center; }
  @media (min-width: 46.25em) {
    .c-personal-information__row {
      grid-template-columns: 9.375rem 1fr; } }
  .c-personal-information__row + .c-personal-information__row {
    border-top: 1px solid var(--ui-color--contrast-1); }
  .c-personal-information__row--avatar {
    align-items: flex-end; }
    @media (max-width: 46.24em) {
      .c-personal-information__row--avatar {
        grid-template-columns: 1fr;
        grid-row-gap: 0.5rem; } }
  @media (max-width: 46.24em) {
    .c-personal-information__row--name {
      grid-template-columns: -webkit-max-content 1fr;
      grid-template-columns: max-content 1fr; } }

.c-personal-information__description {
  margin: 0.5rem 0;
  color: var(--ui-color__font--contrast-3); }

.c-personal-information__name {
  display: inline-flex;
  color: var(--ui-color__font--contrast-5);
  justify-content: space-between;
  align-items: center; }

.c-personal-information .c-avatar {
  border: 0.125rem solid var(--ui-color--base); }

.c-action-list {
  min-width: 6.5625rem; }
  .c-action-list__item {
    display: block;
    padding: 0.625rem 0.9375rem;
    color: var(--action-list__item-color__font);
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--action-list__item-color);
    border-bottom: 0.0625rem solid var(--action-list__item-border);
    transition: background ease-in-out 0.2s;
    will-change: background; }
    .c-action-list__item:last-child {
      border-bottom: 0; }
    .c-action-list__item:hover:not(.c-action-list__item--disabled), .c-action-list__item:focus {
      background-color: var(--action-list__item-color--hover); }
    .c-action-list__item--disabled {
      color: var(--action-list__item-color__font--disabled);
      cursor: default;
      background-color: var(--action-list__item-color--disabled); }
  @media (min-width: 61.25em) {
    .c-action-list {
      box-shadow: 0 0 0.625rem 0 rgba(var(--ui-color__shadow--string), 0.3); } }

.c-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 0.9375rem;
  margin: 0;
  color: var(--button-color__font);
  text-transform: uppercase;
  cursor: pointer;
  background-color: var(--button-color);
  border: solid 0.0625rem transparent;
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out;
  will-change: background;
  /* stylelint-disable-next-line */ }
  .c-button:hover {
    background-color: var(--button-color--hover); }
  .c-button:disabled, .c-button--disabled, .c-button--disabled:hover {
    color: var(--button-color__font--disabled);
    cursor: not-allowed;
    background-color: var(--button-color--disabled); }
  .c-button:focus {
    outline: none; }
  .c-button.focus-visible, .c-button.focus-visible {
    background-color: var(--ui-color--contrast-1);
    border-color: var(--button-color);
    outline: none; }
  .c-button.focus-visible, .c-button:focus-visible {
    background-color: var(--ui-color--contrast-1);
    border-color: var(--button-color);
    outline: none; }
    .c-button.focus-visible::before, .c-button.focus-visible::before {
      opacity: 1; }
    .c-button.focus-visible::before, .c-button:focus-visible::before {
      opacity: 1; }
  .c-button--tertiary {
    background-color: transparent;
    border-color: var(--button-color); }
    .c-button--tertiary:hover, .c-button--tertiary:focus {
      background-color: transparent;
      border-color: var(--button-color--hover); }
    .c-button--tertiary.focus-visible, .c-button--tertiary.focus-visible {
      background-color: transparent;
      border-color: var(--button-color--hover); }
    .c-button--tertiary:focus-visible, .c-button--tertiary.focus-visible {
      background-color: transparent;
      border-color: var(--button-color--hover); }
    .c-button--tertiary:disabled {
      color: var(--button-color__font--disabled);
      cursor: not-allowed;
      background-color: transparent;
      border-color: var(--button-color--disabled); }
  .c-button--transparent {
    background-color: transparent;
    border: 0; }
    .c-button--transparent:hover, .c-button--transparent:focus {
      background-color: transparent;
      border: 0; }
  .c-button--small {
    padding: 0.5rem 1.25rem;
    border-width: 0.0625rem;
    transition: background 0.1s ease-in-out, border-color 0.1s linear;
    will-change: border-color; }
    .c-button--small .c-icon {
      font-size: 1rem; }
  .c-button--medium {
    padding: 1rem 1.5rem;
    border-width: 0.0625rem;
    transition: background 0.1s ease-in-out, border-color 0.1s linear;
    will-change: border-color; }
    .c-button--medium .c-icon {
      font-size: 1.25rem; }
  .c-button--large {
    padding: 1.5rem 2rem;
    border-width: 0.0625rem;
    transition: background 0.1s ease-in-out, border-color 0.1s linear;
    will-change: border-color; }
    .c-button--large .c-icon {
      font-size: 1.5rem; }
  .c-button--icon {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 50%; }
  .c-button--full-width {
    width: 100%;
    justify-content: center; }
  .c-button--full {
    width: 100%;
    height: 100%;
    justify-content: center; }
  .c-button--has-label .c-button__icon {
    margin-right: 0.5rem; }
    .c-button--has-label .c-button__icon--right {
      order: 1;
      margin-right: 0;
      margin-left: 0.5rem; }
  .c-button--with-tooltip:disabled {
    pointer-events: all; }
  .c-button__tooltip.__react_component_tooltip {
    max-width: 15rem;
    padding: 0.5rem 1rem;
    color: var(--ui-color__font--default);
    background-color: var(--ui-color--contrast-2);
    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; }
  .c-button--mobile-icons .c-icon {
    margin-right: 0;
    margin-left: 0; }
  .c-button--mobile-icons .c-button__label {
    display: none; }

@media (min-width: 46.25em) {
  .c-button--mobile-icons .c-icon {
    display: none; }
  .c-button--mobile-icons .c-button__label {
    display: block; } }

.c-popover {
  position: absolute;
  top: calc(100% + 30px);
  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__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 {
      box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
      border: solid 0.225rem transparent;
      border-radius: 1000px; }
  .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: calc(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-admin-settings-chip.c-popover {
  margin-left: -2.5rem; }

.c-admin-settings-chip .c-popover__header::before {
  margin-left: 2rem; }

.c-admin-settings-chip .c-popover__header,
.c-admin-settings-chip .c-popover__footer {
  padding: 0.25rem; }

.c-admin-settings-chip .c-popover__body {
  display: flex; }

.c-admin-settings-chip .c-popover__body-actions {
  flex: 1;
  display: flex;
  margin-left: 1rem;
  flex-direction: column; }
  .c-admin-settings-chip .c-popover__body-actions .c-button {
    margin-top: 0.5rem; }

.c-admin-settings-chip .c-avatar {
  border-width: 0.125rem; }

.c-simple-popover--admin-settings {
  padding-right: 1rem;
  margin-right: 1rem;
  border-right: 1px solid var(--ui-color--base); }
  .c-simple-popover--admin-settings .c-avatar {
    border-width: 0.125rem; }

.c-text-input {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  flex-direction: column; }
  .c-text-input__input,
  .c-text-input input,
  .c-text-input textarea {
    display: block;
    width: 100%;
    min-height: 3rem;
    padding: 1rem;
    color: var(--input-color__font);
    background-color: var(--input-color__field);
    filter: none;
    border: 0.125rem solid var(--input-color__field-border);
    border-radius: var(--border-radius--small);
    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 */ }
    .c-text-input--with-label .c-text-input__input, .c-text-input--with-label
    .c-text-input input, .c-text-input--with-label
    .c-text-input textarea {
      padding: 1.5rem 1rem 0.5rem; }
    .c-text-input__input::-moz-placeholder, .c-text-input input::-moz-placeholder, .c-text-input textarea::-moz-placeholder {
      font-style: italic;
      color: var(--input-color__font--placeholder); }
    .c-text-input__input:-ms-input-placeholder, .c-text-input input:-ms-input-placeholder, .c-text-input textarea:-ms-input-placeholder {
      font-style: italic;
      color: var(--input-color__font--placeholder); }
    .c-text-input__input::placeholder,
    .c-text-input input::placeholder,
    .c-text-input textarea::placeholder {
      font-style: italic;
      color: var(--input-color__font--placeholder); }
    .c-text-input__input:hover:not(:focus),
    .c-text-input input:hover:not(:focus),
    .c-text-input textarea:hover:not(:focus) {
      background-color: var(--input-color__field--hover);
      border-color: var(--input-color__field-border--hover);
      outline: none; }
    .c-text-input__input::-webkit-search-cancel-button,
    .c-text-input input::-webkit-search-cancel-button,
    .c-text-input textarea::-webkit-search-cancel-button {
      -webkit-appearance: none;
      /* stylelint-disable-line */ }
    .c-text-input__input[autocompleted], .c-text-input__input[autocompleted]:hover, .c-text-input__input[autocompleted]:focus,
    .c-text-input input[autocompleted],
    .c-text-input input[autocompleted]:hover,
    .c-text-input input[autocompleted]:focus,
    .c-text-input textarea[autocompleted],
    .c-text-input textarea[autocompleted]:hover,
    .c-text-input textarea[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:not([autocompleted]),
    .c-text-input input:not([autocompleted]),
    .c-text-input textarea:not([autocompleted]) {
      -webkit-animation-name: unset;
              animation-name: unset; }
    .c-text-input__input:focus, .c-text-input__input:active,
    .c-text-input input:focus,
    .c-text-input input:active,
    .c-text-input textarea:focus,
    .c-text-input textarea:active {
      background-color: var(--input-color__field--active);
      border-color: var(--input-color__field-border--active);
      outline: none; }
    .c-text-input__input:disabled,
    .c-text-input input:disabled,
    .c-text-input textarea:disabled {
      cursor: not-allowed;
      background-color: var(--input-color__field--disabled);
      border-color: var(--input-color__field-border--disabled); }
      .c-text-input__input:disabled:hover,
      .c-text-input input:disabled:hover,
      .c-text-input textarea:disabled:hover {
        background-color: var(--input-color__field--disabled);
        border-color: var(--input-color__field-border--disabled); }
    .c-text-input__input:invalid, .c-text-input__input--has-error,
    .c-text-input input:invalid,
    .c-text-input input--has-error,
    .c-text-input textarea:invalid,
    .c-text-input textarea--has-error {
      border-color: var(--ui-color__error--base); }
      .c-text-input__input:invalid:hover, .c-text-input__input:invalid:focus, .c-text-input__input:invalid:active, .c-text-input__input--has-error:hover, .c-text-input__input--has-error:focus, .c-text-input__input--has-error:active,
      .c-text-input input:invalid:hover,
      .c-text-input input:invalid:focus,
      .c-text-input input:invalid:active,
      .c-text-input input--has-error:hover,
      .c-text-input input--has-error:focus,
      .c-text-input input--has-error:active,
      .c-text-input textarea:invalid:hover,
      .c-text-input textarea:invalid:focus,
      .c-text-input textarea:invalid:active,
      .c-text-input textarea--has-error:hover,
      .c-text-input textarea--has-error:focus,
      .c-text-input textarea--has-error:active {
        border-color: var(--ui-color__error--base); }
  .c-text-input input {
    height: 3.5rem; }
  .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[type=number] {
    /* stylelint-disable-line */
    -moz-appearance: textfield;
    /* stylelint-disable-line */ }
  .c-text-input textarea {
    min-height: 6.5rem;
    resize: none; }
  .c-text-input__label {
    position: absolute;
    top: 1.75rem;
    left: 0;
    z-index: 1;
    color: var(--input-color__label);
    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.5rem;
      color: var(--input-color__label--tucked);
      transform: none; }
  .c-text-input__clear-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem 0.5rem;
    transform: translateX(100%); }
  .c-text-input__left-overlay, .c-text-input__right-overlay {
    position: absolute;
    top: 1.75rem;
    display: flex;
    color: var(--input-color__field-overlay);
    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; }
    .c-text-input__left-overlay > * {
      margin-left: 1rem; }
  .c-text-input__right-overlay {
    right: 0;
    align-items: center; }
    .c-text-input__right-overlay > * {
      margin-right: 1rem; }
  .c-text-input__icon-button {
    font-size: 1.25rem;
    cursor: pointer; }
    .c-text-input__icon-button:hover {
      color: var(--input-color__field-overlay--hover); }
  .c-text-input__character-count {
    pointer-events: none; }
  .c-text-input--has-error textarea,
  .c-text-input--has-error input {
    border-color: var(--ui-color__error--base); }
  .c-text-input--inline-child {
    margin-top: 0.5rem; }
  .c-text-input__error-message {
    margin-top: 0.5rem;
    color: var(--ui-color__error--base); }
  .c-text-input--resize textarea {
    resize: resizeable; }
  .c-text-input .c-file-attachment-miniature {
    margin-top: 0.5rem; }

.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;
    color: var(--ui-color__font--paragraph); }
  @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 {
      width: 23rem;
      margin-left: 1rem; } }
  .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-modal-container {
  position: relative !important;
  top: unset !important; }

.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__subheader__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: center; }
    .c-modal__subheader__wrapper .c-icon::before {
      font-size: 2rem; }
    .c-modal__subheader__wrapper-title {
      padding-left: 1rem; }
  .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-title {
      color: inherit; }
    .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 {
      box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
      border: solid 0.225rem transparent;
      border-radius: 1000px; }
    .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 {
      box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
      border: solid 0.225rem transparent;
      border-radius: 1000px; }
    .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; }
  .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 {
    max-width: 30.625rem; }
  .c-modal--confirm-large {
    max-width: 47.25rem; }
  .c-modal--no-padding .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: calc(100vh - 2rem); }
      .c-modal > div {
        max-height: calc(100vh - 2rem); }
      .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__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--full-screen, .c-modal--form {
        width: 100vw;
        height: 100vh;
        border-radius: 0; }
        .c-modal--full-screen > div, .c-modal--form > div {
          max-height: 100vh; } }
  @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--full-screen, .c-modal--form {
        width: 100vw;
        max-width: unset;
        height: 100vh;
        border-radius: 0; }
        .c-modal--full-screen > div, .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-link-button {
  display: flex;
  align-items: center;
  color: var(--ui-color__font--contrast-3);
  text-decoration: none;
  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; }
  @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); } }

.l-grid {
  display: grid;
  grid-template-columns: repeat(4, 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 {
      grid-template-columns: repeat(8, 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 {
      grid-template-columns: repeat(12, 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-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; }
  @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-modal-environment-name__text {
  margin: 0.5rem 0;
  color: var(--ui-color__font--paragraph); }

.c-modal-environment-name .c-text-input {
  margin-top: 1rem; }

.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 1rem 3rem 1rem;
  margin: 0 -1rem; }
  @media (min-width: 46.25em) {
    .c-modal-environments .c-admin-settings-edit-section {
      padding: 1rem 3rem 3rem 3rem;
      margin: 0 -3rem; } }

.c-modal-environments .c-admin-settings-edit-section:nth-child(even) {
  background-color: var(--ui-color--contrast-2); }

.c-admin-settings-group-modal__field {
  position: relative;
  padding-bottom: 2rem; }

.c-admin-settings-group-modal__field + .c-admin-settings-group-modal__field {
  padding-top: 2rem; }
  .c-admin-settings-group-modal__field + .c-admin-settings-group-modal__field::before {
    position: absolute;
    top: 0;
    right: -3rem;
    left: -3rem;
    display: block;
    content: "";
    border-top: 1px solid var(--separator-color--contrast-1); }

.c-admin-settings-group-modal__field > * {
  margin-bottom: 0.5rem; }

.c-admin-settings-group-modal__field-description {
  display: flex;
  color: var(--ui-color__font--paragraph);
  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-modal-group-info {
  background-color: var(--ui-color--contrast-2); }
  .c-modal-group-info .c-table__header {
    border-radius: var(--border-radius--small); }
  .c-modal-group-info__text {
    margin: 0.5rem 0 1.5rem;
    color: var(--ui-color__font--paragraph); }

.c-modal-new-environment__text {
  margin: 0.5rem 0;
  color: var(--ui-color__font--paragraph); }

.c-modal-new-environment .c-admin-settings-schedule__section {
  padding-top: 1.5rem;
  margin-top: 1.5rem; }

.c-modal-new-environment .c-text-input + .c-admin-settings-schedule__section::before {
  position: absolute;
  top: 0;
  right: -3rem;
  left: -3rem;
  display: block;
  content: "";
  border-top: 1px solid var(--separator-color--contrast-1); }

.c-modal-new-environment .c-modal-new-environment__subtitle {
  margin-bottom: 1rem; }

.c-modal-new-release__text {
  margin: 0.5rem 0;
  color: var(--ui-color__font--paragraph); }

.c-modal-new-release .c-text-input {
  margin-top: 1rem; }

.c-modal-user-groups .c-modal__body {
  padding: 0; }

.c-modal-user-groups__user {
  display: flex;
  padding: 1rem;
  margin: 0 -1rem;
  border-bottom: 1px solid var(--ui-color--contrast-1); }
  @media (min-width: 46.25em) {
    .c-modal-user-groups__user {
      padding: 1rem 3rem 1rem 3rem;
      margin: 0 -3rem; } }
  .c-modal-user-groups__user .c-avatar {
    margin-right: 0.5rem; }

.c-modal-user-groups .c-table__body {
  border-bottom: 1px solid var(--ui-color--contrast-1); }

.c-modal-user-groups .c-admin-settings-edit-section:nth-child(odd) {
  padding: 1rem 1rem 0 1rem;
  margin: 0 -1rem;
  background-color: var(--ui-color--contrast-2); }
  @media (min-width: 46.25em) {
    .c-modal-user-groups .c-admin-settings-edit-section:nth-child(odd) {
      padding: 1rem 3rem 0 3rem;
      margin: 0 -3rem; } }

@charset "UTF-8";
.c-modal-visibility__text {
  margin: 0.5rem 0;
  color: var(--ui-color__font--paragraph); }

.c-modal-visibility__statuses {
  margin: 1.5rem 0; }
  .c-modal-visibility__statuses li::before {
    margin-right: 0.5rem;
    content: "•"; }
  .c-modal-visibility__statuses li > span {
    color: var(--ui-color__font--paragraph); }

.c-modal-visibility .c-admin-settings-edit-section:nth-child(even) {
  padding: 1rem 1rem 0 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(even) {
      padding: 1rem 3rem 0 3rem;
      margin: 0 -3rem -2rem; } }

.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: -3rem;
      left: -3rem;
      display: block;
      content: "";
      border-top: 1px solid var(--separator-color--contrast-1); }
  .c-admin-settings-schedule__section-content {
    margin-top: 1.5rem; }
  .c-admin-settings-schedule__section-subtitle, .c-admin-settings-schedule__section-text {
    color: var(--ui-color__font--paragraph); }

.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;
    color: var(--ui-color__font--paragraph); }
    .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__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 {
  padding: 0.25rem 0;
  word-break: break-word; }

.c-table--empty .c-table__body {
  padding: 2rem 0;
  color: var(--ui-color__font--contrast-5);
  text-align: center; }

.c-tag {
  display: inline-block;
  padding: 0.5rem;
  color: var(--tag-color__font);
  pointer-events: none;
  background-color: var(--tag-color);
  border: 1px solid var(--tag-color__border);
  border-radius: 5px;
  outline: 0;
  transition: border-color 0.3s linear; }
  .c-tag--clickable {
    pointer-events: unset;
    cursor: pointer; }
    .c-tag--clickable:hover {
      background-color: var(--tag-color--hover);
      border-color: var(--tag-color__border--hover); }
    .c-tag--clickable.focus-visible, .c-tag--clickable.focus-visible {
      background-color: var(--tag-color--active);
      border-color: var(--tag-color__border--active);
      box-shadow: 0 0 0 1px var(--tag-color__border--active); }
    .c-tag--clickable:focus-visible, .c-tag--clickable.focus-visible {
      background-color: var(--tag-color--active);
      border-color: var(--tag-color__border--active);
      box-shadow: 0 0 0 1px var(--tag-color__border--active); }
  .c-tag--xsmall {
    padding: 0.125rem 0.25rem; }
  .c-tag--small {
    padding: 0.25rem 0.5rem; }
  .c-tag--medium {
    padding: 0.75rem; }
  .c-tag--solid {
    color: var(--tag-color__font--solid);
    background-color: var(--tag-color__background--solid);
    border-color: var(--tag-color__border--solid); }
  .c-tag--contrast {
    color: var(--body-color);
    background-color: var(--ui-color__font--contrast-2);
    border-color: var(--ui-color__font--contrast-2); }
  .c-tag--is-selected {
    color: unset;
    background-color: var(--tag-color--selected) !important;
    border-color: var(--tag-color--selected); }
    .c-tag--is-selected:hover {
      border-color: var(--tag-color__border--hover); }
  .c-tag__remove {
    margin-left: 0.5rem;
    font-size: 1.25rem;
    vertical-align: text-top; }
  .c-tag .c-icon {
    margin-right: 0.25rem; }
  .c-issue-report .c-tag:not(.c-tag--contrast) {
    color: var(--ui-color__font--default); }
  .c-tag--admin {
    color: var(--ui-color__group--admin);
    border-color: var(--ui-color__group--admin); }
  .c-tag--moderator {
    color: var(--ui-color__group--moderator);
    border-color: var(--ui-color__group--moderator); }
  .c-tag--user {
    color: var(--ui-color__font--paragraph);
    border-color: var(--ui-color__font--paragraph); }
  .c-tag--none {
    color: var(--ui-color__font--paragraph); }

.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 .c-table-content__success {
  color: var(--ui-color__success); }

.c-table-content--info {
  display: flex;
  align-items: center;
  color: var(--ui-color__font--paragraph); }
  @media (max-width: 46.24em) {
    .c-table-content--info {
      display: inline-flex;
      margin-left: 0.5rem; } }
  .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(--ui-color__group--admin); }

.c-table-content--bullet.c-table-content--moderator::before {
  background-color: var(--ui-color__group--moderator); }

.c-table-content--bullet.c-table-content--open::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 {
  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: block;
    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--groups .c-table-content__group-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 {
    color: var(--ui-color__font--paragraph); }
  .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-content--environment-status:not(b) {
  color: var(--ui-color__font--paragraph); }

@media (min-width: 46.25em) {
  .c-table-settings--users .c-table__header,
  .c-table-settings--users .c-table__row {
    grid-template-columns: 17.875rem 1fr 5.125rem 7.875rem; } }

@media (min-width: 46.25em) {
  .c-table-admin-settings--groups .c-table__header,
  .c-table-admin-settings--groups .c-table__row {
    grid-template-columns: 17.875rem 1fr 5.125rem 7.875rem; } }

@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-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-admin-settings--releases .c-table__header,
  .c-table-admin-settings--releases .c-table__row {
    grid-template-columns: 12.875rem 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--environments .c-table__header,
  .c-table-admin-settings--environments .c-table__row {
    grid-template-columns: 9.75rem 9.75rem 1fr 7.875rem; } }

.c-table-admin-settings--environments .c-table__row--open {
  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-admin-settings--manage-releases .c-table__header,
  .c-table-admin-settings--manage-releases .c-table__row {
    grid-template-columns: 1fr 6.625rem; } }

@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__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;
      justify-content: space-between;
      align-items: flex-end; }
      .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; }

.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__group-filters {
  display: flex;
  padding: 2rem;
  flex-direction: column; }
  @media (max-width: 46.24em) {
    .c-admin-settings-title-section__group-filters {
      padding: 1rem; } }
  .c-admin-settings-title-section__group-filters-wrapper {
    display: flex;
    padding-top: 1rem;
    flex-direction: row; }
    @media (max-width: 46.24em) {
      .c-admin-settings-title-section__group-filters-wrapper {
        flex-direction: column; } }
  .c-admin-settings-title-section__group-filters-filter-input {
    flex: 1;
    padding-right: 1rem; }
    @media (max-width: 46.24em) {
      .c-admin-settings-title-section__group-filters-filter-input {
        padding-right: 0; } }
  .c-admin-settings-title-section__group-filters-filter-group {
    flex: 1;
    padding-left: 1rem; }
    @media (max-width: 46.24em) {
      .c-admin-settings-title-section__group-filters-filter-group {
        padding-top: 1rem;
        padding-left: 0; } }
    .c-admin-settings-title-section__group-filters-filter-group .c-dropdown-trigger {
      height: 2.25rem; }
  .c-admin-settings-title-section__group-filters .c-text-input__input {
    height: 1rem;
    min-height: 0; }
  .c-admin-settings-title-section__group-filters .c-text-input__right-overlay > * {
    margin-top: -1rem; }

.c-alert {
  display: flex;
  padding: 1rem;
  color: var(--ui-color__font--highlight-1);
  background-color: var(--ui-color--contrast-1);
  align-items: center;
  border-top: solid 0.125rem var(--ui-color--highlight-1);
  border-radius: 0 0 var(--border-radius--medium) var(--border-radius--medium); }
  .c-alert .c-icon {
    font-size: 1rem;
    flex-shrink: 0; }
  .c-alert--promoted .c-alert__label {
    text-transform: uppercase; }
  .c-alert__actions {
    margin-left: auto;
    color: var(--ui-color__font--contrast-2); }
    .c-alert__actions > *:not(:last-child) {
      margin-right: 1rem; }
    .c-alert__actions .c-icon {
      font-size: 1rem; }
      .c-alert__actions .c-icon::before {
        margin-right: 0.25rem;
        transform: translateY(20%); }

.c-announcement {
  text-align: center; }
  .c-announcement__icon-wrapper {
    display: flex;
    margin-bottom: 0.25rem;
    flex-direction: row; }
    .c-announcement__icon-wrapper::before, .c-announcement__icon-wrapper::after {
      flex: 1 1;
      margin: auto;
      content: "";
      border-bottom: 1px solid var(--ui-color--highlight-1); }
    .c-announcement__icon-wrapper::before {
      margin-right: 0.5rem; }
    .c-announcement__icon-wrapper::after {
      margin-left: 0.5rem; }
  .c-announcement__title {
    font-weight: 700; }
  .c-announcement__title, .c-announcement__description {
    margin: 0 0.5rem; }

.c-app-notification-chip {
  position: relative;
  width: 2.5rem;
  height: 2.5rem; }
  .c-app-notification-chip .c-button--icon {
    width: 100%;
    height: 100%;
    background-color: var(--ui-color__font--contrast-4); }
  .c-app-notification-chip__count {
    position: absolute;
    top: -0.125rem;
    right: 1.75rem;
    z-index: 1;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.25rem;
    line-height: 1.125rem;
    color: var(--ui-color--contrast-3);
    text-align: center;
    background-color: var(--ui-color__font--contrast-1);
    border-radius: 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-color: inherit;
      border-width: 0.0625rem; }
    .c-avatar-list__item:first-of-type {
      margin-left: 0; }

.c-avatar-count {
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  justify-content: center;
  padding: 0 0.75rem;
  line-height: 0;
  background-color: var(--ui-color--contrast-2);
  border: 1px solid;
  border-color: inherit;
  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-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 {
  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;
    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;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: var(--ui-color--contrast-1);
    border-bottom: solid 0.0625rem var(--ui-color--highlight-1); }
    .c-dropdown__body-header--node-element {
      padding: 0 1rem 0 0; }
    .c-dropdown__body-header .c-link-button {
      margin-left: auto; }
  .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 {
    background-color: var(--ui-color--base); }
    .c-dropdown__close-button:hover {
      background-color: var(--ui-color--highlight-1); }
  .c-dropdown--error .c-dropdown__shadow {
    background-color: var(--ui-color__shadow); }
  .c-dropdown--error .c-dropdown__body-header {
    background-color: var(--ui-color__error--contrast-1);
    border-bottom-color: var(--ui-color__error--base); }
  .c-dropdown--error .c-dropdown__body-content {
    background-color: var(--ui-color__error--contrast-2); }
  .c-dropdown--error .c-dropdown__close-button {
    color: var(--ui-color__error--base);
    background-color: var(--ui-color__error--contrast-2); }
    .c-dropdown--error .c-dropdown__close-button:hover {
      color: var(--ui-color__error--contrast-1);
      background-color: var(--ui-color__error--contrast-2); }

@-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 {
      display: flex;
      width: 100vw;
      height: 100vh;
      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(--ui-color__shadow);
        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;
        background-color: var(--ui-color--contrast-1);
        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--small);
      box-shadow: 0 0 10px 0 rgba(var(--ui-color__shadow--string), 0.4);
      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-list {
  background-color: var(--ui-color--contrast-2);
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
  /* stylelint-disable */
  /* stylelint-enable */ }
  @media (min-width: 46.25em) {
    .c-dropdown-list {
      min-width: 16rem; } }
  .c-dropdown-list--rounded {
    overflow: hidden;
    border-radius: var(--border-radius--small); }
  .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 {
    box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
    border: solid 0.225rem transparent;
    border-radius: 1000px; }
  .c-dropdown-list--selectable {
    max-height: 24.125rem;
    overflow-y: auto; }
  .c-dropdown-list__loading {
    padding: 1rem;
    text-align: center; }

.c-dropdown-trigger {
  display: flex;
  height: 3.5rem;
  flex: 1 0 100%;
  overflow: hidden;
  color: var(--ui-color__font--highlight-1);
  cursor: pointer;
  background-color: var(--ui-color--base);
  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__icon {
    font-size: 1.5rem; }
  .c-dropdown-trigger .c-avatar {
    flex-shrink: 0;
    margin: 0.5rem; }
  .c-dropdown-trigger__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    background-color: var(--ui-color--highlight-1); }
  .c-dropdown-trigger__body {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0.5rem 2rem 0.5rem 0;
    margin-left: 1rem;
    justify-content: center;
    flex-direction: column; }
    .c-dropdown-trigger__body-icon {
      position: absolute;
      top: 50%;
      right: 0.5rem;
      font-size: 1.5rem;
      color: var(--ui-color__font--highlight-1);
      transition: transform 0.15s ease-in-out;
      transform: translateY(-50%) rotate(-90deg); }
      .c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon {
        transform: translateY(-50%) rotate(0deg); }
      .c-dropdown-trigger--arrow-vertical .c-dropdown-trigger__body-icon {
        transform: translateY(-50%) rotate(0);
        transform-origin: center center; }
      .c-dropdown-trigger--arrow-vertical.c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon {
        transform: translateY(-50%) rotate(-180deg); }
    .c-dropdown-trigger--avatar .c-dropdown-trigger__body {
      margin-left: 0; }
  .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(--ui-color__font--contrast-3); }
    .c-dropdown-trigger--body-inverse .c-dropdown-trigger__details {
      order: 0; }
  .c-dropdown-trigger__error-message {
    position: relative;
    top: 0.5rem;
    left: 0;
    color: var(--ui-color__error--base); }
  .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--readonly {
    cursor: default; }
    .c-dropdown-trigger--readonly .c-dropdown-trigger__body::after {
      display: none; }
  .c-dropdown-trigger--has-error {
    border: 0.125rem solid var(--ui-color__error--base) !important; }
    .c-dropdown-trigger--has-error:hover, .c-dropdown-trigger--has-error:focus, .c-dropdown-trigger--has-error:active {
      border: 0.125rem solid var(--ui-color__error--base); }
  .c-dropdown-trigger--disabled {
    cursor: not-allowed;
    background-color: var(--ui-color--contrast-1);
    opacity: 0.4; }
  .c-dropdown-trigger--visibility:not(.c-dropdown-trigger--icon-only) {
    width: 16rem;
    height: 2.5rem;
    margin-left: 0.5rem; }
    .c-dropdown-trigger--visibility:not(.c-dropdown-trigger--icon-only) .c-dropdown-trigger__body {
      margin-left: 0; }
  .c-dropdown-trigger--is-active .c-dropdown-trigger {
    background-color: var(--ui-color--contrast-1); }
  @media (min-width: 46.25em) {
    .c-dropdown-trigger {
      overflow: hidden; }
      .c-dropdown-trigger__icon {
        font-size: 1.5rem; } }

.c-dropdown-list__item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem;
  overflow: hidden;
  border-bottom: 0.0625rem solid var(--ui-color--base);
  transition: background 0.2s ease-in-out;
  will-change: background; }
  .c-dropdown-list__item > * {
    position: relative;
    z-index: 1; }
  .c-dropdown-list__item-body {
    display: flex;
    padding-left: 1rem;
    flex-direction: column; }
  .c-dropdown-list__item-label {
    margin-bottom: 0.3125rem; }
    .c-dropdown-list__item-label:last-child {
      margin-bottom: 0; }
  .c-dropdown-list__item-details {
    color: var(--ui-color__font--contrast-3); }
  .c-dropdown-list__item-icon {
    width: 100%;
    font-size: 1.5rem; }
    .c-dropdown-list__item-icon + .c-dropdown-list__item-body {
      padding-left: 1rem; }
    .c-dropdown-list__item--is-selected .c-dropdown-list__item-icon {
      color: var(--ui-color__font--contrast-1); }
  .c-dropdown-list__item-icon--checkmark {
    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-icon--checkmark {
      opacity: 1;
      transform: translateY(0); }
  .c-dropdown-list__item-footer {
    margin-left: auto; }
  .c-dropdown-list__item--radio {
    border-left: 0.25rem solid transparent; }
    .c-dropdown-list__item--radio .c-radio {
      width: 100%;
      flex-direction: row-reverse; }
    .c-dropdown-list__item--radio label {
      flex: 1; }
  .c-dropdown-list__item-reproduction-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    max-width: 0;
    overflow: hidden;
    background-color: var(--ui-color--base);
    transition: max-width 0s linear 0.3s;
    will-change: max-width; }
    .c-dropdown__body--is-visible .c-dropdown-list__item-reproduction-background {
      max-width: 100%;
      transition: max-width 0.35s ease-in 0.3s; }
  .c-dropdown-list__item-reproduction-icon {
    font-size: 2rem;
    color: var(--ui-color__font--contrast-2); }
  .c-dropdown-list__item-reproduction-label {
    color: var(--ui-color__font--highlight-1); }
  .c-dropdown-list__item-reproduction-value {
    color: var(--ui-color__font--contrast-3); }
  .c-dropdown-list__item-reproduction-percentage {
    color: var(--ui-color__font--highlight-1); }
  .c-dropdown-list__item-reproduction .c-dropdown-list__item-body {
    margin-right: 1.5rem; }
  .c-dropdown-list__item-reproduction .c-dropdown-list__item-footer {
    margin-left: auto; }
  .c-dropdown-list__item--is-selectable {
    cursor: pointer; }
  .c-dropdown-list__item--is-highlighted, .c-dropdown-list__item--is-selected {
    background-color: var(--ui-color--contrast-1);
    border-left: 0.25rem solid var(--ui-color__font--contrast-1); }
  @media (min-width: 46.25em) {
    .c-dropdown-list__item {
      padding: 1rem 1.25rem; }
      .c-dropdown-list__item:last-child {
        border-bottom: 0; } }

.c-dropdown-columns__body {
  display: grid;
  grid-template-columns: 100%;
  background-color: var(--ui-color--contrast-1); }

.c-dropdown-columns__footer {
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: var(--ui-color--base); }

.c-dropdown-columns__footer-title {
  position: relative;
  top: 0.0625rem; }

.c-dropdown-columns__footer-description {
  margin-left: 0.625rem;
  color: var(--ui-color__font--paragraph); }

@media (min-width: 61.25em) {
  .c-dropdown-columns {
    min-width: 43.75rem; }
    .c-dropdown-columns__body {
      grid-template-columns: repeat(2, 50%); }
    .c-dropdown-columns__body--full-width {
      grid-template-columns: 100%; } }

.c-dropdown-column {
  padding: 1rem; }
  @media (max-width: 46.24em) {
    .c-dropdown-column:not(:last-child) {
      border-bottom: solid 0.0625rem var(--ui-color--highlight-1); } }
  @media (min-width: 46.25em) {
    .c-dropdown-column:not(:last-child) {
      padding-bottom: 0;
      border-right: 0.0625rem solid var(--ui-color--base); }
      .c-dropdown-columns__body--full-width .c-dropdown-column:not(:last-child) {
        border-right: 0; } }
  .c-dropdown-column__rows {
    margin-bottom: 1.5rem; }
    .c-dropdown-column__rows:last-child {
      margin-bottom: 0; }
  .c-dropdown-column__row {
    display: flex;
    margin-bottom: 1rem;
    list-style: none; }
    .c-dropdown-column__row:last-child {
      margin-bottom: 0; }
  .c-dropdown-column__row-title {
    margin-top: 0;
    margin-bottom: 0; }
  .c-dropdown-column__row-label {
    width: 5rem;
    margin-right: 1.5rem;
    color: var(--ui-color__font--contrast-2); }
  .c-dropdown-column__row-details {
    width: 13.5rem;
    word-break: break-all; }
  @media (min-width: 61.25em) {
    .c-dropdown-column {
      padding-bottom: 1rem; }
      .c-dropdown-column:first-child {
        padding-right: 2.5rem; } }

.c-radio {
  display: flex;
  color: var(--input-color__radio-font);
  align-items: center; }
  .c-radio.h-input--active input::after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1); }
  .c-radio + .c-radio {
    margin-top: 0.5rem; }
  .c-radio input {
    position: relative;
    width: 1.375rem;
    height: 1.375rem;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    background-color: var(--input-color__radio-background);
    border: 0.0625rem solid var(--input-color__radio);
    border-radius: 999px;
    outline: none; }
    .c-radio input::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: calc(22px - 8px);
      height: calc(22px - 8px);
      content: "";
      background-color: var(--input-color__radio);
      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 {
      cursor: not-allowed;
      opacity: 0.5; }
      .c-radio input:disabled + label {
        cursor: not-allowed; }
    .c-radio input:not(:disabled) + label {
      cursor: pointer;
      flex: 1; }
  .c-radio label {
    display: flex;
    cursor: pointer; }
  .c-radio__labels {
    display: flex;
    margin-left: 0.5rem;
    flex-direction: column;
    justify-content: center; }
    .c-avatar + .c-radio__labels {
      margin-left: 0.5rem; }
  .c-radio span + span {
    position: relative;
    top: 0.125rem; }

.c-dropdown-trigger-filter {
  position: relative;
  display: flex;
  align-items: baseline;
  cursor: pointer; }
  .c-dropdown-trigger-filter .c-icon {
    display: inline-block;
    font-size: 1rem; }
  .c-dropdown-trigger-filter__text {
    display: block; }
  .c-dropdown-trigger-filter__details {
    position: absolute;
    top: 100%;
    margin-top: 0.25rem;
    color: var(--ui-color__font--paragraph); }
  .c-dropdown-trigger-filter:hover {
    color: var(--ui-color__font--contrast-1); }
  .c-dropdown-trigger-filter--is-active {
    color: var(--ui-color__font--paragraph); }
    .c-dropdown-trigger-filter--is-active .c-icon {
      transform: scaleY(-1); }
  .c-collapsible .c-dropdown-trigger-filter .c-icon {
    font-size: 0.75rem;
    color: var(--ui-color__font--paragraph); }
  .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 {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .c-dropdown-trigger-inline .c-icon {
    font-size: 1rem; }
  .c-dropdown-trigger-inline__label {
    color: var(--ui-color__font--paragraph); }
  .c-dropdown-trigger-inline__value {
    margin-left: 0.25rem;
    color: var(--ui-color__font--highlight-1); }
  .c-dropdown-trigger-inline--is-active .c-icon {
    transform: scaleY(-1); }

.c-dropdown-list-item-selectable {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  justify-content: space-between;
  background-color: var(--ui-color--contrast-1);
  border-top: 1px solid var(--ui-color--contrast-4);
  border-left: 0.25rem solid transparent; }
  .c-dropdown-list-item-selectable:hover {
    cursor: pointer;
    background-color: var(--ui-color--base);
    border-left-color: var(--ui-color__font--contrast-1); }

.c-dropdown-list-filter {
  padding: 0.5rem;
  background-color: var(--ui-color--contrast-1); }
  .c-dropdown-list-filter .c-text-input__input {
    --input-color__field: var(--ui-color--contrast-2);
    min-height: 1.5rem;
    padding: 0.5rem; }
  .c-dropdown-list-filter .c-text-input__right-overlay {
    --input-color__field-overlay: var(--ui-color__font--contrast-5);
    top: 1.125rem; }
    .c-dropdown-list-filter .c-text-input__right-overlay .c-icon {
      margin-right: 0.625rem;
      font-size: 1rem; }

.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__wrapper {
  height: 2.5rem; }

.c-app-notification-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 1rem 0.75rem 1rem;
  background-color: var(--ui-color--contrast-1);
  border-left: 0.25rem solid transparent; }
  .c-panel .c-app-notification-item {
    flex-direction: column; }
  .c-app-notification-item:hover {
    cursor: pointer;
    background-color: var(--ui-color--highlight-1); }
  .c-app-notification-item--unread {
    background-color: var(--ui-color--base);
    border-left-color: var(--ui-color__font--contrast-1); }
    .c-app-notification-item--unread:hover {
      background-color: var(--ui-color--highlight-1); }
  .c-app-notification-item__edit {
    position: relative;
    z-index: 3;
    /* link or buttons inside the issue must be above the <a> pseudo element */ }
    .c-app-notification-item__edit:hover .c-dropdown__trigger-wrapper .c-button {
      color: var(--ui-color__font--highlight-1); }
    .c-panel .c-app-notification-item__edit {
      position: absolute;
      top: 1.25rem;
      right: 0.5rem; }
  .c-app-notification-item__body {
    flex-grow: 1;
    padding: 0 3.5rem 0 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-panel .c-app-notification-item__body {
      padding: 0.25rem 0 0; }
  .c-app-notification-item__date {
    margin-top: 0.5rem;
    color: var(--ui-color__font--contrast-2); }
  .c-app-notification-item .c-avatar-list {
    border-color: var(--ui-color__font--contrast-2); }
  .c-app-notification-item .c-dropdown__trigger-wrapper .c-button {
    padding: 0;
    color: var(--ui-color__font--contrast-2); }

.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; }
    .c-settings__option--locked .c-settings__option-label .c-icon {
      width: 2.125rem;
      margin-right: 0.5rem;
      font-size: 1.5rem;
      color: var(--ui-color__font--contrast-5); }
  .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;
    color: var(--ui-color__font--paragraph); }
    @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(--ui-color--contrast-2);
  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(--ui-color__font--highlight-1); }
  .c-app-notification-settings__description {
    padding: 0.5rem 0 1rem;
    color: var(--ui-color__font--paragraph); }

.c-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 19rem;
  transition: transform 0.25s var(--transition-ease-in-out--quart); }
  .c-panel--right {
    right: 0;
    transform: translateX(100%); }
    .c-panel--right.c-panel--open {
      transform: translateX(0); }
  .c-panel--left {
    left: 0;
    transform: translateX(-100%); }
    .c-panel--left.c-panel--open {
      transform: translateX(0); }
  .c-panel__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-panel__header .c-link-button:hover {
      background-color: var(--ui-color--contrast-2); }
  .c-panel__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: #000;
    opacity: 0.8; }
    .c-panel__overlay--open {
      display: block; }
  .c-panel__icon {
    position: absolute;
    top: 0;
    display: none;
    padding: 1.125rem;
    font-size: 1.5rem; }
    .c-panel--open .c-panel__icon {
      display: block; }
    .c-panel__icon--left {
      left: 19rem; }
    .c-panel__icon--right {
      right: 19rem; }

.c-app-notifications__list {
  height: 100%;
  overflow-y: auto; }
  .c-app-notifications__list li + li {
    border-top: 1px solid var(--ui-color--highlight-1); }

.c-app-notifications__header {
  display: flex;
  padding: 1rem 1rem 0.5rem;
  justify-content: space-between;
  border-bottom: 1px solid var(--ui-color--highlight-1); }
  .c-app-notifications__header-title {
    color: var(--ui-color--highlight-1); }

.c-app-notifications__loading {
  padding: 1rem 0;
  text-align: center; }

.c-app-notifications__empty {
  padding: 1rem; }

.c-panel--app-notifications {
  display: flex;
  flex-direction: column;
  background-color: var(--ui-color--base); }
  .c-panel--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-panel--app-notifications .c-app-notifications__list::-webkit-scrollbar {
      width: 0.75rem; }
    .c-panel--app-notifications .c-app-notifications__list::-webkit-scrollbar-track {
      background: var(--ui-color__scroll-track); }
    .c-panel--app-notifications .c-app-notifications__list::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
      border: solid 0.225rem transparent;
      border-radius: 1000px; }

.c-popover--app-notifications {
  display: flex;
  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-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-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(--ui-color--base); }
    .c-autocomplete__dropdown .c-dropdown-list__item:not(.c-autocomplete__dropdown-item--readonly):hover {
      background-color: var(--ui-color--highlight-1); }
  .c-autocomplete__dropdown-item {
    height: 56px;
    border: 0; }
  .c-autocomplete__dropdown-item--highlighted {
    background-color: var(--ui-color--highlight-1); }
  .c-autocomplete__search-icon {
    font-size: 1.25rem; }
  .c-autocomplete__modal {
    --input-color__field: transparent;
    --input-color__field--hover: transparent;
    --input-color__field--active: transparent;
    --input-color__field--disabled: transparent;
    --input-color__field-border: transparent;
    --input-color__field-border--hover: transparent;
    --input-color__field-border--active: transparent;
    --input-color__field-border--disabled: transparent; }
    .c-autocomplete__modal .c-text-input__left-overlay {
      top: 50%;
      left: 1rem;
      color: var(--ui-color__font--highlight);
      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(--ui-color--base); }
  .c-autocomplete *::-webkit-scrollbar {
    width: 0.75rem; }
  .c-autocomplete *::-webkit-scrollbar-track {
    background: var(--ui-color__scroll-track); }
  .c-autocomplete *::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
    border: solid 0.225rem transparent;
    border-radius: 1000px; }
  .c-autocomplete__delete-field {
    position: absolute;
    top: 50%;
    right: -2rem;
    font-size: 1.5rem;
    color: var(--ui-color__font--contrast-2);
    cursor: pointer;
    transform: translateY(-50%); }
    .c-autocomplete__modal .c-autocomplete__delete-field {
      display: none; }
    .c-autocomplete__delete-field:hover {
      color: var(--ui-color__font--highlight-1); }

.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 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-callout {
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--small); }
  .c-callout__header {
    display: flex;
    padding: 1rem 1.5rem 0.5rem 1.5rem;
    color: var(--ui-color__font--highlight-1);
    justify-content: space-between;
    align-items: center; }
  .c-callout__content {
    padding: 0.5rem 1.5rem 1rem 1.5rem;
    margin-top: 0.5rem;
    color: var(--ui-color__font--paragraph); }
  .c-callout__close {
    padding: 0;
    color: var(--ui-color__font--contrast-2);
    background: none; }
    .c-callout__close .c-icon {
      font-size: 1.5rem; }
  @media (max-width: 46.24em) {
    .c-callout {
      background-color: var(--ui-color--contrast-1); }
      .c-callout__header {
        padding: 0.75rem 0.75rem 0.5rem 0.75rem;
        border-bottom: solid 0.0625rem var(--ui-color--highlight-2); }
      .c-callout__content {
        padding: 0.5rem 1.5rem 0.75rem 0.75rem; } }

.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;
    margin-right: 0.5rem;
    font-size: 0.75rem;
    color: var(--input-color__checkbox);
    background-color: var(--input-color__checkbox-background);
    border: 0.0625rem solid var(--input-color__checkbox);
    border-radius: --border-radius--small;
    flex-shrink: 0; }
  .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;
    align-items: center; }
    @media (min-width: 46.25em) {
      .c-checkbox label {
        flex-direction: row-reverse; } }
  .c-checkbox--large .c-checkbox__icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.25rem;
    font-size: 1rem;
    border-width: 0.125rem; }

.c-collapsible {
  overflow: hidden; }
  .c-collapsible__trigger-wrapper {
    display: flex;
    padding: 1rem;
    border-bottom: solid 0.0625rem var(--ui-color--base); }
    .c-collapsible__trigger-wrapper > * {
      width: 100%; }
  .c-collapsible__container {
    position: relative;
    transition: max-height 100ms ease-in-out; }

.c-contribution-reply {
  display: flex;
  padding: 0;
  margin: 0;
  color: var(--ui-color__font--contrast-2);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  outline: 0;
  align-items: baseline; }
  .c-contribution-reply__icon {
    padding-top: 0.125rem;
    margin-right: 0.25rem;
    font-size: 0.875rem; }
    .c-contribution-reply__icon::before {
      transform: translateY(12%); }

.c-contribution-author {
  display: flex;
  align-items: center; }
  .c-contribution-author--has-reply-button .c-avatar {
    align-self: flex-start; }
  .c-contribution-author__body {
    display: flex;
    margin-left: 0.625rem;
    flex-direction: column; }
    .c-contribution-author__body > *:not(:last-child) {
      margin-bottom: 0.25rem; }
  .c-contribution-author__name {
    color: var(--ui-color__font--highlight-1);
    word-break: break-all; }
  .c-contribution-author__date {
    color: var(--ui-color__font--contrast-5); }
  .c-contribution-author--inline .c-contribution-author__body {
    flex-direction: row;
    align-items: baseline; }
    .c-contribution-author--inline .c-contribution-author__body > *:not(:last-child) {
      margin-right: 0.625rem;
      margin-bottom: unset; }
  .c-contribution-author .c-avatar {
    border: 0.0625rem solid var(--ui-color__font--default);
    flex-shrink: 0; }
  .c-contribution-comment__inner .c-contribution-author {
    padding: 0; }

.c-contribution {
  position: relative;
  margin-bottom: 1rem;
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--small); }
  .c-contribution:last-child {
    margin-bottom: 0; }
  .c-contribution__header {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .c-contribution__header .c-severity-card .c-icon {
      color: var(--ui-color__font--contrast-2); }
  .c-contribution__header-author, .c-contribution__header-status {
    padding: 1rem; }
  .c-contribution__header-status {
    margin-left: auto; }
  .c-contribution__header-items {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
  .c-contribution__header-item {
    display: flex;
    width: 50%;
    padding: 0 1rem 0.25rem;
    flex: 1 0 50%;
    align-items: center; }
    .c-contribution__header-item .c-dropdown {
      height: auto; }
  .c-contribution__footer {
    width: 100%;
    padding: 0 2rem 1.25rem 4rem;
    border-top: 0; }
  .c-contribution__reply {
    display: block;
    margin-top: 0.625rem;
    color: var(--ui-color__font--contrast-1); }
  @media (max-width: 61.24em) {
    .c-contribution__header-items {
      border-top: solid 0.0625rem var(--separator-color--contrast-1); }
      .c-contribution__header-items--with-content {
        border-bottom: solid 0.0625rem var(--separator-color--contrast-1); }
    .c-contribution__header-item {
      padding: 1rem;
      flex: 0;
      /* stylelint-disable-next-line */ }
      .c-contribution__header-item:not(:last-child) {
        flex: 1;
        border-right: solid 0.0625rem var(--separator-color--contrast-1); }
    .c-contribution__footer {
      min-height: 2.5rem;
      padding-left: 1rem; } }
  @media (min-width: 61.25em) {
    .c-contribution__header {
      flex-wrap: nowrap; }
      .c-contribution__header .c-contribution-state {
        position: static; }
      .c-contribution__header .c-contribution-state__label {
        display: block; }
    .c-contribution__header-items {
      width: auto;
      margin-left: auto;
      flex-shrink: 0; }
    .c-contribution__header-item {
      width: auto;
      min-width: 9.6875rem;
      padding: 0 2rem;
      border-right: 0.0625rem solid var(--separator-color--contrast-1);
      flex: none;
      justify-content: center; }
      .c-contribution__header-item:last-child {
        border-right: 0; } }

.c-file-attachment-miniature {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: var(--ui-color__font--contrast-2); }
  .c-file-attachment-miniature__leading-icon {
    margin-right: 0.25rem; }
  .c-file-attachment-miniature__wrapper {
    display: flex;
    align-items: center;
    overflow: hidden; }
  .c-file-attachment-miniature__image {
    width: 1.875rem;
    height: 1rem;
    margin-right: 0.3125rem;
    border: 0.0625rem solid var(--ui-color__font--contrast-2);
    border-radius: 0.25rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%; }
  .c-file-attachment-miniature__delete {
    align-self: center;
    font-size: 1rem; }
  @media (max-width: 46.24em) {
    .c-file-attachment-miniature__image {
      display: none; }
    .c-file-attachment-miniature:not(.c-file-attachment-miniature--removable) .c-file-attachment-miniature__label {
      padding: 0.5rem;
      background-color: var(--ui-color--base);
      border-radius: var(--border-radius--small);
      /* stylelint-disable-next-line  */ }
      .c-file-attachment-miniature:not(.c-file-attachment-miniature--removable) .c-file-attachment-miniature__label:hover {
        background-color: var(--ui-color--contrast-1); }
    .c-file-attachment-miniature--removable {
      width: 100%;
      padding: 0.5rem;
      background-color: var(--input-color__field);
      border-radius: var(--border-radius--small); }
      .c-file-attachment-miniature--removable .c-file-attachment-miniature__delete {
        margin-left: auto; } }

.c-contribution-comment {
  position: relative; }
  .c-contribution--comment .c-contribution__body > .c-contribution-comment {
    padding-top: 0.25rem;
    border-top: 0; }
  .c-contribution--comment .c-contribution-comment {
    border-top-left-radius: var(--border-radius--small);
    border-top-right-radius: var(--border-radius--small); }
  .c-contribution-comment__info {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0.5rem 0;
    background-color: var(--ui-color--contrast-1);
    border-radius: var(--border-radius--medium); }
    .c-contribution-comment__info .c-icon {
      margin-right: 0.5rem; }
  .c-contribution-comment__reply:not(:first-child) {
    margin-top: 1rem; }
  .c-contribution-comment__content {
    color: var(--ui-color__font--paragraph);
    white-space: pre-line; }
    .c-contribution-comment--deleted .c-contribution-comment__content,
    .c-contribution-comment--redacted:not(.h-admin) .c-contribution-comment__content {
      font-style: italic;
      font-weight: 400; }
    .c-contribution-comment--is-editable .c-contribution-comment__content {
      padding-right: 1rem; }
  .c-contribution-comment__inner {
    position: relative;
    padding: 1rem 1rem 1rem 4rem; }
    .c-contribution-author + .c-contribution-comment__inner {
      padding-top: 0; }
    .c-contribution--comment .c-contribution__body .c-contribution-comment__inner {
      padding-top: 0; }
  .c-contribution-comment__attachment {
    margin-top: 0.5rem; }
  .c-contribution-comment__author {
    padding: 1rem 2.5rem 0 4rem;
    margin-bottom: 0.25rem; }
    .c-contribution--comment .c-contribution__body .c-contribution-comment__author {
      padding: 1rem 1rem 0; }
  .c-contribution-comment__dropdown-edit {
    position: absolute;
    top: 1rem;
    right: 0.25rem;
    left: auto;
    z-index: 2;
    width: auto;
    height: auto;
    opacity: 1; }
    .c-contribution-comment__dropdown-edit .c-button {
      padding: 0.25rem;
      color: var(--ui-color--highlight-1); }
    .c-contribution-comment--moderated .c-contribution-comment__dropdown-edit {
      top: 3rem; }
  .c-contribution-comment__comment {
    padding-right: 1.5rem; }
  .c-contribution-comment--rounded {
    border-bottom-right-radius: var(--border-radius--small);
    border-bottom-left-radius: var(--border-radius--small); }
  @media (max-width: 46.24em) {
    .c-contribution-comment {
      border-top: 0.0625rem solid var(--separator-color--contrast-1); }
      .c-contribution-comment__inner {
        padding-left: 1rem; }
      .c-contribution-comment__attachment {
        float: right;
        padding: 0.25rem; } }
  @media (min-width: 46.25em) {
    .c-contribution-comment {
      border-top: 0.0625rem solid var(--separator-color--contrast-1); }
      .c-contribution-comment__inner {
        padding-right: 2.5rem; } }

.c-contribution-state {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-color__font--contrast-3);
  flex-direction: column; }
  .c-contribution-state__icon {
    font-size: 1.25rem; }
  .c-contribution-state--success {
    color: var(--ui-color__success); }
  .c-contribution-state--error {
    color: var(--ui-color__error--base); }

.c-contribution-please-fix {
  position: relative;
  padding: 0 1rem; }
  .c-contribution-please-fix__header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center; }
    .c-contribution-please-fix__header .c-avatar {
      margin-left: 0.5rem;
      border-color: var(--ui-color__font--contrast-3); }
  .c-contribution-please-fix__body {
    display: flex;
    padding-left: 3rem;
    margin-top: 0.25rem;
    flex-direction: column; }
  .c-contribution-please-fix__date {
    margin-top: 0.25rem;
    color: var(--ui-color__font--contrast-5); }

.c-contribution-icon {
  display: flex;
  width: 2.375rem;
  height: 2.375rem;
  color: var(--ui-color__font--contrast-2);
  background-color: var(--ui-color--contrast-2);
  border: 0.0625rem solid var(--ui-color--highlight-1);
  border-radius: 50%;
  align-items: center;
  justify-content: center; }

.c-contribution-initial {
  position: relative;
  padding: 0 1rem; }
  .c-contribution-initial__header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center; }
    .c-contribution-initial__header .c-avatar {
      margin-left: 0.5rem;
      border-color: var(--ui-color__font--contrast-3); }
  .c-contribution-initial__body {
    display: flex;
    padding-left: 3rem;
    margin-top: 0.25rem;
    flex-direction: column; }
  .c-contribution-initial__date {
    margin-top: 0.125rem;
    color: var(--ui-color__font--contrast-3); }

.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 {
    box-shadow: inset 0 0 0.75rem 0.75rem var(--ui-color__scroll-thumb);
    border: solid 0.225rem transparent;
    border-radius: 1000px; }

.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-contribution-comment-add {
  width: 100%;
  margin: 0.5rem auto; }
  .c-contribution-comment-add__textarea {
    width: 100%; }
  .c-contribution-comment-add__attachment {
    flex: 1 0 auto; }
  .c-contribution-comment-add .c-form__group--author {
    margin-bottom: 0.5rem; }
  .c-contribution-comment-add .c-form__footer {
    flex-direction: column; }
    @media (min-width: 61.25em) {
      .c-contribution-comment-add .c-form__footer {
        flex-direction: row; } }
  .c-contribution-comment-add__submit-as {
    display: flex;
    align-items: center; }
    @media (max-width: 61.24em) {
      .c-contribution-comment-add__submit-as {
        justify-content: flex-end;
        margin-top: 1rem; } }
    .c-contribution-comment-add__submit-as .c-dropdown__trigger-wrapper {
      margin-left: 0.5rem; }
      @media (min-width: 61.25em) {
        .c-contribution-comment-add__submit-as .c-dropdown__trigger-wrapper {
          width: 16rem; } }
  .c-contribution-comment-add__footer-actions {
    display: flex; }
    @media (max-width: 61.24em) {
      .c-contribution-comment-add__footer-actions {
        justify-content: flex-end;
        margin-top: 1rem; } }
    .c-contribution-comment-add__footer-actions .c-button + .c-button {
      margin-left: 1rem; }

.c-contribution-toggle {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 1rem;
  color: var(--ui-color__font--contrast-2);
  text-align: left;
  cursor: pointer;
  background-color: var(--ui-color--contrast-1);
  border: 0;
  border-radius: 0 0 var(--border-radius--small) var(--border-radius--small);
  outline: 0; }
  .c-contribution-toggle .c-icon {
    font-size: 0.875rem; }
    .c-contribution-toggle .c-icon::before {
      padding-top: 0.125rem; }
  .c-contribution-toggle--expanded {
    border-radius: 0; }
    .c-contribution-toggle--expanded .c-icon {
      transform: scaleY(-1); }
  .c-contribution-toggle:hover {
    background-color: var(--ui-color--base); }
  @media (min-width: 46.25em) {
    .c-contribution-toggle {
      padding-left: 4rem; } }

.c-contribution-feed__tabs {
  padding-left: 0;
  margin-bottom: 0.5rem;
  list-style: none; }

.c-contribution-feed__body {
  padding: 0.5rem 0; }

.c-contribution-feed__item {
  position: relative;
  padding-bottom: 2rem; }
  .c-contribution-feed__item::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.25rem;
    z-index: -1;
    display: block;
    content: "";
    border-left: 0.0625rem dashed var(--separator-color--highlight-1); }
  .c-contribution-feed__item:last-child::after {
    display: none; }

.c-contribution-feed-header {
  display: flex;
  min-height: 48px;
  padding: 0.5rem 0;
  margin: 0.5rem 0;
  color: var(--ui-color__font--paragraph);
  border-top: 0.0625rem solid var(--separator-color--base);
  border-bottom: 0.0625rem solid var(--separator-color--base);
  align-items: center;
  justify-content: space-between; }
  .c-contribution-feed-header--add-comment-visible {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }

.c-counter {
  display: flex;
  align-items: baseline; }
  .c-counter__label {
    padding-right: 1.25rem;
    margin-left: 0.25rem; }

.c-select {
  min-height: 3.1875rem; }
  .c-select__trigger {
    background-color: var(--input-color__field); }
    .c-select__trigger .c-dropdown-trigger__body-icon {
      color: var(--input-color__field-overlay); }
  .c-select__optional {
    margin-left: 0.25rem;
    font-style: italic; }
  .c-select__radio {
    background-color: var(--input-color__field);
    border-left-width: 0; }
    .c-select__radio input {
      display: none; }
    .c-select__radio--selected {
      background-color: var(--ui-color--base); }

.c-datetimepicker__row {
  display: flex;
  align-items: center; }

.c-datetimepicker__row-label {
  margin: 1rem 0 0.25rem;
  color: var(--ui-color__font--paragraph); }

.c-datetimepicker__separator {
  padding: 0 1rem; }

.c-datetimepicker__hour, .c-datetimepicker__minute, .c-datetimepicker__day {
  width: 4rem; }

.c-datetimepicker__month {
  width: 10rem; }

.c-datetimepicker__year, .c-datetimepicker__meridiem {
  width: 5.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); }
  @media (max-width: 46.24em) {
    .c-device-card__label {
      white-space: unset; } }

.c-dropzone {
  display: flex;
  color: var(--font-color-highlight);
  text-transform: uppercase;
  background-color: transparent;
  border-radius: var(--border-radius--small);
  outline: 0;
  justify-content: center; }
  .c-dropzone--draggable {
    display: grid;
    height: 12.5rem;
    padding: 1.5rem 1rem;
    border: 1px dashed var(--ui-color__font--contrast-3);
    grid-template-columns: 1fr -webkit-max-content 1fr;
    grid-template-columns: 1fr max-content 1fr;
    align-items: center;
    justify-items: center; }
  .c-dropzone__label-wrapper, .c-dropzone__choice-label {
    text-transform: uppercase; }
  .c-dropzone__label-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .c-dropzone__label-wrapper .c-icon {
      margin-bottom: 0.25rem;
      font-size: 1.25rem; }
  .c-dropzone__icon {
    margin: 0.5rem; }
  .c-dropzone--error {
    border-color: var(--ui-color__error--base); }
  .c-dropzone__error-message {
    padding: 0.5rem 0;
    color: var(--ui-color__error--base); }
  .c-dropzone--active {
    background-color: var(--ui-color--contrast-1); }
  @media (max-width: 46.24em) {
    .c-dropzone .c-button {
      width: 100%; } }

.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%;
    width: 480px;
    height: 720px;
    transform: translate(-50%, -50%); } }

.c-environment-selector {
  display: flex;
  color: var(--ui-color__font--highlight-1); }
  .c-environment-selector__body {
    display: flex;
    width: 11.5625rem;
    flex-direction: column; }
  .c-environment-selector__action {
    align-self: flex-end;
    margin-bottom: 0.125rem;
    margin-left: auto;
    color: var(--ui-color__font--contrast-2);
    cursor: pointer; }

.c-errorpage {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .c-errorpage--full-screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--body-color); }
  .c-errorpage__title {
    margin-top: 1rem; }
  .c-errorpage__details {
    color: var(--ui-color__font--paragraph); }
  .c-errorpage__error {
    margin-top: 0.5rem;
    color: var(--ui-color__font--paragraph); }
  .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) {
  .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-file-attachment {
  position: relative;
  width: 100%;
  margin: 0.5rem 0 1rem;
  cursor: pointer;
  transition: color 0.3s linear; }
  .c-file-attachment:hover .c-file-attachment__body {
    border-color: var(--ui-color__font--contrast-4); }
  .c-file-attachment__body {
    position: relative;
    display: flex;
    width: calc(100% - 0.125rem);
    padding-top: 56.25%;
    overflow: hidden;
    flex-direction: column;
    border: 0.0625rem solid var(--ui-color__thumbnail-border);
    border-radius: var(--border-radius--small);
    transition: border-color 0.3s linear; }
    .c-file-attachment__body--empty {
      cursor: default;
      border-color: var(--ui-color--base); }
    .c-file-attachment__body--upload {
      border: 0; }

@-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-file-attachment--highlighted .c-file-attachment__body {
      -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-file-attachment--clickable .c-file-attachment__body {
      cursor: pointer; }
    .c-file-attachment__body > * {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .c-file-attachment__upload {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    flex-direction: column;
    background-color: var(--ui-color--contrast-1);
    align-items: center;
    border: 0;
    border-radius: 0.25rem;
    transition: color 0.3s linear; }
    .c-file-attachment__upload .c-icon {
      font-size: 1.5rem; }
    .c-file-attachment__upload:focus {
      outline: 0; }
    .c-file-attachment__upload.focus-visible, .c-file-attachment__upload.focus-visible {
      box-shadow: 0 0 0 2px var(--ui-color__font--contrast-4) inset; }
    .c-file-attachment__upload:focus-visible, .c-file-attachment__upload.focus-visible {
      box-shadow: 0 0 0 2px var(--ui-color__font--contrast-4) inset; }
  .c-file-attachment__protected {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8d929c;
    cursor: default;
    background-color: var(--ui-color--contrast-4);
    background-image: repeating-linear-gradient(-45deg, var(--ui-color__font--contrast-4), var(--ui-color__font--contrast-4) 1px, transparent 2px, transparent 10px); }
    .c-file-attachment__protected .c-icon {
      font-size: 3rem; }
  .c-file-attachment__body--protected {
    border-color: var(--ui-color__font--contrast-4); }
  .c-file-attachment__remove {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.1875rem;
    height: 2.1875rem;
    font-size: 1.5rem;
    color: var(--ui-color__font--contrast-2);
    cursor: pointer;
    background-color: var(--ui-color--contrast-overlay);
    border: 0.0625rem solid var(--ui-color__thumbnail-border);
    border-radius: 0 var(--border-radius--small);
    outline: none; }
  .c-file-attachment__footer {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
    color: var(--ui-color__font--paragraph); }
  .c-file-attachment__footer .c-icon {
    margin-right: 0.5rem; }
  .c-file-attachment__footer-link {
    display: inline-flex;
    padding-left: 0.5rem;
    margin-left: auto;
    align-items: center;
    color: var(--ui-color__font--contrast-2);
    text-align: right; }
  .c-file-attachment__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%; }
  .c-file-attachment__image-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .c-file-attachment--small {
    width: 16rem; }
  .c-file-attachment--medium {
    width: 22rem; }
  .c-file-attachment--clickable .c-file-attachment {
    cursor: pointer; }
  @media (max-width: 46.24em) {
    .c-file-attachment__footer-link {
      padding: 0.5rem;
      background-color: var(--ui-color--base);
      border-radius: var(--border-radius--small); }
      .c-file-attachment__footer-link:hover {
        background-color: var(--ui-color--contrast-1); } }

.c-footer {
  padding-bottom: 2.5rem;
  color: var(--ui-color__font--contrast-4);
  text-align: center; }
  .c-footer .c-link-button {
    color: inherit; }
  .c-footer__divider {
    width: 100%;
    margin: 4rem 0 1rem;
    border-top: 0.0625rem solid var(--separator-color--base); }
  .c-footer__inner {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto; }
  .c-footer__text {
    margin-bottom: 0.625rem; }

.c-footer-navigation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center; }

.c-footer-navigation-item {
  margin: 0 0.625rem 0.3125rem 0;
  text-align: center;
  list-style: none; }

.c-form-with-steps-header {
  z-index: 10;
  display: flex;
  width: 100%;
  color: var(--ui-color__font-highlight-1);
  flex-direction: column;
  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); }
  .c-form-with-steps-header__progress {
    position: relative;
    width: 100%;
    height: 0.375rem;
    background-color: var(--ui-color--base);
    transition: 100ms ease-in-out; }
    .c-form-with-steps-header__progress > div {
      height: 100%;
      background-color: var(--ui-color__font--contrast-2);
      border-radius: 0 1rem 1rem 0;
      transition: width 100ms ease-in-out; }
    .c-form-with-steps-header__progress--empty {
      height: 0.0625rem;
      background-color: var(--ui-color--highlight-1); }
    .c-form-with-steps-header__progress--full {
      background-color: var(--ui-color__font--contrast-2); }
  .c-form-with-steps-header--with-progress {
    color: var(--ui-color__font--contrast-2);
    background-color: var(--ui-color--contrast-2);
    border-bottom: unset; }
    .c-form-with-steps-header--with-progress .l-container {
      padding: 0.5rem 1rem; }
  @media (max-width: 46.24em) {
    .c-form-with-steps-header {
      background-color: var(--ui-color--contrast-1); }
      .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-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 1rem 1.5rem;
    align-items: baseline;
    color: var(--ui-color__font--highlight-1);
    border-bottom: solid 0.0625rem var(--ui-color--highlight-1); }
    .c-form-step__header-title {
      margin-right: 1rem; }
    .c-form-step__header-label {
      margin-left: auto;
      color: var(--ui-color__font--contrast-2);
      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-x: hidden;
    overflow-y: auto;
    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-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  width: 100%; }
  .c-header__navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 3.5rem;
    padding: 0 0.75rem;
    border-bottom: 0.0625rem solid transparent; }
    .c-header__navigation .c-profile-menu__avatar {
      margin-left: 0.5rem; }
    .c-header--mobile .c-header__navigation {
      margin-right: auto;
      background-color: var(--ui-color--contrast-3);
      border-bottom: 0.0625rem solid var(--ui-color__font--contrast-5);
      justify-content: space-between; }
  .c-header__navigation-mobile-burger {
    font-size: 1.75rem;
    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; }
  @media (min-width: 81.25em) {
    .c-header {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      pointer-events: none; }
      .c-header__navigation {
        pointer-events: none;
        background-color: transparent; }
        .c-header__navigation > * {
          pointer-events: all; } }

.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;
    color: var(--ui-color__font--paragraph); }

.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-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; }
  @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 {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius--medium);
  flex: 16;
  align-self: stretch; }
  .c-issue a,
  .c-issue .c-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--empty {
    min-height: 12.5rem;
    background-color: transparent;
    border: 0.125rem solid var(--ui-color--contrast-1); }
  .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--promoted .c-button--icon:not(:disabled) {
    margin-right: 0.5rem;
    background-color: var(--ui-color--highlight-2); }
  .c-issue__promotion {
    display: flex;
    flex-wrap: nowrap;
    width: 3rem;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    overflow: hidden;
    background-color: transparent;
    border-radius: 1.5rem;
    transition: width 0.25s var(--transition-ease-in-out--quart), top 0.15s var(--transition-ease-in-out--quart) 0.1s, left 0.15s var(--transition-ease-in-out--quart) 0.1s, background-color 0.15s var(--transition-ease-in-out--quart); }
    @media (max-width: 46.24em) {
      .c-issue__promotion {
        position: relative;
        top: -0.25rem;
        right: 0.5rem;
        min-height: 3rem;
        margin-bottom: 0.5rem; } }
    @media (min-width: 46.25em) {
      .c-issue__promotion {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 3rem; } }
    @media (max-width: 46.24em) {
      .c-issue__promotion--admin {
        left: 0.5rem; } }
    @media (min-width: 46.25em) {
      .c-issue__promotion--admin {
        left: 2.5rem; } }
    .c-issue__promotion > div {
      display: flex;
      overflow: hidden;
      color: var(--ui-color__font--highlight-1);
      flex-shrink: 0;
      flex-direction: column;
      opacity: 0;
      transition: opacity 0.15s var(--transition-ease-in-out--quart) 0.1s; }
    .c-issue--promoted-expanded .c-issue__promotion {
      top: 0.5rem;
      left: 0.5rem;
      width: calc(100% - 16px);
      background-color: var(--ui-color--highlight-1);
      transition: width 0.25s var(--transition-ease-in-out--quart) 0.25s, top 0.15s var(--transition-ease-in-out--quart), left 0.15s var(--transition-ease-in-out--quart), background-color 0.15s var(--transition-ease-in-out--quart) 0.1s; }
      .c-issue--promoted-expanded .c-issue__promotion > div {
        width: calc(100% - 16px);
        opacity: 1; }
    .c-issue__promotion-label {
      text-transform: uppercase; }
  .c-issue > * {
    transition: padding-top 0.15s ease-in-out 0.1s; }
  @media (min-width: 46.25em) {
    .c-issue--promoted-expanded > * {
      padding-top: 4.5rem !important; } }
  .c-issue__body, .c-issue__footer-title {
    padding: 0.5rem 1rem; }
  .c-issue__header {
    color: var(--issue-color__font-title); }
  .c-issue__body {
    background-color: var(--ui-color--contrast-1); }
  .c-issue__checkbox {
    z-index: 3;
    background-color: var(--body-color); }
  .c-issue__title {
    display: -webkit-box;
    /* stylelint-disable-line value-no-vendor-prefix */
    margin: 0 0 0.5rem;
    overflow: hidden;
    color: var(--ui-color__font--highlight-1);
    -webkit-line-clamp: 3;
    /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-box-orient: vertical;
    /* stylelint-disable-line property-no-vendor-prefix */ }
    .c-issue__title a {
      position: static; }
      .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(--ui-color__font--contrast-2);
    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 .c-avatar, .c-issue__details-author .c-avatar {
      border-color: var(--ui-color__font--contrast-2); }
    .c-issue__details-id:last-child::before, .c-issue__details-author:last-child::before {
      padding-right: 0.5rem;
      content: "•"; }
  .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__footer {
    position: relative;
    display: flex;
    padding: 0.75rem 1rem 1rem 1rem;
    margin-top: auto;
    color: var(--ui-color__font--contrast-2);
    align-items: flex-start;
    justify-content: flex-end;
    background-color: var(--ui-color--contrast-1); }
    .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-reproduction-progress-bar {
        margin-top: 0.5rem; }
      .c-issue__footer-left-content .c-icon {
        font-size: 1.25rem; }
    .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(--ui-color__font--highlight-1);
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .c-issue__footer-admin-link .t-link {
        padding: 0 1.5rem;
        color: var(--ui-color__font--contrast-2); }
    .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; }
    .h-palette--fixed .c-issue__footer {
      background-color: var(--ui-color--base);
      border-color: var(--ui-color__font--contrast-2); }
  .c-issue__footer-title {
    margin-top: auto;
    margin-bottom: 0.25rem; }

@media (min-width: 46.25em) {
  .c-issue-status {
    padding: 1rem 1rem 0 1rem; } }

.c-issue--list {
  display: flex;
  flex-direction: column;
  border-radius: 0; }
  .c-issue--list .c-issue__header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: var(--ui-color--base); }
  .c-issue--list .c-issue__header-tools {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0.5rem 1rem 0; }
  .c-issue--list .c-issue__visibility .c-button {
    height: 3rem;
    border-radius: var(--border-radius--medium); }
  .c-issue--list.h-palette--archived .c-issue-status__details {
    display: none; }
  @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;
          /* stylelint-disable-next-line */ }
          .c-issue--list .c-issue-status__content > * {
            margin-top: 0.5rem; }
        .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 {
        display: block;
        width: unset;
        max-width: 2.5rem;
        padding: 0.5rem 0 0 0.5rem;
        overflow: visible; }
        .c-issue--list .c-issue__header-tools .c-issue__visibility-dropdown {
          margin-left: unset; }
      .c-issue--list .c-issue__title {
        padding-right: 0; }
      .c-issue--list .c-issue__body {
        padding: 1.5rem 2rem;
        padding-top: 2rem;
        flex: 1;
        align-items: center; }
      .c-issue--list .c-issue__details {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
      .c-issue--list .c-issue__details-tags {
        width: unset;
        margin-right: 0.5rem; }
      .c-issue--list .c-issue__details-tags-item {
        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 {
        width: 20rem;
        padding: 1.25rem;
        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;
          align-items: center;
          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(--ui-color--base); }
        .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--list.h-palette--archived .c-issue-status__details {
        display: block;
        font-style: italic;
        color: var(--ui-color--contrast-3); } }

.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--card {
  display: flex;
  flex-direction: column;
  background-color: var(--ui-color--contrast-1); }
  .c-issue--card .c-issue__title {
    margin-bottom: 1rem; }
  .c-issue--card .c-issue-status {
    padding-bottom: 0; }
    .c-issue--card .c-issue-status__content {
      padding-bottom: 0.5rem;
      margin-left: 0.5rem;
      border-bottom: 0.0625rem solid var(--ui-color--base); }
  .c-issue--card.h-palette--archived .c-issue-status__details {
    display: none; }

.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;
    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 {
          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; }

@charset "UTF-8";
.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 {
  color: var(--ui-color__font--paragraph);
  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--promote .c-modal__actions {
  margin-top: 1.5rem; }

.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;
  padding: 0.25rem 0; }
  .c-issue-admin-modal.c-issue-visibility-modal .c-dropdown-trigger .c-dropdown-trigger__body {
    margin-left: 0; }

.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 ul {
  margin-top: 0.5rem;
  color: var(--ui-color__font--paragraph); }

.c-issue-admin-modal.c-issue-visibility-modal li::before {
  margin-right: 0.5rem;
  content: "–"; }

.c-issue-filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .c-issue-filters .c-tag-list__item {
    color: var(--ui-color__font--default); }
  .c-issue-filters__modal-button {
    padding: 0.75rem 1rem; }
    .c-issue-filters__modal-button-count {
      margin-left: 0.25rem;
      color: var(--ui-color__font--contrast-2); }
  .c-issue-filters__modal {
    --modal-color: var(--ui-color--contrast-3);
    margin-top: unset; }
    .c-issue-filters__modal .c-modal__body {
      padding-top: 0; }
    .c-issue-filters__modal .c-modal__footer {
      background-color: var(--modal-color); }
    .c-issue-filters__modal .c-dropdown-list,
    .c-issue-filters__modal .c-tag-list {
      background-color: var(--ui-color--contrast-2); }
    .c-issue-filters__modal .c-tag-list {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap;
      padding: 1rem;
      overflow: auto; }
      .c-issue-filters__modal .c-tag-list__item {
        margin: 0 1rem 0 0;
        white-space: nowrap; }

.c-dropdown__category .c-dropdown__body {
  width: 35.5rem;
  padding-top: 1rem;
  padding-left: 1rem;
  background-color: var(--ui-color--contrast-2); }

.c-dropdown__severity .c-dropdown-list__item-details {
  color: var(--ui-color__font--contrast-3); }

@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; }

.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 {
  z-index: 10;
  bottom: 1.25rem;
  transform: translateY(50%); }

.swiper-container-horizontal > .swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
  max-width: calc(100% - 4rem);
  bottom: 1rem;
  overflow: hidden; }
  .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-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(--ui-color__font--default); }
    .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-list__header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin-bottom: 0; }

.c-issue-list__header-filters {
  display: flex;
  align-items: center;
  margin-left: auto; }
  .c-issue-list__header-filters .c-dropdown {
    width: auto;
    margin-left: 1.25rem; }

.c-issue-list__header-clear-filters {
  color: var(--ui-color__font--paragraph); }
  .c-issue-list__header-clear-filters:hover {
    color: var(--ui-color__font--highlight-1); }

.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: 2rem;
      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(--ui-color--highlight-1); }
    .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;
  background-color: var(--ui-color--contrast-2);
  border-radius: var(--border-radius--medium); }
  .c-issue-list__empty-state img {
    width: 100%;
    max-width: 40rem;
    height: auto;
    margin: 1.5rem 0; }
  .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-text {
    width: 100%;
    padding: 0 1rem; }
  .c-issue-list__empty-state .t-body--large {
    color: var(--ui-color__font--paragraph); }
  .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__empty-state {
    padding: 8rem;
    padding-bottom: 8rem; } }

.c-issue-list-section-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  margin: 1.25rem 0 0.25rem;
  text-decoration: none; }
  .c-issue-list-section-title__text-container {
    display: block;
    margin-bottom: 0; }
  .c-issue-list-section-title__header {
    padding-right: 1rem;
    text-transform: uppercase; }
  .c-issue-list-section-title__filters {
    display: flex;
    margin-left: auto !important; }
    .c-issue-list-section-title__filters > * {
      margin-left: 1.25rem; }
    .c-issue-list-section-title__filters .c-dropdown {
      width: auto; }
  @media (max-width: 46.24em) {
    .c-issue-list-section-title__text-container {
      width: 100%;
      margin-bottom: 1rem; } }
  @media (min-width: 46.25em) {
    .c-issue-list-section-title__text-container {
      display: block;
      width: unset;
      max-width: 100%;
      margin-bottom: 0.5rem; }
    .c-issue-list-section-title__clear-filters {
      margin-left: 1rem; } }

.c-issue-list-header-title {
  display: flex;
  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;
    color: var(--ui-color__font--paragraph); }
    .c-issue-list-header-title__clear-filters:hover {
      color: var(--ui-color__font--highlight-1); }
    .c-issue-list-header-title__clear-filters .c-icon {
      font-size: 1.125rem; }
  .c-issue-list-header-title__filters {
    display: flex;
    margin-left: auto !important; }
    .c-issue-list-header-title__filters > * {
      margin-left: 1.25rem; }
  .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-header-title__view-filter-dropdown {
      padding: 0.75rem 1rem;
      background-color: var(--ui-color--contrast-1);
      border-radius: var(--border-radius--small); } }

.c-issue-list-see-all {
  position: relative;
  display: inline-flex;
  margin-left: auto !important;
  align-items: baseline;
  color: var(--ui-color__font--default); }
  .c-issue-list-see-all .c-icon {
    font-size: 1.125rem; }
  .c-issue-list-see-all .c-icon::before {
    transform: translateY(0.25rem) rotate(-90deg); }

.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: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 {
  position: relative;
  z-index: 0;
  display: flex;
  height: 100vh;
  flex-direction: column;
  --input-color__field--disabled: var(--input-color__field);
  --input-color__field--active: var(--input-color__field); }
  .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__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%;
      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-group {
  position: relative;
  z-index: 1;
  padding: 1.5rem 0; }
  .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__label {
    margin-bottom: 0.5rem;
    color: var(--ui-color__font--highlight-1); }
  .c-issue-report-group__subtitle {
    color: var(--ui-color__font--paragraph); }
  .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); }

.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(--ui-color__font--default);
  border-bottom: 0.125rem solid;
  border-radius: 0;
  outline: none; }
  .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:-ms-input-placeholder, .c-issue-report-title textarea:-ms-input-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(--ui-color__font--default) !important; }

.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); } }

body {
  counter-reset: stepNumber; }

.c-issue-report__step-number::before {
  content: counter(stepNumber);
  counter-increment: stepNumber; }

.c-issue-report__delete-step {
  position: absolute;
  font-size: 1.5rem;
  color: var(--ui-color__font--contrast-2);
  cursor: pointer; }
  .c-issue-report__delete-step:hover {
    color: var(--ui-color__font--highlight-1); }

.c-issue-report__step {
  position: relative; }
  .c-issue-report__step .c-file-attachment-miniature {
    margin-top: 0.5rem; }

.c-issue-report__step--disabled {
  pointer-events: none; }
  .c-issue-report__step--disabled .c-issue-report__step-number,
  .c-issue-report__step--disabled .c-icon {
    color: var(--ui-color--base); }

@media (max-width: 46.24em) {
  .c-issue-report__step-number {
    width: 100%;
    padding: 0.25rem 0.75rem;
    color: var(--ui-color__font--contrast-2);
    background-color: var(--ui-color--base);
    border-bottom: solid 0.0625rem var(--ui-color__font--contrast-2);
    border-radius: var(--border-radius--small) var(--border-radius--small) 0 0; }
    .c-issue-report__step--disabled .c-issue-report__step-number {
      background-color: var(--input-color__field--disabled);
      border-bottom-color: var(--ui-color--base); }
  .c-issue-report__delete-step {
    top: 0.25rem;
    right: 0.5rem;
    font-size: 1.5rem; }
  .c-issue-report__step .c-text-input__input {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .c-issue-report__step .c-text-input {
    /* stylelint-disable-next-line max-nesting-depth */ }
    .c-issue-report__step .c-text-input textarea {
      min-height: 5.5rem; } }

@media (min-width: 46.25em) {
  .c-issue-report__step-number::before {
    display: flex;
    min-width: 2rem;
    padding-right: 1rem;
    align-items: center;
    justify-content: flex-start;
    border-right: 1px solid var(--ui-color--base); }
  .c-issue-report__delete-step {
    top: 0.75rem;
    right: -1rem;
    transform: translateX(100%); } }

.c-issue-report__step + .c-issue-report__step {
  margin-top: 1rem; }

.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__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-disclaimer {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: calc(100% - 2rem);
    padding: 1.5625rem;
    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 (min-width: 46.25em) {
  .c-issue-report-group__setups .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: 3.125rem; }

@media (min-width: 46.25em) {
  .c-issue-report-group__contact-preferences .c-issue-report-group__body {
    padding: 1rem 0;
    border-top: 1px solid var(--separator-color--contrast-1);
    border-bottom: 1px solid var(--separator-color--contrast-1); } }

.c-issue-report-group__version-selection .c-inline-icon-wrapper {
  margin-top: 1rem; }

.l-wrapper--background-contrast {
  background-color: var(--ui-color--contrast-2); }

.c-issue-reporter {
  display: flex;
  align-items: center; }
  .c-issue-reporter__avatar {
    margin-right: 0.75rem; }
  .c-issue-reporter .c-avatar {
    border-color: var(--ui-color__font--default);
    border-width: 0.0625rem;
    flex-shrink: 0; }
  .c-issue-reporter__content {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
  .c-issue-reporter__label {
    margin-right: 0.25rem;
    color: var(--ui-color__font--contrast-3); }
    .c-issue-reporter__label:last-child {
      margin-bottom: 0; }
  @media (min-width: 46.25em) {
    .c-issue-reporter {
      align-items: flex-end; }
      .c-issue-reporter__content {
        flex-direction: column; } }

@charset "UTF-8";
.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__sidebar {
    grid-row: 2 / 3; }
    .l-issue-show__sidebar > * + * {
      margin-top: 0.125rem; }
  @media (min-width: 46.25em) {
    .l-issue-show__top {
      grid-column: 1 / 13;
      grid-row: 1; }
    .l-issue-show__sidebar {
      grid-column: 9 / 13;
      position: sticky;
      top: 1.5rem;
      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 / 9;
      grid-row: 2 / 3; }
    .l-issue-show__feed {
      grid-column: 1 / 9; }
    .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__notification {
    margin-bottom: 1.875rem; }
  .c-issue-show__header {
    margin-bottom: 1rem; }
    .c-issue-show__header-title {
      display: block;
      margin-bottom: 2rem;
      text-align: center; }
    .c-issue-show__header-content {
      display: flex;
      color: var(--ui-color__font--contrast-2);
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      flex-shrink: 0; }
    .c-issue-show__header-left-content {
      display: flex;
      align-items: center;
      margin-bottom: 1rem; }
    .c-issue-show__header-right-content {
      display: flex;
      align-items: center; }
    .c-issue-show__header-toggle-favourite .c-link-button__label {
      text-decoration: none; }
    .c-issue-show__header-toggle-favourite:hover .c-link-button__label {
      color: var(--ui-color__font--contrast-1); }
    .c-issue-show__header-toggle-favourite--inactive:hover .c-link-button__icon {
      color: var(--ui-color__font--contrast-1); }
    .c-issue-show__header-toggle-favourite--active .c-link-button__icon {
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--ui-color__font--contrast-1); }
    .c-issue-show__header-code {
      margin-left: 0.625rem;
      text-transform: uppercase; }
    .c-issue-show__header-visibility {
      display: inline-flex;
      align-items: center; }
      .c-issue-show__header-visibility::before {
        padding: 0 0.25rem;
        content: "•"; }
    .c-issue-show__header-categories {
      margin-left: 0.625rem; }
    .c-issue-show__header-category {
      margin-right: 0.625rem;
      color: var(--ui-color__font--contrast-4);
      border-color: var(--ui-color--highlight-1); }
      .c-issue-show__header-category:last-child {
        margin-right: 0; }
  .c-issue-show__section {
    display: grid;
    margin-bottom: 3.125rem;
    color: var(--ui-color__font--paragraph); }
    .c-issue-show__section:last-child {
      margin-bottom: 0; }
    .c-issue-show__section .c-issue-show__section {
      margin-bottom: 2.5rem; }
    .c-issue-show__section-title {
      margin-bottom: 0.5rem;
      color: var(--ui-color__font--highlight-1); }
      .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 .l-grid {
      margin-bottom: 1rem; }
  .c-issue-show--read-only .c-reproduction-view__actions {
    display: none; }
  @media (min-width: 46.25em) {
    .c-issue-show__header {
      margin-bottom: 0.75rem; }
      .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; } }

.c-issue-show-details {
  display: flex;
  width: 100%;
  flex-direction: column;
  border-top: 0.0625rem solid var(--separator-color--base);
  border-bottom: 0.0625rem solid var(--separator-color--base); }
  .c-issue-show-details__item {
    position: relative; }
    .c-issue-show-details__item:nth-child(1) {
      grid-area: reporter; }
    .c-issue-show-details__item:nth-child(2) {
      grid-area: platform; }
    .c-issue-show-details__item:nth-child(3) {
      grid-area: severity; }
  @media (max-width: 46.24em) {
    .c-issue-show-details {
      padding: 1rem 0; }
      .c-issue-show-details__item:not(:last-child) {
        margin-bottom: 0.5rem; }
      .c-issue-show-details__item-reporter, .c-issue-show-details__item-severity {
        padding: 0.25rem 0.5rem;
        background-color: var(--ui-color--contrast-1);
        border-radius: var(--border-radius--medium); }
      .c-issue-show-details .c-issue-reporter__avatar,
      .c-issue-show-details .c-severity-card__header {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        margin-right: 1rem; }
      .c-issue-show-details .c-issue-reporter__content,
      .c-issue-show-details .c-severity-card__body,
      .c-issue-show-details .c-dropdown-trigger__body {
        flex-direction: row;
        justify-content: flex-start;
        align-items: baseline; }
        .c-issue-show-details .c-issue-reporter__content > *:not(:last-child),
        .c-issue-show-details .c-severity-card__body > *:not(:last-child),
        .c-issue-show-details .c-dropdown-trigger__body > *:not(:last-child) {
          margin-right: 0.25rem; } }
  @media (min-width: 46.25em) {
    .c-issue-show-details {
      display: grid;
      grid-template-areas: "reporter platform severity";
      grid-template-columns: 32% repeat(auto-fit, 34%);
      grid-column-gap: 1rem;
      align-items: stretch;
      margin-bottom: 1.875rem;
      border-right: 0;
      border-left: 0; }
      .c-issue-show-details__item {
        display: flex;
        padding: 1.25rem 0;
        align-items: center; }
      .c-issue-show-details__item-platform > div {
        width: 100%; }
      .c-issue-show-details .c-severity-card__header {
        padding: 0.5rem;
        margin-right: 0.75rem;
        background-color: var(--ui-color--contrast-1);
        border-radius: 0.25rem; } }
  @media (min-width: 61.25em) {
    .c-issue-show-details {
      border: 0.0625rem solid var(--separator-color--base);
      grid-column-gap: 0;
      border-right: 0;
      border-left: 0;
      grid-template-columns: 32% 34% 34%; }
      .c-issue-show-details__item {
        padding: 1rem; }
        .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(--separator-color--base); }
        .c-issue-show-details__item::after {
          top: auto;
          bottom: 0; }
        .c-issue-show-details__item:nth-child(1)::before, .c-issue-show-details__item:nth-child(1)::after {
          display: none; } }


.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); }
  .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-issue-show-evidence-list {
  --ui-color__thumbnail-border: var(--color-primary-300); }
  .c-issue-show-evidence-list .c-file-attachment {
    margin: 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 (min-width: 81.25em) {
      .c-navigation--sidebar + .c-navigation--sidebar {
        border-top: 1px solid var(--sidebar-color__divider); } }

@media (max-width: 81.24em) {
  .c-navigation--sidebar:not(.c-navigation--single) .c-navigation-item + .c-navigation-item {
    border-top: 1px solid var(--sidebar-color__divider); }
  .c-navigation--sidebar:not(.c-navigation--single) .c-navigation__list {
    border-top: 1px solid var(--sidebar-color__divider);
    border-bottom: 1px solid var(--sidebar-color__divider); } }

@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-item {
  --navigation-item-color__font: var(--sidebar-color__font);
  --navigation-item-color__font--hover: var(--sidebar-color__font--hover);
  --navigation-item-color__item: var(--sidebar-color__item);
  --navigation-item-color__item--hover: var(--sidebar-color__item--hover);
  --navigation-item-color__item--active: var(--sidebar-color__item--active);
  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-color__font);
    align-items: center;
    cursor: pointer;
    background-color: var(--navigation-item-color__item);
    will-change: color;
    transition: color 0.25s ease-in-out; }
    .c-navigation-item__link:hover, .c-navigation-item__link:focus {
      color: var(--navigation-item-color__font--hover);
      background-color: var(--navigation-item-color__item--hover); }
    .c-navigation-item__link--is-active {
      color: var(--navigation-item-color__font--active);
      background-color: var(--navigation-item-color__item--active); }
      .c-navigation-item__link--is-active:hover, .c-navigation-item__link--is-active:focus {
        color: var(--navigation-item-color__font--active);
        background-color: var(--navigation-item-color__item--active); }
  .c-navigation-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    font-size: 1.25rem;
    text-align: center; }

.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-all;
    word-wrap: break-word; }

.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-subheader {
  display: flex;
  padding: 1rem 3.125rem;
  flex-direction: row;
  background-color: var(--ui-color--contrast-4);
  align-items: center;
  align-self: center; }
  .c-issue-show-details__setup-modal-subheader-icon .c-icon::before {
    font-size: 2rem; }
  .c-issue-show-details__setup-modal-subheader-title {
    padding-left: 1rem; }

.c-issue-show-details__setup-modal__missing-info {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%); }

.c-issue-show-details__setup-modal .c-navigation {
  margin-top: 0; }
  .c-issue-show-details__setup-modal .c-navigation-item:first-child {
    padding-bottom: 0.5rem; }
  .c-issue-show-details__setup-modal .c-navigation-item + .c-navigation-item {
    padding: 0.5rem 0; }

.l-layout {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  grid-template-rows: 1fr auto;
  grid-template-areas: "main" "footer";
  margin-top: 3.5rem; }
  @media (min-width: 81.25em) {
    .l-layout {
      margin-top: 0;
      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: 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: row;
    justify-content: space-between;
    align-items: flex-start; }
    .c-lightbox__legend-description {
      color: var(--ui-color__font--paragraph); }
      .c-lightbox__legend-label + .c-lightbox__legend-description {
        margin-left: 0.5rem; }
  .c-lightbox__author {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 1rem; }
    .c-lightbox__author-name {
      color: var(--ui-color__font--paragraph); }
  .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; }
      .c-lightbox__media-container > * {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
           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;
    border-color: var(--ui-color__font--paragraph); }
  .c-lightbox .c-modal__close {
    cursor: pointer;
    /* stylelint-disbale rule-empty-line-before */ }
    .c-lightbox .c-modal__close svg {
      fill: currentColor; }

.c-loading-state {
  display: flex;
  flex-direction: column; }
  .c-loading-state__visual {
    font-size: 2.25rem; }
  .c-loading-state__message {
    color: inherit; }

.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% - rem(4px));
        height: 0.0625rem;
        content: "";
        border-top: 1px solid transparent;
        -o-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: 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-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; }

.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(--ui-color--contrast-1); }
  .c-login-chip__header .c-avatar {
    border: 0.1875rem solid var(--ui-color--highlight-2); }

.c-login-chip__body {
  display: flex;
  padding: 0;
  flex-direction: column; }

.c-login-chip__footer {
  padding: 0.5rem 1rem;
  background-color: var(--ui-color--highlight-1); }
  .c-login-chip__footer:hover {
    background-color: var(--ui-color--highlight-2); }

.c-message {
  display: flex;
  padding: 1rem;
  color: var(--ui-color__font--highlight-1);
  background-color: var(--ui-color--contrast-1); }
  .c-message .c-icon {
    font-size: 1.5rem;
    flex-shrink: 0; }
  .c-message .c-message__text-container {
    margin-left: 0.5rem; }
  .c-message .c-message__title {
    margin-bottom: 0.25rem;
    font-weight: 600; }
  .c-message .c-message__description {
    color: var(--ui-color__font--contrast-2); }
  .c-message.c-issue-report__message, .c-message.c-issue-show__message {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem; }

.c-notification {
  position: relative;
  width: 20.5rem;
  padding: 0.5rem 1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(var(--ui-color__shadow--string), 0.4);
  -webkit-animation-name: opacity;
          animation-name: opacity;
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    transform: translateX(1.5rem); }
  50% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }

@keyframes opacity {
  0% {
    opacity: 0;
    transform: translateX(1.5rem); }
  50% {
    opacity: 1; }
  100% {
    transform: translateX(0); } }
  .c-notification--error {
    color: var(--ui-color__error--base);
    background-color: var(--ui-color__font--highlight-1);
    border-top: 4px solid var(--ui-color__error--base); }
  .c-notification--info {
    color: var(--ui-color__font--highlight-1);
    background-color: var(--ui-color--highlight-1);
    border-top: 4px solid var(--ui-color__font--highlight-1); }
  @media (max-width: 46.24em) {
    .c-notification {
      margin: 0 auto; } }
  .c-notification__title, .c-notification__description {
    padding-right: 4rem; }
  .c-notification__body .c-button {
    margin-top: 0.5rem; }
  .c-notification__close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 18px;
    height: 18px;
    font-size: 1.25rem;
    cursor: pointer; }

.l-notifications__overlay {
  position: fixed;
  top: 0;
  right: 0;
  height: auto !important; }
  @media (max-width: 46.24em) {
    .l-notifications__overlay {
      width: 100%; } }
  @media (max-width: 81.24em) {
    .l-notifications__overlay {
      z-index: 50; } }
  @media (min-width: 81.25em) {
    .l-notifications__overlay {
      z-index: 101; } }

@media (min-width: 46.25em) {
  .c-notifications {
    margin-right: 0.5rem; } }

@media (max-width: 81.24em) {
  .c-notifications {
    margin-top: 4.5rem; } }

@media (min-width: 81.25em) {
  .c-notifications {
    margin-top: 2rem; } }

.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 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 1.5rem 0;
  margin: 0 auto;
  align-items: center;
  justify-items: center; }
  @media (min-width: 46.25em) {
    .c-pagination {
      width: 300px;
      grid-column-gap: 1.5rem; } }
  .c-pagination .c-button {
    padding: 0;
    color: var(--ui-color__font--contrast-2);
    background-color: transparent;
    border: 0;
    outline: 0; }
    .c-pagination .c-button:disabled {
      color: var(--ui-color--contrast-1); }
  .c-pagination__pages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0.25rem;
    padding: 0.5rem 1.75rem;
    color: var(--ui-color__font--paragraph);
    background-color: var(--ui-color--contrast-2);
    border-radius: var(--border-radius--medium); }
  .c-pagination__current-page {
    color: var(--ui-color__font--highlight-1); }

.c-platform-brand {
  display: flex;
  align-items: center; }
  .c-platform-brand__label {
    margin-left: 0.5rem;
    color: var(--platform-brand-color__font);
    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;
    padding: 0.5rem 3.75rem; }
  @media (min-width: 81.25em) {
    .l-layout-platform {
      grid-template-rows: 2rem 1fr; }
      .l-layout-platform .l-layout-platform__bar {
        display: flex;
        background-color: var(--platform-brand-color); } }
  .l-layout-platform__body {
    position: relative; }

.c-please-fix {
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: var(--ui-color--contrast-1);
  border-radius: var(--border-radius--medium); }
  .c-please-fix__button {
    padding: 0.5rem 0.75rem;
    margin-right: 0.75rem;
    color: var(--ui-color__font--contrast-1);
    background-color: var(--ui-color--contrast-1);
    border-color: var(--ui-color--highlight-1); }
    .c-please-fix__button .c-icon,
    .c-please-fix__button .c-button__icon {
      font-size: 1.5rem; }
      .c-please-fix__button .c-icon--left,
      .c-please-fix__button .c-button__icon--left {
        margin-right: 0.3125rem; }
      .c-please-fix__button .c-icon--right,
      .c-please-fix__button .c-button__icon--right {
        margin-left: 0.3125rem; }
    .c-please-fix__button:hover {
      color: var(--ui-color__font--highlight-1);
      border-color: var(--ui-color__font--highlight-1); }
    .c-please-fix__button--active {
      color: var(--ui-color__font--highlight-1);
      background-color: var(--ui-color--highlight-2);
      border-color: var(--ui-color__font--highlight-1); }
      .c-please-fix__button--active:hover {
        color: var(--ui-color__font--contrast-1);
        background-color: var(--ui-color--contrast-1);
        border-color: var(--ui-color--highlight-1); }
    .c-please-fix__button:disabled, .c-please-fix__button--disabled {
      color: var(--ui-color__font--contrast-5);
      cursor: not-allowed;
      border-color: var(--ui-color__font--contrast-5); }
      .c-please-fix__button:disabled:hover, .c-please-fix__button--disabled:hover {
        color: var(--ui-color__font--contrast-5);
        border-color: var(--ui-color__font--contrast-5); }
  .c-please-fix__body {
    display: flex;
    flex-direction: column; }
  .c-please-fix__body-label {
    margin-bottom: 0.1875rem;
    text-transform: uppercase; }
    .c-please-fix--disabled .c-please-fix__body-label {
      color: var(--ui-color__font--highlight-1);
      opacity: 0.5; }
  .c-please-fix__body-details {
    color: var(--ui-color__font--contrast-2); }
    .c-please-fix--disabled .c-please-fix__body-details {
      color: var(--ui-color__font--highlight-1);
      opacity: 0.5; }
  @media (max-width: 46.24em) {
    .c-please-fix {
      border-radius: 0 0 var(--border-radius--medium) var(--border-radius--medium); } }

.c-profile-menu__avatar {
  cursor: pointer;
  border: 0.125rem solid var(--ui-color--highlight-1);
  transition: border-color ease-in-out 0.2s; }

.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 {
  border-style: solid;
  border-width: 0.125rem;
  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 {
  width: 100%;
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-radius: var(--border-radius--small); }

@media (max-width: 81.24em) {
  .c-profile-menu__settings-button {
    grid-row: 2;
    grid-column: 1 / span 2;
    margin-bottom: 0; } }

.c-profile-menu__view-as-admin {
  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__view-as-admin {
      grid-column: 1 / span 2; } }
  @media (min-width: 81.25em) {
    .c-profile-menu__view-as-admin {
      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(--admin-color--highlight-2); }

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

.c-panel--profile-menu {
  display: flex;
  flex-direction: column;
  background-color: var(--ui-color--contrast-1); }
  .c-panel--profile-menu .c-profile-menu__body {
    flex: 1;
    border-top: 0; }
  .c-panel--profile-menu .c-profile-menu__title,
  .c-panel--profile-menu .c-profile-menu__user,
  .c-panel--profile-menu .c-profile-menu__footer,
  .c-panel--profile-menu .c-profile-menu__viewer-link {
    padding: 1rem 1.5rem; }
  .c-panel--profile-menu .c-profile-menu__viewer-link,
  .c-panel--profile-menu .c-profile-menu__title {
    border-bottom: 0.0625rem solid var(--ui-color--highlight-1); }
  .c-panel--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: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0;
       object-position: 50% 0;
    transform: translateX(-50%); }
  .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__subtitle {
    color: var(--ui-color__font--contrast-3); }
  .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;
        color: var(--ui-color__font--paragraph); }
      .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__description {
    color: var(--ui-color__font--paragraph); }
  .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-reproduction-progress-bar {
  position: relative;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 0.5rem;
  overflow: hidden;
  background-color: var(--ui-color--contrast-2);
  border-radius: 999px; }
  .c-reproduction-progress-bar__value {
    display: block;
    width: 100%;
    max-width: 0;
    height: 100%;
    background-image: var(--ui-color__progress-gradient);
    background-repeat: no-repeat;
    transition: max-width 0.25s linear;
    will-change: max-width; }
  .c-reproduction-progress-bar__spacers {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex; }
  .c-reproduction-progress-bar__spacers-item {
    position: relative;
    flex: 1; }
    .c-reproduction-progress-bar__spacers-item:not(:last-child)::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 0.0625rem;
      height: 100%;
      content: "";
      background-color: var(--ui-color--base); }

@media (max-width: 46.24em) {
  .c-reproduction__severity .c-reproduction-status {
    align-items: center; }
  .c-reproduction__severity.c-reproduction__body-section {
    padding: 0; }
  .c-reproduction__severity .c-reproduction__progress-wrapper {
    margin-right: 1rem; }
  .c-reproduction__severity .c-dropdown-trigger {
    flex-basis: 60%; }
  .c-reproduction__severity .c-reproduction-progress-bar {
    margin-top: 0.25rem; }
  .c-reproduction__severity .c-dropdown-list {
    background-color: var(--ui-color--contrast-1); }
  .c-reproduction__severity .c-dropdown-list__item {
    padding: 0.5rem 1rem 0.5rem 1.5rem; }
    .c-reproduction__severity .c-dropdown-list__item:not(:last-child) {
      border-bottom-color: var(--ui-color--contrast-1); }
    .c-reproduction__severity .c-dropdown-list__item:first-child {
      border-top: 1px solid var(--ui-color--contrast-1); }
  .c-reproduction__severity .c-dropdown-list__item-header {
    display: none; }
  .c-reproduction__severity .c-dropdown-list__item-body {
    flex-direction: row; }
  .c-reproduction__severity .c-dropdown-list__item-reproduction-value {
    margin-left: 0.5rem; } }

.c-reproduction__kudos .c-avatar-list {
  margin-top: 0.5rem; }

.c-reproduction-confirmation {
  display: flex;
  align-items: flex-start; }
  .c-reproduction-confirmation__icon {
    flex: 0 0 1rem;
    margin-right: 0.5rem;
    font-size: 1.25rem;
    color: var(--ui-color__font--highlight-1); }
  .c-reproduction-confirmation__body {
    display: flex;
    margin-top: 0.25rem;
    text-align: left;
    flex-direction: column;
    align-items: flex-start; }
  .c-reproduction-confirmation__body-label {
    margin-bottom: 0.25rem; }
  @media (max-width: 46.24em) {
    .c-reproduction-confirmation .c-link-button {
      margin-top: 0.5rem;
      background-color: var(--ui-color--base); } }

.c-reproduction-field {
  position: relative;
  padding: 0.5rem 1rem 1rem;
  color: var(--ui-color__font--highlight-1); }
  .c-reproduction-field__header {
    display: flex;
    margin-bottom: 0.5rem;
    align-items: center; }
  .c-reproduction-field__label, .c-reproduction-field__action {
    color: var(--ui-color__font--contrast-2); }
  .c-reproduction-field__label-optional {
    font-style: italic;
    text-transform: lowercase; }
  .c-reproduction-field__hint-label {
    margin-bottom: 0.5rem;
    color: var(--ui-color__font--contrast-3); }
  .c-reproduction-field__duplicate-issue-code {
    margin-top: -0.25rem; }
  .c-reproduction-field__duplicate-issue-title {
    color: var(--ui-color__font--contrast-3); }
  .c-reproduction-field__action {
    float: right;
    margin-left: 1rem;
    text-decoration: underline;
    cursor: pointer; }
    .c-reproduction-field__action:hover, .c-reproduction-field__action:focus {
      text-decoration: none; }
  .c-reproduction-field .c-dropdown-trigger__body {
    background-color: var(--input-color__field); }
  .c-reproduction-field .c-device-card {
    background-color: var(--input-color__field); }
  .c-reproduction-field .c-text-input {
    --ui-color__scroll-track: var(--input-color__field);
    scrollbar-width: 0.5rem;
    scrollbar-color: var(--ui-color__scroll-thumb) var(--ui-color__scroll-track);
    /* stylelint-disable */
    /* stylelint-enable */ }
    .c-reproduction-field .c-text-input input,
    .c-reproduction-field .c-text-input textarea {
      padding: 0.5rem;
      border: 0;
      border-radius: 0.25rem; }
    .c-reproduction-field .c-text-input *::-webkit-scrollbar {
      width: 0.5rem; }
    .c-reproduction-field .c-text-input *::-webkit-scrollbar-track {
      background: var(--ui-color__scroll-track); }
    .c-reproduction-field .c-text-input *::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 0.5rem 0.5rem var(--ui-color__scroll-thumb);
      border: solid 0.15rem transparent;
      border-radius: 1000px; }
  .c-reproduction-field + .c-reproduction-field {
    border-top: 0.0625rem solid var(--ui-color--base); }
  @media (max-width: 46.24em) {
    .c-reproduction-field {
      padding: 1rem; }
      .c-reproduction-field__label {
        padding-top: 0.5rem; }
      .c-reproduction-field .c-device-card {
        margin-top: 1.25rem; }
      .c-reproduction-field + .c-reproduction-field {
        border-top-color: var(--ui-color--contrast-2); } }

.c-reproduction-form-footer {
  display: flex;
  align-items: center;
  padding: 1rem; }
  .c-reproduction-form-footer .c-button {
    margin-left: auto; }
  .c-reproduction-form-footer__pagination {
    margin-right: auto;
    color: var(--ui-color__font--contrast-3); }

.c-reproduction-form-header {
  display: flex;
  width: 100%;
  align-items: baseline;
  padding: 0.5rem 1rem;
  color: var(--ui-color__font--highlight-1);
  border-bottom: 0.0625rem solid var(--ui-color--highlight-1); }
  .c-reproduction-form-header__back {
    font-size: 1rem;
    cursor: pointer; }
    .c-reproduction-form-header__back + * {
      margin-left: 0.5rem; }
  .c-reproduction--admin .c-reproduction-form-header {
    background-color: var(--admin-color--highlight-1);
    border-bottom: hidden; }
  .c-reproduction-form-header--admin {
    background-color: var(--admin-color--highlight-1);
    border-bottom: hidden; }

.c-reproduction-list__item {
  display: flex;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  border-top: 0.0625rem solid var(--ui-color--base); }
  .c-reproduction-list__item:last-child {
    border-bottom: 0.0625rem solid var(--ui-color--base); }
  .c-reproduction-list__item:hover {
    background-color: var(--ui-color--base); }

.c-reproduction-list__item-icon {
  margin-left: auto;
  font-size: 1rem; }

@media (max-width: 46.24em) {
  .c-reproduction-list__item {
    border-top: 0.0625rem solid var(--ui-color--contrast-2); }
    .c-reproduction-list__item:last-child {
      border-bottom: 0.0625rem solid var(--ui-color--contrast-2); }
  .c-reproduction-list__item-icon {
    font-size: 1.5rem; } }

.c-reproduction-duplicate {
  background-color: var(--ui-color--contrast-2); }
  .c-reproduction-duplicate__title {
    margin-bottom: 0.3125rem; }
  .c-reproduction-duplicate__count {
    color: var(--ui-color__font--contrast-3); }
  .c-reproduction-duplicate__footer {
    margin-left: auto; }

.c-reproduction-list-radio__item {
  position: relative;
  display: flex;
  padding: 1rem;
  align-items: center;
  border-bottom: 0.0625rem solid var(--ui-color--base); }
  .c-reproduction-list-radio__item:not(.c-reproduction-list-radio__item--title) {
    cursor: pointer; }
  .c-reproduction-list-radio__item-field {
    margin-left: auto; }
  .c-reproduction-list-radio__item-header {
    margin-right: 0.75rem; }
    .c-reproduction-list-radio__item-header svg {
      color: var(--ui-color__font--highlight-1); }
  .c-reproduction-list-radio__item-body {
    display: flex;
    padding-right: 2.5rem;
    flex-direction: column; }
  .c-reproduction-list-radio__item-label {
    margin-bottom: 0.375rem; }
  .c-reproduction-list-radio__item-detail {
    color: var(--ui-color__font--contrast-2); }
  .c-reproduction-list-radio__item--is-checked {
    pointer-events: none;
    background-color: var(--ui-color--contrast-2); }
  .c-reproduction-list-radio__item .c-reproduction-severity {
    display: flex;
    align-items: center; }
    .c-reproduction-list-radio__item .c-reproduction-severity__header {
      display: flex;
      margin-right: 1rem; }
    .c-reproduction-list-radio__item .c-reproduction-severity .c-icon {
      font-size: 2rem;
      color: var(--ui-color__font--highlight-1); }
    .c-reproduction-list-radio__item .c-reproduction-severity__body {
      display: flex;
      padding-right: 1.25rem;
      flex-direction: column; }
    .c-reproduction-list-radio__item .c-reproduction-severity__label {
      color: var(--ui-color__font--highlight-1); }
    .c-reproduction-list-radio__item .c-reproduction-severity__detail {
      color: var(--ui-color__font--contrast-3); }
  .c-reproduction-list-radio__item:hover {
    background-color: var(--ui-color--base); }
  .c-reproduction-list-radio__item--disabled {
    pointer-events: none; }
    .c-reproduction-list-radio__item--disabled::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      display: block;
      content: " ";
      background-color: var(--ui-color--contrast-2);
      opacity: 0.6; }

.c-reproduction-setup__container {
  display: flex;
  align-items: center;
  padding-right: 0.25rem;
  margin: 0.25rem 0;
  background-color: var(--ui-color--contrast-2);
  border-radius: 0.25rem; }
  .c-reproduction-setup__container-icon:first-child {
    display: flex;
    height: 100%;
    padding: 0.5rem;
    margin-right: 0.5rem;
    align-items: center;
    background-color: var(--ui-color--highlight-1);
    border-radius: 0.25rem 0 0 0.25rem; }

.c-repro-software-config__body {
  display: flex;
  width: 100%;
  flex-direction: row; }
  .c-repro-software-config__body .c-icon {
    margin-right: 0.5rem; }
  .c-repro-software-config__body .c-repro-software-config__body-divider {
    flex-grow: 1; }

.c-reproduction-step {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column; }
  .c-reproduction-step__body {
    flex: 1 0 auto; }
    .c-reproduction-step__body > *:last-child {
      padding-bottom: 0; }
  .c-reproduction-step__body-title {
    padding: 1rem; }
  @media (min-width: 46.25em) {
    .c-reproduction-step__body {
      background-color: var(--ui-color--contrast-1); }
    .c-reproduction-step > *:not(:first-child) {
      background-color: var(--ui-color--contrast-1); } }

@charset "UTF-8";
.c-reproduction-version__label {
  display: inline; }
  .c-reproduction-version__label + .c-reproduction-version__label::before {
    padding: 0 0.25rem;
    content: "•"; }

.c-reproduction {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius--medium); }
  .c-reproduction__body-section {
    padding: 0 1rem;
    padding-bottom: 1rem; }
    .c-reproduction__body-section:first-child {
      padding-top: 1rem; }
    .c-reproduction__body-section--full {
      padding: 1rem;
      margin-bottom: 0; }
  .c-reproduction__reproduced .c-counter__label {
    padding-right: 2rem;
    margin-left: 0.75rem;
    align-self: flex-end; }
  .c-reproduction__severity .c-dropdown-trigger,
  .c-reproduction__severity .c-dropdown-trigger__header {
    background-color: var(--ui-color--contrast-1); }
  .c-reproduction__severity .c-dropdown-trigger__body {
    margin-left: 0; }
  .c-reproduction__severity .c-dropdown-trigger__icon {
    font-size: 2rem; }
  .c-reproduction__status-label {
    color: var(--ui-color__font--highlight-1); }
  .c-reproduction__status {
    display: flex;
    color: var(--ui-color__font--highlight-1);
    background-color: var(--ui-color--highlight-1); }
    .c-reproduction__status .c-icon {
      font-size: 1.25rem; }
      .c-reproduction__status .c-icon.c-icon::before {
        /* stylelint-disable-line */
        transform: translate(12.5%); }
  .c-reproduction__status-details {
    display: flex;
    flex-direction: column; }
    .c-reproduction__status-details--archived-on {
      font-style: italic;
      color: var(--ui-color__font--default); }
  .c-reproduction__progress {
    padding: 1rem 1rem 0.5rem 1rem;
    color: var(--ui-color__font--highlight-1);
    background-color: var(--ui-color--highlight-1); }
    .c-reproduction__progress .c-reproduction-progress-bar {
      margin: 0.5rem 0; }
  .c-reproduction__issue-status-progress {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between; }
    .c-reproduction__issue-status-progress--to {
      color: var(--ui-color__font--paragraph); }
    .c-reproduction__issue-status-progress--from {
      color: var(--ui-color__font--highlight-1); }
    .c-reproduction__issue-status-progress .c-icon {
      font-size: 1rem; }
      .c-reproduction__issue-status-progress .c-icon::before {
        transform: translateY(12.5%); }
  .c-reproduction__details {
    display: flex;
    width: 100%;
    grid-gap: 1rem;
    gap: 1rem; }
  .c-reproduction__footer {
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: var(--ui-color--highlight-1);
    border-top: 0.0625rem solid var(--ui-color--base); }
    .c-reproduction__footer .c-icon {
      margin-right: 0.5rem;
      font-size: 1.25rem;
      color: var(--ui-color__font--highlight-1); }
  .c-reproduction__actions {
    padding: 0.5rem 1rem 1rem;
    background-color: var(--ui-color--contrast-1); }
    .c-reproduction__actions .c-avatar,
    .c-reproduction__actions .c-avatar-count {
      background-color: var(--ui-color--contrast-2);
      border-color: var(--ui-color__font--contrast-2); }
    .c-reproduction__actions .c-avatar-list {
      margin-top: 0.5rem; }
  .c-reproduction__actions-title {
    margin-bottom: 0.5rem;
    text-align: center; }
  .c-reproduction__actions--only-child {
    margin-top: 0.5rem; }
  .c-reproduction__actions-buttons {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%; }
    .c-reproduction__actions-buttons .c-button {
      flex-grow: 1; }
  .c-reproduction-form__see-duplicates-button {
    position: absolute;
    bottom: 0;
    padding: 1rem !important;
    border-radius: 0;
    justify-content: space-between; }
  .c-reproduction-form__modal .c-modal__body {
    padding: 0; }
  .c-reproduction-form__modal .c-reproduction {
    display: flex;
    height: 100vh;
    flex-direction: column; }
  .c-reproduction-form--modal {
    background-color: unset;
    border-radius: 0; }

.h-palette--fixed .c-reproduction__actions,
.h-palette--fixed .c-reproduction__status,
.h-palette--fixed .c-reproduction__footer,
.h-palette--fixed .c-reproduction__kudos,
.h-palette--fixed .c-reproduction-card__actions,
.h-palette--fixed .c-reproduction-card__footer {
  color: var(--ui-color__font--contrast-2); }

.h-palette--fixed .c-reproduction__kudos {
  border-color: var(--ui-color__font--contrast-2); }

.h-palette--fixed .c-reproduction__actions,
.h-palette--fixed .c-reproduction-card__actions {
  background-color: var(--ui-color--base); }

.h-palette--archived .c-reproduction-step__header,
.h-palette--archived .c-reproduction-field__label,
.h-palette--archived .c-reproduction__footer,
.h-palette--archived .c-reproduction-card__footer {
  color: var(--ui-color__font--highlight-1); }

.c-reproduction-view {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radius--medium); }
  .c-reproduction-view > * {
    background-color: var(--ui-color--base); }
  .c-reproduction-view__header {
    display: flex;
    width: 100%;
    align-items: baseline;
    padding: 0.5rem 1rem;
    color: var(--ui-color__font--highlight-1);
    border-bottom: 0.0625rem solid var(--ui-color--highlight-1); }
  .c-reproduction-view__footer {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    background-color: var(--ui-color--highlight-1);
    border-top: 0.0625rem solid var(--ui-color--base); }
    .c-reproduction-view__footer .c-icon:not(.if-client-logo) {
      margin-right: 0;
      font-size: 1.25rem;
      color: var(--ui-color__font--highlight-1); }
    .c-reproduction-view__footer .c-icon:is(.if-client-logo) {
      font-size: 1rem; }
    .c-reproduction-view__footer-time {
      display: flex; }
  .c-reproduction-view__actions {
    padding: 0.5rem 1rem 1rem;
    background-color: var(--ui-color--contrast-1); }
    .c-reproduction-view__actions .c-avatar,
    .c-reproduction-view__actions .c-avatar-count {
      background-color: var(--ui-color--contrast-2);
      border-color: var(--ui-color__font--contrast-2); }
    .c-reproduction-view__actions .c-avatar-list {
      margin-top: 0.5rem; }
  .c-reproduction-view__sticky-button {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: flex;
    width: 100vw;
    padding: 1rem;
    color: var(--ui-color__font-highlight-1);
    cursor: pointer;
    background-color: var(--ui-color--base);
    border: 0;
    border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0;
    outline: 0;
    transition: 150ms ease-in-out; }
    .c-reproduction-view__sticky-button > *:first-child {
      margin-right: 1rem; }
    .c-reproduction-view__sticky-button .c-link-button {
      margin-left: auto; }
    .c-reproduction-view__sticky-button--hidden {
      transform: translateY(100%); }
  .c-reproduction-view__dropdown .c-reproduction-view,
  .c-reproduction-view__dropdown .c-please-fix {
    border-radius: 0 !important; }
  .c-reproduction-view__dropdown .c-dropdown__body-header {
    background-color: var(--ui-color--base); }
  .c-reproduction-view__dropdown .c-dropdown__body {
    background-color: unset; }
  .c-reproduction-view + .c-please-fix {
    margin-top: 0.5rem; }
  @media (max-width: 46.24em) {
    .c-reproduction-view:not(:only-child) {
      border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0; }
    .c-reproduction-view + .c-please-fix {
      padding: 0.5rem 1rem;
      margin-top: 0.125rem; }
      .c-reproduction-view + .c-please-fix .c-please-fix__button {
        padding: 0.25rem 0.5rem; }
      .c-reproduction-view + .c-please-fix .c-icon {
        font-size: 1rem; }
      .c-reproduction-view + .c-please-fix .c-please-fix__body {
        flex-direction: row; }
      .c-reproduction-view + .c-please-fix .c-please-fix__body-details {
        margin-left: 1rem; } }
  @media (min-width: 46.25em) {
    .c-reproduction-view__sticky-button {
      display: none; } }

.c-sticky-title-staff {
  display: flex;
  padding-bottom: 0.25rem; }
  .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.25rem; }

.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 .t-link {
      color: var(--ui-color__font--contrast-2); }

.c-search-box {
  display: flex;
  overflow: hidden;
  border-radius: var(--border-radius--medium); }
  .c-search-box .c-button {
    border-width: 0;
    border-radius: 0; }
  .c-search-box input {
    flex: 1;
    padding: 1rem;
    margin: 0;
    background-color: var(--ui-color--base);
    border-width: 0;
    border-radius: 0; }
    .c-search-box input::-moz-placeholder {
      color: var(--ui-color__font--contrast-4); }
    .c-search-box input:-ms-input-placeholder {
      color: var(--ui-color__font--contrast-4); }
    .c-search-box input::placeholder {
      color: var(--ui-color__font--contrast-4); }
    .c-search-box input:active {
      background-color: var(--ui-color--base); }

.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__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;
        color: var(--ui-color__font--paragraph); }
  .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(--button-color); }
    .c-selector__input:checked + .c-selector__body .c-selector__check-mark {
      opacity: 1;
      transform: translateY(0); }
  .c-selector__footer {
    padding: 0 2rem;
    margin-top: 0.5rem; }
  .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: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; }

.c-setup-inline-message {
  color: var(--ui-color__warning); }
  .c-setup-card .c-setup-inline-message {
    color: var(--ui-color__font--contrast-2); }
  .c-setup-inline-message__label {
    padding-left: 0.5rem; }

.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; }

@charset "UTF-8";
.c-setup-item__detail::before {
  padding-right: 0.25rem;
  content: "•"; }

.c-setup-item__detail-list {
  margin-top: 0.25rem;
  color: var(--ui-color__font--paragraph);
  list-style-type: none; }

.c-setup-item {
  position: relative;
  display: grid; }
  @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-my-setup {
  margin: 2rem 0; }
  .c-my-setup__title {
    margin-bottom: 1.5rem; }
  @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 {
    color: var(--ui-color__font--paragraph); }
    .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-severity-card {
  display: flex;
  align-items: center; }
  .c-severity-card__header {
    display: flex;
    margin-right: 1rem;
    /* stylelint-disable-next-line plugin/stylelint-bem-namics */ }
    .c-severity-card__header .c-icon {
      font-size: 2rem;
      color: var(--ui-color__font--highlight-1); }
  .c-severity-card__body {
    display: flex;
    flex-direction: column; }
  .c-severity-card__label {
    color: var(--ui-color__font--contrast-3); }
  .c-severity-card__detail {
    color: var(--ui-color__font--highlight-1); }

.c-sidebar {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1rem;
  flex-direction: column;
  background-color: var(--sidebar-color); }
  @media (max-width: 81.24em) {
    .c-sidebar {
      overflow-y: auto; } }
  .c-sidebar__header {
    display: flex;
    width: 100%;
    margin-bottom: 1.5rem;
    flex-direction: column;
    align-items: center; }
  .c-sidebar__header-game {
    width: 100%;
    padding-bottom: 0.5rem;
    text-align: center; }
  .c-sidebar__header-game + .c-sidebar__header-product {
    padding-top: 1rem; }
  .c-sidebar__environment-selector {
    margin-bottom: 0.5rem; }
  .c-sidebar__action {
    width: 100%;
    margin: 0 0 1.5rem; }
  .c-sidebar__action-button {
    width: 100%;
    padding: 1rem 1.25rem;
    justify-content: flex-start; }
    .c-sidebar__action-button .c-icon::before {
      font-size: 1rem;
      transform: rotate(-90deg); }
  .c-sidebar__body {
    margin-bottom: 3rem; }
  .c-sidebar__footer {
    display: flex;
    padding: 1.5rem 0.75rem 0 0.75rem;
    margin-top: auto;
    color: var(--sidebar-color__font--footer);
    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: sticky; } }
    .c-sidebar__footer svg,
    .c-sidebar__footer img {
      max-width: 5rem;
      margin-bottom: 0.5rem; }

.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-color); }

.c-steps {
  list-style: none;
  counter-reset: li; }
  .c-steps__item {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-bottom: 0.9375rem;
    color: var(--ui-color__font--paragraph);
    counter-increment: li; }
    .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;
      flex: 0 0 2.6875rem;
      width: 2.6875rem;
      height: 2.6875rem;
      margin-right: 0.625rem;
      color: var(--ui-color__font--highlight-1);
      background-color: var(--ui-color--contrast-2);
      border: 0.0625rem solid var(--ui-color--highlight-1);
      border-radius: 100px; }
      .c-steps__item-number > span {
        display: block;
        width: 100%;
        padding-bottom: 0.25rem;
        text-align: center; }
    .c-steps__item::after {
      position: absolute;
      bottom: 0;
      left: 1.34375rem;
      display: block;
      height: calc(100% - 44px);
      content: "";
      border-left: 0.0625rem dashed var(--ui-color--highlight-1); }
    .c-steps__item-content {
      padding-top: 0.5rem; }
  .c-steps .c-file-attachment-miniature {
    margin-top: 0.3125rem; }

.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-tag-list__item {
  display: inline-block;
  margin: 0 1rem 1rem 0; }

.c-tag-list--is-selectable .c-tag-list__item {
  cursor: pointer; }

.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 (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 {
    color: var(--ui-color__font--paragraph); }
    .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-media {
  display: grid;
  margin-top: 1rem;
  background-color: var(--ui-color--contrast-2);
  grid-template-columns: 7rem 1fr;
  grid-row-gap: 0.5rem;
  grid-template-rows: 4rem;
  align-items: center;
  border-radius: var(--border-radius--small); }
  @media (max-width: 46.24em) {
    .c-uploaded-media:not(.c-uploaded-media--loading) {
      padding: 1rem; } }
  @media (min-width: 46.25em) {
    .c-uploaded-media {
      grid-template-columns: 7rem 1fr -webkit-max-content;
      grid-template-columns: 7rem 1fr max-content; } }
  .c-uploaded-media--loading {
    grid-template-columns: 1fr;
    background-color: var(--ui-color--highlight-1); }
  .c-uploaded-media__loading {
    text-align: center; }
  .c-uploaded-media__preview {
    align-self: stretch;
    position: relative;
    overflow: hidden;
    border: 2px solid var(--ui-color__thumbnail-border);
    border-radius: 0.25rem; }
    .c-uploaded-media--error .c-uploaded-media__preview {
      border-color: var(--ui-color__error--base); }
  .c-uploaded-media__preview-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .c-uploaded-media--error .c-uploaded-media__preview-icon {
      font-size: 1.875rem;
      color: var(--ui-color__error--base); }
  .c-uploaded-media__label {
    padding-left: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .c-uploaded-media__label .c-icon {
      margin-right: 0.5rem; }
    .c-uploaded-media--error .c-uploaded-media__label {
      color: var(--ui-color__error--base); }
  @media (max-width: 46.24em) {
    .c-uploaded-media__remove {
      grid-column: 1 / span 2; } }
  @media (min-width: 46.25em) {
    .c-uploaded-media__remove {
      margin: 1rem; } }

.c-upload-media-field {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: stretch; }
  .c-upload-media-field .c-button__label {
    white-space: nowrap; }
  .c-upload-media-field .c-text-input__input {
    height: 100%; }
  @media (max-width: 46.24em) {
    .c-upload-media-field .c-text-input {
      flex: 1; }
      .c-upload-media-field .c-text-input__input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .c-upload-media-field .c-button {
      padding: 0 1rem;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
      .c-upload-media-field .c-button .c-icon {
        font-size: 2rem; } }
  @media (min-width: 46.25em) {
    .c-upload-media-field > * + * {
      margin-left: 0.5rem; } }

.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; }

/*# sourceMappingURL=main.css.map*/