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

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

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

strong {
  font-weight: bold;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes screen-edge-translate-left-to-right-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes screen-edge-translate-left-to-right-out {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
* {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  -webkit-tap-highlight-color: transparent;
}

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

b {
  font-weight: bold;
}

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

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

/* stylelint-disable plugin/stylelint-bem-namics, primer/no-override */
/* stylelint-enable plugin/stylelint-bem-namics, primer/no-override */
html {
  --border-radius--xlarge: 1.5rem;
  --border-radius--large: 1rem;
  --border-radius--medium: 0.5rem;
  --border-radius--small: 0.25rem;
}

html {
  --duration-100: 100ms;
  --duration-200: 200ms;
  --duration-300: 300ms;
  --duration-400: 400ms;
  --duration-500: 500ms;
}

html {
  --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
  --ease-out-quad: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-in-out-quad: cubic-bezier(0.65, 0, 0.35, 1);
}

html {
  --elevation-large-distance: 1.5rem;
  --elevation-large-opacity: 0.75;
  --elevation-medium-distance: 1rem;
  --elevation-medium-opacity: 0.5;
  --elevation-small-distance: 0.5rem;
  --elevation-small-opacity: 0.5;
}

html {
  --spacing-0: 0;
  --spacing-05: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-13: 3.25rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-31: 8rem;
}

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

html {
  --color-black: rgb(var(--color-black--string));
  --color-white: rgb(var(--color-white--string));
  --transparent: transparent;
  --focus-color: var(--color-highlight-400);
  --can-reproduce-color: var(--color-admin-200);
  --cannot-reproduce-color: var(--color-tertiary-100);
}

html {
  --color-highlight-800: rgb(var(--color-highlight-800--string));
  --color-highlight-600: rgb(var(--color-highlight-600--string));
  --color-highlight-400: rgb(var(--color-highlight-400--string));
  --color-highlight-200: rgb(var(--color-highlight-200--string));
  --color-highlight-100: rgb(var(--color-highlight-100--string));
}

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

html {
  --color-success: rgb(var(--color-success--string));
  --color-neutral: rgb(var(--color-neutral--string));
  --color-warning: rgb(var(--color-warning--string));
  --color-error-900: rgb(var(--color-error-900--string));
  --color-error-600: rgb(var(--color-error-600--string));
  --color-error-400: rgb(var(--color-error-400--string));
  --color-error-300: rgb(var(--color-error-300--string));
  --color-error-100: rgb(var(--color-error-100--string));
  --color-error: var(--color-error-100);
}

html {
  --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-secondary-900: rgb(var(--color-secondary-900--string));
  --color-secondary-800: rgb(var(--color-secondary-800--string));
  --color-secondary-700: rgb(var(--color-secondary-700--string));
  --color-secondary-600: rgb(var(--color-secondary-600--string));
  --color-secondary-500: rgb(var(--color-secondary-500--string));
  --color-secondary-400: rgb(var(--color-secondary-400--string));
  --color-secondary-300: rgb(var(--color-secondary-300--string));
  --color-secondary-200: rgb(var(--color-secondary-200--string));
  --color-secondary-100: rgb(var(--color-secondary-100--string));
  --color-secondary-50: rgb(var(--color-secondary-50--string));
  --color-tertiary-900: rgb(var(--color-tertiary-900--string));
  --color-tertiary-800: rgb(var(--color-tertiary-800--string));
  --color-tertiary-700: rgb(var(--color-tertiary-700--string));
  --color-tertiary-600: rgb(var(--color-tertiary-600--string));
  --color-tertiary-500: rgb(var(--color-tertiary-500--string));
  --color-tertiary-400: rgb(var(--color-tertiary-400--string));
  --color-tertiary-300: rgb(var(--color-tertiary-300--string));
  --color-tertiary-200: rgb(var(--color-tertiary-200--string));
  --color-tertiary-100: rgb(var(--color-tertiary-100--string));
  --color-tertiary-50: rgb(var(--color-tertiary-50--string));
}

html {
  --color-role-administrator: rgb(var(--color-role-administrator--string));
  --color-role-moderator: rgb(var(--color-role-moderator--string));
  --color-role-none: rgb(var(--color-role-none--string));
  --color-role-project-manager: rgb(var(--color-role-project-manager--string));
  --color-role-staff: rgb(var(--color-role-staff--string));
  --color-role-staff-600: rgb(var(--color-role-staff-600--string));
  --color-role-viewer: rgb(var(--color-role-viewer--string));
}

html {
  --color-black--string: 0, 0, 0;
  --color-white--string: 255, 255, 255;
  --color-primary-900--string: 15, 15, 15;
  --color-primary-800--string: 26, 28, 33;
  --color-primary-700--string: 34, 37, 43;
  --color-primary-600--string: 56, 60, 67;
  --color-primary-500--string: 79, 84, 92;
  --color-primary-400--string: 100, 105, 114;
  --color-primary-300--string: 128, 132, 140;
  --color-primary-200--string: 153, 157, 165;
  --color-primary-100--string: 185, 185, 185;
  --color-primary-50--string: 223, 223, 223;
  --color-secondary-900--string: 37, 37, 37;
  --color-secondary-800--string: 53, 53, 53;
  --color-secondary-700--string: 67, 67, 67;
  --color-secondary-600--string: 78, 78, 78;
  --color-secondary-500--string: 95, 95, 95;
  --color-secondary-400--string: 121, 121, 121;
  --color-secondary-300--string: 143, 143, 143;
  --color-secondary-200--string: 176, 176, 176;
  --color-secondary-100--string: 212, 212, 212;
  --color-secondary-50--string: 238, 238, 238;
  --color-tertiary-900--string: 0, 29, 30;
  --color-tertiary-800--string: 1, 47, 50;
  --color-tertiary-700--string: 1, 61, 65;
  --color-tertiary-600--string: 5, 71, 75;
  --color-tertiary-500--string: 15, 102, 108;
  --color-tertiary-400--string: 38, 133, 139;
  --color-tertiary-300--string: 37, 155, 162;
  --color-tertiary-200--string: 43, 179, 188;
  --color-tertiary-100--string: 86, 221, 229;
  --color-tertiary-50--string: 153, 239, 244;
  --color-error-900--string: 51, 16, 18;
  --color-error-600--string: 77, 23, 27;
  --color-error-400--string: 130, 35, 43;
  --color-error-300--string: 174, 47, 57;
  --color-error-100--string: 255, 78, 91;
  --color-success--string: 79, 210, 164;
  --color-neutral--string: 54, 87, 105;
  --color-warning--string: 255, 171, 80;
  --color-admin-900--string: 29, 23, 18;
  --color-admin-800--string: 58, 37, 22;
  --color-admin-700--string: 91, 52, 23;
  --color-admin-600--string: 123, 67, 25;
  --color-admin-500--string: 156, 83, 26;
  --color-admin-400--string: 188, 98, 27;
  --color-admin-300--string: 219, 112, 29;
  --color-admin-200--string: 253, 128, 30;
  --color-admin-100--string: 255, 164, 93;
  --color-admin-50--string: 255, 189, 138;
  --color-highlight-800--string: 33, 17, 137;
  --color-highlight-600--string: 61, 43, 173;
  --color-highlight-400--string: 83, 62, 207;
  --color-highlight-200--string: 97, 81, 197;
  --color-highlight-100--string: 156, 145, 224;
  --color-role-administrator--string: 202, 152, 245;
  --color-role-project-manager--string: 101, 176, 245;
  --color-role-moderator--string: 183, 210, 107;
  --color-role-viewer--string: var(--color-white--string);
  --color-role-staff--string: var(--color-highlight-100--string);
  --color-role-staff-600--string: 46, 42, 67;
  --color-role-none--string: 187, 194, 198;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}

/* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

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

/* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}

/* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}

/* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}

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

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

/* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}

/* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}

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

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

/**
 * Swiper 11.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 13, 2024
 */
/* FONT_START */
@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");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

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

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

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

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

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

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

.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%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

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

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

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

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-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:only-child {
  display: none !important;
}

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

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

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

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

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

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

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

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

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

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

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

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

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

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

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

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

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

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

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

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

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

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

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

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

dialog {
  padding: 0;
  border: 0;
  outline: 0;
}

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

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

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

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

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

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

.c-page__index--home .c-corner-header {
  display: none;
}
.c-page__index--home .c-search {
  display: flex;
  height: 29.5rem;
  padding: 0 var(--spacing-4) var(--spacing-20);
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 46.24em) {
  .c-page__index--home .c-search {
    height: 121vw;
    max-height: 42.5rem;
    padding-bottom: var(--spacing-13);
  }
}
.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-form-group__title {
  padding: 0;
  margin-top: 12rem;
}
@media (max-width: 46.24em) {
  .c-page__issue-create {
    height: 100%;
  }
  .c-page__issue-create > div,
.c-page__issue-create > div > div {
    height: 100dvh;
  }
  .c-page__issue-create .c-issue-form-group__title {
    padding: 0;
    margin: 5rem 0 2rem 0;
  }
}
@media (max-width: 46.24em) {
  .c-page__issues--show {
    /* stylelint-disable-next-line */
  }
  .c-page__issues--show .c-contribution-feed {
    margin-top: 2.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-page__index--home {
    /* stylelint-disable-next-line */
  }
  .c-page__index--home .c-search {
    height: 27.5rem;
  }
}
@charset "UTF-8";
.c-accordion {
  --accordion__title-bg-color: var(--color-primary-600);
  --accordion__title-text-color: var(--color-white);
}

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

.c-accordion__title {
  padding: var(--spacing-4);
  color: var(--accordion__title-text-color);
  background-color: var(--accordion__title-bg-color);
}
.c-accordion__item-wrapper--expanded .c-icon--toggle {
  transform: rotate(180deg);
}
.c-accordion__item-wrapper + .c-accordion__item-wrapper {
  border-top: rem(1px) solid var(--accordion__item-separator-border-color);
}

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

.c-accordion__item-wrapper--expanded .c-accordion-item__body {
  height: auto;
}
@media (min-width: 61.25em) {
  .c-accordion__item-wrapper--expanded .c-accordion-item__body {
    padding: var(--spacing-10) var(--spacing-12);
  }
}
.t--primary {
  --t-font-family: var(--font-primary);
  --t-weight: 400;
}
.t--primary.t--xxlarge {
  --t-size: 2rem;
  --t-line-height: 3rem;
}
.t--primary.t--xlarge {
  --t-size: 1.5rem;
  --t-line-height: 2rem;
}
.t--primary.t--large {
  --t-size: 1.125rem;
  --t-line-height: 1.5rem;
}
.t--primary.t--medium {
  --t-size: 1rem;
  --t-line-height: 1.5rem;
}
.t--primary.t--small {
  --t-size: 0.875rem;
  --t-line-height: 1rem;
}
.t--primary.t--xsmall {
  --t-size: 0.75rem;
  --t-line-height: 1rem;
}
.t--primary.t--xxsmall {
  --t-size: 0.625rem;
  --t-line-height: 1rem;
}
.t--primary.t--bold {
  --t-weight: 700;
}
.t--secondary {
  --t-font-family: var(--font-secondary);
  --t-weight: 300;
}
.t--secondary.t--xlarge {
  --t-size: 2.125rem;
  --t-line-height: 3rem;
}
.t--secondary.t--large {
  --t-size: 1.625rem;
  --t-line-height: 2.25rem;
}
.t--secondary.t--medium {
  --t-size: 1.25rem;
  --t-line-height: 2rem;
}
.t--secondary.t--small {
  --t-size: 1.125rem;
  --t-line-height: 1.5rem;
}
.t--secondary.t--xsmall {
  --t-size: 0.875rem;
  --t-line-height: 1.25rem;
}
.t--secondary.t--xxsmall {
  --t-size: 0.75rem;
  --t-line-height: 1rem;
}
.t--secondary.t--bold {
  --t-weight: 700;
}
.t--link {
  --t-text-color: var(--color-primary-100);
}

.t {
  font-family: var(--t-font-family);
  font-size: var(--t-size);
  font-weight: var(--t-weight);
  line-height: var(--t-line-height);
  letter-spacing: var(--t-letter-spacing);
}
.t--italic {
  font-style: italic;
}
.t--inline {
  display: inline;
}
.t--white {
  color: var(--color-white);
}
.t--highlighted {
  color: var(--color-highlight-100);
}
.t--staff {
  color: var(--color-role-staff);
}
.t--admin {
  color: var(--color-admin-50);
}
.t--duplicate {
  color: var(--color-secondary-400);
}
.t--underline {
  text-decoration: underline;
}
.t--capitalize {
  text-transform: capitalize;
}
.t--lowercase {
  text-transform: lowercase;
}
.t--uppercase {
  text-transform: uppercase;
}
.t--white-space-break-spaces {
  white-space: break-spaces;
}
.t--white-space-nowrap {
  white-space: nowrap;
}
.t--overflow-wrap-anywhere {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  overflow-wrap: anywhere;
}
.t--word-break-break-all {
  word-break: break-all;
}
.t--word-break-break-word {
  word-break: break-word;
}
.t--text-wrap-nowrap {
  text-wrap: nowrap;
}
.t--line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.t--align-center {
  text-align: center;
}
.t--full-width {
  width: 100%;
}
.t--link {
  text-decoration: underline;
  cursor: pointer;
}
.t--auto-line-height {
  line-height: 1;
}
.c-tooltip {
  --tooltip-bg-color: var(--color-primary-800);
  --tooltip-text-color: var(--color-white);
  --tooltip-arrow-color: var(--color-primary-800);
}

.c-tooltip.react-tooltip {
  --rt-opacity: 1;
  --rt-color-dark: inherit;
  z-index: 99;
  max-width: 15rem;
  padding: 0.5rem;
  color: var(--tooltip-text-color);
  background-color: var(--tooltip-bg-color);
  border-radius: var(--border-radius--small);
  box-shadow: 0 0 var(--elevation-small-distance) rgba(var(--color-black--string), var(--elevation-small-opacity));
}
.c-tooltip.react-tooltip .react-tooltip-arrow {
  width: 8px;
  height: 8px;
  background-color: var(--tooltip-arrow-color);
  transform: rotate(45deg);
}
/* stylelint-disable  */
[class^=if],
[class^=" if"],
.c-icon {
  display: inline-block;
}
[class^=if]::before,
[class^=" if"]::before,
.c-icon::before {
  display: block;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "?";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.t-link [class^=if],
.t-link [class^=" if"],
.t-link .c-icon {
  text-decoration: none;
}

/* stylelint-enable */
.c-icon {
  font-size: var(--icon-size);
  color: var(--icon-color);
  background-color: var(--icon-bg-color);
  /* stylelint-disable-next-line */
}
.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;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.c-icon--circled.c-icon--left {
  margin-right: 0.5rem;
}
.c-icon--circled.c-icon--left::before {
  margin-right: 0;
}
.c-icon--circled.c-icon--right {
  margin-left: 0.5rem;
}
.c-icon--circled.c-icon--right::before {
  margin-left: 0;
}
.c-icon__tooltip.__react_component_tooltip {
  max-width: 15rem;
  padding: 0.5rem 1rem;
  color: var(--button--tooltip__tooltip-text-color);
  background-color: var(--button--tooltip__tooltip-bg-color);
  box-shadow: 0 0 10px 0 rgba(var(--color-black--string), 0.4);
  /* stylelint-disable-next-line */
}
.c-icon__tooltip.__react_component_tooltip.show {
  opacity: 1;
}

.c-icon {
  --icon-color: inherit;
  --icon-size: inherit;
  --icon-bg-color: var(--transparent);
}
.c-icon.c-icon--success {
  --icon-color: var(--color-success);
}
.c-icon.c-icon--error {
  --icon-color: var(--color-error);
}
.c-icon.c-icon--can-reproduce {
  --icon-color: var(--can-reproduce-color);
}
.c-icon.c-icon--cannot-reproduce {
  --icon-color: var(--cannot-reproduce-color);
}
.c-icon.c-icon--white {
  --icon-color: var(--color-white);
}
.c-icon.c-icon--duplicate {
  --icon-color: var(--color-secondary-400);
}
.c-icon.c-icon--admin {
  --icon-color: var(--color-admin-100);
}
.c-icon.c-icon--circled {
  --icon-color: var(--color-white);
  --icon-bg-color: var(--color-primary-400);
}
.c-icon.c-icon--xxsmall {
  --icon-size: 0.75rem;
}
.c-icon.c-icon--xsmall {
  --icon-size: 0.875rem;
}
.c-icon.c-icon--small {
  --icon-size: 1rem;
}
.c-icon.c-icon--medium {
  --icon-size: 1.125rem;
}
.c-icon.c-icon--large {
  --icon-size: 1.25rem;
}
.c-icon.c-icon--xlarge {
  --icon-size: 1.375rem;
}
.c-icon.c-icon--xxlarge {
  --icon-size: 1.5rem;
}
.c-icon.c-icon--3xlarge {
  --icon-size: 2rem;
}
.c-icon.c-icon--4xlarge {
  --icon-size: 3rem;
}
.c-icon.c-icon--5xlarge {
  --icon-size: 3.5rem;
}
.c-account {
  --account__description-text-color: var(--color-secondary-300);
  --account__email-color: var(--color-secondary-300);
  --account__username-color: var(--color-secondary-100);
  --account__allow-direct-contact-color: var(--color-secondary-100);
  --account__row-border-color: var(--color-primary-700);
  --account__section-border-color: var(--transparent);
  --account__section-bg-color: var(--color-primary-800);
}

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

.c-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-avatar--xxsmall .c-avatar__media {
  width: 1rem;
  height: 1rem;
  border: 0.03125rem solid var(--avatar-border-color);
}
.c-avatar--xxsmall .c-avatar__media .c-icon {
  font-size: 0.75rem;
}
.c-avatar--xxsmall .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--xsmall .c-avatar__media {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid var(--avatar-border-color);
}
.c-avatar--xsmall .c-avatar__media .c-icon {
  font-size: 1rem;
}
.c-avatar--xsmall .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--small .c-avatar__media {
  width: 1.875rem;
  height: 1.875rem;
  border: 0.0625rem solid var(--avatar-border-color);
}
.c-avatar--small .c-avatar__media .c-icon {
  font-size: 1.25rem;
}
.c-avatar--small .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--medium .c-avatar__media {
  width: 2rem;
  height: 2rem;
  border: 0.0625rem solid var(--avatar-border-color);
}
.c-avatar--medium .c-avatar__media .c-icon {
  font-size: 1.375rem;
}
.c-avatar--medium .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--large .c-avatar__media {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.125rem solid var(--avatar-border-color);
}
.c-avatar--large .c-avatar__media .c-icon {
  font-size: 1.5rem;
}
.c-avatar--large .c-avatar__text {
  padding-left: 0.5rem;
}
.c-avatar--xlarge .c-avatar__media {
  width: 3rem;
  height: 3rem;
  border: 0.125rem solid var(--avatar-border-color);
}
.c-avatar--xlarge .c-avatar__media .c-icon {
  font-size: 1.75rem;
}
.c-avatar--xlarge .c-avatar__text {
  padding-left: 1rem;
}
.c-avatar--xxlarge .c-avatar__media {
  width: 3.5rem;
  height: 3.5rem;
  border: 0.125rem solid var(--avatar-border-color);
}
.c-avatar--xxlarge .c-avatar__media .c-icon {
  font-size: 1.875rem;
}
.c-avatar--xxlarge .c-avatar__text {
  padding-left: 1rem;
}
.c-avatar--circle .c-avatar__media {
  border-radius: 50%;
}
.c-avatar--circle .c-avatar__media img {
  border-radius: 50%;
}
.c-avatar--rounded .c-avatar__media {
  border-radius: 0.5rem;
}
.c-avatar--rounded .c-avatar__media img {
  border-radius: 0.5rem;
}
.c-avatar__media {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: var(--avatar-bg-color);
  flex: none;
}
.c-avatar__media img {
  width: 100%;
  height: 100%;
}
.c-avatar__media .c-icon {
  color: var(--avatar-label-text-color);
}
.c-avatar__text {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.c-avatar__text-name {
  color: var(--avatar-name-text-color);
}
.c-avatar__text-label {
  margin-top: 0.125rem;
  color: var(--avatar-label-text-color);
}
.c-avatar--layout-label-first .c-avatar__text {
  flex-direction: column-reverse;
}
.c-avatar[aria-haspopup=true] {
  cursor: pointer;
}
.c-loader {
  --loader-circle__border-size: 5px;
  --loader-circle__animation-speed: 2s;
  --loader-circle__color-1: var(--color-white);
  --loader-circle__color-2: transparent;
  display: block;
}
.c-loader--xxsmall {
  --loader-circle__border-size: 2px;
  width: 1rem;
  height: 1rem;
}
.c-loader--xsmall {
  --loader-circle__border-size: 3px;
  width: 2rem;
  height: 2rem;
}
.c-loader--small {
  width: 3rem;
  height: 3rem;
}
.c-loader--medium {
  width: 6rem;
  height: 6rem;
}
.c-loader--large {
  width: 8rem;
  height: 8rem;
}
.c-loader--image {
  height: auto;
}
.c-loader__circle--loader {
  width: 100%;
  height: 100%;
  margin: 0;
  animation: spin 5s linear infinite;
}
@keyframes spin1 {
  20% {
    transform: rotate(150deg);
  }
  40% {
    transform: rotate(300deg);
  }
  80% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin2 {
  0% {
    transform: rotate(-30deg);
  }
  20% {
    border-color: transparent transparent var(--loader-circle__color-2) var(--loader-circle__color-2);
    transform: rotate(-30deg);
  }
  21% {
    border-color: var(--loader-circle__color-1) var(--loader-circle__color-1) transparent transparent;
  }
  40% {
    transform: rotate(-30deg);
  }
  60% {
    border-color: var(--loader-circle__color-1) var(--loader-circle__color-1) transparent transparent;
    transform: rotate(120deg);
  }
  61% {
    border-color: transparent transparent var(--loader-circle__color-2) var(--loader-circle__color-2);
  }
  80% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(330deg);
  }
}
.c-loader__circle--loader::before, .c-loader__circle--loader::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
}
.c-loader__circle--loader::before {
  border: var(--loader-circle__border-size) solid var(--loader-circle__color-2);
  border-bottom: var(--loader-circle__border-size) solid var(--loader-circle__color-1);
  border-left: var(--loader-circle__border-size) solid var(--loader-circle__color-1);
  animation: spin1 var(--loader-circle__animation-speed) linear infinite;
}
.c-loader__circle--loader::after {
  border: var(--loader-circle__border-size) solid var(--loader-circle__color-2);
  border-top: var(--loader-circle__border-size) solid transparent;
  border-right: var(--loader-circle__border-size) solid transparent;
  animation: spin2 var(--loader-circle__animation-speed) linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.c-button {
  --button-text-size: 0.75rem;
  --button-text-letter-spacing: 0;
}
.c-button--primary {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-highlight-400);
}
@media (hover: hover) {
  .c-button--primary.h-hover, .c-button--primary:hover:not(.c-button--disabled) {
    --button-bg-color: var(--color-highlight-600);
  }
}
.c-button--primary.c-button--disabled {
  --button-text-color: var(--color-primary-500);
  --button-bg-color: var(--color-primary-600);
}
.c-button--secondary {
  --button-text-color: var(--color-highlight-100);
  --button-bg-color: var(--transparent);
  --button-border-color: var(--color-highlight-100);
}
@media (hover: hover) {
  .c-button--secondary.h-hover, .c-button--secondary:hover:not(.c-button--disabled) {
    --button-text-color: var(--color-highlight-200);
    --button-bg-color: var(--color-primary-800);
    --button-border-color: var(--color-highlight-200);
  }
}
.c-button--secondary.c-button--disabled {
  --button-text-color: var(--color-primary-500);
  --button-border-color: var(--color-primary-500);
}
.c-button--tertiary {
  --button-text-color: var(--color-white);
  --button-border-color: var(--color-secondary-600);
  --button-bg-color: var(--transparent);
}
@media (hover: hover) {
  .c-button--tertiary.h-hover, .c-button--tertiary:hover:not(.c-button--disabled) {
    --button-border-color: var(--color-primary-500);
    --button-bg-color: var(--color-primary-800);
  }
}
.c-button--tertiary.c-button--disabled {
  --button-text-color: var(--color-secondary-600);
  --button-border-color: var(--color-secondary-700);
  --button-bg-color: var(--transparent);
}
.c-button--xlarge {
  --button-height: 4rem;
  --button-padding: 1.125rem 1.5rem;
  --button-icon-size: 1.5rem;
}
.c-button--xlarge.c-button--icon-only {
  width: 64px;
  height: 64px;
  --button-icon-size: 1.875rem;
}
.c-button--large {
  --button-height: 3.5rem;
  --button-padding: 1rem 1.5rem;
  --button-icon-size: 1.25rem;
}
.c-button--large.c-button--icon-only {
  width: 56px;
  height: 56px;
  --button-icon-size: 1.875rem;
}
.c-button--medium {
  --button-height: 3rem;
  --button-padding: 1rem 1.5rem;
  --button-icon-size: 1rem;
}
.c-button--medium.c-button--icon-only {
  width: 48px;
  height: 48px;
  --button-icon-size: 1.375rem;
}
.c-button--small {
  --button-height: 2.5rem;
  --button-padding: 0.75rem 1rem;
  --button-icon-size: 0.75rem;
}
.c-button--small.c-button--icon-only {
  width: 40px;
  height: 40px;
  --button-icon-size: 1.375rem;
}
.c-button--xsmall {
  --button-height: 2rem;
  --button-padding: 0.5rem 0.75rem;
  --button-icon-size: 0.75rem;
}
.c-button--xsmall.c-button--icon-only {
  width: 32px;
  height: 32px;
  --button-icon-size: 0.875rem;
}
.c-button--admin.c-button--primary {
  --button-bg-color: var(--color-admin-200);
}
@media (hover: hover) {
  .c-button--admin.c-button--primary.h-hover, .c-button--admin.c-button--primary:hover:not(.c-button--disabled) {
    --button-bg-color: var(--color-admin-400);
  }
}
.c-button--admin.c-button--primary.c-button--disabled {
  --button-text-color: var(--color-admin-600);
  --button-bg-color: var(--color-admin-900);
}
.c-button--admin.c-button--secondary {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--transparent);
  --button-border-color: var(--color-admin-600);
}
@media (hover: hover) {
  .c-button--admin.c-button--secondary.h-hover, .c-button--admin.c-button--secondary:hover:not(.c-button--disabled) {
    --button-text-color: var(--color-white);
    --button-bg-color: var(--color-admin-900);
    --button-border-color: var(--color-admin-600);
  }
}
.c-button--admin.c-button--secondary.c-button--disabled {
  --button-text-color: var(--color-admin-600);
  --button-bg-color: var(--color-transparent);
}
.c-button--admin.c-button--text {
  --button-text-color: var(--color-admin-50);
  --button-bg-color: var(--color-admin-600);
}
@media (hover: hover) {
  .c-button--admin.c-button--text.h-hover, .c-button--admin.c-button--text:hover:not(.c-button--disabled) {
    --button-text-color: var(--color-admin-100);
    --button-bg-color: var(--color-admin-700);
  }
}
.c-button--admin.c-button--text.c-button--disabled {
  --button-text-color: var(--color-admin-600);
  --button-bg-color: var(--color-admin-800);
}
.c-button--danger.c-button {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-error-300);
}
@media (hover: hover) {
  .c-button--danger.c-button.h-hover, .c-button--danger.c-button:hover:not(.c-button--disabled) {
    --button-text-color: var(--color-white);
    --button-bg-color: var(--color-error-400);
  }
}
.c-button--danger.c-button.c-button--disabled {
  --button-text-color: var(--color-primary-500);
  --button-bg-color: var(--color-primary-600);
}
.c-button--text {
  --button-text-color: var(--color-primary-100);
  --button-bg-color: var(--color-primary-700);
  --button-height: inherit;
  --button-padding: 0.5rem;
}
@media (hover: hover) {
  .c-button--text.h-hover, .c-button--text:hover:not(.c-button--disabled) {
    --button-text-color: var(--color-primary-50);
    --button-bg-color: var(--color-primary-700);
  }
}
.c-button--text.c-button--disabled {
  --button-text-color: var(--color-primary-500);
  --button-bg-color: var(--color-primary-800);
}
.c-button + .c-button__tooltip {
  --button--tooltip__tooltip-text-color: var(--color-secondary-50);
  --button--tooltip__tooltip-bg-color: var(--color-primary-800);
}

.c-button {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--button-height);
  padding: var(--button-padding);
  font-family: var(--font-secondary);
  font-size: var(--button-text-size);
  font-weight: bold;
  line-height: 1.1;
  color: var(--button-text-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: var(--button-text-letter-spacing);
  cursor: pointer;
  background-color: var(--button-bg-color);
  border: 0.0625rem solid var(--button-border-color);
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
  will-change: background;
  gap: var(--spacing-2);
  /* stylelint-disable-next-line */
}
.c-button.h-focus, .c-button.focus-visible, .c-button:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-button--lowercase {
  text-transform: inherit;
}
.c-button:not(.c-button--use-icon-size) .c-button--use-icon-size {
  font-size: var(--button-icon-size);
}
.c-button--loading, .c-button--disabled, .c-button--loading:hover, .c-button--disabled:hover {
  cursor: not-allowed;
}
.c-button--transparent {
  background-color: transparent;
  border: 0;
}
.c-button--transparent:hover, .c-button--transparent:focus {
  background-color: transparent;
  border: 0;
}
.c-button--full-width {
  width: 100%;
  justify-content: center;
}
.c-button--with-tooltip:disabled {
  pointer-events: all;
}
.c-button--icon-only {
  padding: 0.5rem;
}
.c-button--icon-only.c-button--circle {
  border-radius: 50%;
}
.c-button--icon-only.c-button--circle:focus::after {
  border-radius: 50%;
}
.c-button--icon-only .c-button__icon {
  margin-right: 0;
}
.c-button--icon-only .c-button__icon--right {
  margin-left: 0;
}
.c-button--text {
  display: inline-flex;
}
@media (min-width: 46.25em) {
  .c-button--text {
    padding: 0;
    background-color: transparent;
  }
  .c-button--text:hover {
    background-color: transparent;
  }
}
.c-button--text .c-button__label {
  font-family: var(--font-primary);
  font-weight: 100;
  text-decoration: underline;
  text-transform: none;
}
.c-button--mobile-icons .c-icon {
  margin-right: 0;
  margin-left: 0;
}
.c-button--mobile-icons .c-button__label {
  display: none;
}
.c-button--stretched {
  justify-content: flex-start;
}
.c-button--stretched .c-button__icon--right {
  margin-left: auto;
}
.c-button__tooltip.__react_component_tooltip {
  max-width: 15rem;
  padding: 0.5rem 1rem;
  color: var(--button--tooltip__tooltip-text-color);
  background-color: var(--button--tooltip__tooltip-bg-color);
  box-shadow: 0 0 10px 0 rgba(var(--color-black--string), 0.4);
  /* stylelint-disable-next-line */
}
.c-button__tooltip.__react_component_tooltip.show {
  opacity: 1;
}

@media (min-width: 46.25em) {
  .c-button--mobile-icons .c-icon {
    display: none;
  }
  .c-button--mobile-icons .c-button__label {
    display: block;
  }
}
.c-contribute-button {
  --contribute-button-text-letter-spacing: 0;
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--color-highlight-400);
}
@media (hover: hover) {
  .c-contribute-button.h-hover, .c-contribute-button:hover:not(.c-contribute-button--disabled) {
    --contribute-button-bg-color: var(--color-highlight-600);
  }
}
.c-contribute-button.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-primary-500);
  --contribute-button-bg-color: var(--color-primary-600);
}
.c-contribute-button--archived {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--color-secondary-400);
}
@media (hover: hover) {
  .c-contribute-button--archived.h-hover, .c-contribute-button--archived:hover:not(.c-contribute-button--disabled) {
    --contribute-button-bg-color: var(--color-secondary-500);
  }
}
.c-contribute-button--archived.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-secondary-600);
  --contribute-button-bg-color: var(--color-secondary-800);
}
.c-contribute-button--fixed {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--color-tertiary-600);
}
@media (hover: hover) {
  .c-contribute-button--fixed.h-hover, .c-contribute-button--fixed:hover:not(.c-contribute-button--disabled) {
    --contribute-button-bg-color: var(--color-tertiary-800);
  }
}
.c-contribute-button--fixed.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-tertiary-600);
  --contribute-button-bg-color: var(--color-tertiary-800);
}
.c-contribute-button--admin {
  --contribute-button-text-color: var(--color-white);
  --contribute-button-bg-color: var(--color-admin-200);
  /* stylelint-disable-next-line */
}
@media (hover: hover) {
  .c-contribute-button--admin.h-hover, .c-contribute-button--admin:hover:not(.c-contribute-button--disabled) {
    --contribute-button-bg-color: var(--color-admin-400);
  }
}
.c-contribute-button--admin.c-contribute-button--disabled {
  --contribute-button-text-color: var(--color-admin-400);
  --contribute-button-bg-color: var(--color-admin-600);
}
.c-contribute-button--admin .c-contribute-button__tooltip.__react_component_tooltip,
.c-contribute-button--admin + .c-contribute-button__tooltip.__react_component_tooltip {
  color: var(--color-white);
  background-color: var(--color-admin-800);
}
.c-contribute-button--large {
  --contribute-button-padding: 1.25rem 1rem;
  --contribute-button-text-size: 1.125rem;
}
.c-contribute-button--medium {
  --contribute-button-padding: 1.125rem 1rem;
  --contribute-button-text-size: 0.875rem;
}
.c-contribute-button--small {
  --contribute-button-padding: 1rem;
  --contribute-button-text-size: 0.75rem;
}
.c-contribute-button + .c-contribute-button__tooltip {
  --contribute-button__tooltip-text-color: var(--color-secondary-50);
  --contribute-button--tooltip__tooltip-bg-color: var(--color-primary-800);
}

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

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

.c-duplicate-issue-button {
  display: flex;
  color: var(--duplicate-issue-button-text-color);
  flex-direction: row;
  background-color: var(--duplicate-issue-button-bg-color);
  align-items: center;
  border: 1px solid var(--duplicate-issue-button-border-color);
  border-radius: var(--border-radius--small);
}
.c-duplicate-issue-button.h-focus, .c-duplicate-issue-button.focus-visible, .c-duplicate-issue-button:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-duplicate-issue-button__icon-wrapper {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0.5rem;
  background-color: var(--duplicate-issue-button__icon-bg-color);
}
.c-duplicate-issue-button__icon-wrapper .c-icon {
  font-size: 2rem;
  color: var(--duplicate-issue-button__icon-color);
}
.c-duplicate-issue-button__info {
  padding: 0.5rem;
  overflow: hidden;
}
.c-duplicate-issue-button__details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-duplicate-issue-button--disabled {
  pointer-events: none;
  cursor: pointer;
}
.c-evidence-button {
  display: inline-flex;
  align-items: center;
}
.c-evidence-button__delete-button.c-button.c-button--icon-only {
  width: auto;
  height: auto;
  padding: 0;
  margin-left: 0.5rem;
  background: var(--transparent);
}
.c-group--gap-0 {
  --group-gap: var(--spacing-0);
}
.c-group--gap-05 {
  --group-gap: var(--spacing-05);
}
.c-group--gap-1 {
  --group-gap: var(--spacing-1);
}
.c-group--gap-2 {
  --group-gap: var(--spacing-2);
}
.c-group--gap-3 {
  --group-gap: var(--spacing-3);
}
.c-group--gap-4 {
  --group-gap: var(--spacing-4);
}
.c-group--gap-5 {
  --group-gap: var(--spacing-5);
}
.c-group--gap-6 {
  --group-gap: var(--spacing-6);
}
.c-group--gap-8 {
  --group-gap: var(--spacing-8);
}
.c-group--gap-10 {
  --group-gap: var(--spacing-10);
}
.c-group--gap-12 {
  --group-gap: var(--spacing-12);
}
.c-group--gap-16 {
  --group-gap: var(--spacing-16);
}
.c-group--gap-20 {
  --group-gap: var(--spacing-20);
}
.c-group--gap-24 {
  --group-gap: var(--spacing-24);
}
.c-group--gap-31 {
  --group-gap: var(--spacing-31);
}

.c-group {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--group-gap) var(--group-gap);
}
.c-group--fit-content {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  width: -moz-fit-content;
  width: fit-content;
}
.c-group--wrap {
  flex-wrap: wrap;
}
@media (max-width: 19.99em) {
  .c-group--wrap {
    flex-direction: column;
  }
}
.c-group--grow, .c-group--grow > * {
  flex-grow: 1;
}
.c-group--left {
  justify-content: flex-start;
}
.c-group--center {
  justify-content: center;
}
.c-group--right {
  justify-content: flex-end;
}
.c-group--apart {
  justify-content: space-between;
}
.c-group--space-around {
  justify-content: space-around;
}
.c-group--align-start {
  align-items: flex-start;
}
.c-group--align-center {
  align-items: center;
}
.c-group--align-end {
  align-items: flex-end;
}
.c-group .c-divider--vertical {
  height: inherit;
  align-self: stretch;
}
.c-favourite-button {
  --favourite-button-bg-color: var(--transparent);
  --favourite-button-text-color: var(--color-white);
  --favourite-button-border-color: var(--color-secondary-600);
  --favourite-button--focus-border: var(--focus-color);
}
.c-favourite-button.h-hover, .c-favourite-button:hover {
  --favourite-button-bg-color: var(--color-primary-800);
  --favourite-button-border-color: var(--color-primary-500);
}
.c-favourite-button:disabled, .c-favourite-button--disabled, .c-favourite-button--disabled:hover {
  --favourite-button-text-color: var(--color-secondary-600);
  --favourite-button-border-color: var(--color-secondary-700);
  --favourite-button-bg-color: var(--transparent);
}
.c-favourite-button--active {
  --favourite-button-border-color: var(--color-highlight-400);
}
.c-favourite-button--active.h-hover, .c-favourite-button--active:hover {
  --favourite-button-border-color: var(--color-highlight-400);
}

.c-favourite-button {
  position: relative;
  z-index: 0;
  padding: var(--spacing-3) var(--spacing-4);
  color: var(--favourite-button-text-color);
  cursor: pointer;
  background-color: var(--favourite-button-bg-color);
  border: 0.0625rem solid var(--favourite-button-border-color);
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
}
.c-favourite-button.h-focus, .c-favourite-button.focus-visible, .c-favourite-button:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-favourite-button__icon {
  font-size: 0.75rem;
}
.c-favourite-button--disabled, .c-favourite-button--disabled:hover {
  cursor: not-allowed;
}
.c-help-button {
  --help-button-text-color: var(--color-white);
  --help-button-border-color: var(--color-white);
}
@media (hover: hover) {
  .c-help-button.h-hover, .c-help-button:hover:not(.c-help-button--disabled) {
    --help-button-text-color: var(--color-primary-100);
    --help-button-border-color: var(--color-primary-100);
  }
}
.c-help-button.c-help-button--disabled {
  --help-button-text-color: var(--color-secondary-500);
  --help-button-border-color: var(--color-secondary-500);
}
.c-help-button + .c-help-button__tooltip {
  --help-button__tooltip-text-color: var(--color-secondary-50);
  --help-button__tooltip-bg-color: var(--color-primary-800);
}

.c-help-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  padding: 0;
  color: var(--help-button-text-color);
  cursor: pointer;
  background: none;
  border: 0.0625rem solid var(--help-button-border-color);
  border-radius: 50%;
  transition: border 0.1s ease-in-out, color 0.1s ease-in-out;
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-help-button.h-focus, .c-help-button.focus-visible, .c-help-button:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-help-button:disabled, .c-help-button--disabled, .c-help-button--disabled:hover {
  cursor: not-allowed;
}
.c-help-button__tooltip.__react_component_tooltip {
  max-width: 15rem;
  padding: 0.5rem 1rem;
  color: var(--help-button__tooltip-text-color);
  background-color: var(--help-button__tooltip-bg-color);
  box-shadow: 0 0 var(--elevation-small-distance) rgba(var(--color-black--string), var(--elevation-small-opacity));
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-help-button__tooltip.__react_component_tooltip.show {
  opacity: 1;
}
.c-notification-button {
  --notification-button-bg-color: var(--transparent);
  --notification-button-text-color: var(--color-white);
  --notification-button-border-color: var(--color-secondary-600);
  --notification-button--focus-border: var(--focus-color);
}
.c-notification-button.h-hover, .c-notification-button:hover {
  --notification-button-bg-color: var(--color-primary-800);
  --notification-button-border-color: var(--color-primary-500);
}
.c-notification-button:disabled, .c-notification-button--disabled, .c-notification-button--disabled:hover {
  --notification-button-text-color: var(--color-secondary-600);
  --notification-button-border-color: var(--color-secondary-700);
  --notification-button-bg-color: var(--transparent);
}
.c-notification-button--is-active {
  --notification-button-border-color: var(--color-highlight-400);
}
.c-notification-button--is-active.h-hover, .c-notification-button--is-active:hover {
  --notification-button-border-color: var(--color-highlight-400);
}

.c-notification-button {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--notification-button-text-color);
  cursor: pointer;
  background-color: var(--notification-button-bg-color);
  border: 0.0625rem solid var(--notification-button-border-color);
  border-radius: 50%;
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
}
.c-notification-button.h-focus, .c-notification-button:focus {
  outline: 0;
}
.c-notification-button.h-focus::after, .c-notification-button:focus::after {
  position: absolute;
  top: -0.375rem;
  left: -0.375rem;
  z-index: -1;
  width: calc(100% + 0.75rem);
  height: calc(100% + 0.75rem);
  content: "";
  background: transparent;
  border: 2px solid var(--focus-color);
  border-radius: 50%;
}
.c-notification-button__icon {
  font-size: 1.25rem;
}
.c-notification-button--disabled, .c-notification-button--disabled:hover {
  cursor: not-allowed;
}
.c-report-button {
  --report-button-padding: 0.75rem 1rem;
  --report-button-bg-color: var(--color-primary-700);
  --report-button-text-color: var(--color-white);
  --report-button-border-width: 1px;
  --report-button-border-color: var(--color-white);
  --report-button--focus-border: var(--focus-color);
  --report-button--tooltip__tooltip-text-color: var(--color-secondary-50);
  --report-button--tooltip__tooltip-bg-color: var(--color-primary-700);
}
.c-report-button.h-hover, .c-report-button:hover {
  --report-button-bg-color: var(--color-primary-300);
}
.c-report-button:disabled, .c-report-button--disabled, .c-report-button--disabled:hover {
  --report-button-text-color: var(--color-primary-500);
  --report-button-bg-color: var(--color-primary-700);
}

.c-report-button {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  padding: var(--report-button-padding);
  color: var(--report-button-text-color);
  cursor: pointer;
  background-color: var(--report-button-bg-color);
  border: var(--report-button-border-width) solid var(--report-button-border-color);
  border-radius: var(--border-radius--medium);
  transition: background 0.1s ease-in-out, border 0.1s ease-in-out, color 0.1s ease-in-out;
  align-items: center;
  justify-content: center;
  /* stylelint-disable-next-line */
}
.c-report-button.h-focus, .c-report-button:focus {
  outline: 0;
}
.c-report-button.h-focus::after, .c-report-button:focus::after {
  position: absolute;
  z-index: -1;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  content: "";
  background: transparent;
  border: 2px solid var(--report-button--focus-border);
  border-radius: var(--border-radius--medium);
}
.c-report-button__icon {
  margin-left: 0.25rem;
}
.c-report-button__label {
  text-transform: uppercase;
}
.c-report-button--disabled, .c-report-button--disabled:hover {
  cursor: not-allowed;
}
.c-report-button--with-tooltip:disabled {
  pointer-events: all;
}
.c-report-button__tooltip.__react_component_tooltip {
  max-width: 15rem;
  padding: 0.5rem 1rem;
  color: var(--report-button--tooltip__tooltip-text-color);
  background-color: var(--report-button--tooltip__tooltip-bg-color);
  box-shadow: 0 0 10px 0 rgba(var(--color-black--string), 0.4);
  /* stylelint-disable-next-line */
}
.c-report-button__tooltip.__react_component_tooltip.show {
  opacity: 1;
}
.c-third-party-button {
  display: flex;
  width: 100%;
  height: 48px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-weight: 700;
  color: var(--third-party-button-text-color);
  text-transform: uppercase;
  cursor: pointer;
  flex-direction: row;
  background-color: var(--third-party-button-bg-color);
  border: 2px solid var(--third-party-button-border-color);
  border-radius: 6px;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.c-third-party-button.h-focus, .c-third-party-button.focus-visible, .c-third-party-button:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-third-party-button__logo--apple {
  width: 1rem;
  height: 1.1875rem;
}
.c-third-party-button__logo--google {
  width: 1.125rem;
  height: 1.125rem;
}
.c-third-party-button__logo--microsoft {
  width: 1.375rem;
  height: 1.3125rem;
}
.c-third-party-button--disabled, .c-third-party-button:disabled {
  cursor: not-allowed;
}

.c-third-party-button {
  --third-party-button-text-color: #000;
  --third-party-button-bg-color: #fff;
  --third-party-button-border-color: transparent;
}
.c-third-party-button.h-hover, .c-third-party-button:hover {
  --third-party-button-bg-color: #dedede;
}
.c-third-party-button--disabled, .c-third-party-button:disabled {
  --third-party-button-text-color: #656565;
  --third-party-button-bg-color: #bcbcbc;
}
.c-view-all-button {
  --viewall-button-text-color: var(--color-secondary-100);
  --viewall-button-bg-color: var(--color-primary-700);
}
.c-view-all-button:hover {
  --viewall-button-bg-color: var(--color-primary-500);
}
.c-view-all-button--archived {
  --viewall-button-text-color: var(--color-secondary-100);
  --viewall-button-bg-color: var(--color-secondary-700);
}
@media (hover: hover) {
  .c-view-all-button--archived.h-hover, .c-view-all-button--archived:hover:not(.c-viewall-button--disabled) {
    --viewall-button-bg-color: var(--color-secondary-600);
  }
}
.c-view-all-button--fixed {
  --viewall-button-text-color: var(--color-secondary-100);
  --viewall-button-bg-color: var(--color-tertiary-800);
}
@media (hover: hover) {
  .c-view-all-button--fixed.h-hover, .c-view-all-button--fixed:hover:not(.c-viewall-button--disabled) {
    --viewall-button-bg-color: var(--color-tertiary-400);
  }
}

.c-view-all-button {
  position: relative;
  z-index: 0;
  display: flex;
  padding: var(--spacing-2);
  color: var(--viewall-button-text-color);
  cursor: pointer;
  background-color: var(--viewall-button-bg-color);
  border: 0;
  border-radius: var(--border-radius--small);
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
  gap: 0.375rem;
  align-items: center;
}
.c-view-all-button.h-focus, .c-view-all-button.focus-visible, .c-view-all-button:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-view-all-button:disabled, .c-view-all-button--disabled, .c-view-all-button--disabled:hover {
  cursor: not-allowed;
}
.c-view-all-button__icon {
  font-size: 0.5rem;
}
.c-vote-button {
  --vote-button__separator-color: var(--color-highlight-100);
}
.c-vote-button--primary {
  --vote-button-text-color: var(--color-white);
  --vote-button-bg-color: var(--color-highlight-400);
  --vote-button-border-color: var(--transparent);
}
@media (hover: hover) {
  .c-vote-button--primary.h-hover, .c-vote-button--primary:hover:not(.c-vote-button--disabled) {
    --vote-button-bg-color: var(--color-highlight-600);
  }
}
.c-vote-button--primary.c-vote-button--disabled {
  --vote-button-text-color: var(--color-primary-500);
  --vote-button-bg-color: var(--color-primary-600);
}
.c-vote-button--primary.c-vote-button--has-upvoted {
  --vote-button-border-color: var(--color-white);
}
.c-vote-button--secondary {
  --vote-button-text-color: var(--color-highlight-100);
  --vote-button-bg-color: var(--transparent);
  --vote-button-border-color: var(--color-highlight-100);
}
@media (hover: hover) {
  .c-vote-button--secondary.h-hover, .c-vote-button--secondary:hover:not(.c-vote-button--disabled) {
    --vote-button-text-color: var(--color-highlight-200);
    --vote-button-bg-color: var(--color-primary-800);
    --vote-button-border-color: var(--color-highlight-200);
  }
}
.c-vote-button--secondary.c-vote-button--disabled {
  --vote-button-text-color: var(--color-primary-500);
  --vote-button-border-color: var(--color-primary-500);
}
.c-vote-button--secondary:hover:not(.c-vote-button--disabled), .c-vote-button--secondary.h-hover {
  --vote-button__separator-color: var(--color-highlight-200);
}
.c-vote-button--secondary.c-vote-button--has-upvoted {
  --vote-button-bg-color: rgba(var(--color-highlight-200--string), 0.3);
  --vote-button-border-color: var(--color-white);
  --vote-button-text-color: var(--color-white);
  --vote-button__separator-color: var(--color-highlight-100);
}
.c-vote-button--secondary.c-vote-button--has-upvoted:hover:not(.c-vote-button--disabled), .c-vote-button--secondary.c-vote-button--has-upvoted.h-hover {
  --vote-button-text-color: var(--color-white);
  --vote-button-border-color: var(--color-white);
  --vote-button-bg-color: rgba(var(--color-highlight-200--string), 0.2);
  --vote-button__separator-color: var(--color-highlight-200);
}
.c-vote-button--secondary.c-vote-button--has-upvoted.c-vote-button--disabled {
  --vote-button__separator-color: var(--color-primary-500);
  --vote-button-text-color: var(--color-primary-500);
  --vote-button-bg-color: var(--color-secondary-900);
  --vote-button-border-color: var(--color-white);
}
.c-vote-button--disabled {
  --vote-button__separator-color: var(--color-primary-500);
}

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

.c-modal {
  --modal-color: var(--color-primary-900);
  --modal-color__overlay: rgba(var(--body-bg-color--string), 0.7);
  --modal-color__divider: var(--color-primary-500);
  --modal-color__header: var(--color-primary-600);
  --modal__close-icon-color: var(--color-white);
  --modal__sub-header-background-color: var(--color-primary-800);
  --modal-color__header-bg-color: var(--color-primary-600);
}
.c-modal .c-issue-admin-modal {
  --modal-color: var(--color-primary-800);
}
.c-modal.c-modal--admin {
  --modal-color__header-bg-color: var(--color-admin-400);
}
.c-modal-update-user .c-settings-form-section:first-child {
  padding-top: 0;
}
.c-modal-update-user .c-modal__actions button:first-of-type {
  margin-bottom: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-modal-update-user .c-modal__actions button:first-of-type {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
.c-relative-time {
  width: -moz-fit-content;
  width: fit-content;
}
.c-stack--gap-0 {
  --stack-gap: var(--spacing-0);
}
.c-stack--gap-05 {
  --stack-gap: var(--spacing-05);
}
.c-stack--gap-1 {
  --stack-gap: var(--spacing-1);
}
.c-stack--gap-2 {
  --stack-gap: var(--spacing-2);
}
.c-stack--gap-3 {
  --stack-gap: var(--spacing-3);
}
.c-stack--gap-4 {
  --stack-gap: var(--spacing-4);
}
.c-stack--gap-5 {
  --stack-gap: var(--spacing-5);
}
.c-stack--gap-6 {
  --stack-gap: var(--spacing-6);
}
.c-stack--gap-8 {
  --stack-gap: var(--spacing-8);
}
.c-stack--gap-10 {
  --stack-gap: var(--spacing-10);
}
.c-stack--gap-12 {
  --stack-gap: var(--spacing-12);
}
.c-stack--gap-16 {
  --stack-gap: var(--spacing-16);
}
.c-stack--gap-20 {
  --stack-gap: var(--spacing-20);
}
.c-stack--gap-24 {
  --stack-gap: var(--spacing-24);
}
.c-stack--gap-31 {
  --stack-gap: var(--spacing-31);
}

.c-stack {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--stack-gap) var(--stack-gap);
}
.c-stack--fit-content {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  width: -moz-fit-content;
  width: fit-content;
}
.c-stack--wrap {
  flex-wrap: wrap;
}
.c-stack--full-height {
  height: 100%;
}
.c-stack--align-start {
  align-items: flex-start;
}
.c-stack--align-end {
  align-items: flex-end;
}
.c-stack--align-center {
  align-items: center;
}
.c-stack--align-stretch {
  align-items: stretch;
}
.c-stack--justify-start {
  justify-content: flex-start;
}
.c-stack--justify-end {
  justify-content: flex-end;
}
.c-stack--justify-center {
  justify-content: center;
}
.c-stack--justify-space-between {
  justify-content: space-between;
}
.c-stack--justify-space-around {
  justify-content: space-around;
}
.c-tag {
  --tag-bg-color: inherit;
}
.c-tag.c-tag--large {
  --tag-padding: var(--spacing-3) var(--spacing-4);
  --tag-gap: var(--spacing-2);
  --tag__icon-size: 1rem;
}
.c-tag.c-tag--medium {
  --tag-padding: var(--spacing-2) var(--spacing-3);
  --tag-gap: var(--spacing-1);
  --tag__icon-size: 0.75rem;
}
.c-tag.c-tag--small {
  --tag-padding: var(--spacing-1) var(--spacing-2);
  --tag-gap: var(--spacing-1);
  --tag__icon-size: 0.75rem;
}
.c-tag.c-tag--xsmall {
  --tag-padding: 0 var(--spacing-1);
  --tag-gap: var(--spacing-1);
  --tag__icon-size: 0.5rem;
}
.c-tag.c-tag--primary {
  --tag-text-color: var(--color-highlight-100);
  --tag-border-color: var(--color-highlight-100);
  --tag__icon-color: var(--color-highlight-100);
}
.c-tag.c-tag--primary.c-tag--neutral {
  --tag-text-color: var(--color-white);
  --tag-border-color: var(--color-primary-600);
  --tag__icon-color: var(--color-white);
}
.c-tag.c-tag--primary.c-tag--fixed {
  --tag-text-color: var(--color-tertiary-100);
  --tag-border-color: var(--color-tertiary-400);
  --tag__icon-color: var(--color-tertiary-100);
}
.c-tag.c-tag--primary.c-tag--admin {
  --tag-text-color: var(--color-admin-200);
  --tag-border-color: var(--color-admin-200);
  --tag__icon-color: var(--color-admin-200);
}
.c-tag.c-tag--primary.c-tag--administrator {
  --tag-text-color: var(--color-role-administrator);
  --tag-border-color: var(--color-role-administrator);
  --tag__icon-color: var(--color-role-administrator);
}
.c-tag.c-tag--primary.c-tag--project-manager {
  --tag-text-color: var(--color-role-project-manager);
  --tag-border-color: var(--color-role-project-manager);
  --tag__icon-color: var(--color-role-project-manager);
}
.c-tag.c-tag--primary.c-tag--moderator {
  --tag-text-color: var(--color-role-moderator);
  --tag-border-color: var(--color-role-moderator);
  --tag__icon-color: var(--color-role-moderator);
}
.c-tag.c-tag--primary.c-tag--viewer {
  --tag-text-color: var(--color-role-viewer);
  --tag-border-color: var(--color-role-viewer);
  --tag__icon-color: var(--color-role-viewer);
}
.c-tag.c-tag--primary.c-tag--staff {
  --tag-text-color: var(--color-role-staff);
  --tag-border-color: var(--color-role-staff);
  --tag__icon-color: var(--color-role-staff);
}
.c-tag.c-tag--secondary {
  --tag-bg-color: var(--color-highlight-100);
  --tag-text-color: var(--color-primary-900);
  --tag__icon-color: var(--color-primary-900);
  --tag-border-color: inherit;
}
.c-tag.c-tag--secondary.c-tag--neutral {
  --tag-bg-color: var(--color-primary-200);
}
.c-tag.c-tag--secondary.c-tag--fixed {
  --tag-bg-color: var(--color-tertiary-400);
}
.c-tag.c-tag--secondary.c-tag--admin {
  --tag-bg-color: var(--color-admin-200);
}
.c-tag.c-tag--secondary.c-tag--administrator {
  --tag-bg-color: var(--color-role-administrator);
}
.c-tag.c-tag--secondary.c-tag--project-manager {
  --tag-bg-color: var(--color-role-project-manager);
}
.c-tag.c-tag--secondary.c-tag--moderator {
  --tag-bg-color: var(--color-role-moderator);
}
.c-tag.c-tag--secondary.c-tag--viewer {
  --tag-bg-color: var(--color-role-viewer);
}
.c-tag.c-tag--secondary.c-tag--staff {
  --tag-bg-color: var(--color-role-staff);
}

.c-tag {
  display: inline-flex;
  max-width: 100%;
  padding: var(--tag-padding);
  color: var(--tag-text-color);
  background-color: var(--tag-bg-color);
  border: 0.0625rem solid var(--tag-border-color);
  border-radius: var(--border-radius--small);
  align-items: center;
  justify-content: normal;
  gap: var(--tag-gap);
}
.c-tag__icon {
  font-size: var(--tag__icon-size);
  color: var(--tag__icon-color);
}
.c-activity-avatar {
  --activity-avatar__username-text-color: var(--color-white);
}

@media (max-width: 46.24em) {
  .c-activity-avatar .c-time {
    gap: 0;
    align-items: flex-start;
    flex-direction: column;
  }
}
.c-dropdown-action-list-item {
  --dropdown-action-list-item-text-color: var(--color-white);
  --dropdown-action-list-item-bg-color: var(--color-primary-800);
  --dropdown-action-list-item-border-color: var(--color-primary-600);
  --dropdown-action-list-item__label-text-color: var(--color-white);
}
.c-dropdown-action-list-item .c-button {
  --button-text-color: var(--color-white);
}
.c-dropdown-action-list-item:hover:not(.c-dropdown-action-list-item--disabled), .c-dropdown-action-list-item.h-hover {
  --dropdown-action-list-item-bg-color: var(--color-primary-700);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--disabled {
  --dropdown-action-list-item__label-text-color: var(--color-secondary-600);
  --dropdown-action-list-item__icon-color: var(--color-secondary-600);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--disabled .c-button {
  --button-text-color: var(--color-secondary-600);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--admin {
  --dropdown-action-list-item-bg-color: var(--color-admin-800);
  --dropdown-action-list-item-border-color: var(--color-admin-600);
  --dropdown-action-list-item__icon-color: var(--color-white);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--admin:hover:not(.c-dropdown-action-list-item--disabled), .c-dropdown-action-list-item.c-dropdown-action-list-item--admin.h-hover {
  --dropdown-action-list-item-bg-color: var(--color-admin-700);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--admin.c-dropdown-action-list-item--disabled {
  --dropdown-action-list-item__label-text-color: var(--color-admin-600);
  --dropdown-action-list-item__icon-color: var(--color-admin-600);
}
.c-dropdown-action-list-item.c-dropdown-action-list-item--admin.c-dropdown-action-list-item--disabled .c-button {
  --button-text-color: var(--color-admin-600);
}

.c-dropdown-action-list-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  cursor: pointer;
  background-color: var(--dropdown-action-list-item-bg-color);
  border-bottom: 0.0625rem solid var(--dropdown-action-list-item-border-color);
  transition: background ease-in-out 0.2s;
  will-change: background;
}
.c-dropdown-action-list-item.h-focus, .c-dropdown-action-list-item.focus-visible, .c-dropdown-action-list-item:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-dropdown-action-list-item:last-child {
  border-bottom: 0;
}
.c-dropdown-action-list-item__label {
  color: var(--dropdown-action-list-item__label-text-color);
}
.c-dropdown-action-list-item__icon {
  color: var(--dropdown-action-list-item__icon-color);
}
.c-dropdown-action-list-item .c-button {
  width: 100%;
}
.c-dropdown-action-list-item--disabled {
  cursor: not-allowed;
}
@media (max-width: 46.24em) {
  .c-dropdown-action-list-item--drawer {
    padding: var(--spacing-5) var(--spacing-4);
  }
  .c-dropdown-action-list-item--drawer .c-button {
    height: auto;
    padding: 0;
  }
  .c-dropdown-action-list-item--drawer .c-button__label {
    font-weight: normal;
  }
}
@media (min-width: 46.25em) {
  .c-dropdown-action-list {
    overflow: hidden;
    border-radius: var(--border-radius--medium);
  }
}
.c-chip {
  --chip-text-color: var(--color-white);
  --chip-bg-color: transparent;
  --chip-border-color: var(--color-primary-500);
  --chip-padding: 0.5rem;
  --chip-shadow-color: "";
  --chip__label-text-size: 0.875rem;
  --chip__icon-size: 0.75rem;
  --chip__remove-icon-color: var(--color-white);
}
.c-chip.c-chip--secondary {
  --chip-text-color: var(--color-primary-50);
  --chip-bg-color: var(--color-primary-600);
  --chip-border-color: transparent;
}
.c-chip.c-chip--tertiary {
  --chip-text-color: var(--color-primary-900);
  --chip-bg-color: var(--color-primary-100);
  --chip-border-color: transparent;
  --chip__remove-icon-color: var(--color-primary-900);
}
.c-chip.c-chip--is-selected {
  --chip-text-color: var(--color-white);
  --chip-bg-color: var(--color-highlight-400);
  --chip-border-color: var(--color-highlight-400);
}
.c-chip.c-chip--admin {
  --chip-text-color: var(--color-role-administrator);
  --chip-border-color: var(--color-role-administrator);
}
.c-chip.c-chip--project-manager {
  --chip-text-color: var(--color-role-project-manager);
  --chip-border-color: var(--color-role-project-manager);
}
.c-chip.c-chip--moderator {
  --chip-text-color: var(--color-role-moderator);
  --chip-border-color: var(--color-role-moderator);
}
.c-chip.c-chip--viewer {
  --chip-text-color: var(--color-role-viewer);
  --chip-border-color: var(--color-role-viewer);
}
.c-chip.c-chip--user {
  --chip-text-color: var(--color-secondary-200);
  --chip-border-color: var(--color-secondary-200);
}
.c-chip.c-chip--none {
  --chip-text-color: var(--color-secondary-200);
}
.c-chip.c-chip--staff {
  --chip-text-color: var(--color-admin-50);
  --chip-border-color: var(--color-admin-200);
}
.c-chip.c-chip--staff.c-chip--is-selected {
  --chip-text-color: var(--color-white);
  --chip-bg-color: var(--color-admin-200);
  --chip-border-color: var(--color-admin-200);
}
.c-chip.c-chip--xsmall {
  --chip-padding: 0 0.25rem;
  --chip__label-text-size: 0.625rem;
  --chip__icon-size: 0.5rem;
  --chip__remove-icon-size: 0.5rem;
}
.c-chip.c-chip--small {
  --chip-padding: 0.25rem 0.5rem;
  --chip__label-text-size: 0.75rem;
  --chip__remove-icon-size: 0.75rem;
}
.c-chip.c-chip--medium {
  --chip-padding: 0.5rem 0.75rem;
  --chip__remove-icon-size: 0.75rem;
}
.c-chip.c-chip--large {
  --chip__icon-size: 1rem;
  --chip-padding: 0.75rem 1rem;
  --chip__remove-icon-size: 0.875rem;
}
.c-chip.c-chip--clickable:focus-visible, .c-chip.c-chip--clickable.focus-visible {
  --chip-border-color: var(--color-primary-400);
  --chip-shadow-color: var(--color-primary-400);
}
.c-chip__tooltip {
  --chip__tooltip-bg-color: var(--color-secondary-800);
}

.c-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--chip-padding);
  color: var(--chip-text-color);
  cursor: default;
  background-color: var(--chip-bg-color);
  border: 1px solid var(--chip-border-color);
  border-radius: 5px;
  outline: 0;
  transition: border-color 0.3s linear;
}
.c-chip__remove {
  margin-left: 0.5rem;
  font-size: var(--chip__remove-icon-size);
  color: var(--chip__remove-icon-color);
  vertical-align: text-top;
}
.c-chip__label {
  font-size: var(--chip__label-text-size);
}
.c-chip__tooltip.__react_component_tooltip {
  padding: 0.25rem;
  background: var(--chip__tooltip-bg-color);
}
.c-chip__tooltip.__react_component_tooltip.place-top::after {
  border-top-color: var(--chip__tooltip-bg-color);
}
.c-chip--xsmall .c-chip__icon, .c-chip--small .c-chip__icon, .c-chip--medium .c-chip__icon {
  margin-right: 0.25rem;
}
.c-chip--large .c-chip__icon {
  margin-right: 0.5rem;
}
.c-chip--tertiary {
  font-weight: bold;
}
.c-chip--clickable {
  cursor: pointer;
}
.c-chip--clickable:focus-visible, .c-chip--clickable.focus-visible {
  box-shadow: 0 0 0 1px var(--chip-shadow-color);
}
.c-chip--clickable .c-chip__remove {
  pointer-events: auto;
}
.c-chip-list__item {
  margin: 0 1rem 1rem 0;
}
.c-dropdown-chip-list {
  padding: 1rem 0 0 1rem;
}
.c-text-input {
  --text-input-content-color: var(--color-white);
  --text-input-label-color: var(--color-secondary-200);
  --text-input-helper-color: var(--color-secondary-200);
  --text-input-count-color: var(--color-primary-200);
  --text-input-bg-color: var(--color-primary-700);
  --text-input-placeholder-color: var(--color-primary-400);
  --text-input-separator-color: var(--color-primary-200);
  --text-input-step-color: var(--color-primary-200);
  --text-input-mobile-top-bg-color: var(--color-primary-800);
  --text-input-border-color: transparent;
  --field-icon-color: var(--color-primary-200);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-text-input:not(:focus):not(.h-focus):not(.c-text-input--disabled):hover, .c-text-input:not(:focus):not(.h-focus):not(.c-text-input--disabled).h-hover {
  --text-input-border-color: var(--color-primary-500);
}
.c-text-input:not(:focus):not(.h-focus):not(.c-text-input--disabled):focus-within {
  --text-input-border-color: var(--color-primary-300);
}
.c-text-input__right-overlay:hover {
  --field-icon-color: var(--color-primary-50);
}
.c-text-input--disabled {
  --text-input-content-color: var(--color-secondary-600);
  --text-input-label-color: var(--color-secondary-600);
  --text-input-count-color: var(--color-secondary-600);
  --text-input-bg-color: var(--color-primary-800);
  --text-input-placeholder-color: var(--color-secondary-600);
  --text-input-separator-color: var(--color-secondary-500);
  --text-input-step-color: var(--color-secondary-600);
  --field-icon-color: var(--color-secondary-600);
}
.c-text-input.c-text-input--staff textarea {
  --text-input-border-color: rgba(var(--color-role-staff--string), 0.65);
}
.c-text-input.c-text-input--staff textarea:hover, .c-text-input.c-text-input--staff textarea:focus-within {
  --text-input-border-color: var(--color-role-staff);
}

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

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

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

body {
  counter-reset: stepNumber;
}

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

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

.c-dropdown-list-item {
  position: relative;
  display: flex;
  width: 100%;
  height: 3.5rem;
  padding: 1rem;
  background-color: var(--dropdown-list-item-bg-color);
  border-top: 0.0625rem solid var(--dropdown-list-separator-color);
  transition: background 0.2s ease-in-out;
  align-items: center;
  will-change: background;
}
.c-dropdown-list-item.h-focus, .c-dropdown-list-item.focus-visible, .c-dropdown-list-item:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-dropdown-list-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--dropdown-list-item__highlight-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-dropdown-list-item > * {
  position: relative;
  z-index: 1;
}
.c-dropdown-list-item > * + * {
  margin-left: 1rem;
}
.c-dropdown-list-item__body {
  display: flex;
  flex-direction: column;
}
.c-dropdown-list-item__label {
  color: var(--dropdown-list-item__label-text-color);
}
.c-dropdown-list-item__details {
  color: var(--dropdown-list-item__details-text-color);
}
.c-dropdown-list-item__icon {
  width: 100%;
  font-size: 1.5rem;
  color: var(--dropdown-list-item__label-text-color);
}
.c-dropdown-list-item__icon + .c-dropdown-list-item__body {
  padding-left: 1rem;
}
.c-dropdown-list-item__checkmark {
  color: var(--dropdown-list-item__highlight-color);
  opacity: 0;
  transition: opacity 0.2s linear, transform 0.2s ease-in-out;
  transform: translateY(15px);
  will-change: opacity, transform;
}
.c-dropdown-list-item--is-selected .c-dropdown-list-item__checkmark {
  opacity: 1;
  transform: translateY(0);
}
.c-dropdown-list-item__footer {
  margin-left: auto;
}
.c-dropdown-list-item--is-selectable {
  cursor: pointer;
}
.c-dropdown-list-item--disabled {
  cursor: not-allowed;
}
.c-radio {
  --radio-text-color: var(--color-white);
  --radio-bg-color: transparent;
  --radio-border-color: var(--color-primary-500);
  --radio-shape-color: transparent;
}
.c-radio.c-radio--active {
  --radio-border-color: var(--color-primary-200);
  --radio-shape-color: var(--color-highlight-400);
}
.c-radio.c-radio--disabled {
  --radio-border-color: var(--color-secondary-600);
  --radio-shape-color: var(--color-secondary-600);
}
.c-radio.c-radio--admin:not(.c-radio--disabled) {
  --radio-border-color: var(--color-admin-200);
  --radio-shape-color: var(--color-admin-200);
}

.c-radio {
  display: flex;
  color: var(--radio-text-color);
}
.c-radio.c-radio--active input::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.c-radio--disabled {
  cursor: not-allowed;
}
.c-radio--disabled input,
.c-radio--disabled label {
  cursor: not-allowed;
}
.c-radio__labels {
  display: flex;
  margin-left: 0.5rem;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
}
.c-avatar + .c-radio__labels {
  margin-left: 0.5rem;
}
.c-radio + .c-radio {
  margin-top: 0.5rem;
}
.c-radio input {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: var(--radio-bg-color);
  border: 0.125rem solid var(--radio-border-color);
  border-radius: 999px;
  outline: none;
}
.c-radio input::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  content: "";
  background-color: var(--radio-shape-color);
  border-radius: 999px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  transform: translateX(-50%) translateY(-50%) scale(0.9);
  will-change: opacity, transform;
}
.c-radio input:checked::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.c-radio input:disabled {
  opacity: 0.5;
}
.c-radio label {
  display: flex;
  align-items: center;
}
.c-radio label .c-avatar {
  margin-left: 0.5rem;
}
.c-radio span + span {
  position: relative;
  top: 0.125rem;
}
.c-dropdown-list-item-radio {
  --dropdown-list-item-radio-bg-color: var(--color-primary-800);
  --dropdown-list-item-radio__label-text-color: var(--color-white);
  --dropdown-list-item-radio__details-text-color: var(--color-secondary-200);
  --dropdown-list-item-radio__highlight-color: var(--color-primary-800);
}
.c-dropdown-list-item-radio:not(.c-dropdown-list-item-radio--disabled) .h-hover, .c-dropdown-list-item-radio:not(.c-dropdown-list-item-radio--disabled):hover {
  --dropdown-list-item-radio-bg-color: var(--color-primary-700);
  --dropdown-list-item-radio__highlight-color: var(--color-primary-700);
}
.c-dropdown-list-item-radio.h-focus, .c-dropdown-list-item-radio:focus {
  --dropdown-list-item-radio__highlight-color: var(--focus-color);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-highlighted, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected {
  --dropdown-list-item-radio-bg-color: var(--color-primary-700);
  --dropdown-list-item-radio__highlight-color: var(--color-primary-200);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-highlighted.h-hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-highlighted:hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected.h-hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected:hover {
  --dropdown-list-item-radio__highlight-color: var(--color-primary-200);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin {
  --dropdown-list-item-radio-bg-color: var(--color-admin-800);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-800);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.h-hover, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin:hover {
  --dropdown-list-item-radio-bg-color: var(--color-admin-700);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-700);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.c-dropdown-list-item-radio--is-highlighted, .c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.c-dropdown-list-item-radio--is-selected {
  --dropdown-list-item-radio-bg-color: var(--color-admin-700);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-200);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin.c-dropdown-list-item-radio--disabled {
  --dropdown-list-item-radio-bg-color: var(--color-admin-800);
  --dropdown-list-item-radio__highlight-color: var(--color-admin-700);
}
.c-dropdown-list-item-radio.c-dropdown-list-item-radio--disabled {
  --dropdown-list-item-radio__label-text-color: var(--color-secondary-600);
  --dropdown-list-item-radio__details-text-color: var(--color-secondary-600);
}

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

.c-dropdown-list-item-selectable {
  display: flex;
  height: 3.5rem;
  padding: 0 var(--spacing-4);
  background-color: var(--dropdown-list-item-selectable-bg-color);
  border-left: 0.25rem solid var(--dropdown-list-item-selectable-highlight-color);
}
.c-dropdown-list-item-selectable:hover {
  cursor: pointer;
}
.c-dropdown-list-item-statistics {
  --dropdown-list-item-statistics-bg-color: transparent;
  --dropdown-list-item-statistics__label-text-color: var(--color-white);
  --dropdown-list-item-statistics__details-text-color: var(--color-secondary-300);
  --dropdown-list-item-statistics__filler-bg-color: var(--color-primary-700);
}
.c-dropdown-list-item-statistics.c-dropdown-list-item-statistics--archived {
  --dropdown-list-item-statistics-bg-color: var(--color-secondary-900);
  --dropdown-list-item-statistics__filler-bg-color: var(--color-secondary-800);
}
.c-dropdown-list-item-statistics.c-dropdown-list-item-statistics--fixed {
  --dropdown-list-item-statistics-bg-color: var(--color-tertiary-800);
  --dropdown-list-item-statistics__filler-bg-color: var(--color-tertiary-600);
}

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

.c-dropdown-list {
  width: 100%;
  background-color: var(--dropdown-list-bg-color);
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-dropdown-list::-webkit-scrollbar {
  width: 0.75rem;
}
.c-dropdown-list::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-dropdown-list::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
@media (min-width: 46.25em) {
  .c-dropdown-list {
    min-width: 16rem;
    max-height: 22.5rem;
  }
}
.c-dropdown-list__loading {
  padding: 0;
  text-align: center;
}
.c-dropdown-list__loading.c-dropdown-list--show-load-more {
  padding: var(--spacing-4);
}
.c-dropdown-list--rounded {
  overflow: hidden;
  border-radius: var(--border-radius--small);
}
.c-dropdown-list--selectable {
  overflow-y: auto;
}
.c-dropdown-list > * + * {
  border-top: 0.0625rem solid var(--dropdown-list-separator-color);
}
.c-panel {
  --panel-bg-color: var(--color-primary-800);
}
.c-panel--transparent {
  --panel-bg-color: var(--transparent);
}
.c-panel--dark {
  --panel-bg-color: var(--color-primary-900);
}
.c-panel--admin {
  --panel-bg-color: var(--color-admin-800);
}
.c-panel--border-radius-small {
  --panel-border-radius: var(--border-radius--small);
}
.c-panel--border-radius-medium {
  --panel-border-radius: var(--border-radius--medium);
}
.c-panel--border-radius-large {
  --panel-border-radius: var(--border-radius--large);
}

.c-panel {
  width: 100%;
  overflow: hidden;
  background-color: var(--panel-bg-color);
}
.c-panel--width-auto {
  width: auto;
}
.c-panel--border-radius-medium {
  border-radius: var(--panel-border-radius);
}
.c-portal-popover {
  animation-name: portalAnimation;
  animation-duration: 250ms;
  animation-timing-function: ease-out;
}
.c-portal-popover-wrapper--full-width {
  width: 100%;
}
@keyframes portalAnimation {
  0% {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}
.c-dropdown {
  --dropdown__shadow-bg-color: var(--color-black);
  --dropdown__body-shadow-color: rgba(var(--color-black--string), 0.4);
  --dropdown__close-button-text-color: var(--color-primary-50);
  --dropdown__close-button-bg-color: var(--color-primary-600);
  --dropdown__body-header-bg-color: var(--color-primary-700);
  --dropdown__body-header-border-color: var(--color-primary-500);
  --dropdown__body-bg-color: var(--color-primary-700);
}
.c-dropdown__close-button:hover {
  --dropdown__close-button-bg-color: var(--color-primary-500);
}
.c-dropdown.c-dropdown--error {
  --dropdown__close-button-text-color: var(--color-error-100);
  --dropdown__close-button-bg-color: var(--color-error-900);
  --dropdown__body-header-bg-color: var(--color-error-600);
  --dropdown__body-header-border-color: var(--color-error-100);
  --dropdown__body-content-bg-color: var(--color-error-900);
}
.c-dropdown.c-dropdown--error .c-dropdown__close-button:hover {
  --dropdown__close-button-text-color: var(--color-error-600);
  --dropdown__close-button-bg-color: var(--color-error-900);
}
.c-dropdown.c-dropdown--admin {
  --dropdown__body-header-bg-color: var(--color-admin-400);
  --dropdown__body-header-border-color: 1px solid var(--color-admin-200);
}
.c-dropdown.c-dropdown--admin .c-dropdown__body-header .c-button {
  --dropdown__close-button-text-color: var(--color-admin-50);
  --dropdown__close-button-bg-color: var(--color-admin-600);
}
.c-dropdown.c-dropdown--fixed {
  --dropdown__body-header-bg-color: var(--color-tertiary-600);
}
.c-dropdown.c-dropdown--fixed .c-dropdown__body-header .c-button {
  --button-text-color: var(--color-tertiary-200);
  --button-bg-color: var(--color-tertiary-800);
}
.c-dropdown.c-dropdown--duplicate, .c-dropdown.c-dropdown--archived {
  --dropdown__body-header-bg-color: var(--color-secondary-800);
}
.c-dropdown.c-dropdown--duplicate .c-dropdown__body-header .c-button, .c-dropdown.c-dropdown--archived .c-dropdown__body-header .c-button {
  --button-text-color: var(--color-secondary-200);
  --button-bg-color: var(--color-secondary-900);
}

.c-dropdown {
  position: relative;
}
.c-dropdown__icon {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  font-size: 1rem;
  transform: translateY(-40%);
}
.c-dropdown__icon--is-active {
  transform: translateY(-40%) scaleY(-1);
}
.c-dropdown__body {
  visibility: hidden;
  background-color: var(--dropdown__body-bg-color);
  opacity: 0;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0s 0.2s linear;
  transform: translateY(-24px);
  will-change: opacity, transform, visibility;
}
.c-dropdown__body-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  background-color: var(--dropdown__body-header-bg-color);
  border-bottom: solid 0.0625rem var(--dropdown__body-header-border-color);
}
.c-dropdown__body-header--node-element {
  padding: 0 1rem 0 0;
}
.c-dropdown__body-title {
  margin-right: 1rem;
}
.c-dropdown__body--is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transform: translateY(0);
}
.c-dropdown__close-button {
  color: var(--dropdown__close-button-text-color);
  background-color: var(--dropdown__close-button-bg-color);
}
.c-dropdown--error .c-dropdown__body-content {
  background-color: var(--dropdown__body-content-bg-color);
}
@keyframes dropdown-shadow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@media (max-width: 46.24em) {
  .c-dropdown {
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100vw;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
  }
  .c-dropdown__shadow {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: auto;
    width: auto;
    pointer-events: all;
    background-color: var(--dropdown__shadow-bg-color);
    opacity: 0;
    animation: dropdown-shadow 0.15s ease-in-out both;
  }
  .c-dropdown__body {
    display: flex;
    height: calc(100dvh - 4rem);
    flex-direction: column;
    transform: translateY(4rem);
  }
  .c-dropdown__body-content {
    flex: 1;
    overflow: auto;
  }
  .c-dropdown__body--is-visible {
    transform: translateY(0);
  }
  .c-dropdown__body--with-header {
    border-radius: var(--border-radius--medium);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 46.25em) {
  .c-dropdown__body {
    border-radius: var(--border-radius--medium);
    box-shadow: 0 0 10px 0 var(--dropdown__body-shadow-color);
    opacity: 0;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0s 0.2s linear;
    transform: translateY(25px);
  }
  .c-dropdown__body--is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transform: translateY(0);
  }
  .c-dropdown__body--is-visible.c-dropdown__body--align-left, .c-dropdown__body--is-visible.c-dropdown__body--align-right, .c-dropdown__body--is-visible.c-dropdown__body--align-top-right {
    transform: translateY(0);
  }
  .c-dropdown__body-header {
    display: none;
  }
}
.c-dropdown__trigger-wrapper {
  height: 100%;
}
.c-dropdown-trigger__wrapper {
  --dropdown-trigger-text-color: var(--color-secondary-200);
  --dropdown-trigger-bg-color: var(--color-primary-700);
  --dropdown-trigger-border-color: transparent;
  --dropdown-trigger__header-text-color: var(--color-white);
  --dropdown-trigger__header-bg-color: var(--color-primary-500);
  --dropdown-trigger__details-text-color: var(--color-secondary-300);
  --dropdown-trigger__body-icon-color: var(--color-secondary-200);
  --dropdown-trigger__error-message-text-color: var(--color-error-100);
  --dropdown-trigger--is-active-bg-color: var(--color-primary-700);
  --dropdown-trigger--has-error-border-color: var(--color-error-100);
}
.c-dropdown-trigger__wrapper .c-dropdown-trigger--admin {
  --dropdown-trigger-text-color: var(--color-secondary-200);
  --dropdown-trigger-bg-color: var(--color-admin-700);
  --dropdown-trigger__body-icon-color: var(--color-white);
  --dropdown-trigger-border-color: transparent;
}
.c-dropdown-trigger__wrapper .c-dropdown-trigger--admin.c-dropdown-trigger--has-value {
  --dropdown-trigger-text-color: var(--color-white);
  --dropdown-trigger-border-color: var(--color-admin-200);
}
.c-dropdown-trigger__wrapper .c-dropdown-trigger--admin.c-dropdown-trigger--disabled {
  --dropdown-trigger-bg-color: var(--color-admin-800);
}
.c-dropdown-trigger__wrapper .c-dropdown-trigger--highlighted.c-dropdown-trigger--has-value {
  --dropdown-trigger-text-color: var(--color-white);
  --dropdown-trigger-bg-color: rgba(var(--color-highlight-800--string), 0.25);
  --dropdown-trigger-border-color: var(--color-highlight-400);
}
.c-dropdown-trigger__wrapper:hover:not(.c-dropdown-trigger--has-value) {
  --dropdown-trigger-border-color: var(--color-primary-400);
  --dropdown-trigger-bg-color: var(--color-primary-700);
}
.c-dropdown-trigger__wrapper:hover .c-dropdown-trigger--highlighted.c-dropdown-trigger--has-value {
  --dropdown-trigger-border-color: var(--color-highlight-400);
  --dropdown-trigger-bg-color: rgba(var(--color-highlight-800--string), 0.5);
}
.c-dropdown-trigger__wrapper:hover .c-dropdown-trigger--admin {
  --dropdown-trigger-bg-color: var(--color-admin-700);
  --dropdown-trigger-border-color: var(--color-admin-200);
}

.c-dropdown-trigger {
  display: flex;
  padding: 0 var(--spacing-6);
  color: var(--dropdown-trigger-text-color);
  cursor: pointer;
  background-color: var(--dropdown-trigger-bg-color);
  border: 0.125rem solid var(--dropdown-trigger-border-color);
  border-radius: var(--border-radius--small);
  flex: 1 0 100%;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  align-items: center;
  will-change: background, border-color;
}
.c-dropdown-trigger__wrapper {
  position: relative;
}
.c-dropdown-trigger__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-dropdown-trigger__avatar + .c-dropdown-trigger__body {
  margin-left: 0;
}
.c-dropdown-trigger__header {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  padding: 0 1rem;
  color: var(--dropdown-trigger__header-text-color);
  background-color: var(--dropdown-trigger__header-bg-color);
}
.c-dropdown-trigger__body {
  position: relative;
  min-height: 3rem;
}
.c-dropdown-trigger__label {
  margin-bottom: 0;
}
.c-dropdown-trigger--body-inverse .c-dropdown-trigger__label {
  order: 1;
  margin-bottom: 0;
}
.c-dropdown-trigger__details {
  color: var(--dropdown-trigger__details-text-color);
}
.c-dropdown-trigger--body-inverse .c-dropdown-trigger__details {
  order: 0;
}
.c-dropdown-trigger__body-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: -0.5rem;
}
.c-dropdown-trigger__body-icon .c-icon {
  font-size: 1.5rem;
  color: var(--dropdown-trigger__body-icon-color);
  transition: transform 0.15s ease-in-out;
  transform: rotate(-90deg);
  transform-origin: center center;
}
.c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(0deg);
}
.c-dropdown-trigger--arrow-vertical .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(0);
}
.c-dropdown-trigger--arrow-vertical.c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(-180deg);
}
.c-dropdown-trigger__error-message {
  position: relative;
  top: 0.5rem;
  left: 0;
  color: var(--dropdown-trigger__error-message-text-color);
}
.c-dropdown-trigger--icon-only {
  flex: unset;
  height: unset;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
}
.c-dropdown-trigger--icon-only .c-icon {
  font-size: 1rem;
}
.c-dropdown-trigger--has-error {
  border: 0.125rem solid var(--dropdown-trigger--has-error-border-color);
}
.c-dropdown-trigger--disabled {
  cursor: not-allowed;
}
.c-dropdown-trigger .c-avatar {
  flex-shrink: 0;
  margin: 0.5rem;
}
.c-dropdown-trigger--is-active .c-dropdown-trigger {
  background-color: var(--dropdown-trigger--is-active-bg-color);
}
@media (min-width: 46.25em) {
  .c-dropdown-trigger {
    overflow: hidden;
  }
  .c-dropdown-trigger__icon {
    font-size: 1.5rem;
  }
}
.c-dropdown-multiselect {
  width: 100%;
}
.c-dropdown-multiselect__added-items {
  display: flex;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.c-dropdown-multiselect__added-items > * {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.c-dropdown-multiselect__empty {
  padding: 1rem;
  text-align: center;
}
.c-dropdown-multiselect .c-dropdown-trigger {
  height: 3.5rem;
}
.c-dropdown-multiselect--fit-content {
  width: auto;
}
.c-dropdown-trigger-filter {
  --dropdown-trigger-filter-text-color: var(--color-secondary-50);
}
.c-dropdown-trigger-filter.h-hover, .c-dropdown-trigger-filter:hover {
  --dropdown-trigger-filter-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-filter--is-active {
  --dropdown-trigger-filter-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-filter--disabled, .c-dropdown-trigger-filter--disabled.h-hover, .c-dropdown-trigger-filter--disabled:hover {
  --dropdown-trigger-filter-text-color: var(--color-secondary-500);
}

.c-dropdown-trigger-filter {
  position: relative;
  display: flex;
  align-items: baseline;
  color: var(--dropdown-trigger-filter-text-color);
  cursor: pointer;
}
.c-dropdown-trigger-filter.h-focus::after, .c-dropdown-trigger-filter:focus::after {
  position: absolute;
  top: -4px;
  left: -8px;
  z-index: -1;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  content: "";
  border: 2px solid var(--focus-color);
  border-radius: var(--border-radius--medium);
}
.c-dropdown-trigger-filter--is-active .c-icon {
  transform: scaleY(-1);
}
.c-dropdown-trigger-filter--disabled {
  cursor: not-allowed;
}
.c-dropdown-trigger-filter .c-icon {
  display: inline-block;
  font-size: 1rem;
}
.c-collapsible .c-dropdown-trigger-filter .c-icon {
  font-size: 0.75rem;
}
.c-collapsible .c-dropdown-trigger-filter .c-dropdown-trigger-filter__text {
  display: flex;
  flex: 1;
  align-items: baseline;
}
.c-collapsible .c-dropdown-trigger-filter .c-dropdown-trigger-filter__details {
  position: relative;
  margin: 0 0 0 auto;
}
.c-dropdown-trigger-inline {
  --dropdown-trigger-inline-bg-color: transparent;
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: #fff;
}
.c-dropdown-trigger-inline.h-hover, .c-dropdown-trigger-inline:hover {
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-inline.h-focus, .c-dropdown-trigger-inline:focus {
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: var(--color-primary-50);
}
.c-dropdown-trigger-inline--disabled, .c-dropdown-trigger-inline--disabled.h-hover, .c-dropdown-trigger-inline--disabled:hover {
  --dropdown-trigger-inline__label-text-color: var(--color-secondary-400);
  --dropdown-trigger-inline__value-text-color: var(--color-secondary-500);
}
@media (max-width: 46.24em) {
  .c-dropdown-trigger-inline {
    --dropdown-trigger-inline-bg-color: var(--color-primary-800);
  }
}

.c-dropdown-trigger-inline {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: var(--dropdown-trigger-inline-bg-color);
  border-radius: var(--border-radius--medium);
}
@media (max-width: 46.24em) {
  .c-dropdown-trigger-inline {
    padding: 0.75rem;
  }
}
.c-dropdown-trigger-inline.h-focus::after, .c-dropdown-trigger-inline:focus::after {
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: "";
  border: 2px solid var(--focus-color);
  border-radius: calc(var(--border-radius--medium) * 1.5);
}
.c-dropdown-trigger-inline__label {
  color: var(--dropdown-trigger-inline__label-text-color);
  white-space: nowrap;
}
.c-dropdown-trigger-inline__value {
  margin-left: 0.25rem;
  color: var(--dropdown-trigger-inline__value-text-color);
  white-space: nowrap;
}
.c-dropdown-trigger-inline--is-active .c-icon {
  transform: scaleY(-1);
}
.c-dropdown-trigger-inline--disabled {
  cursor: not-allowed;
}
.c-dropdown-trigger-inline .c-icon {
  font-size: 1rem;
  color: var(--dropdown-trigger-inline__value-text-color);
}
.c-message {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: var(--message-bg-color);
}
.c-message__icon {
  color: var(--message__icon-color);
}
.c-message__title {
  color: var(--message__title-text-color);
}
.c-message__text {
  color: var(--message__text-color);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
}
.c-message__text ul {
  margin-left: 0.25rem;
  list-style-type: "-";
}
.c-message__text ul li {
  padding-left: 0.25rem;
}
.c-message__content {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--spacing-1);
}
@media (min-width: 46.25em) {
  .c-message__content {
    flex-direction: row;
  }
}
.c-message__content .c-button {
  justify-content: flex-start;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  width: -moz-fit-content;
  width: fit-content;
}
.c-message__content .c-button__label {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  width: -moz-max-content;
  width: max-content;
}
.c-message--primary {
  border-top: 0.25rem solid var(--message-border-color);
  border-bottom-right-radius: var(--border-radius--medium);
  border-bottom-left-radius: var(--border-radius--medium);
  gap: 1rem;
}
@media (min-width: 46.25em) {
  .c-message--primary {
    gap: 2rem;
    padding: 1rem 2rem;
  }
}
.c-message--primary .c-message__icon {
  font-size: 1.5rem;
}
.c-message--secondary, .c-message--tertiary {
  border-radius: var(--border-radius--small);
  gap: 0.5rem;
}
.c-message--secondary .c-message__icon, .c-message--tertiary .c-message__icon {
  font-size: 1rem;
}
.c-message--tertiary {
  background: none;
  border: 0.0625rem solid var(--message-border-color);
}

.c-message {
  --message-bg-color: var(--color-primary-700);
  --message-border-color: var(--color-highlight-400);
  --message__title-text-color: var(--color-white);
  --message__text-color: var(--color-primary-50);
  --message__icon-color: var(--color-white);
}
.c-message.c-message--admin {
  --message-bg-color: var(--color-admin-800);
  --message-border-color: var(--color-admin-200);
  --message__icon-color: var(--color-admin-100);
}
.c-message.c-message--warning {
  --message-border-color: var(--color-warning);
  --message__title-text-color: var(--color-warning);
  --message__text-color: var(--color-warning);
  --message__icon-color: var(--color-warning);
}
.c-message.c-message--error {
  --message-border-color: var(--color-error-100);
  --message__title-text-color: var(--color-error-100);
  --message__text-color: var(--color-error-100);
  --message__icon-color: var(--color-error-100);
}
.c-message.c-message--success {
  --message-border-color: var(--color-success);
  --message__title-text-color: var(--color-success);
  --message__text-color: var(--color-success);
  --message__icon-color: var(--color-success);
}
.c-message.c-message--staff {
  --message-border-color: var(--color-highlight-100);
  --message__title-text-color: var(--color-white);
  --message__text-color: var(--color-primary-50);
  --message__icon-color: var(--color-highlight-100);
}
.c-message.c-message--neutral {
  --message-border-color: var(--color-primary-500);
}
.c-message:not(.c-message--admin) .c-button {
  --button-bg-color: var(--color-primary-800);
}
.c-activity-content {
  --activity-content-bg-color: transparent;
  --activity-content__details-text-color: var(--color-secondary-500);
  --activity-content__text-text-color: var(--color-secondary-200);
  --activity-content__reply-form-border-color: var(--color-primary-700);
}
.c-activity-content.c-activity-content--admin {
  --activity-card__edit-options__button-icon-color: var(--color-admin-100);
}
.c-activity-content.c-activity-content--admin.c-activity-content--deleted, .c-activity-content.c-activity-content--admin.c-activity-content--redacted {
  --activity-content-bg-color: var(--color-admin-900);
}

.c-activity-content {
  padding: var(--spacing-4) 0;
  background-color: var(--activity-content-bg-color);
}
.c-activity-content__message {
  flex: 1 100%;
}
.c-activity-content__content {
  padding: 0 var(--spacing-4);
  flex: 1;
}
@media (min-width: 61.25em) {
  .c-activity-content__content {
    padding: 0 var(--spacing-4) 0 5rem;
  }
}
.c-activity-content__text {
  color: var(--activity-content__text-text-color);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
  white-space: pre-line;
}
@media (max-width: 46.24em) {
  .c-activity-content__text {
    min-height: var(--spacing-6);
  }
}
.c-activity-content__edit-options {
  margin-right: var(--spacing-4);
}
.c-activity-content__edit-options .c-button.c-button--icon-only {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--activity-card__edit-options__button-icon-color);
}
.c-activity-content__details {
  color: var(--activity-content__details-text-color);
}
@media (max-width: 46.24em) {
  .c-activity-content__actions {
    flex-direction: row-reverse;
  }
}
.c-activity-content__reply-button {
  width: -moz-fit-content;
  width: fit-content;
  justify-content: flex-start;
}
.c-activity-content__reply-form {
  flex: 1 100%;
  padding: var(--spacing-4) var(--spacing-4) 0 var(--spacing-4);
  margin-top: var(--spacing-2);
  border-top: 1px solid var(--activity-content__reply-form-border-color);
}
@media (min-width: 61.25em) {
  .c-activity-content__reply-form {
    padding-left: 5rem;
  }
}
@media (max-width: 46.24em) {
  .c-activity-content__duplicate-button {
    width: 100%;
  }
}
.c-activity-content--deleted {
  gap: 0;
}
.c-activity-content--deleted .c-activity-content__content {
  justify-content: center;
}
.c-activity-content--protected {
  padding: var(--spacing-2) var(--spacing-2) var(--spacing-10) var(--spacing-2);
  background-image: repeating-linear-gradient(-45deg, var(--activity-card__dashed-bg-color), var(--activity-card__dashed-line-color) 1px, transparent 2px, transparent 6px);
}
.c-activity-content--redacted .c-alert--admin {
  margin-bottom: var(--spacing-2);
}
@media (min-width: 61.25em) {
  .c-activity-content--admin.c-activity-content--redacted {
    padding: var(--spacing-2) 0 var(--spacing-4) 0;
  }
}
.c-activity-content--admin.c-activity-content--redacted .c-activity-content__message {
  margin: var(--spacing-2) var(--spacing-4);
}
.c-activity-content .c-message__content {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.c-activity-content .c-message__button {
  flex: none;
}
.c-activity-header {
  --activity-header-border-color: var(--color-primary-700);
  --activity-header__banner-bg-color: var(--color-primary-700);
  --activity-header__duplicate-details__label-text-color: var(--color-secondary-200);
}
.c-activity-header.c-activity-header--is-pinned {
  --activity-header-border-color: var(--color-primary-600);
}

.c-activity-header {
  width: 100%;
}
.c-activity-header:only-child .c-activity-header__section:last-child {
  border: 0;
}
.c-activity-header__section {
  padding: var(--spacing-4);
}
@media (min-width: 61.25em) {
  .c-activity-header__section {
    padding: var(--spacing-2) var(--spacing-4);
  }
}
.c-activity-header__details {
  border-top: 0.0625rem solid var(--activity-header-border-color);
  border-bottom: 0.0625rem solid var(--activity-header-border-color);
}
@media (min-width: 61.25em) {
  .c-activity-header__details {
    padding-left: var(--spacing-20);
  }
}
@media (max-width: 46.24em) {
  .c-activity-header__details .c-tag,
.c-activity-header__details .c-pill,
.c-activity-header__details .c-device-button {
    width: 100%;
  }
}
.c-activity-header__details .c-tag {
  justify-content: flex-start;
}
.c-activity-header__banner {
  padding: var(--spacing-2) var(--spacing-4);
  background-color: var(--activity-header__banner-bg-color);
}
.c-activity-history-entry {
  --activity-history-entry__chip-bg-color: var(--color-primary-600);
  --activity-history-entry__chip-border-color: var(--color-primary-200);
  --activity-history-entry__chip-text-color: var(--color-primary-200);
  --activity-history-entry__title-text-color: var(--color-white);
  --activity-history-entry__subtitle-text-color: var(--color-secondary-200);
  --activity-history-entry__date-text-color: var(--color-secondary-500);
}
.c-activity-history-entry--admin {
  --activity-history-entry__chip-text-color: var(--color-admin-200);
  --activity-history-entry__chip-bg-color: var(--color-admin-800);
  --activity-history-entry__chip-border-color: var(--color-admin-200);
  --activity-history-entry__title-text-color: var(--color-admin-200);
  --activity-history-entry__subtitle-text-color: var(--color-admin-200);
}
.c-activity-history-entry--staff {
  --activity-history-entry__chip-text-color: var(--color-role-staff);
  --activity-history-entry__chip-bg-color: var(--color-role-staff-600);
  --activity-history-entry__chip-border-color: var(--color-role-staff);
  --activity-history-entry__title-text-color: var(--color-role-staff);
  --activity-history-entry__subtitle-text-color: var(--color-role-staff);
}

.c-activity-history-entry {
  display: flex;
  gap: 1rem;
  padding-left: 1.25rem;
}
@media (min-width: 46.25em) {
  .c-activity-history-entry {
    padding-left: 1rem;
  }
}
.c-activity-history-entry__chip {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  color: var(--activity-history-entry__chip-text-color);
  background-color: var(--activity-history-entry__chip-bg-color);
  border: 1px solid var(--activity-history-entry__chip-border-color);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  flex: none;
}
@media (min-width: 46.25em) {
  .c-activity-history-entry__chip {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
}
.c-activity-history-entry__avatar {
  justify-content: inherit;
  margin-bottom: 0.25rem;
}
.c-activity-history-entry__content {
  display: flex;
  padding-top: 0.25rem;
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .c-activity-history-entry__content {
    padding-top: 0.5rem;
  }
}
.c-activity-history-entry__title {
  color: var(--activity-history-entry__title-text-color);
}
.c-activity-history-entry__subtitle {
  color: var(--activity-history-entry__subtitle-text-color);
}
.c-activity-history-entry__date {
  margin-top: var(--spacing-1);
  color: var(--activity-history-entry__date-text-color);
}
.c-activity-issue-assessment-type--can-reproduce {
  --activity-issue-assessment-type-text-color: var(--can-reproduce-color);
}
.c-activity-issue-assessment-type--cannot-reproduce {
  --activity-issue-assessment-type-text-color: var(--cannot-reproduce-color);
}

.c-activity-issue-assessment-type {
  width: 7.5rem;
  color: var(--activity-issue-assessment-type-text-color);
  text-align: center;
}
.c-activity-issue-assessment-type__icon {
  font-size: 1.5rem;
}
.c-activity-reply {
  --activity-reply-border-color: var(--color-primary-700);
  --activity-reply__details-text-color: var(--color-secondary-500);
  --activity-reply__text-color: var(--color-secondary-200);
  --activity-reply__reply-form-border-color: var(--color-primary-700);
  --activity-reply__text-text-color: var(--color-secondary-200);
}
.c-activity-reply.c-activity-reply--admin {
  --activity-reply__edit-button-icon-color: var(--color-admin-100);
}
.c-activity-reply.c-activity-reply--admin.c-activity-reply--deleted, .c-activity-reply.c-activity-reply--admin.c-activity-reply--redacted {
  --activity-reply-bg-color: var(--color-admin-900);
}
.c-activity-reply.c-activity-reply--admin.c-activity-reply--redacted {
  --activity-reply__text-text-color: var(--color-white);
}
.c-activity-reply.c-activity-reply--redacted, .c-activity-reply.c-activity-reply--deleted {
  --activity-reply__text-color: var(--color-secondary-200);
}

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

.c-activity-toggle-replies {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1rem;
  color: var(--activity-toggle-replies-text-color);
  text-align: left;
  cursor: pointer;
  background-color: var(--activity-toggle-replies-bg-color);
  border: 0;
  outline: 0;
  transition: background 0.1s ease-in-out;
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-activity-toggle-replies.h-focus, .c-activity-toggle-replies.focus-visible, .c-activity-toggle-replies:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-activity-toggle-replies.h-focus, .c-activity-toggle-replies.focus-visible, .c-activity-toggle-replies:focus-visible {
  outline-offset: -0.175rem;
}
@media (min-width: 61.25em) {
  .c-activity-toggle-replies {
    padding: 0.75rem 1rem 0.75rem 5rem;
  }
}
.c-activity-toggle-replies .c-icon {
  font-size: 0.875rem;
}
.c-activity-toggle-replies .c-icon::before {
  padding-top: 0.125rem;
}
.c-activity-toggle-replies--expanded {
  border-radius: 0;
}
.c-activity-toggle-replies--expanded .c-icon {
  transform: scaleY(-1);
}
.c-activity {
  --activity-card-bg-color: var(--color-primary-800);
  --activity-card-text-color: var(--color-white);
  --activity-card-border-color: var(--color-primary-700);
  --activity-card__icon-color: var(--color-primary-200);
  --activity-card__placeholder-bg-color: var(--color-primary-700);
  --activity-card__dashed-line-color: var(--color-primary-600);
  --activity-card__dashed-bg-color: var(--color-primary-800);
}
.c-activity--is-pinned {
  --activity-card-border-color: var(--color-highlight-400);
}

.c-activity {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--activity-card-bg-color);
  border-radius: var(--border-radius--small);
}
.c-activity--is-pinned {
  border: 0.0625rem solid var(--activity-card-border-color);
}
.c-activity-feed-content {
  --activity-feed-content-border-color: var(--color-primary-200);
}

.c-activity-feed-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.c-activity-feed-content__item {
  position: relative;
}
.c-activity-feed-content__item:not(:last-child)::after {
  position: absolute;
  bottom: -3rem;
  left: 2.5rem;
  z-index: -1;
  display: block;
  height: 4.6875rem;
  content: "";
  border-left: 0.0625rem dashed var(--activity-feed-content-border-color);
}
.c-activity-feed-header {
  --activity-feed-header__actions-border-color: var(--color-primary-500);
}

.c-activity-feed-header {
  margin-bottom: 1rem;
}
.c-activity-feed-header__title {
  margin-bottom: 0.5rem;
}
.c-activity-feed-header__actions {
  display: flex;
  min-height: 3rem;
  padding: 0.5rem 0;
  color: var(--activity-feed-header-text-color);
  border-top: 0.0625rem solid var(--activity-feed-header__actions-border-color);
  border-bottom: 0.0625rem solid var(--activity-feed-header__actions-border-color);
  align-items: center;
  justify-content: space-between;
}
.c-activity-feed-header--add-comment-visible {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.c-form {
  width: 100%;
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* 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(--color-primary-900);
}
.c-form *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
.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(--color-error-100);
  cursor: pointer;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-error-600);
  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(--color-error-900), 0.2);
  border-color: var(--color-error-100);
}
.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(--color-error-100);
  cursor: pointer;
  background-color: var(--color-error-600);
  border: 0;
  outline: none;
}
.c-form__error-list-trigger-button:hover, .c-form__error-list-trigger-button:focus {
  background-color: var(--color-error-900);
  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(--color-error-100);
}
.c-form__error-list-header {
  padding: 1rem 0;
  color: var(--color-error-100);
  background-color: var(--color-error-600);
}
.c-form__error-list-error {
  display: flex;
  padding: 1rem 0 0.875rem;
  color: var(--color-error-100);
  flex-direction: row;
  align-items: center;
  background-color: var(--color-error-900);
}
.c-form__error-list-error:not(:first-child) {
  border-top: 1px solid var(--color-error-600);
}
.c-form__error-list-error .l-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.c-form__error-list-error .c-form__error-list-error-label {
  margin-right: 0.5rem;
}
.c-select-option {
  --select-option-bg-color: var(--color-primary-800);
  --select-option__label-text-color: var(--color-white);
  --select-option__details-text-color: var(--color-secondary-200);
  --select-option__highlight-color: transparent;
}
.c-select-option:not(.c-select-option--disabled).h-hover, .c-select-option:not(.c-select-option--disabled):hover {
  --select-option-bg-color: var(--color-primary-700);
}
.c-select-option.c-select-option--selected {
  --select-option-bg-color: var(--color-primary-700);
  --select-option__highlight-color: var(--color-primary-200);
}
.c-select-option.c-select-option--disabled {
  --select-option__label-text-color: var(--color-secondary-600);
  --select-option__details-text-color: var(--color-secondary-600);
}
.c-select-option.c-select-option--admin {
  --select-option-bg-color: var(--color-admin-800);
}
.c-select-option.c-select-option--admin:not(.c-select-option--disabled).h-hover, .c-select-option.c-select-option--admin:not(.c-select-option--disabled):hover {
  --select-option-bg-color: var(--color-admin-700);
}
.c-select-option.c-select-option--admin.c-select-option--selected {
  --select-option-bg-color: var(--color-admin-700);
  --select-option__highlight-color: var(--color-admin-200);
}

.c-select-option {
  position: relative;
  display: flex;
  height: 3rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  background-color: var(--select-option-bg-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-select-option.h-focus, .c-select-option.focus-visible, .c-select-option:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-select-option::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--select-option__highlight-color);
  transition: background 0.2s ease-in-out;
  will-change: background;
}
.c-select-option--disabled {
  cursor: not-allowed;
}
.c-select-option > * + * {
  margin-left: 0.5rem;
}
.c-select-option__icon {
  font-size: 1.5rem;
  color: var(--select-option__text-color);
}
.c-select-option__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.c-select-option__label {
  color: var(--select-option__label-text-color);
}
.c-select-option__details {
  color: var(--select-option__details-text-color);
}
.c-select-option__checkmark {
  font-size: 1.5rem;
  color: var(--select-option__highlight-color);
}
.c-select-trigger {
  --select-trigger-content-color: var(--color-white);
  --select-trigger-label-color: var(--color-secondary-200);
  --select-trigger-bg-color: var(--color-primary-700);
  --select-trigger-border-color: transparent;
  --select-trigger-arrow-color: var(--color-primary-200);
  --select-trigger-icon-color: var(--color-white);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled):hover, .c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled).h-hover {
  --select-trigger-border-color: var(--color-primary-400);
}
.c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled):hover:not(.c-select__trigger--has-selected-value), .c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled).h-hover:not(.c-select__trigger--has-selected-value) {
  --select-trigger-border-color: var(--color-primary-400);
  --select-trigger-bg-color: var(--color-primary-700);
}
.c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled):hover.c-select-trigger--highlighted.c-select__trigger--has-selected-value, .c-select-trigger:not(.c-select-trigger--admin):not(.c-select-trigger.h-focus):not(.c-select-trigger:focus-visible):not(.c-select-trigger--disabled).h-hover.c-select-trigger--highlighted.c-select__trigger--has-selected-value {
  --select-trigger-border-color: var(--color-highlight-400);
  --select-trigger-bg-color: rgba(var(--color-highlight-800--string), 0.5);
}
.c-select-trigger.c-select-trigger--disabled {
  --select-trigger-content-color: var(--color-secondary-600);
  --select-trigger-label-color: var(--color-secondary-600);
  --select-trigger-bg-color: var(--color-primary-800);
  --select-trigger-arrow-color: var(--color-secondary-600);
  --select-trigger-icon-color: var(--color-secondary-600);
}
.c-select-trigger.c-select-trigger--highlighted.c-select__trigger--has-selected-value {
  --select-trigger-border-color: var(--color-highlight-400);
  --select-trigger-bg-color: rgba(var(--color-highlight-800--string), 0.25);
}
.c-select-trigger.c-select-trigger--admin {
  --select-trigger-bg-color: var(--color-admin-700);
  --select-trigger-arrow-color: var(--color-white);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-select-trigger.c-select-trigger--admin.c-select-trigger--disabled {
  --select-trigger-bg-color: var(--color-admin-800);
  --select-trigger-arrow-color: var(--color-secondary-800);
}
.c-select-trigger.c-select-trigger--admin.c-select__trigger--has-selected-value {
  --select-trigger-border-color: var(--color-admin-200);
}
.c-select-trigger.c-select-trigger--admin .c-avatar {
  --avatar-border-color: var(--color-admin-200);
}
.c-select-trigger.c-select-trigger--admin:not(.c-select-trigger.c-select-trigger--admin.h-focus):not(.c-select-trigger.c-select-trigger--admin:focus-visible):not(.c-select-trigger--disabled):hover, .c-select-trigger.c-select-trigger--admin:not(.c-select-trigger.c-select-trigger--admin.h-focus):not(.c-select-trigger.c-select-trigger--admin:focus-visible):not(.c-select-trigger--disabled).h-hover {
  --select-trigger-border-color: var(--color-admin-200);
}
.c-select-trigger__helper-message {
  --select-trigger-helper-color: var(--color-secondary-200);
}
.c-select-trigger__helper-message--disabled {
  --select-trigger-helper-color: var(--color-secondary-600);
}

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

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

.c-activity-skeleton-loader {
  background-color: var(--activity-skeleton-loader-bg-color);
}
.c-activity-skeleton-loader__header {
  display: flex;
  padding: 1rem;
  border-bottom: 1px solid var(--activity-skeleton-loader__header-border-color);
}
.c-activity-skeleton-loader__metadata {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
}
.c-activity-skeleton-loader__avatar {
  margin-right: 1rem;
}
.c-activity-skeleton-loader__username {
  max-width: 7rem;
}
.c-activity-skeleton-loader__date {
  max-width: 3.5rem;
}
.c-activity-skeleton-loader__content {
  display: flex;
  width: 100%;
  padding: 1rem;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-activity-skeleton-loader__content {
    padding-right: 4.375rem;
    padding-left: 5rem;
  }
}
.c-admin-settings-issue-category-modal .c-admin-settings-form-section:first-child {
  padding-top: 0;
}
.c-admin-settings-edit-section__header {
  display: flex;
  margin: 1.5rem 0 1rem 0;
}
.c-admin-settings-edit-section__header-text {
  margin-top: 0.5rem;
}
@media (max-width: 46.24em) {
  .c-admin-settings-edit-section__header .c-text-input {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-edit-section__header .c-text-input {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 23rem;
    margin-left: 1rem;
  }
}
.c-admin-settings-edit-section__header .c-text-input__label {
  line-height: 1.125rem;
}
.c-admin-settings-edit-section__header .c-text-input .c-icon {
  font-size: 1rem;
}
@media (max-width: 46.24em) {
  .c-admin-settings-edit-section__header {
    margin-top: 0.5rem;
    flex-direction: column;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-edit-section__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.c-admin-settings-edit-section--without-footer {
  margin-bottom: 5rem;
}
.c-admin-settings-edit-section .c-table__header {
  border-radius: var(--border-radius--small);
}
.c-admin-settings-edit-section__footer-filler {
  height: 4rem;
}
.c-admin-settings-form-section {
  position: relative;
  padding: 2rem 0;
}
.c-admin-settings-form-section::after {
  position: absolute;
  right: -1rem;
  bottom: 0;
  left: -1rem;
  display: block;
  content: "";
  border-top: 1px solid var(--color-primary-700);
}
@media (min-width: 46.25em) {
  .c-admin-settings-form-section::after {
    right: -3rem;
    left: -3rem;
  }
}
.c-admin-settings-form-section > * + * {
  margin-top: 0.5rem;
}
.c-admin-settings-form-section__list {
  padding-left: 1rem;
  list-style-type: disc;
}
.c-admin-settings-form-section__list > * + * {
  margin-top: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-admin-settings-form-section.c-admin-settings-form-section--horizontal {
    display: flex;
    justify-content: space-between;
  }
}
.c-admin-settings-form-section__header > * + * {
  margin-top: 0.5rem;
}
.c-admin-settings-form-section__description > * + * {
  margin-top: 0.5rem;
}
.c-admin-settings-group-modal__field {
  position: relative;
  padding-bottom: 2rem;
}
.c-admin-settings-group-modal__field::after {
  position: absolute;
  right: -3rem;
  bottom: 0;
  left: -3rem;
  display: block;
  content: "";
  border-top: 1px solid var(--color-primary-700);
}
.c-admin-settings-group-modal__field + .c-admin-settings-group-modal__field {
  padding-top: 2rem;
}
.c-admin-settings-group-modal__field-label {
  margin-bottom: 0.25rem;
}
.c-admin-settings-group-modal__field-description {
  display: flex;
  margin-bottom: 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.c-admin-settings-group-modal__delete {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-bullet {
  --bullet-color: var(--color-white);
}
.c-bullet--small {
  --bullet-size: 4px;
}
.c-bullet--medium {
  --bullet-size: 8px;
}
.c-bullet.c-bullet--palette-group-role-admin {
  --bullet-color: var(--color-role-administrator);
}
.c-bullet.c-bullet--palette-group-role-project-manager {
  --bullet-color: var(--color-role-project-manager);
}
.c-bullet.c-bullet--palette-group-role-moderator {
  --bullet-color: var(--color-role-moderator);
}
.c-bullet.c-bullet--palette-group-role-viewer {
  --bullet-color: var(--color-role-viewer);
}
.c-bullet.c-bullet--palette-group-role-user {
  --bullet-color: var(--color-white);
}
.c-bullet.c-bullet--palette-environment-status-open {
  --bullet-color: var(--color-success);
}
.c-bullet.c-bullet--palette-environment-status-ready {
  --bullet-color: var(--color-warning);
}
.c-bullet.c-bullet--palette-environment-status-closed {
  --bullet-color: var(--color-error-100);
}
.c-bullet.c-bullet--palette-platform-status-active {
  --bullet-color: var(--color-success);
}
.c-bullet.c-bullet--palette-platform-status-inactive {
  --bullet-color: var(--color-error-100);
}

.c-bullet {
  display: inline-block;
  width: var(--bullet-size);
  height: var(--bullet-size);
  background-color: var(--bullet-color);
  border-radius: 50%;
  flex: none;
}
.c-modal-group-info .c-table__header {
  border-radius: var(--border-radius--small);
}
.c-modal-group-info__legend {
  margin-bottom: 1.5rem;
  color: var(--color-white);
}
.c-modal-group-info__legend-title {
  margin-bottom: 0.5rem;
}
.c-modal-group-info__legend-items {
  display: flex;
  flex-direction: column;
}
@media (min-width: 46.25em) {
  .c-modal-group-info__legend-items {
    flex-direction: row;
    gap: 8rem;
  }
}
.c-modal-group-members {
  --modal-group-members__divider-color: var(--color-primary-700);
  --modal-group-members__available-members-section-bg-color: var(--color-primary-800);
}

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

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

.c-platforms-software-configurations {
  padding: 1.5rem 2rem 2rem 2rem;
  margin: 1rem 0 2rem 0;
  color: var(--platforms-software-configurations-text-color);
  background-color: var(--platforms-software-configurations-bg-color);
  border-radius: var(--border-radius--small);
}
.c-platforms-software-configurations__warning {
  margin-top: 1rem;
}
.c-platforms-software-configurations__name {
  margin-bottom: 1rem;
}
.c-platforms-software-configurations__row {
  display: flex;
  min-height: 4.5rem;
  flex-direction: row;
  border-top: 1px solid var(--platforms-software-configurations-border-color);
  flex-wrap: wrap;
  align-items: center;
}
.c-platforms-software-configurations__row:last-of-type {
  border-bottom: 1px solid var(--platforms-software-configurations-border-color);
}
.c-platforms-software-configurations__row-title, .c-platforms-software-configurations__row-action {
  flex: none;
}
.c-platforms-software-configurations__row-cell {
  display: flex;
  flex-direction: row;
  flex: auto;
  align-items: center;
  justify-content: flex-start;
}
.c-platforms-software-configurations__row-cell .c-help-button {
  margin-left: 0.5rem;
}
.c-platforms-software-configurations__row-cell .c-bullet {
  margin-right: 0.25rem;
}
.c-platforms-software-configurations__row-title {
  min-width: 12.5rem;
}
.c-platforms-software-configurations__modal-statuses {
  padding-left: 1.5rem;
  list-style: disc;
}
.c-project-operational-requirements-summary {
  --project-operational-requirements-summary__row-border-color: var(--color-primary-700);
  --project-operational-requirements-summary__description-color: var(--color-secondary-200);
}
.c-project-operational-requirements-summary__status--pass {
  --project-operational-requirements-summary__status-bg-color: rgba(var(--color-success--string), 0.2);
  --project-operational-requirements-summary__status-color: var(--color-success);
}
.c-project-operational-requirements-summary__status--warning {
  --project-operational-requirements-summary__status-bg-color: var(--color-warning);
  --project-operational-requirements-summary__status-color: var(--color-primary-900);
}

.c-project-operational-requirements-summary {
  padding: 0 2rem 3.5rem 2rem;
}
.c-project-operational-requirements-summary__row {
  display: flex;
  align-items: flex-start;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--project-operational-requirements-summary__row-border-color);
}
.c-project-operational-requirements-summary__cell + .c-project-operational-requirements-summary__cell {
  margin-left: 1.5rem;
}
.c-project-operational-requirements-summary__status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  color: var(--project-operational-requirements-summary__status-color);
  background-color: var(--project-operational-requirements-summary__status-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-project-operational-requirements-summary__status-icon {
  font-size: 2rem;
}
.c-project-operational-requirements-summary__description {
  color: var(--project-operational-requirements-summary__description-color);
}
.c-project-operational-requirements-summary__error-description {
  color: var(--color-warning);
}
.c-project-operational-requirements-summary__section-link {
  margin-top: 0.125rem;
}
.c-table {
  width: 100%;
}
.c-table__header {
  display: grid;
  padding: 1rem;
  background-color: var(--color-primary-700);
}
@media (min-width: 46.25em) {
  .c-table__header {
    padding: 1rem 2rem;
  }
}
.c-table__header-col {
  display: flex;
  align-items: center;
}
.c-table--empty .c-table__header-col {
  color: var(--color-secondary-500);
}
.c-table__header-col--sortable {
  cursor: pointer;
}
.c-table__header-col--sort-active {
  color: var(--color-white);
}
.c-table__header-col--right {
  justify-content: flex-end;
}
.c-table__header-col--center {
  justify-content: center;
}
.c-table__header-col--left {
  justify-content: flex-start;
}
.c-table__header .c-icon--asc {
  transform: rotate(180deg);
}
.c-table__header .c-help-button {
  margin-left: 0.5rem;
  color: var(--color-admin-100);
  background-color: var(--color-primary-600);
  border: 0;
}
.c-table__row {
  padding: var(--spacing-6) var(--spacing-8);
}
@media (min-width: 46.25em) {
  .c-table__row {
    display: grid;
  }
}
.c-table__row + .c-table__row {
  border-top: 1px solid var(--color-primary-700);
}
.c-table__row--top {
  align-items: start;
}
.c-table__row--center {
  align-items: center;
}
.c-table__row--bottom {
  align-items: end;
}
.c-table__row-cell {
  display: flex;
  word-break: break-word;
}
@media (min-width: 46.25em) {
  .c-table__row-cell {
    margin-right: 0.5rem;
  }
}
.c-table__row-cell:last-child {
  margin-right: 0;
}
.c-table__row-cell--center {
  justify-content: center;
}
.c-table__row-cell--right {
  justify-content: flex-end;
}
.c-table__row-cell--left {
  justify-content: flex-start;
}
.c-table--empty .c-table__body {
  padding: 2rem 0;
  color: var(--color-secondary-500);
  text-align: center;
}
.c-project-roles {
  --project-roles-border-color: var(--color-secondary-600);
  --project-roles-text-color: var(--color-secondary-200);
}
.c-project-roles .c-author .c-avatar {
  --avatar-border-color: var(--color-admin-300);
}

.c-project-roles {
  margin-top: 2rem;
}
@media (min-width: 46.25em) {
  .c-project-roles__data-table .c-table__header,
.c-project-roles__data-table .c-table__row {
    grid-template-columns: 13.5rem 1fr;
  }
}
.c-project-roles__data-table-groups-cell .c-chip {
  margin: 0 0.5rem 0.25rem 0;
}
.c-project-settings {
  --project-settings-border-color: var(--color-secondary-600);
  --project-settings-text-color: var(--color-secondary-200);
}

.c-project-settings {
  padding: 0 2rem 2rem 2rem;
}
.c-project-settings__row {
  display: grid;
  grid-column-gap: var(--spacing-4);
  align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--project-settings-border-color);
  grid-template-columns: 6.25rem 1fr;
  grid-template-rows: 1fr;
}
@media (min-width: 46.25em) {
  .c-project-settings__row {
    padding: var(--spacing-5) var(--spacing-5) var(--spacing-5) 0;
    grid-template-columns: 8.75rem 1fr;
  }
}
.c-project-settings__row--project-icon-image {
  max-width: 3.125rem;
  max-height: 3.125rem;
}
.c-project-settings__cell {
  display: flex;
  justify-content: space-between;
  color: var(--project-settings-text-color);
  align-items: center;
}
.c-project-settings__title {
  display: flex;
  align-items: center;
  height: 100%;
  align-self: flex-start;
}
.c-project-settings__title--project-icon {
  align-self: unset;
}
.c-project-settings__project-visibility {
  margin-left: 0.5rem;
}
.c-project-settings__group-list .c-chip {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.c-project-team-profile-settings {
  --project-team-profile-settings-border-color: var(--color-secondary-600);
  --project-team-profile-settings-text-color: var(--color-secondary-200);
}

.c-project-team-profile-settings {
  padding: 0 var(--spacing-8) var(--spacing-8) var(--spacing-8);
}
.c-project-team-profile-settings .c-avatar__media {
  border-color: var(--color-admin-200);
}
.c-project-team-profile-settings__row {
  display: grid;
  grid-column-gap: 1rem;
  align-items: center;
  padding: var(--spacing-5) 0;
  border-bottom: 1px solid var(--project-team-profile-settings-border-color);
  grid-template-rows: 1fr;
}
@media (min-width: 46.25em) {
  .c-project-team-profile-settings__row {
    padding: var(--spacing-5) var(--spacing-5) var(--spacing-5) 0;
    grid-template-columns: 8.75rem 1fr;
  }
}
@media (max-width: 46.24em) {
  .c-project-team-profile-settings__row--organization-icon {
    grid-template-columns: 6.25rem 1fr;
    grid-row-gap: 0.5rem;
  }
}
@media (max-width: 46.24em) {
  .c-project-team-profile-settings__row--organization-name {
    grid-template-columns: 6.25rem 1fr;
  }
}
.c-project-team-profile-settings__cell {
  display: flex;
  justify-content: space-between;
  color: var(--project-team-profile-settings-text-color);
  align-items: center;
}
.c-project-team-profile-settings__title {
  align-self: flex-start;
  display: flex;
  height: 100%;
  align-items: center;
}
.c-admin-settings-schedule__section {
  position: relative;
}
.c-admin-settings-schedule__section + .c-admin-settings-schedule__section {
  padding-top: 1.5rem;
  margin-top: 2.5rem;
}
.c-admin-settings-schedule__section + .c-admin-settings-schedule__section::before {
  position: absolute;
  top: 0;
  right: -1rem;
  left: -1rem;
  display: block;
  content: "";
  border-top: 1px solid var(--color-primary-700);
}
@media (min-width: 46.25em) {
  .c-admin-settings-schedule__section + .c-admin-settings-schedule__section::before {
    right: -3rem;
    left: -3rem;
  }
}
.c-admin-settings-schedule__section-content {
  margin-top: 1.5rem;
}
.c-admin-settings-schedule__section .c-error-message {
  margin-top: 0.5rem;
}
.c-admin-settings-status-tag {
  padding: var(--spacing-1) var(--spacing-2);
  border: 0.0625rem solid var(--color-primary-500);
  border-radius: var(--border-radius--small);
}
.c-table-content {
  display: flex;
}
.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 .c-help-button {
  margin-left: 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 > * + * {
  margin-left: 0.25rem;
}
.c-table-content--action .c-table-content__success {
  display: flex;
  color: var(--color-success);
}

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

.c-table-content--bullet::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.25rem;
  content: " ";
  border-radius: 0.5rem;
}
.c-table-content--bullet.c-table-content--admin::before {
  background-color: var(--color-role-administrator);
}
.c-table-content--bullet.c-table-content--project-manager::before {
  background-color: var(--color-role-project-manager);
}
.c-table-content--bullet.c-table-content--moderator::before {
  background-color: var(--color-role-moderator);
}
.c-table-content--bullet.c-table-content--viewer::before {
  background-color: var(--color-role-viewer);
}
.c-table-content--bullet.c-table-content--user::before {
  background-color: var(--color-role-none);
}
.c-table-content--bullet.c-table-content--open::before, .c-table-content--bullet.c-table-content--active::before {
  background-color: var(--color-success);
}
.c-table-content--bullet.c-table-content--ready::before {
  background-color: var(--color-warning);
}
.c-table-content--bullet.c-table-content--closed::before, .c-table-content--bullet.c-table-content--inactive::before, .c-table-content--bullet.c-table-content--expired::before, .c-table-content--bullet.c-table-content--invalid::before {
  background-color: var(--color-error-100);
}

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

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

.c-table-content--releases {
  flex-wrap: wrap;
}
.c-table-content--releases .c-table-content--action {
  padding: 0.125rem 0;
  margin-left: 0.25rem;
}
@media (max-width: 46.24em) {
  .c-table-content--releases .c-table-content--action {
    margin-top: 0.25rem;
  }
  .c-table-content--releases .c-table-content--action .c-link-button {
    margin-left: 0;
  }
}
.c-table-content--releases .c-table-content--column .c-table-content--action {
  margin-left: 0;
}
.c-table-content--releases .c-table-content__release-details {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.c-table-content--releases .c-table-content__current-version-info {
  height: 100%;
}
.c-table-content--releases .c-table-content__current-version-info .c-link-button {
  min-width: 1rem;
}
.c-table-content--releases .c-table-content__current-version-info .c-help-button {
  flex-shrink: 0;
}
.c-table-content--releases .c-table-content__release {
  display: inline-flex;
  float: left;
  padding: 0.125rem 0.25rem;
  margin-right: 0.5rem;
}
@media (max-width: 46.24em) {
  .c-table-content--releases .c-table-content__release {
    margin-top: 0.5rem;
  }
}
.c-table-content--releases .c-table-content__release--reset {
  clear: left;
}
.c-table-content--releases .c-table-content__release-footer {
  display: flex;
  float: left;
  align-items: baseline;
}
.c-table-content--releases .c-table-content__release-warning {
  color: var(--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--label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.c-table-content--label .c-table-content--action {
  margin-left: 0.5rem;
}
@media (max-width: 46.24em) {
  .c-table-content--label.c-table-content--column {
    flex-direction: row;
    align-items: center;
  }
}
.c-table-admin-settings--issue-categories .c-table__header,
.c-table-admin-settings--issue-categories .c-table__row {
  position: relative;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--issue-categories .c-table__header,
.c-table-admin-settings--issue-categories .c-table__row {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
}
.c-table-admin-settings--issue-categories .c-table-content--label {
  display: flex;
  color: var(--color-white);
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.c-table-admin-settings--environments .c-table__header,
.c-table-admin-settings--environments .c-table__row {
  position: relative;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--environments .c-table__header,
.c-table-admin-settings--environments .c-table__row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
.c-table-admin-settings--environments .c-table__row::before {
  position: absolute;
  left: 0;
  display: block;
  height: 100%;
  content: "";
  border-left: 0.25rem solid transparent;
}
.c-table-admin-settings--environments .c-table__row-cell:first-child .c-table-content--action {
  margin-left: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--environments .c-table__row-cell:first-child .c-table-content--action {
    margin-left: 0;
  }
}
.c-table-admin-settings--environments .c-table__row--open::before {
  border-left: 0.25rem solid var(--color-success);
}
.c-table-admin-settings--environments .c-table__row--ready {
  border-left: 0.25rem solid var(--color-warning);
}
.c-table-admin-settings--environments .c-table__row--closed {
  border-left: 0.25rem solid var(--color-error-100);
}
@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__row--header {
  font-weight: 700;
  color: var(--color-white);
  text-transform: uppercase;
  background-color: rgba(var(--color-primary-600--string), 0.9);
}
.c-table-settings--group-info .c-table-content--info {
  margin-left: 0;
}
@media (min-width: 46.25em) {
  .c-table-settings--group-members .c-table__header,
.c-table-settings--group-members .c-table__row {
    grid-template-columns: 5fr 1fr;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--groups .c-table__header,
.c-table-admin-settings--groups .c-table__row {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
}
.c-table-admin-settings--invitation {
  --admin-settings-invitation__url-text-color: var(--color-secondary-500);
  --admin-settings-invitation__status-details-text-color: var(--color-secondary-500);
}

.c-table-admin-settings--invitation .c-table-content__url {
  color: var(--admin-settings-invitation__url-text-color);
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-word;
}
.c-table-admin-settings--invitation .c-table-content__status-details {
  color: var(--admin-settings-invitation__status-details-text-color);
}
.c-table-admin-settings--invitation .c-table-content__status-warning {
  margin-left: 0.25rem;
  color: var(--color-warning);
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--invitation .c-table__header,
.c-table-admin-settings--invitation .c-table__row {
    grid-template-columns: 2fr 2fr 2fr 2fr 1fr;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-environments .c-table__header,
.c-table-admin-settings--manage-environments .c-table__row {
    grid-template-columns: 1fr 6.625rem;
  }
}
.c-table-admin-settings--manage-environments .c-table__header-cell,
.c-table-admin-settings--manage-environments .c-table__row-cell {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-table__header,
.c-table-admin-settings--manage-environments.c-table-environment-current-releases .c-table__row {
    grid-template-columns: 1fr 13.25rem 6.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-environments.c-table-environment-current-releases--change-current-disabled .c-table__header,
.c-table-admin-settings--manage-environments.c-table-environment-current-releases--change-current-disabled .c-table__row {
    grid-template-columns: 1fr 6.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-releases .c-table__header,
.c-table-admin-settings--manage-releases .c-table__row {
    grid-template-columns: 1fr 6.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--manage-user-groups .c-table__header,
.c-table-admin-settings--manage-user-groups .c-table__row {
    grid-template-columns: 13.5rem 1fr 3.625rem;
  }
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--releases .c-table__header,
.c-table-admin-settings--releases .c-table__row {
    grid-template-columns: 2fr 3fr;
  }
}
.c-list {
  display: flex;
  padding-left: var(--spacing-4);
  list-style-type: disc;
  flex-direction: column;
  gap: var(--spacing-1);
}
.c-list > .c-list {
  padding-left: var(--spacing-6);
}
.c-list--ordered {
  list-style-type: decimal;
}
.c-list--ordered > .c-list--ordered {
  list-style-type: lower-latin;
}
.c-list-item {
  padding-left: 0;
}
.c-table-admin-settings--system-configurations {
  --table-admin-settings-system-configurations__primary-column-color: var(--color-white);
  --table-admin-settings-system-configurations__secondary-column-color: var(--color-secondary-200);
  --table-admin-settings-system-configurations__border-color: var(--color-primary-700);
}

.c-table-admin-settings--system-configurations .c-table__header,
.c-table-admin-settings--system-configurations .c-table__row {
  position: relative;
}
@media (min-width: 46.25em) {
  .c-table-admin-settings--system-configurations .c-table__header,
.c-table-admin-settings--system-configurations .c-table__row {
    grid-template-columns: 2fr 3fr 1fr 1fr;
  }
}
.c-table-admin-settings--system-configurations .c-table__row:last-child {
  border-bottom: 1px solid var(--table-admin-settings-system-configurations__border-color);
}
.c-table-admin-settings--system-configurations .c-table-content__column--primary {
  color: var(--table-admin-settings-system-configurations__primary-column-color);
}
.c-table-admin-settings--system-configurations .c-table-content__column--secondary {
  color: var(--table-admin-settings-system-configurations__secondary-column-color);
}
.c-table-admin-settings--system-configurations .c-table-content__system-configuration-options {
  list-style-type: disc;
}
.c-table-admin-settings--system-configurations .c-table-content__system-configuration-summary, .c-table-admin-settings--system-configurations .c-table-content__system-configuration-mandatory {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c-table-admin-settings--system-configurations .c-table-content__system-configuration-summary .c-icon, .c-table-admin-settings--system-configurations .c-table-content__system-configuration-mandatory .c-icon {
  margin-right: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-table-settings--users .c-table__header,
.c-table-settings--users .c-table__row {
    grid-template-columns: 2fr 2fr 2fr 1fr 1fr;
  }
}
@media (max-width: 46.24em) {
  .c-admin-settings-title-section {
    margin: 1.5rem 0;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section {
    margin: 2rem 0;
  }
}
.c-admin-settings-title-section__title {
  display: flex;
  flex-direction: column;
}
.c-admin-settings-title-section__title .c-admin-settings-title-section__title-sup {
  color: var(--color-admin-100);
}
.c-admin-settings-title-section__wrapper {
  background-color: var(--color-primary-800);
  border-radius: var(--border-radius--small);
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__wrapper {
    margin-top: 1rem;
  }
}
.c-admin-settings-title-section__header {
  display: flex;
}
@media (max-width: 46.24em) {
  .c-admin-settings-title-section__header {
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .c-admin-settings-title-section__header .c-button {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__header {
    padding: 1.5rem 2rem;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .c-admin-settings-title-section__header .c-button {
    margin-left: 1rem;
    flex-shrink: 0;
  }
}
.c-admin-settings-title-section__header-text {
  margin-top: 0.5rem;
  color: var(--color-secondary-200);
}
.c-admin-settings-title-section__messages-wrapper {
  padding: 0 1rem;
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__messages-wrapper {
    padding: 0 1.5rem;
  }
}
.c-admin-settings-title-section__message {
  margin-bottom: 1rem;
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__message {
    margin-bottom: 2rem;
  }
}
.c-admin-settings-title-section__filters {
  position: relative;
  border-top: 1px solid var(--color-primary-700);
}
@media (max-width: 46.24em) {
  .c-admin-settings-title-section__filters {
    display: flex;
    padding: 1rem;
    flex-direction: column;
  }
  .c-admin-settings-title-section__filters > * + * {
    margin-top: 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__filters:has(.c-dropdown-trigger):has(.c-text-input) .c-dropdown-trigger {
    width: 50%;
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__filters:has(.c-dropdown-trigger):has(.c-text-input) .c-text-input {
    position: absolute;
    top: var(--spacing-6);
    right: var(--spacing-4);
    width: calc(50% - var(--spacing-8));
  }
}
@media (min-width: 46.25em) {
  .c-admin-settings-title-section__filters {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 2rem;
    padding: 1.5rem 2rem;
  }
}
.c-admin-settings-title-section__footer-filler {
  height: 4rem;
  background-color: var(--color-primary-800);
  border-top: 1px solid var(--color-primary-700);
}
.c-divider {
  --divider-color: var(--color-primary-500);
}
.c-divider--light {
  --divider-color: var(--color-primary-500);
}
.c-divider--dark {
  --divider-color: var(--color-primary-600);
}
.c-divider--white {
  --divider-color: var(--color-white);
}
.c-divider--archived {
  --divider-color: var(--color-secondary-600);
}
.c-divider--fixed {
  --divider-color: var(--color-tertiary-600);
}
.c-divider.c-divider--neutral {
  --divider-color: var(--color-primary-500);
}

.c-divider {
  width: 100%;
  height: 0.0625rem;
  margin: 0;
  background-color: var(--divider-color);
  border: 0;
}
.c-divider--vertical {
  width: 0.0625rem;
  height: 100%;
}
.c-announcement {
  --announcement-border-color: var(--color-primary-600);
  --announcement-text-color: var(--color-primary-100);
  --announcement-icon-color: var(--color-primary-100);
}
.c-announcement.c-announcement--archived {
  --announcement-border-color: var(--color-secondary-600);
  --announcement-text-color: var(--color-secondary-100);
  --announcement-icon-color: var(--color-secondary-100);
}
.c-announcement.c-announcement--fixed {
  --announcement-border-color: var(--color-tertiary-600);
  --announcement-text-color: var(--color-tertiary-100);
  --announcement-icon-color: var(--color-tertiary-100);
}

.c-announcement {
  width: 100%;
}
.c-announcement__title, .c-announcement__text {
  color: var(--announcement-text-color);
}
.c-announcement__icon {
  color: var(--announcement-icon-color);
}
.c-autocomplete {
  position: relative;
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* 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(--color-black--string), 0.4);
}
.c-autocomplete__dropdown {
  overflow-y: auto;
  background-color: var(--autocomplete__dropdown-bg-color);
}
.c-autocomplete__dropdown .c-dropdown-list-item:not(.c-autocomplete__dropdown-item--readonly):hover {
  background-color: var(--autocomplete__dropdown__item-bg-color);
}
.c-autocomplete__dropdown-item {
  height: 56px;
}
.c-autocomplete__dropdown-item--highlighted {
  background-color: var(--autocomplete__dropdown__item--highlighted-bg-color);
}
.c-autocomplete__search-icon {
  font-size: 1.25rem;
}
.c-autocomplete__modal {
  --input-color__field: transparent;
}
.c-autocomplete__modal .c-text-input__left-overlay {
  top: 50%;
  left: 1rem;
  color: var(--autocomplete__modal__input__left-overlay-text-color);
  transform: translateY(-50%);
}
.c-autocomplete__modal .c-modal__header {
  padding: 0;
  background-color: transparent;
}
.c-autocomplete__modal .c-modal__header .l-container {
  padding: 0;
}
.c-autocomplete__modal .c-modal__body {
  padding: 0;
}
.c-autocomplete__modal .c-dropdown-list-item {
  background-color: var(--autocomplete__dropdown-list__item--highlighted-bg-color);
}
.c-autocomplete *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-autocomplete *::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-autocomplete *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
.c-autocomplete__delete-field {
  position: absolute;
  top: 50%;
  right: -2rem;
  font-size: 1.5rem;
  color: var(--autocomplete__deleted-field-text-color);
  cursor: pointer;
  transform: translateY(-50%);
}
.c-autocomplete__modal .c-autocomplete__delete-field {
  display: none;
}
.c-autocomplete__delete-field:hover {
  color: var(--autocomplete__deleted-field-text-color--hover);
}
.c-autocomplete {
  --autocomplete__dropdown-bg-color: var(--color-primary-600);
  --autocomplete__dropdown__item--hover-bg-color: var(--color-primary-500);
  --autocomplete__dropdown__item--highlighted-bg-color: var(--color-primary-500);
  --autocomplete__dropdown-list__item--highlighted-bg-color: var(--color-primary-600);
  --autocomplete__deleted-field-text-color: var(--color-primary-100);
  --autocomplete__deleted-field-text-color--hover: var(--color-white);
}
.c-avatar-count {
  --avatar-count-text-color: var(--color-primary-100);
  --avatar-count-bg-color: var(--color-primary-800);
  --avatar-count-border-color: var(--color-primary-300);
  --avatar-count-border-width: 0.0625rem;
}

.c-avatar-count {
  position: relative;
  padding: var(--spacing-0) var(--spacing-1);
  color: var(--avatar-count-text-color);
  background-color: var(--avatar-count-bg-color);
  border-color: var(--avatar-count-border-color);
  border-style: solid;
  border-width: var(--avatar-count-border-width);
  border-radius: var(--border-radius--large);
}
.c-avatar-count--xsmall {
  padding: var(--spacing-0) var(--spacing-1);
}
.c-avatar-count--small {
  padding: var(--spacing-2) var(--spacing-3);
}
.c-avatar-count--avatar-list {
  margin-left: -0.25rem;
}
.c-avatar-list {
  display: flex;
  align-items: flex-end;
}
.c-avatar-list__item {
  margin-left: -0.5rem;
}
.c-avatar-list__item .c-avatar:not(.c-avatar--icon) {
  border-width: 0.0625rem;
}
.c-avatar-list__item:first-of-type {
  margin-left: 0;
}
.c-badges__item {
  --badge-bg-color: var(--color-primary-50);
  --badge-text-color: var(--color-primary-900);
}
.c-badges__item--highlighted {
  --badge-bg-color: var(--color-highlight-100);
}

.c-badges {
  position: relative;
  display: inline-flex;
}
.c-badges__item {
  position: absolute;
  z-index: 1;
  display: flex;
  padding: var(--spacing-0) 0.3125rem;
  color: var(--badge-text-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--badge-bg-color);
  border-radius: var(--spacing-2);
  align-items: center;
}
.c-badges__item--top-right {
  top: -0.375rem;
  right: -0.375rem;
}
.c-badges__item--top-left {
  top: -0.375rem;
  left: -0.375rem;
}
.c-badges__item--bottom-right {
  right: -0.375rem;
  bottom: -0.375rem;
}
.c-badges__item--bottom-left {
  bottom: -0.375rem;
  left: -0.375rem;
}
.c-banner {
  --banner--default-bg-color: transparent;
}

.c-banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  width: 100%;
  max-width: 100vw;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}
.c-banner--default {
  background-color: var(--banner--default-bg-color);
}
.c-banner img {
  max-width: unset;
}
.c-banner__media {
  position: relative;
}
@media (max-width: 46.24em) {
  .c-banner__media {
    width: 100%;
  }
}
@media (min-width: 46.25em) {
  .c-banner {
    height: 29.5rem;
  }
  .c-banner .c-banner {
    height: 27.5rem;
  }
  .c-banner__media {
    position: relative;
    width: auto;
    height: 100%;
  }
  .c-banner--issue-form {
    height: 17.5rem;
  }
}
.c-branded-layout {
  display: flex;
  padding-top: 3rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 46.25em) {
  .c-branded-layout {
    padding-top: 5rem;
  }
}
.c-branded-layout__logo {
  margin-bottom: 3rem;
}
@media (min-width: 46.25em) {
  .c-branded-layout__logo {
    margin-bottom: 5rem;
  }
}
.c-bubble {
  --bubble-text-color: var(--color-primary-800);
  --bubble-bg-color: var(--color-primary-400);
}
.c-bubble.c-bubble--neutral {
  --bubble-text-color: var(--color-primary-900);
  --bubble-bg-color: var(--color-primary-200);
}
.c-bubble.c-bubble--staff {
  --bubble-text-color: var(--color-primary-900);
  --bubble-bg-color: var(--color-role-staff);
}
.c-bubble.c-bubble--fixed {
  --bubble-bg-color: var(--color-tertiary-100);
}

.c-bubble {
  position: relative;
  display: inline-flex;
  padding: 0 var(--spacing-1);
  color: var(--bubble-text-color);
  background-color: var(--bubble-bg-color);
  border-radius: var(--border-radius--small);
}
.c-bubble__label {
  position: relative;
  z-index: 1;
}
.c-bubble__arrow {
  position: absolute;
  right: 0;
  bottom: -0.25rem;
  z-index: 0;
  width: 0;
  height: 0;
  border-right: 0.5rem solid var(--bubble-bg-color);
  border-bottom: 0.5rem solid transparent;
  border-radius: 0 0 0.125rem 0;
}
.c-callout {
  background-color: var(--callout-bg-color);
  border-radius: var(--border-radius--small);
}
.c-callout__header {
  display: flex;
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
  color: var(--callout__header-text-color);
  border-bottom: solid 0.0625rem var(--callout__header-border-color);
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 46.25em) {
  .c-callout__header {
    padding: 1rem 1.5rem 0.5rem 1.5rem;
    border: 0;
  }
}
.c-callout__content {
  padding: 0.5rem 1.5rem 0.75rem 0.75rem;
  margin-top: 0.5rem;
  color: var(--callout__content-text-color);
}
@media (min-width: 46.25em) {
  .c-callout__content {
    padding: 0.5rem 1.5rem 1rem 1.5rem;
  }
}
.c-callout__close {
  padding: 0;
  background: none;
}
.c-callout__close .c-icon {
  font-size: 1.5rem;
  color: var(--callout__close-icon-color);
}
.c-callout {
  --callout-bg-color: var(--color-primary-700);
  --callout__header-text-color: var(--color-white);
  --callout__header-border-color: var(--color-primary-400);
  --callout__content-text-color: var(--color-secondary-200);
  --callout__close-icon-color: var(--color-primary-100);
}
@media (min-width: 46.25em) {
  .c-callout {
    --callout-bg-color: var(--color-primary-800);
  }
}
.c-checkbox {
  width: auto;
}
.c-checkbox__icon {
  display: flex;
  width: 1rem;
  height: 1rem;
  box-sizing: content-box;
  margin-right: var(--spacing-2);
  font-size: 1.125rem;
  color: var(--checkbox-icon-color);
  background-color: var(--checkbox-bg-color);
  border: 0.125rem solid var(--checkbox-border-color);
  border-radius: --border-radius--small;
  justify-content: center;
  align-items: center;
  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;
  width: 100%;
  color: var(--checkbox-label-color);
  flex-direction: row-reverse;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: flex-end;
  flex: 1;
  align-items: center;
}
.c-checkbox.c-checkbox--large .c-checkbox__icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: var(--spacing-1);
  font-size: 1.5rem;
  border-width: 0.125rem;
}
.c-checkbox {
  --checkbox-icon-color: var(--color-primary-400);
  --checkbox-bg-color: transparent;
  --checkbox-border-color: var(--color-primary-400);
  --checkbox-label-color: var(--color-white);
}
.c-checkbox.h-input--active {
  --checkbox-icon-color: var(--color-primary-200);
  --checkbox-border-color: var(--color-primary-200);
}
.c-checkbox.h-input--disabled {
  --checkbox-icon-color: var(--color-secondary-800);
  --checkbox-bg-color: var(--color-secondary-900);
  --checkbox-border-color: var(--color-secondary-800);
}
.c-checkbox.c-checkbox--admin {
  --checkbox-icon-color: var(--color-admin-500);
  --checkbox-bg-color: var(--color-admin-900);
  --checkbox-border-color: var(--color-admin-500);
  --checkbox-label-color: var(--color-admin-200);
}
.c-checkbox.c-checkbox--admin.h-input--active {
  --checkbox-icon-color: var(--color-admin-200);
  --checkbox-border-color: var(--color-admin-200);
}
.c-collapsible {
  overflow: hidden;
}
.c-collapsible__trigger-wrapper {
  display: flex;
  padding: 1rem;
  border-bottom: solid 0.0625rem var(--collapsible-border-color);
}
.c-collapsible__trigger-wrapper > * {
  width: 100%;
}
.c-collapsible__container {
  position: relative;
  overflow: hidden;
}
.c-collapsible {
  --collapsible-border-color: var(--color-primary-600);
}
.c-community-overview-header {
  --community-overview-header-border-color: var(--color-primary-600);
  --community-overview-header__title-text-color: var(--color-white);
}

.c-community-overview-header {
  display: flex;
  width: 100%;
  padding: var(--spacing-4) var(--spacing-6);
  border-bottom: 0.0625rem solid var(--community-overview-header-border-color);
}
.c-community-overview-header__title {
  display: flex;
  align-items: center;
  color: var(--community-overview-header__title-text-color);
}
.c-community-overview-header__action {
  white-space: nowrap;
}
.c-community-overview-header__action .c-button {
  padding: 0;
}
.c-community-overview-item {
  --community-overview-item-text-color: var(--color-white);
}

.c-community-overview-item {
  margin-top: var(--spacing-1);
}
@media (max-width: 46.24em) {
  .c-community-overview-item {
    width: 45%;
  }
}
@media (max-width: 46.24em) {
  .c-community-overview-item:first-of-type {
    flex: 1 100%;
  }
}
@media (min-width: 46.25em) {
  .c-community-overview-item {
    margin-top: 0;
  }
}
.c-community-overview-item__title {
  margin-bottom: var(--spacing-2);
}
.c-community-overview-item__count, .c-community-overview-item__representation {
  color: var(--community-overview-item-text-color);
}
.c-community-overview-item__representation .c-icon {
  font-size: 1.5rem;
}
.c-community-overview {
  --community-overview-bg-color: var(--color-primary-700);
}

.c-community-overview {
  display: flex;
  background-color: var(--community-overview-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-community-overview__body {
  padding: var(--spacing-6);
}
.c-switch {
  display: flex;
  gap: 8px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  -webkit-tap-highlight-color: transparent;
}
.c-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.c-switch__track {
  position: relative;
  flex: none;
  display: flex;
  width: 56px;
  height: 24px;
  padding: 4px;
  flex-direction: row;
  justify-content: space-between;
  background-color: var(--switch__track-color);
  border-radius: 16px;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.c-switch__thumb {
  width: 16px;
  height: 16px;
  background-color: var(--switch__thumb-color);
  border-radius: 50%;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  transform: translateX(0);
}
.c-switch__status {
  position: absolute;
  width: 20px;
  color: var(--switch__status-color);
  text-align: center;
  text-transform: uppercase;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}
.c-switch__status--checked {
  left: 8px;
  opacity: 0;
}
.c-switch__status--unchecked {
  right: 8px;
  opacity: 1;
}
.c-switch__label {
  flex-grow: 1;
  color: var(--switch__label-text-color);
}
.c-switch--checked .c-switch__thumb {
  transform: translateX(32px);
}
.c-switch--checked .c-switch__status--checked {
  opacity: 1;
}
.c-switch--checked .c-switch__status--unchecked {
  opacity: 0;
}
.c-switch--label-start {
  flex-direction: row-reverse;
}
.c-switch--disabled {
  cursor: not-allowed;
}

.c-switch {
  --switch__thumb-color: var(--color-primary-400);
  --switch__track-color: var(--color-primary-600);
  --switch__status-color: var(--color-white);
  --switch__label-text-color: var(--color-white);
}
.c-switch.c-switch--checked {
  --switch__thumb-color: var(--color-success);
  --switch__track-color: var(--color-primary-400);
}
.c-switch.c-switch--disabled {
  --switch__thumb-color: var(--color-secondary-400);
  --switch__track-color: var(--color-secondary-600);
  --switch__status-color: var(--color-secondary-200);
}
.c-switch.c-switch--admin {
  --switch__thumb-color: var(--color-admin-500);
  --switch__track-color: var(--color-admin-800);
}
.c-switch.c-switch--admin.c-switch--checked {
  --switch__thumb-color: var(--color-admin-200);
  --switch__track-color: var(--color-admin-500);
}
.c-switch.c-switch--admin.c-switch--disabled {
  --switch__thumb-color: var(--color-admin-700);
  --switch__track-color: var(--color-admin-900);
  --switch__status-color: var(--color-admin-600);
}
@media (min-width: 46.25em) {
  .c-contact-permissions {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 46rem;
  }
}
.c-progress-bar {
  --progress-bar__spacers-item-bg-color: var(--color-primary-600);
  --progress-bar__value-gradient-start: #543ea9;
  --progress-bar__value-gradient-end: #9989fb;
  --progress-bar-bg-color: var(--color-black);
}

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

.c-progress-indicator {
  display: block;
  width: 100%;
  height: 0.25rem;
  background-color: var(--progress-indicator-bg-color);
}
.c-progress-indicator__bar-value {
  display: block;
  min-width: 0%;
  max-width: 100%;
  height: 100%;
  background-color: var(--progress-indicator__bar-value-bg-color);
  transition: width 0.5s;
}
.c-form-with-steps-header {
  z-index: 10;
  display: flex;
  width: 100%;
  color: var(--form-with-steps-header-text-color);
  flex-direction: column;
  background-color: var(--form-with-steps-header-bg-color);
  transition: 100ms ease-in-out;
}
.c-form-with-steps-header__title {
  text-transform: uppercase;
}
.c-form-with-steps-header__container {
  display: flex;
  width: 100%;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  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: var(--spacing-4);
  line-height: 2rem;
}
.c-form-with-steps-header__cancel {
  margin-left: auto;
  color: var(--color-primary-100);
}
.c-form-with-steps-header__cancel:hover {
  color: var(--color-primary-100);
}
@media (max-width: 46.24em) {
  .c-form-with-steps-header--with-progress {
    background-color: var(--color-primary-800);
  }
  .c-form-with-steps-header__delete-icon .c-icon {
    font-size: 2rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.c-contribution-card-list__item {
  display: flex;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  border-top: 0.0625rem solid var(--contribution-card-list__item-border-color);
}
.c-contribution-card-list__item:last-child {
  border-bottom: 0.0625rem solid var(--contribution-card-list__item-border-color);
}
.c-contribution-card-list__item:hover {
  background-color: var(--contribution-card-list__item-bg-color);
}
.c-contribution-card-list__item-icon {
  margin-left: auto;
  font-size: 1.5rem;
}
@media (min-width: 46.25em) {
  .c-contribution-card-list__item-icon {
    font-size: 1rem;
  }
}
.c-sticky-title-staff {
  display: flex;
  align-items: center;
}
.c-sticky-title-staff__avatar {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.25rem;
  overflow: hidden;
  border-radius: 50%;
}
.c-sticky-title-staff__name {
  color: var(--color-white);
}
.c-contribution-card-notes-field .c-text-input textarea {
  --text-input-bg-color: var(--color-primary-800);
}

.c-contribution-card-notes-field .c-text-input textarea {
  padding: 0.5rem;
}
.c-contribution-card-notes-field .c-text-input textarea:not(:hover) {
  border-color: var(--transparent);
}
.c-contribution-card-notes-field .c-text-input__character-count {
  right: 0.5rem;
  bottom: 1rem;
  padding-right: 0;
}
.c-contribution-card-notes-field .c-icon {
  margin-right: 0.25rem;
  font-size: 1.375rem;
  color: var(--contribution-card-notes__icon-color);
}
.c-contribution-card-notes-field__header {
  display: flex;
}
.c-contribution-card-notes-field__header .c-button {
  margin-bottom: 0.5rem;
  margin-left: auto;
}
.c-contribution-card-radio-field .c-dropdown-list {
  --dropdown-list-separator-color: var(--color-primary-500);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio {
  --dropdown-list-item-radio-bg-color: var(--color-primary-700);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio:hover, .c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.h-hover {
  --dropdown-list-item-radio-bg-color: var(--color-primary-600);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio:not(.c-dropdown-list-item-radio--is-selected) {
  --dropdown-list-item-radio__highlight-color: var(--color-primary-700);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio .c-radio {
  --radio-border-color: var(--color-primary-300);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--admin .c-radio {
  --radio-border-color: var(--color-admin-300);
  --radio-shape-color: var(--color-admin-300);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected {
  --dropdown-list-item-radio-bg-color: var(--transparent);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--is-selected.c-dropdown-list-item-radio--admin .c-radio {
  --radio-border-color: var(--color-admin-200);
  --radio-shape-color: var(--color-admin-200);
}
.c-contribution-card-radio-field .c-dropdown-list .c-dropdown-list-item-radio.c-dropdown-list-item-radio--disabled {
  --dropdown-list-item-radio-bg-color: var(--color-primary-800);
}

.c-contribution-card-radio-field .c-dropdown-list-item-radio__icon {
  font-size: 2rem;
}
.c-contribution-card-release-version-field {
  --contribution-card-release-version-field__input-bg-color: var(--color-primary-800);
}

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

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

.c-contribution-card-step {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.c-contribution-card-step__body {
  flex: 1 0 auto;
}
@media (min-width: 46.25em) {
  .c-contribution-card-step__body {
    background-color: var(--contribution-card-step__body-bg-color);
  }
}
.c-contribution-card-step__body-text {
  display: flex;
  padding: 0.75rem 0;
  flex-direction: column;
  border-bottom: 0.0625rem solid var(--contribution-card-step__body-border-color);
}
.c-contribution-card-step__title {
  margin: 0 1rem;
  color: var(--contribution-card-step-text-color);
}
.c-contribution-card-step__subtitle {
  margin: 0.25rem 1rem 0 1rem;
}

.c-contribution-card-step-message {
  padding: 1rem 1rem 0;
}
.c-contribution-card-system-config-field__button {
  margin-top: 1.25rem;
}
@media (min-width: 46.25em) {
  .c-contribution-card-system-config-field__button {
    margin-top: 0;
  }
}
.c-contribution-card-version__label {
  display: inline;
  word-break: break-word;
}
.c-dialog-content {
  padding: var(--spacing-6) var(--spacing-4);
}
@media (min-width: 46.25em) {
  .c-dialog-content {
    padding: var(--spacing-10) var(--spacing-12);
  }
}
.c-dialog-footer {
  --dialog-footer-bg-color: var(--color-primary-900);
  --dialog-footer-border-color: var(--color-primary-600);
}

.c-dialog-footer {
  display: flex;
  padding: var(--spacing-4);
  background-color: var(--dialog-footer-bg-color);
  gap: var(--spacing-3);
}
@media (min-width: 46.25em) {
  .c-dialog-footer {
    padding: var(--spacing-4) var(--spacing-12);
  }
}
.c-dialog-footer__actions {
  display: flex;
  gap: var(--spacing-3);
}
.c-dialog-footer--layout-vertical {
  width: 100%;
  flex-direction: column;
}
.c-dialog-footer--layout-vertical .c-dialog-footer__actions {
  width: 100%;
  flex-direction: column;
}
.c-dialog-footer--layout-horizontal {
  justify-content: flex-end;
}
@media (max-width: 46.24em) {
  .c-dialog-footer--layout-horizontal {
    flex-direction: column;
  }
}
@media (min-width: 46.25em) {
  .c-dialog-footer--layout-horizontal .c-dialog-footer__actions--optional {
    margin-right: auto;
  }
}
.c-dialog-header {
  --dialog-header-bg-color: var(--color-primary-800);
}
.c-dialog-header.c-dialog-header--admin {
  --dialog-header-bg-color: var(--color-admin-800);
}

.c-dialog-header {
  width: 100%;
  padding: var(--spacing-4);
  background-color: var(--dialog-header-bg-color);
}
@media (min-width: 46.25em) {
  .c-dialog-header {
    padding: var(--spacing-4) var(--spacing-12);
  }
}
.c-dialog-header .c-button--medium.c-button--icon-only {
  width: auto;
  height: auto;
  padding: 0;
}
.c-portal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 105;
  display: flex;
  pointer-events: all;
  align-items: center;
  justify-content: center;
}
.c-portal--is-closing .c-portal__overlay {
  animation: fade-out 150ms both ease-in;
}
.c-portal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.7);
  animation: fade-in 200ms both ease-out;
}
.c-dialog {
  position: relative;
  z-index: 1;
  display: flex;
  width: calc(100% - 2rem);
  max-height: 90vh;
  overflow: hidden;
  flex-direction: column;
  background-color: var(--color-primary-900);
  border-radius: var(--border-radius--medium);
  animation: dialog-slide-up 200ms both ease-out;
}
@media (max-width: 46.24em) {
  .c-dialog:not(.c-dialog--width-xsmall) {
    position: absolute;
    bottom: 0;
  }
}
.c-dialog__body {
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* stylelint-disable */
  /* stylelint-enable */
  flex: 0 auto;
  overflow: auto;
}
.c-dialog__body *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-dialog__body *::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-dialog__body *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
.c-dialog--docked {
  position: absolute;
  bottom: 0;
}
.c-dialog--full-height .c-dialog__body {
  height: 100dvh;
}
@media (min-width: 46.25em) {
  .c-dialog--width-xsmall {
    max-width: 26.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-dialog--width-small {
    max-width: 34rem;
  }
}
@media (min-width: 46.25em) {
  .c-dialog--width-medium {
    max-width: 47.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-dialog--width-large {
    max-width: 71.5rem;
  }
}
.c-dialog--is-closing {
  animation: dialog-slide-down 150ms both ease-in;
}

@keyframes dialog-slide-up {
  0% {
    opacity: 0;
    transform: translateY(128px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dialog-slide-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(128px);
  }
}
.c-contribution-card-action {
  --contribution-card-action__title-text-color: var(--color-white);
  --contribution-card-action__helper-text-color: var(--color-white);
}
.c-contribution-card-action--disabled {
  --contribution-card-action__title-text-color: var(--color-secondary-500);
}

.c-contribution-card-action__title {
  color: var(--contribution-card-action__title-text-color);
}
.c-contribution-card-action__helper {
  color: var(--contribution-card-action__helper-text-color);
}
.c-contribution-card-confirmation {
  --contribution-card-confirmation-icon-color: var(--color-white);
  --contribution-card-confirmation__label-text-color: var(--color-white);
}
.c-contribution-card-confirmation .c-button--text {
  --button-bg-color: var(--color-primary-800);
}

.c-contribution-card-confirmation__label {
  color: var(--contribution-card-confirmation__label-text-color);
}
.c-contribution-card-confirmation__icon {
  margin-right: 0.625rem;
  color: var(--contribution-card-confirmation-icon-color);
}
.c-contribution-card-confirmation__button {
  margin-left: calc(1.875rem + var(--spacing-1));
}
.c-contribution-card-confirmation .c-announcement {
  width: 100%;
  margin: 0;
}
.c-counter {
  display: flex;
  align-items: baseline;
}
.c-counter__label {
  padding-right: 1.25rem;
  margin-left: 0.25rem;
}
.c-contribution-card-counter {
  --contribution-card-counter-text-color: var(--color-white);
}

.c-contribution-card-counter {
  padding: 0.5rem 1rem 0 1rem;
}
.c-contribution-card-counter .c-counter {
  align-items: center;
  color: var(--contribution-card-counter-text-color);
}
.c-contribution-card-counter .c-counter__label {
  margin-left: 0.75rem;
}
.c-contribution-card-confirmation .c-button--text {
  --button-bg-color: var(--color-primary-800);
}

.c-contribution-card-confirmation__icon {
  margin-right: 0.625rem;
}
.c-contribution-card-confirmation__button {
  margin-left: calc(1.875rem + var(--spacing-1));
}
.c-contribution-card-confirmation__dropdown-button.c-button {
  width: 0.75rem;
  height: auto;
  padding: 0;
  line-height: 0;
  color: var(--color-white);
}
.c-contribution-card-confirmation .c-portal-popover-wrapper {
  display: flex;
  align-self: baseline;
}
.c-contribution-card-confirmation .c-announcement {
  width: 100%;
  margin: 0;
}
.c-contribution-card-kudos {
  --contribution-card-kudos__label-text-color: var(--color-tertiary-100);
}
.c-contribution-card-kudos .c-avatar__media {
  --avatar-border-color: var(--color-tertiary-100);
}
.c-contribution-card-kudos .c-avatar-count {
  --avatar-count-text-color: var(--color-tertiary-100);
  --avatar-count-bg-color: var(--color-tertiary-800);
  --avatar-count-border-color: var(--color-tertiary-100);
}
.c-contribution-card-kudos .c-button {
  --button-text-color: var(--color-tertiary-100);
  --button-bg-color: var(--color-tertiary-800);
}
.c-contribution-card-kudos .c-button:hover {
  --button-text-color: var(--color-tertiary-200);
  --button-bg-color: var(--color-tertiary-800);
}

.c-contribution-card-kudos {
  width: 100%;
  padding: 1rem;
}
.c-contribution-card-kudos__label {
  margin-bottom: 0.5rem;
  color: var(--contribution-card-kudos__label-text-color);
}
.c-contribution-card-kudos__avatar-list {
  margin-bottom: 1rem;
}
.c-contribution-card-notes {
  --contribution-card-notes-bg-color: var(--color-primary-600);
  --contribution-card-notes-text-color: var(--color-white);
  --contribution-card-notes__icon-color: var(--color-white);
  --contribution-card-notes__tooltip-bg-color: var(--color-primary-800);
  --contribution-card-notes__tooltip-text-color: var(--color-white);
}
.c-contribution-card-notes.c-contribution-card-notes--archived {
  --contribution-card-notes-bg-color: var(--color-secondary-800);
}
.c-contribution-card-notes.c-contribution-card-notes--fixed {
  --contribution-card-notes-bg-color: var(--color-tertiary-600);
}

.c-contribution-card-notes {
  padding: 1rem;
  color: var(--contribution-card-notes-text-color);
  background-color: var(--contribution-card-notes-bg-color);
}
.c-contribution-card-notes .c-icon {
  margin-right: 0.25rem;
  font-size: 1.375rem;
  color: var(--contribution-card-notes__icon-color);
}
.c-contribution-card-notes .c-rich-link {
  line-height: 1.6;
}
.c-contribution-card-notes .c-rich-link__body {
  padding: var(--spacing-05) var(--spacing-1);
}
.c-contribution-card-notes .c-rich-link__external-icon {
  margin: 0 var(--spacing-05);
  font-size: 0.875rem;
}
.c-contribution-card-progress {
  --contribution-card-progress-text-color: var(--color-white);
  --contribution-card-progress-bg-color: var(--color-black);
  --contribution-card-progress-separator-color: var(--color-primary-600);
  --contribution-card-progress__from-text-color: var(--color-white);
  --contribution-card-progress__to-text-color: var(--color-secondary-200);
}

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

.c-contribution-card-secondary-card {
  padding: 1rem;
  margin-top: 0.5rem;
  background-color: var(--contribution-card-secondary-card-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-contribution-card-severity {
  --contribution-card-severity__item-border-color: var(--color-primary-600);
}
.c-contribution-card-severity .c-dropdown-trigger {
  --dropdown-trigger-bg-color: var(--color-primary-700);
}
.c-contribution-card-severity .c-dropdown-trigger:hover {
  --dropdown-trigger-bg-color: var(--color-primary-800);
}
.c-contribution-card-severity.c-contribution-card-severity--archived .c-dropdown-trigger, .c-contribution-card-severity.c-contribution-card-severity--duplicate .c-dropdown-trigger {
  --dropdown-trigger-bg-color: var(--color-secondary-700);
}
.c-contribution-card-severity.c-contribution-card-severity--archived .c-dropdown-trigger:hover, .c-contribution-card-severity.c-contribution-card-severity--duplicate .c-dropdown-trigger:hover {
  --dropdown-trigger-bg-color: var(--color-secondary-900);
}
.c-contribution-card-severity.c-contribution-card-severity--fixed .c-dropdown-trigger {
  --dropdown-trigger-bg-color: var(--color-tertiary-800);
}
.c-contribution-card-severity.c-contribution-card-severity--fixed .c-dropdown-trigger:hover {
  --dropdown-trigger-bg-color: var(--color-tertiary-400);
}

.c-contribution-card-severity {
  overflow: hidden;
}
@media (min-width: 46.25em) {
  .c-contribution-card-severity {
    padding: 1rem;
  }
}
.c-contribution-card-severity .c-collapsible__trigger-wrapper {
  padding: 1rem;
  border: 0;
}
@media (min-width: 46.25em) {
  .c-contribution-card-severity .c-collapsible__trigger-wrapper {
    padding: 0;
  }
}
.c-contribution-card-severity .c-dropdown-trigger {
  height: auto;
  min-height: 3.5rem;
  overflow: hidden;
  border-radius: var(--border-radius--medium);
}
.c-contribution-card-severity .c-dropdown-trigger__header {
  padding: 0 0.5rem;
  background-color: inherit;
}
.c-contribution-card-severity .c-dropdown-trigger__body {
  margin-left: 0;
}
.c-contribution-card-severity .c-dropdown-trigger__icon {
  font-size: 2rem;
}
.c-contribution-card-severity .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(0deg);
}
.c-contribution-card-severity .c-dropdown-trigger--is-active {
  /* stylelint-disable-next-line */
}
.c-contribution-card-severity .c-dropdown-trigger--is-active .c-dropdown-trigger__body-icon .c-icon {
  transform: rotate(-180deg);
}
.c-contribution-card-status {
  --contribution-card-status-text-color: var(--color-white);
  --contribution-card-status-icon-color: var(--color-white);
  --contribution-card-status-bg-color: var(--color-primary-600);
  --contribution-card-status-border-color: var(--color-primary-500);
  --contribution-card-status__label-text-color: var(--color-primary-200);
  --contribution-card-status__details-text-color: var(--color-white);
}
.c-contribution-card-status.c-contribution-card-status--archived {
  --contribution-card-status-icon-color: var(--color-secondary-200);
  --contribution-card-status-bg-color: var(--color-secondary-800);
  --contribution-card-status__label-text-color: var(--color-secondary-200);
  --contribution-card-status__details-text-color: var(--color-secondary-200);
}
.c-contribution-card-status.c-contribution-card-status--fixed {
  --contribution-card-status-icon-color: var(--color-tertiary-100);
  --contribution-card-status-bg-color: var(--color-tertiary-600);
  --contribution-card-status__details-text-color: var(--color-white);
}

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

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

.c-contribution-card-upvote-stats {
  display: flex;
  align-items: center;
  color: var(--contribution-card-upvote-stats-text-color);
}
.c-contribution-card-upvote-stats__icon {
  margin-right: 0.5rem;
}
.c-contribution-card-upvote-stats__separator {
  width: 0.0625rem;
  min-height: 2rem;
  margin: 0 1rem;
  align-self: stretch;
  background: var(--contribution-card-upvote-stats__separator-color);
}
.c-contribution-card {
  --contribution-card__header-bg-color: var(--color-primary-600);
  --contribution-card__header-text-color: var(--color-white);
  --contribution-card__header-border-color: var(--color-primary-500);
  --contribution-card__body-bg-color: var(--color-primary-600);
  --contribution-card__footer-bg-color: var(--color-primary-700);
  --contribution-card-separator-color: var(--color-primary-500);
  --contribution-card-border-radius: var(--border-radius--medium);
}
.c-contribution-card.c-contribution-card--archived, .c-contribution-card.c-contribution-card--duplicate {
  --contribution-card__header-bg-color: var(--color-secondary-800);
  --contribution-card__header-border-color: var(--color-secondary-700);
  --contribution-card__body-bg-color: var(--color-secondary-800);
  --contribution-card__footer-bg-color: var(--color-secondary-900);
  --contribution-card-separator-color: var(--color-secondary-700);
}
.c-contribution-card.c-contribution-card--archived .c-contribution-card-counter, .c-contribution-card.c-contribution-card--duplicate .c-contribution-card-counter {
  --contribution-card-counter-text-color: var(--color-secondary-300);
}
.c-contribution-card.c-contribution-card--fixed {
  --contribution-card__header-bg-color: var(--color-tertiary-800);
  --contribution-card__header-border-color: var(--color-tertiary-400);
  --contribution-card__body-bg-color: var(--color-tertiary-600);
  --contribution-card__footer-bg-color: var(--color-tertiary-800);
  --contribution-card-separator-color: var(--color-tertiary-400);
}
.c-contribution-card.c-contribution-card--fixed .c-avatar-count {
  --avatar-count-bg-color: var(--color-tertiary-800);
  --avatar-count-border-color: var(--color-tertiary-100);
}
.c-contribution-card.c-contribution-card--admin.c-contribution-card-form-header {
  --contribution-card-form-header-bg-color: var(--color-admin-400);
}
.c-contribution-card.c-contribution-card--admin .c-form-with-steps-header {
  --form-with-steps-header-bg-color: var(--color-admin-400);
  --form-with-steps-header__progress-bg-color: var(--color-admin-200);
  --form-with-steps-header__progress-filler-color: var(--color-admin-100);
}
.c-contribution-card.c-contribution-card--admin .c-form-with-steps-header__cancel {
  --form-with-steps-header__cancel-bg-color: var(--color-admin-600);
  --form-with-steps-header__cancel-text-color: var(--color-admin-50);
}
.c-contribution-card.c-contribution-card--admin .c-form-step {
  --form-step__header-bg-color: var(--color-admin-400);
  --form-step__header-border-color: var(--color-admin-200);
  --form-step__header__label-text-color: var(--color-white);
}

.c-contribution-card {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--contribution-card-border-radius);
}
.c-contribution-card--admin .c-form-with-steps-header__cancel {
  color: var(--form-with-steps-header__cancel-text-color);
  background-color: var(--form-with-steps-header__cancel-bg-color);
}
.c-contribution-card__header {
  position: relative;
  display: flex;
  width: 100%;
  align-items: baseline;
  padding: 0.5rem 1rem;
  color: var(--contribution-card__header-text-color);
  background-color: var(--contribution-card__header-bg-color);
  border-bottom: 0.0625rem solid var(--contribution-card__header-border-color);
}
.c-contribution-card__body {
  background-color: var(--contribution-card__body-bg-color);
}
.c-contribution-card__body > * + * {
  border-top: 0.0625rem solid var(--contribution-card-separator-color);
}
.c-contribution-card__footer {
  padding: 1rem;
  background-color: var(--contribution-card__footer-bg-color);
}
.c-contribution-card__footer .c-avatar-list {
  margin-top: 0.5rem;
}
.c-contribution-modify-group {
  --contribution-modify-group__title-font-family: var(--font-primary);
  --contribution-modify-group__title-font-size: 1rem;
  --contribution-modify-group__title-line-height: 1.5rem;
  --contribution-modify-group__sub-title-font-family: var(--font-primary);
  --contribution-modify-group__sub-title-font-size: 0.75rem;
  --contribution-modify-group__sub-title-line-height: 1rem;
}
@media (max-width: 61.24em) {
  .c-contribution-modify-group {
    padding: 1rem;
  }
}
.c-contribution-modify-group > * + * {
  margin-top: 1rem;
}
.c-contribution-modify-group__title {
  font-family: var(--contribution-modify-group__title-font-family);
  font-size: var(--contribution-modify-group__title-font-size);
  line-height: var(--contribution-modify-group__title-line-height);
  color: var(--contribution-modify-group__title-text-color);
}
.c-contribution-modify-group__sub-title {
  font-family: var(--contribution-modify-group__sub-title-font-family);
  font-size: var(--contribution-modify-group__sub-title-font-size);
  line-height: var(--contribution-modify-group__sub-title-line-height);
  color: var(--contribution-modify-group__sub-title-text-color);
}
.c-contribution-modify-group__body > * + * {
  margin-top: 0.5rem;
}
.c-contribution-modify-group__error {
  color: var(--contribution-modify-group__error-text-color);
}
.c-contribution-modify-group__version-selection .c-inline-icon-wrapper {
  margin-top: 1rem;
}
.c-contribution-modify-group .c-message {
  margin-bottom: 1rem;
}
.c-contribution-modify-group + .c-contribution-modify-group::before {
  display: block;
  margin: 2rem 0;
  content: "";
  border-top: 1px solid var(--contribution-modify-group__separator--border-color);
}
.c-contribution-modify-group {
  --contribution-modify-group__title-text-color: var(--color-secondary-200);
  --contribution-modify-group__sub-title-text-color: var(--color-secondary-200);
  --contribution-modify-group__separator--border-color: var(--color-primary-700);
  --contribution-modify-group__error-text-color: var(--color-error-100);
}

.c-contribution-modify-modal {
  --contribution-modify-modal__sub-header-title-text-color: var(--color-secondary-50);
  --contribution-modify-modal__sub-header-text-color: var(--color-secondary-200);
}
.c-contribution-modify-modal {
  --contribution-modify-modal__sub-header-title-font-family: var(--font-secondary);
  --contribution-modify-modal__sub-header-title-font-size: 1.25rem;
  --contribution-modify-modal__sub-header-title-font-weight: 500;
  --contribution-modify-modal__sub-header-title-line-height: 1.5rem;
  --contribution-modify-modal__sub-header-title-text-transform: inherit;
  --contribution-modify-modal__sub-header-text-font-family: var(--font-primary);
  --contribution-modify-modal__sub-header-text-font-size: 1rem;
  --contribution-modify-modal__sub-header-text-line-height: 1.5rem;
}
.c-contribution-modify-modal .c-modal__sub-header {
  padding: 1rem;
}
@media (min-width: 61.25em) {
  .c-contribution-modify-modal .c-modal__sub-header {
    padding: 1.5rem 3rem;
  }
}
.c-contribution-modify-modal .c-modal__sub-header > * + * {
  margin-top: 0.5rem;
}
.c-contribution-modify-modal__sub-header-title {
  font-family: var(--contribution-modify-modal__sub-header-title-font-family);
  font-size: var(--contribution-modify-modal__sub-header-title-font-size);
  font-weight: var(--contribution-modify-modal__sub-header-title-font-weight);
  line-height: var(--contribution-modify-modal__sub-header-title-line-height);
  color: var(--contribution-modify-modal__sub-header-title-text-color);
  text-transform: var(--contribution-modify-modal__sub-header-title-text-transform);
}
.c-contribution-modify-modal__sub-header-text {
  font-family: var(--contribution-modify-modal__sub-header-text-font-family);
  font-size: var(--contribution-modify-modal__sub-header-text-font-size);
  line-height: var(--contribution-modify-modal__sub-header-text-line-height);
  color: var(--contribution-modify-modal__sub-header-text-color);
}
.c-datetimepicker__section-header {
  margin: 1rem 0 0.25rem 0;
}
.c-datetimepicker__section-fields {
  display: flex;
  align-items: center;
}
@media (max-width: 46.24em) {
  .c-datetimepicker__section-fields {
    justify-content: space-between;
    gap: 8px;
  }
}
.c-datetimepicker__section-errors {
  margin-top: 0.5rem;
  color: var(--color-error-100);
}
.c-datetimepicker__separator {
  display: none;
}
@media (min-width: 46.25em) {
  .c-datetimepicker__separator {
    display: block;
    margin: 0 1rem;
  }
}
.c-datetimepicker__hour, .c-datetimepicker__minute, .c-datetimepicker__day {
  width: 5rem;
}
.c-datetimepicker__year {
  width: 5.5rem;
}
.c-datetimepicker__month .c-dropdown-trigger, .c-datetimepicker__meridiem .c-dropdown-trigger {
  height: 3.5rem;
}
@media (max-width: 46.24em) {
  .c-datetimepicker__section--date .c-datetimepicker__section-fields {
    flex-wrap: wrap;
  }
}
@media (max-width: 46.24em) {
  .c-datetimepicker__section--date .c-datetimepicker__month {
    width: 100%;
  }
}
@media (max-width: 46.24em) {
  .c-datetimepicker__section--date .c-datetimepicker__day, .c-datetimepicker__section--date .c-datetimepicker__year {
    width: calc(50% - 0.25rem);
  }
}
@media (max-width: 46.24em) {
  .c-datetimepicker__section--time .c-datetimepicker__minute, .c-datetimepicker__section--time .c-datetimepicker__hour, .c-datetimepicker__section--time .c-datetimepicker__meridiem {
    flex: 1;
  }
}
.c-datetimepicker .c-select-trigger {
  height: 4rem;
}
.c-device-info {
  padding-bottom: 1rem;
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-device-info + .c-device-info {
  padding-top: 1rem;
  border-top: 1px solid var(--color-primary-600);
}
.c-device-info-description {
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.c-duplicate {
  --duplicate-bg-color: var(--color-primary-700);
  --duplicate-text-color: var(--color-primary-200);
  --duplicate__title-text-color: var(--color-white);
}
.c-duplicate.h-hover:not(.h-disabled, .c-duplicate--disabled), .c-duplicate:hover:not(.h-disabled, .c-duplicate--disabled) {
  --duplicate-bg-color: var(--color-primary-800);
}
.c-duplicate.h-disabled, .c-duplicate--disabled {
  --duplicate-text-color: var(--color-secondary-600);
  --duplicate__title-text-color: var(--color-secondary-600);
}

.c-duplicate {
  display: block;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-4);
  color: var(--duplicate-text-color);
  background-color: var(--duplicate-bg-color);
  border-radius: var(--border-radius--small);
}
.c-duplicate__title {
  color: var(--duplicate__title-text-color);
}
.c-duplicate.h-hover:not(.h-disabled, .c-duplicate--disabled), .c-duplicate:hover:not(.h-disabled, .c-duplicate--disabled) {
  cursor: pointer;
}
.c-duplicate-issue-input > * + * {
  margin-top: 0.25rem;
}
.c-duplicate-issue-input__title {
  color: var(--duplicate-issue-input__title-color);
}
.c-duplicate-issue-input__issue {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.c-duplicate-issue-input__issue-code {
  color: var(--duplicate-issue-input__issue-code-color);
}
.c-duplicate-issue-input__issue-title {
  color: var(--duplicate-issue-input__issue-title-color);
}
.c-embedded-auth-modal {
  position: fixed;
}
.c-embedded-auth-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--modal-color);
  opacity: 0.8;
}
.c-embedded-auth-modal__content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

@media (min-width: 46.25em) {
  .c-embedded-auth-modal__content {
    top: 50%;
    left: 50%;
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 480px;
    height: 720px;
    transform: translate(-50%, -50%);
  }
}
.c-error-message {
  color: var(--color-error-100);
}
.c-errorpage {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-errorpage--full-screen {
  width: 100%;
  height: 100%;
  padding-top: 6.25rem;
  background-color: var(--body-bg-color);
}
.c-errorpage__title {
  margin-top: 1rem;
}
.c-errorpage__error {
  margin-top: 0.5rem;
}
.c-errorpage .l-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-errorpage .c-button {
  margin-top: 2.5rem;
}
@media (max-width: 46.24em) {
  .c-errorpage .l-container > img {
    min-width: calc(100% + 2rem);
  }
}
.c-iframe--responsive {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  border: 0;
}
.c-iframe__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-evidence {
  --evidence-bg-color: var(--color-primary-700);
  --evidence-border-color: var(--color-primary-400);
  --evidence-text-color: var(--color-secondary-100);
  --evidence__icon-color: var(--color-white);
  --evidence__icon-bg-color: var(--color-primary-700);
  --evidence__remove-icon-color: var(--color-primary-200);
  --evidence__remove-icon-bg-color: var(--color-primary-700);
  --evidence__remove-icon-border-color: var(--color-primary-200);
  --evidence__alert-bg-color: var(--color-primary-800);
}
.c-evidence--empty {
  --evidence-bg-color: var(--color-primary-700);
}
.c-evidence--hidden {
  --evidence-bg-color: var(--color-primary-900);
  --evidence-border-color: var(--color-secondary-700);
  --evidence__remove-icon-border-color: var(--color-secondary-500);
  --evidence__stripes-color: var(--color-secondary-800);
}
.c-evidence--admin {
  --evidence-border-color: var(--color-admin-400);
  --evidence-text-color: var(--color-admin-50);
  --evidence__icon-bg-color: var(--color-admin-700);
  --evidence__remove-icon-color: var(--color-admin-100);
  --evidence__remove-icon-bg-color: var(--color-admin-900);
  --evidence__remove-icon-border-color: var(--color-admin-200);
  --evidence__alert-bg-color: var(--color-admin-900);
}

.c-evidence {
  position: relative;
  box-sizing: border-box;
  margin: 0.5rem 0 1rem;
}
@keyframes highlighted {
  0% {
    filter: brightness(70%);
    transform: rotateY(-10deg);
  }
  100% {
    filter: brightness(120%);
    transform: rotateY(10deg);
  }
}
.c-evidence--medium {
  width: 16rem;
}
.c-evidence--full {
  width: 100%;
}
.c-evidence--highlighted {
  animation-name: highlighted;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 5;
  animation-direction: alternate;
  perspective: 62.5rem;
}
.c-evidence--hidden .c-evidence__alert {
  height: 3rem;
}
.c-evidence__body {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  flex-direction: column;
  background-color: var(--evidence-bg-color);
  border: 0.0625rem solid var(--evidence-border-color);
  border-radius: var(--border-radius--small);
}
.c-evidence__body--upload {
  border: 0;
}
.c-evidence__body > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-evidence__alert {
  position: absolute;
  bottom: 2rem;
  left: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 3rem;
  padding: 0.5rem;
  font-size: 1.5rem;
  color: var(--evidence-text-color);
  background-color: var(--evidence__alert-bg-color);
  border-right: 0.0625rem solid var(--evidence-border-color);
  border-bottom: 0.0625rem solid var(--evidence-border-color);
  border-left: 0.0625rem solid var(--evidence-border-color);
  border-bottom-right-radius: var(--border-radius--small);
  border-bottom-left-radius: var(--border-radius--small);
  align-items: center;
}
.c-evidence__alert .c-icon {
  margin-right: 0.5rem;
  font-size: 1rem;
  flex: none;
}
.c-evidence__alert-caption {
  flex: auto;
}
.c-evidence__alert-link {
  margin-left: 0.5rem;
  white-space: nowrap;
  flex: none;
}
.c-evidence__remove {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 1.5rem;
  color: var(--evidence__remove-icon-color);
  cursor: pointer;
  background-color: var(--evidence__remove-icon-bg-color);
  border-style: solid;
  border-width: 0.0625rem;
  border-top-color: var(--evidence-border-color);
  border-right-color: var(--evidence-border-color);
  border-bottom-color: var(--evidence__remove-icon-border-color);
  border-left-color: var(--evidence__remove-icon-border-color);
  border-radius: 0 var(--border-radius--small);
  outline: none;
  justify-content: center;
  align-items: center;
}
.c-evidence__footer {
  display: flex;
  justify-content: space-between;
  flex: 1 50%;
  height: 1.5rem;
  margin-top: 0.5rem;
  color: var(--evidence-text-color);
  word-break: break-word;
  align-items: center;
}
.c-evidence__footer .c-icon {
  margin-right: 0.5rem;
}
.c-evidence__footer-link {
  max-width: 50%;
  padding-left: 0.5rem;
  text-align: right;
  align-items: center;
}
.c-evidence__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.c-evidence__media-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.5rem;
  color: var(--evidence__icon-color);
  transform: translate(-50%, -50%);
}
.c-evidence--with-alert .c-evidence__media-icon {
  transform: translate(-50%, calc(-50% - 24px));
}
.c-evidence__media-icon--video {
  padding: 0.75rem;
  background-color: var(--evidence__icon-bg-color);
  border-radius: 50%;
}
.c-evidence__hidden {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  background-image: repeating-linear-gradient(-45deg, var(--evidence__stripes-color), var(--evidence__stripes-color) 1px, transparent 2px, transparent 10px);
}
.c-evidence--with-alert .c-evidence__hidden {
  transform: translateY(-24px);
}
.c-evidence__hidden .c-icon {
  font-size: 1.5rem;
  color: var(--evidence__icon-color);
}
.c-evidence__upload {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 3rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  background-color: var(--evidence-bg-color);
  border: 0;
  border-radius: 0.25rem;
  transition: color 0.3s linear;
}
.c-evidence__upload .c-icon {
  font-size: 1.5rem;
}
.c-evidence__upload:focus {
  outline: 0;
}
.c-evidence__upload:focus-visible, .c-evidence__upload.focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary-400) inset;
}
.c-evidence--clickable .c-evidence {
  cursor: pointer;
}
@charset "UTF-8";
.c-swiper-container {
  position: relative;
  width: calc(100% + 1.9375rem);
  max-width: 100vw;
  padding: 0 var(--spacing-4) var(--spacing-4);
  margin: 0 calc(var(--spacing-4) * -1) var(--spacing-4);
  overflow: hidden;
}
@media (min-width: 46.25em) {
  .c-swiper-container {
    width: 100%;
    padding: 0 0 var(--spacing-4);
    margin: 0 calc(var(--spacing-12) * -1) var(--spacing-4) 0;
  }
}
.c-swiper--with-footer::after {
  z-index: 0;
  display: block;
  width: 100%;
  height: 2.5rem;
  margin-top: var(--spacing-4);
  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-pagination-horizontal.swiper-pagination-bullets,
.c-swiper--with-footer .swiper-button-next,
.c-swiper--with-footer .swiper-button-prev {
  bottom: 1.25rem;
  z-index: 20;
  transform: translateY(50%);
}

.c-swiper--with-footer .swiper-pagination-horizontal.swiper-pagination-bullets {
  z-index: 15;
}

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

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

.c-file-selector {
  display: flex;
  width: 100%;
  color: var(--file-selector-text-color);
  background-color: var(--file-selector-bg-color);
  border-radius: var(--border-radius--small);
  outline: 0;
  justify-content: center;
  gap: var(--spacing-8);
}
.c-file-selector--draggable {
  height: 12.5rem;
  padding: 1.5rem 1rem;
  border: 0.0625rem dashed var(--file-selector-border-color);
  align-items: center;
}
.c-footer-navigation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.c-footer-navigation-item {
  list-style: none;
}
.c-footer-navigation-item + .c-footer-navigation-item {
  margin-left: 0.5rem;
}
.c-footer-section + .c-footer-section {
  margin-top: 0.5rem;
}
.c-footer {
  --footer-text-color: var(--color-secondary-200);
  --footer__divider-border-color: var(--color-secondary-500);
  /* stylelint-disable-next-line */
}
.c-footer__link.t--link {
  --t-color: var(--color-secondary-200);
}

.c-footer {
  padding-bottom: 2.5rem;
  color: var(--footer-text-color);
  text-align: center;
}
.c-footer__divider {
  width: 100%;
  margin: 4rem 0 1rem 0;
  border-top: 0.0625rem solid var(--footer__divider-border-color);
}
.c-footer__inner {
  width: 100%;
  margin: 0 auto;
}
.c-footer .c-footer-navigation {
  margin-top: 1rem;
}
.c-gauge {
  --gauge__number-text-color: var(--color-white);
  --gauge__track-bg-color: var(--color-primary-700);
  --gauge__bar-bg-color: var(--color-white);
}
.c-gauge__bar--can-reproduce {
  --gauge__bar-bg-color: var(--can-reproduce-color);
}
.c-gauge__bar--cannot-reproduce {
  --gauge__bar-bg-color: var(--cannot-reproduce-color);
}
.c-gauge__bar--duplicate {
  --gauge__bar-bg-color: var(--color-primary-500);
}

.c-gauge {
  width: 100%;
}
.c-gauge__legend-number {
  color: var(--gauge__number-text-color);
}
.c-gauge__track {
  width: 100%;
  height: 0.5rem;
  overflow: hidden;
  background-color: var(--gauge__track-bg-color);
  border-radius: 0.25rem;
}
.c-gauge__bar {
  height: 100%;
  background-color: var(--gauge__bar-bg-color);
}
.c-gauge__bar:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.c-gauge__bar:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.c-header {
  --header-bg-color: transparent;
  --header-border-color: transparent;
  --header__burger-color: var(--color-secondary-50);
}
.c-header.c-header--mobile {
  --header-bg-color: var(--color-black);
  --header-border-color: transparent;
}
.c-header .c-platform-brand {
  --platform-brand-bg-color: transparent;
}

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

.c-highlight {
  display: inline-block;
  color: var(--highlight-text-color);
  background-color: var(--highlight-bg-color);
}
.c-info-block {
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  background-color: var(--color-primary-800);
  border-radius: var(--border-radius--medium);
}
.c-info-block__content {
  margin-top: 0.5rem;
}
.c-inline-icon-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.c-inline-icon-wrapper__icon {
  margin-right: 1rem;
  font-size: 1.25rem;
}
.c-invitation-acceptance {
  width: 100%;
}
@media (min-width: 46.25em) {
  .c-invitation-acceptance {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 34rem;
  }
}
.c-invitation-error {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-invitation-error__alert {
  width: 100%;
}
@media (min-width: 46.25em) {
  .c-invitation-error__alert {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 46rem;
  }
}
.c-invitation-error__button {
  margin-top: 1.5rem;
}
.c-issue-into-reproduction {
  padding: var(--spacing-8) 0;
}
.c-issue-into-reproduction__dropdown-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  padding: var(--spacing-4) var(--spacing-6);
  background-color: var(--color-primary-600);
  border-radius: var(--border-radius--medium);
}
@media (max-width: 46.24em) {
  .c-issue-into-reproduction__dropdown-wrapper {
    flex-direction: column;
    gap: var(--spacing-2);
  }
}
.c-issue-into-reproduction__dropdown-wrapper .c-dropdown__trigger-wrapper {
  width: 100%;
}
@media (min-width: 46.25em) {
  .c-issue-into-reproduction__dropdown-wrapper .c-dropdown__trigger-wrapper {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 22.75rem;
  }
}
.c-issue-into-reproduction__preview-wrapper {
  margin: var(--spacing-12) 0 var(--spacing-4);
}
.c-issue-into-reproduction__preview-title {
  margin-bottom: var(--spacaing-1);
}
.c-issue-into-reproduction__warnings {
  margin-bottom: var(--spacing-4);
}
.c-issue-widget-wrapper {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--issue-widget-wrapper-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-issue-widget-wrapper__divider {
  margin: 0 -1rem;
  border-top: 0.0625rem solid var(--issue-widget-wrapper-separator-color);
}

.c-issue-widget-wrapper {
  --issue-widget-wrapper-bg-color: var(--color-primary-700);
  --issue-widget-wrapper-separator-color: var(--color-primary-600);
}
.c-issue-widget-wrapper.c-issue-widget-wrapper--archived {
  --issue-widget-wrapper-bg-color: var(--color-secondary-900);
  --issue-widget-wrapper-separator-color: var(--color-secondary-700);
}
.c-issue-widget-wrapper.c-issue-widget-wrapper--fixed {
  --issue-widget-wrapper-bg-color: var(--color-tertiary-800);
  --issue-widget-wrapper-separator-color: var(--color-tertiary-400);
}
.c-issue-admin-modal .c-modal__header {
  background-color: var(--color-admin-400);
}
.c-issue-admin-modal .c-link-button {
  background-color: var(--color-admin-600);
}
.c-issue-admin-modal .c-modal__footer {
  border-top: 1px solid var(--color-primary-600);
}
.c-issue-admin-modal__subtitle + .c-issue-creation, .c-issue-admin-modal__description + .c-issue-creation {
  margin-top: 1rem;
}
.c-issue-admin-modal__description {
  white-space: pre;
}
.c-issue-admin-modal .c-issue-creation + .c-issue-creation {
  margin-top: 0.5rem;
}
.c-issue-admin-modal--create .c-issue-admin-modal__footer {
  display: flex;
  justify-content: flex-end;
}
.c-issue-admin-modal--complete .c-issue-admin-modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-issue-admin-modal--link .c-issue-admin-modal__footer label {
  display: block;
  margin-bottom: 0.5rem;
}
.c-issue-admin-modal--link .c-issue-admin-modal__footer input {
  margin-bottom: 1rem;
}
.c-issue-admin-modal--promote .c-text-input {
  margin: 0.5rem 0 1rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-admin-modal__content {
  padding-bottom: 0;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-admin-modal__subtitle {
  margin-bottom: 1.5rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__select {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__select > * {
  margin-right: 0.5rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-toolbar__bottom {
  padding: 0;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  flex-direction: column;
  justify-content: start;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-toolbar__bottom::-webkit-scrollbar-track {
  background: var(--color-primary-600);
}
.c-issue-admin-modal.c-issue-visibility-modal .c-toolbar__bottom::-webkit-scrollbar-thumb {
  border-color: var(--color-primary-600);
}
.c-issue-admin-modal.c-issue-visibility-modal .c-dropdown-trigger {
  width: 16rem;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-container {
  background-color: var(--color-primary-600);
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel {
  width: 100%;
  height: 280px;
  padding: 1.5rem;
  overflow: auto;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-group-trustee-list {
  margin-top: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}
.c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-group-trustee-list, .c-issue-admin-modal.c-issue-visibility-modal .c-issue-visibility-modal__content-panel-reporter-only-text {
  color: var(--color-white);
}
.c-issue-card {
  --issue-card-bg-color: var(--color-primary-800);
  --issue-card-footer-bg-color: var(--color-primary-700);
  /* stylelint-disable indentation, selector-pseudo-class-parentheses-space-inside */
  /* stylelint-disable-next-line selector-max-specificity */
  /* stylelint-enable indentation, selector-pseudo-class-parentheses-space-inside */
}
.c-issue-card:hover:not(.c-issue-card--disabled):not(.c-issue-card--placeholder):not(.c-issue-card--skeleton):not(.c-issue-card--protected), .c-issue-card.h-hover, .c-issue-card.c-issue-card--selected {
  --issue-card-bg-color: var(--color-primary-700);
  --issue-card-footer-bg-color: var(--color-primary-600);
}
.c-issue-card.c-issue-card--disabled {
  --issue-card-footer-bg-color: var(--color-primary-600);
  --issue-card-border-color: var(--color-primary-400);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-issue-card.c-issue-card--disabled .t {
  color: var(--color-primary-400);
}
.c-issue-card.c-issue-card--disabled .c-icon {
  --icon-color: var(--color-primary-400);
}
.c-issue-card.c-issue-card--disabled .c-tag {
  --tag-border-color: var(--color-primary-400);
  --tag__icon-color: var(--color-primary-400);
}
.c-issue-card.c-issue-card--disabled .c-bubble {
  --bubble-bg-color: var(--color-primary-400);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-issue-card.c-issue-card--disabled .c-bubble .t {
  color: var(--color-primary-900);
}
.c-issue-card.c-issue-card--fixed {
  --issue-card-bg-color: var(--color-tertiary-800);
  --issue-card-footer-bg-color: var(--color-tertiary-600);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
}
.c-issue-card.c-issue-card--fixed:hover:not(.c-issue-card--disabled):not(.c-issue-card--placeholder):not(.c-issue-card--skeleton), .c-issue-card.c-issue-card--fixed.c-issue-card--selected {
  --issue-card-bg-color: var(--color-tertiary-700);
  --issue-card-footer-bg-color: var(--color-tertiary-500);
}
.c-issue-card.c-issue-card--fixed .t:not(.c-issue-card-title, .c-issue-card-external-link-sub-content-text, .c-bubble__label) {
  color: var(--color-tertiary-100);
}
.c-issue-card.c-issue-card--fixed .c-icon {
  --icon-color: var(--color-tertiary-100);
}
.c-issue-card.c-issue-card--fixed.c-issue-card--disabled {
  --issue-card-bg-color: var(--color-tertiary-800);
  --issue-card-footer-bg-color: var(--color-tertiary-600);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
}
.c-issue-card.c-issue-card--fixed.c-issue-card--disabled .t:not(.c-avatar-count) {
  color: var(--color-tertiary-500);
}
.c-issue-card.c-issue-card--fixed.c-issue-card--disabled .c-bubble {
  --bubble-bg-color: var(--color-tertiary-500);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
}
.c-issue-card.c-issue-card--fixed.c-issue-card--disabled .c-bubble .t {
  color: var(--color-primary-900);
}
.c-issue-card.c-issue-card--fixed.c-issue-card--disabled .c-tag {
  --tag-border-color: var(--color-tertiary-500);
  --tag__icon-color: var(--color-tertiary-500);
}
.c-issue-card.c-issue-card--fixed.c-issue-card--disabled .c-icon {
  --icon-color: var(--color-tertiary-500);
}
.c-issue-card.c-issue-card--archived {
  --issue-card-bg-color: var(--color-secondary-900);
  --issue-card-footer-bg-color: var(--color-secondary-800);
  /* stylelint-disable indentation, selector-pseudo-class-parentheses-space-inside */
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
  /* stylelint-enable indentation, selector-pseudo-class-parentheses-space-inside */
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-issue-card.c-issue-card--archived:hover:not(.c-issue-card--disabled):not(.c-issue-card--placeholder):not(.c-issue-card--skeleton):not(.c-issue-card--protected), .c-issue-card.c-issue-card--archived.h-hover, .c-issue-card.c-issue-card--archived.c-issue-card--selected {
  --issue-card-bg-color: var(--color-secondary-800);
  --issue-card-footer-bg-color: var(--color-secondary-600);
}
.c-issue-card.c-issue-card--archived:not(.c-issue-card--compact) .t {
  color: var(--color-secondary-100);
}
.c-issue-card.c-issue-card--archived .c-icon {
  --icon-color: var(--color-secondary-100);
}
.c-issue-card.c-issue-card--archived.c-issue-card--disabled {
  /* stylelint-disable-next-line plugin/stylelint-bem-namics */
}
.c-issue-card.c-issue-card--archived.c-issue-card--disabled .t {
  color: var(--color-secondary-400);
}
.c-issue-card.c-issue-card--archived.c-issue-card--disabled .c-icon {
  --icon-color: var(--color-secondary-400);
}
.c-issue-card.c-issue-card--placeholder {
  --issue-card-bg-color: inherit;
  --issue-card-border-color: var(--color-primary-700);
}
.c-issue-card.c-issue-card--highlighted {
  --issue-card-highlight-bg-color: var(--color-highlight-100);
}
.c-issue-card.c-issue-card--highlighted.c-issue-card--admin {
  --issue-card-highlight-bg-color: var(--color-primary-200);
}
.c-issue-card.c-issue-card--highlighted.c-issue-card--disabled {
  --issue-card-highlight-bg-color: var(--color-primary-400);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
}
.c-issue-card.c-issue-card--highlighted.c-issue-card--disabled .c-tag--secondary.c-tag--neutral {
  --tag-bg-color: var(--color-primary-400);
  --tag__icon-color: var(--color-primary-900);
  /* stylelint-disable-next-line plugin/stylelint-bem-namics, selector-max-specificity */
}
.c-issue-card.c-issue-card--highlighted.c-issue-card--disabled .c-tag--secondary.c-tag--neutral .t {
  color: var(--color-primary-900);
}
.c-issue-card.c-issue-card--protected {
  --issue-card-border-color: var(--color-secondary-700);
  --issue-card-bg-color: var(--color-secondary-800);
}

.c-issue-card {
  position: relative;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  border-radius: var(--border-radius--medium);
  container-type: inline-size;
  container-name: cardContainer;
}
.c-issue-card.h-focus, .c-issue-card.focus-visible, .c-issue-card:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-issue-card__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.c-issue-card__inner {
  display: flex;
  width: 100%;
  min-height: 20rem;
  flex-direction: column;
  background-color: var(--issue-card-bg-color);
  transition: background 0.1s ease-in-out;
  /* stylelint-disable-next-line scss/at-rule-no-unknown */
}
@container cardContainer (min-width: 740px) {
  .c-issue-card__inner {
    min-height: inherit;
    flex-direction: row;
  }
}
.c-issue-card-body {
  display: flex;
  padding: var(--spacing-6);
  flex-direction: column;
  flex: 1 75%;
  gap: var(--spacing-4);
  /* stylelint-disable-next-line scss/at-rule-no-unknown */
}
@container cardContainer (min-width: 740px) {
  .c-issue-card-body {
    padding: var(--spacing-6) var(--spacing-8);
  }
}
.c-issue-card-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--spacing-4);
  flex: 1;
  justify-content: space-between;
  /* stylelint-disable-next-line scss/at-rule-no-unknown */
}
@container cardContainer (min-width: 740px) {
  .c-issue-card-content {
    flex-direction: row;
  }
}
.c-issue-card-content .c-icon--tooltip {
  position: relative;
  z-index: 2;
}
.c-issue-card-title, .c-issue-card-excerpt {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-issue-card-title {
  /* stylelint-disable-next-line scss/at-rule-no-unknown */
}
@container cardContainer (min-width: 740px) {
  .c-issue-card-title {
    -webkit-line-clamp: 1;
  }
}
.c-issue-card-sub-content {
  display: flex;
  min-width: 12rem;
  margin-left: auto;
  align-items: center;
  justify-content: center;
}
.c-issue-card-sub-content a {
  position: relative;
  z-index: 2;
}
.c-issue-card-sub-content .c-progress-bar {
  max-width: 50%;
}
.c-issue-card-sub-content .c-announcement .c-divider {
  max-width: 2rem;
}
.c-issue-card-footer {
  display: flex;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-4);
  flex-direction: row;
  background-color: var(--issue-card-footer-bg-color);
  gap: var(--spacing-1);
  transition: background 0.1s ease-in-out;
  align-items: center;
  /* stylelint-disable-next-line scss/at-rule-no-unknown */
}
@container cardContainer (min-width: 740px) {
  .c-issue-card-footer {
    width: 10rem;
    margin-top: inherit;
    margin-left: auto;
    flex-direction: column;
    justify-content: center;
  }
}
.c-issue-card.c-issue-card--placeholder {
  cursor: inherit;
  border: 0.125rem solid var(--issue-card-border-color);
}
.c-issue-card.c-issue-card--placeholder .c-issue-card__inner {
  min-height: 12.5rem;
  /* stylelint-disable-next-line scss/at-rule-no-unknown */
}
@container cardContainer (min-width: 740px) {
  .c-issue-card.c-issue-card--placeholder .c-issue-card__inner {
    min-height: 10.625rem;
  }
}
.c-issue-card.c-issue-card--disabled {
  cursor: not-allowed;
}
.c-issue-card.c-issue-card--disabled .c-issue-card__link, .c-issue-card.c-issue-card--disabled .c-issue-card-sub-content a {
  pointer-events: none;
}
.c-issue-card.c-issue-card--highlighted::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 0.25rem;
  content: "";
  background-color: var(--issue-card-highlight-bg-color);
  /* stylelint-disable-next-line scss/at-rule-no-unknown */
}
@container cardContainer (min-width: 740px) {
  .c-issue-card.c-issue-card--highlighted::before {
    width: 0.25rem;
    height: 100%;
  }
}
.c-issue-card.c-issue-card--compact {
  height: 100%;
}
.c-issue-card.c-issue-card--compact .c-issue-card__inner {
  height: 100%;
  min-height: 11.375rem;
}
.c-issue-card--protected {
  display: flex;
  width: auto;
  height: 100%;
  height: 11.5rem;
  box-sizing: border-box;
  cursor: inherit;
  flex-direction: column;
  background-image: repeating-linear-gradient(-45deg, var(--issue-card-bg-color), var(--issue-card-bg-color) 1px, transparent 2px, transparent 10px);
  border: 1px solid var(--issue-card-border-color);
  border-radius: var(--border-radius--medium);
  align-items: center;
}
.c-issue-card--protected .c-issue-card-footer {
  height: 2.375rem;
  box-sizing: border-box;
}
.c-issue-card--protected .c-issue-card__icon-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
}
.c-issue-card-promotion-banner {
  --issue-card-promotion-banner-bg-color: var(--color-primary-600);
  --issue-card-promotion-banner__icon-color: var(--color-white);
  --issue-card-promotion-banner__icon-bg-color: var(--color-highlight-400);
}

.c-issue-card-promotion-banner {
  width: 100%;
  padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);
  overflow: hidden;
  background-color: var(--issue-card-promotion-banner-bg-color);
  border-radius: var(--border-radius--xlarge);
}
.c-issue-card-promotion-banner__icon {
  padding: var(--spacing-2);
  color: var(--issue-card-promotion-banner__icon-color);
  background-color: var(--issue-card-promotion-banner__icon-bg-color);
  border-radius: 50%;
}
.c-issue-filters__filter {
  --dropdown__body-bg-color: var(--color-primary-800);
}
.c-issue-filters__modal {
  --issue-filters__modal-tag-list-bg-color: var(--color-primary-800);
}

.c-issue-filters {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

@media (min-width: 46.25em) {
  .c-dropdown__environment .c-dropdown-list,
.c-dropdown__release .c-dropdown-list,
.c-dropdown__category .c-dropdown-list {
    max-height: 24.5rem;
    overflow: auto;
  }
}
.c-dropdown__environment--footer,
.c-dropdown__release--footer,
.c-dropdown__category--footer {
  padding: 1rem;
}
.c-dropdown__environment--button,
.c-dropdown__release--button,
.c-dropdown__category--button {
  margin: auto;
}
.c-issue-form-group--has-error input,
.c-issue-form-group--has-error textarea {
  border-color: var(--color-error-100);
}
.c-issue-form-group__icon-button {
  font-size: 1.125rem;
  cursor: pointer;
}
.c-issue-form-group__duplicate {
  position: relative;
  margin-top: 1rem;
}
.c-issue-form-group__duplicate-list {
  position: relative;
  min-height: 6rem;
  margin-top: 1rem;
}
.c-issue-form-group__duplicate-list .c-issue__header,
.c-issue-form-group__duplicate-list .c-issue--card {
  /* stylelint-disable-next-line */
}
.c-issue-form-group__duplicate-list .c-issue__header .c-button::after,
.c-issue-form-group__duplicate-list .c-issue--card .c-button::after {
  display: none;
}
.c-issue-form-group__duplicate-list .swiper-wrapper {
  box-sizing: border-box;
}
.c-issue-form-group__duplicate-disclaimer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: calc(100% - 2rem);
  padding: 1.5rem;
  margin: 0;
  text-align: center;
  background-color: var(--color-primary-700);
  border-radius: var(--border-radius--medium);
  transform: translate(-50%, -50%);
}
@media (min-width: 46.25em) {
  .c-issue-form-group__duplicate-disclaimer {
    max-width: 54%;
  }
}
@media (max-width: 46.24em) {
  .c-issue-form-group__duplicate-view-all {
    width: 100%;
  }
}
@media (min-width: 46.25em) {
  .c-issue-form-group__software-config .c-add-setup-item, .c-issue-form-group__system-config .c-add-setup-item {
    margin: 20px 0;
  }
}
.c-issue-form-group__evidence {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 1rem;
}
.c-issue-form-group__evidence .c-button--full {
  max-height: 3rem;
}
@media (min-width: 46.25em) {
  .c-issue-form-group__contact-preferences .c-issue-form-group__body {
    padding: 1rem 0;
  }
}
.c-issue-form-group__version-selection .c-inline-icon-wrapper {
  margin-top: 1rem;
}
.c-issue-form-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-form-actions .c-button {
  margin-right: 0.625rem;
}
.c-issue-form-actions .c-button .c-icon {
  display: none;
}
.c-issue-form-actions .c-button:last-child {
  margin-right: 0;
}
.c-issue-form-actions--align-left {
  justify-content: flex-start;
}
.c-issue-form-actions--align-right {
  justify-content: flex-end;
}
.c-issue-form-actions--align-center {
  justify-content: center;
}
.c-issue-form-actions--is-visible {
  opacity: 1;
}
.c-issue-form-group {
  position: relative;
  z-index: 1;
  padding: 1.5rem 0;
}
@media (max-width: 46.24em) {
  .c-issue-form-group {
    padding-bottom: 6rem;
  }
}
.c-issue-form-group__body {
  margin-top: 1rem;
}
.c-issue-form-group__body .c-text-input + .c-text-input {
  margin-top: 1.5rem;
}
.c-issue-form-group__body .c-file-attachment-miniature {
  margin-top: 0.5rem;
}
.c-issue-form-group__label {
  margin-bottom: 0.5rem;
  color: var(--color-white);
}
.c-issue-form-group__error {
  margin: 0.5rem 0;
  color: var(--color-error-100);
}
.c-issue-form-group__hint {
  color: var(--color-secondary-300);
}
.l-wrapper--hidden {
  visibility: hidden;
}
.c-issue-form {
  position: relative;
  z-index: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  background-color: var(--issue-form-bg-color);
}
.c-issue-form__header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  border-bottom: solid 0.0625rem var(--color-secondary-300);
}
.c-issue-form__header-title {
  text-transform: uppercase;
}
.c-issue-form__header-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
}
.c-issue-form__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-form__header-close-icon {
  width: 1.875rem;
  cursor: pointer;
}
.c-issue-form__icon-button {
  font-size: 1.5rem;
  cursor: pointer;
}
.c-issue-form__background {
  padding: 3rem 0;
  margin-bottom: 8.125rem;
}
.c-issue-form__background .c-issue-form__group {
  padding: 0;
  margin-bottom: 0;
}
.c-issue-form__animation {
  opacity: 0.2;
  transition: opacity 0.3s cubic-bezier(0.28, 0.13, 0.26, 1);
  will-change: opacity;
}
.c-issue-form__animation--is-in-viewport {
  opacity: 1;
}
.c-issue-form__footer {
  display: flex;
  width: 100%;
  padding: 2rem 0;
  align-items: center;
  justify-content: space-between;
}
.c-issue-form__footer-left, .c-issue-form__footer-right {
  display: flex;
}
.c-issue-form__footer-right {
  margin-left: auto;
}
.c-issue-form__error-list .c-issue-form__error-list-view-source-button {
  border-radius: 0.25rem;
}
.c-issue-form__see-all-duplicates-button {
  border-radius: 0;
}
.c-issue-form__see-all-duplicates-button .c-icon {
  margin-left: auto;
  font-size: 1.5rem;
}
.c-issue-form__see-all-duplicates-button .c-icon::before {
  transform: rotate(-90deg);
}
.c-issue-form .c-banner {
  z-index: 0;
}
.c-issue-form .c-form {
  flex: 1;
}
@media (max-width: 46.24em) {
  .c-issue-form {
    display: flex;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
  }
  .c-issue-form__group {
    margin: 0;
  }
  .c-issue-form__footer {
    padding-top: 1rem;
    flex-direction: column;
  }
  .c-issue-form__footer .c-button {
    width: 100%;
  }
  .c-issue-form__footer-left, .c-issue-form__footer-right {
    width: 100%;
    /* stylelint-disable-next-line */
  }
  .c-issue-form__footer-left * + *, .c-issue-form__footer-right * + * {
    margin-top: 0.5rem;
  }
  .c-issue-form__footer-spacer {
    height: 1rem;
  }
  .c-issue-form__footer-left + .c-issue-form__footer-right {
    margin-top: 1rem;
  }
  .c-issue-form .c-form-step:not(:first-child) {
    background-color: var(--color-primary-900);
  }
}
@media (min-width: 46.25em) {
  .l-layout-platform .c-issue-form {
    height: calc(100vh - 2rem);
  }
  .c-issue-form__header-close {
    margin-bottom: 0;
  }
  .c-issue-form__footer-left .c-button {
    margin-right: 1rem;
  }
  .c-issue-form__footer-left .c-button:last-child {
    margin-right: 0;
  }
  .c-issue-form__footer-spacer {
    flex: 1;
  }
  .c-issue-form__footer-right .c-button {
    margin-left: 1rem;
  }
  .c-issue-form__footer-right .c-button:first-child {
    margin-left: 0;
  }
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-issue-form .l-container {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.c-issue-form-title input,
.c-issue-form-title textarea {
  width: 100%;
  height: auto;
  padding-bottom: 0.5rem;
  overflow: hidden;
  line-height: normal;
  background-color: transparent;
  border: 0;
  border-color: var(--body-text-color);
  border-bottom: 0.125rem solid;
  border-radius: 0;
  outline: none;
}
@media (max-width: 46.24em) {
  .c-issue-form-title input,
.c-issue-form-title textarea {
    font-size: 1.25rem;
  }
}
.c-issue-form-title input::-moz-placeholder, .c-issue-form-title textarea::-moz-placeholder {
  font-style: unset;
  color: var(--color-secondary-500);
}
.c-issue-form-title input::placeholder,
.c-issue-form-title textarea::placeholder {
  font-style: unset;
  color: var(--color-secondary-500);
}
.c-issue-form-title input:hover, .c-issue-form-title input:focus, .c-issue-form-title input:active,
.c-issue-form-title textarea:hover,
.c-issue-form-title textarea:focus,
.c-issue-form-title textarea:active {
  background-color: transparent !important;
  border-color: var(--body-text-color) !important;
  outline: none;
}
.c-issue-form-title textarea {
  height: 2.5rem;
  min-height: unset;
  padding: 0 0 0.5rem;
}
.c-issue-form-title .c-text-input__right-overlay {
  top: 50%;
  height: 100%;
  padding-bottom: 0.5rem;
  align-items: flex-end;
  color: var(--color-secondary-500);
}
.c-issue-form-title .c-text-input__right-overlay .c-text-input__character-count {
  margin-right: unset;
}
@media (min-width: 46.25em) {
  .c-issue-form-title--has-error input,
.c-issue-form-title--has-error textarea {
    border-color: var(--color-error-100);
  }
}
.c-issue-form {
  --issue-form__header-border-color: var(--color-secondary-300);
}

.c-issue-form {
  position: relative;
  z-index: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  background-color: var(--issue-form-bg-color);
}
.c-issue-form__header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  border-bottom: solid 0.0625rem var(--color-secondary-300);
}
.c-issue-form__header-title {
  text-transform: uppercase;
}
.c-issue-form__header-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
}
.c-issue-form__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-form__header-close-icon {
  width: 1.875rem;
  cursor: pointer;
}
.c-issue-form__icon-button {
  font-size: 1.5rem;
  cursor: pointer;
}
.c-issue-form__background {
  padding: 3rem 0;
  margin-bottom: 8.125rem;
}
.c-issue-form__background .c-issue-form__group {
  padding: 0;
  margin-bottom: 0;
}
.c-issue-form__animation {
  opacity: 0.2;
  transition: opacity 0.3s cubic-bezier(0.28, 0.13, 0.26, 1);
  will-change: opacity;
}
.c-issue-form__animation--is-in-viewport {
  opacity: 1;
}
.c-issue-form__footer {
  display: flex;
  width: 100%;
  padding: 2rem 0;
  align-items: center;
  justify-content: space-between;
}
.c-issue-form__footer-left, .c-issue-form__footer-right {
  display: flex;
}
.c-issue-form__footer-right {
  margin-left: auto;
}
.c-issue-form__error-list .c-issue-form__error-list-view-source-button {
  border-radius: 0.25rem;
}
.c-issue-form__see-all-duplicates-button {
  border-radius: 0;
}
.c-issue-form__see-all-duplicates-button .c-icon {
  margin-left: auto;
  font-size: 1.5rem;
}
.c-issue-form__see-all-duplicates-button .c-icon::before {
  transform: rotate(-90deg);
}
.c-issue-form .c-banner {
  z-index: 0;
}
.c-issue-form .c-form {
  flex: 1;
}
@media (max-width: 46.24em) {
  .c-issue-form {
    display: flex;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
  }
  .c-issue-form__group {
    margin: 0;
  }
  .c-issue-form__footer {
    padding-top: 1rem;
    flex-direction: column;
  }
  .c-issue-form__footer .c-button {
    width: 100%;
  }
  .c-issue-form__footer-left, .c-issue-form__footer-right {
    width: 100%;
    /* stylelint-disable-next-line */
  }
  .c-issue-form__footer-left * + *, .c-issue-form__footer-right * + * {
    margin-top: 0.5rem;
  }
  .c-issue-form__footer-spacer {
    height: 1rem;
  }
  .c-issue-form__footer-left + .c-issue-form__footer-right {
    margin-top: 1rem;
  }
  .c-issue-form .c-form-step:not(:first-child) {
    background-color: var(--color-primary-900);
  }
}
@media (min-width: 46.25em) {
  .l-layout-platform .c-issue-form {
    height: calc(100vh - 2rem);
  }
  .c-issue-form__header-close {
    margin-bottom: 0;
  }
  .c-issue-form__footer-left .c-button {
    margin-right: 1rem;
  }
  .c-issue-form__footer-left .c-button:last-child {
    margin-right: 0;
  }
  .c-issue-form__footer-spacer {
    flex: 1;
  }
  .c-issue-form__footer-right .c-button {
    margin-left: 1rem;
  }
  .c-issue-form__footer-right .c-button:first-child {
    margin-left: 0;
  }
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .c-issue-form .l-container {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.c-issue-list-header-title {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.c-issue-list-header-title__text-container {
  display: block;
  margin-bottom: 0;
}
.c-issue-list-header-title__text {
  padding-right: 1rem;
  flex: 1;
}
.c-issue-list-header-title__options {
  flex: 0;
}
.c-issue-list-header-title--section {
  margin: 1.25rem 0;
}
.c-issue-list-header-title--header {
  margin-bottom: 0;
}
@media (max-width: 61.24em) {
  .c-issue-list-header-title__text-container {
    display: flex;
    width: 100%;
    align-items: baseline;
  }
  .c-issue-list-header-title__text-container > *:not(:first-child) {
    margin-left: auto;
  }
  .c-issue-list-header-title__filters > * + * {
    margin-left: 0.5rem;
  }
}
.c-issue-list-section-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: var(--spacing-3);
  text-decoration: none;
}
@media (min-width: 46.25em) {
  .c-issue-list-section-title {
    justify-content: space-between;
  }
}
.c-issue-list-section-title__text-container {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 46.25em) {
  .c-issue-list-section-title__text-container {
    display: block;
    width: unset;
    max-width: 70%;
    margin-bottom: 0;
  }
}
.c-issue-list-section-title__header {
  padding-right: 1rem;
  color: var(--body__title-text-color);
}
.c-issue-list-section-title__subtitle {
  margin-top: 0.5rem;
  /* stylelint-disable-next-line */
  -webkit-hyphens: auto;
          hyphens: auto;
}
.c-issue-list-section-title__view-all-button {
  justify-self: end;
}
.c-issue-list-section-title__filters {
  display: flex;
  margin-left: auto !important;
}
@media (min-width: 46.25em) {
  .c-issue-list-section-title__filters {
    margin-left: 1rem;
  }
}
.c-issue-list-section-title__filters > * {
  margin-left: 1.25rem;
}
.c-issue-modify-group {
  --issue-modify-group__title-font-family: var(--font-primary);
  --issue-modify-group__title-font-size: 1rem;
  --issue-modify-group__title-line-height: 1.5rem;
  --issue-modify-group__sub-title-font-family: var(--font-primary);
  --issue-modify-group__sub-title-font-size: 0.75rem;
  --issue-modify-group__sub-title-line-height: 1rem;
}
@media (max-width: 61.24em) {
  .c-issue-modify-group {
    padding: 1rem;
  }
}
.c-issue-modify-group > * + * {
  margin-top: 1rem;
}
.c-issue-modify-group__title {
  font-family: var(--issue-modify-group__title-font-family);
  font-size: var(--issue-modify-group__title-font-size);
  line-height: var(--issue-modify-group__title-line-height);
  color: var(--issue-modify-group__title-text-color);
}
.c-issue-modify-group__sub-title {
  font-family: var(--issue-modify-group__sub-title-font-family);
  font-size: var(--issue-modify-group__sub-title-font-size);
  line-height: var(--issue-modify-group__sub-title-line-height);
  color: var(--issue-modify-group__sub-title-text-color);
}
.c-issue-modify-group__icon-button {
  font-size: 1.125rem;
  cursor: pointer;
}
.c-issue-modify-group__body > * + * {
  margin-top: 0.5rem;
}
.c-issue-modify-group__error {
  color: var(--issue-modify-group__error-text-color);
}
.c-issue-modify-group__version-selection .c-inline-icon-wrapper {
  margin-top: 1rem;
}
.c-issue-modify-group .c-message {
  margin-bottom: 1rem;
}
.c-issue-modify-group + .c-issue-modify-group::before {
  display: block;
  margin: 2rem 0;
  content: "";
  border-top: 1px solid var(--issue-modify-group__separator--border-color);
}
.c-issue-modify-group {
  --issue-modify-group__title-text-color: var(--color-secondary-200);
  --issue-modify-group__sub-title-text-color: var(--color-secondary-200);
  --issue-modify-group__separator--border-color: var(--color-primary-700);
  --issue-modify-group__error-text-color: var(--color-error-100);
}

.c-issue-modify-modal {
  --issue-modify-modal__sub-header-title-text-color: var(--color-secondary-50);
  --issue-modify-modal__sub-header-text-color: var(--color-secondary-200);
}
.c-issue-modify-modal {
  --issue-modify-modal__sub-header-title-font-family: var(--font-secondary);
  --issue-modify-modal__sub-header-title-font-size: 1.25rem;
  --issue-modify-modal__sub-header-title-font-weight: 500;
  --issue-modify-modal__sub-header-title-line-height: 1.5rem;
  --issue-modify-modal__sub-header-title-text-transform: inherit;
  --issue-modify-modal__sub-header-text-font-family: var(--font-primary);
  --issue-modify-modal__sub-header-text-font-size: 1rem;
  --issue-modify-modal__sub-header-text-line-height: 1.5rem;
}
.c-issue-modify-modal .c-modal__sub-header {
  padding: 1rem;
}
@media (min-width: 61.25em) {
  .c-issue-modify-modal .c-modal__sub-header {
    padding: 1.5rem 3rem;
  }
}
.c-issue-modify-modal .c-modal__sub-header > * + * {
  margin-top: 0.5rem;
}
.c-issue-modify-modal__sub-header-title {
  font-family: var(--issue-modify-modal__sub-header-title-font-family);
  font-size: var(--issue-modify-modal__sub-header-title-font-size);
  font-weight: var(--issue-modify-modal__sub-header-title-font-weight);
  line-height: var(--issue-modify-modal__sub-header-title-line-height);
  color: var(--issue-modify-modal__sub-header-title-text-color);
  text-transform: var(--issue-modify-modal__sub-header-title-text-transform);
}
.c-issue-modify-modal__sub-header-text {
  font-family: var(--issue-modify-modal__sub-header-text-font-family);
  font-size: var(--issue-modify-modal__sub-header-text-font-size);
  line-height: var(--issue-modify-modal__sub-header-text-line-height);
  color: var(--issue-modify-modal__sub-header-text-color);
}
.c-issue-report-creation-toolbar {
  --issue-report-creation-toolbar-bg-color: var(--color-primary-800);
  --issue-report-creation-toolbar__title-text-color: var(--color-white);
  --issue-report-creation-toolbar__icon-color: var(--color-white);
  --issue-report-creation-toolbar__icon-bg-color: var(--color-primary-500);
  --issue-report-creation-toolbar__actions-separator-color: var(--color-primary-500);
}

.c-issue-report-creation-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--issue-report-creation-toolbar-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-issue-report-creation-toolbar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 3.5rem;
  font-size: 1.5rem;
  color: var(--issue-report-creation-toolbar__icon-color);
  background-color: var(--issue-report-creation-toolbar__icon-bg-color);
  border-radius: 0.5rem 0 0 0.5rem;
}
.c-issue-report-creation-toolbar__content {
  display: flex;
  width: 100%;
  padding: 1rem;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 46.25em) {
  .c-issue-report-creation-toolbar__content {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.c-issue-report-creation-toolbar__title {
  color: var(--issue-report-creation-toolbar__title-text-color);
}
.c-issue-report-creation-toolbar__title + div {
  margin-top: 0.25rem;
}
.c-issue-report-creation-toolbar__actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-issue-report-creation-toolbar__actions {
    gap: 2rem;
    flex-direction: row;
  }
}
@media (min-width: 46.25em) {
  .c-issue-report-creation-toolbar__action + .c-issue-report-creation-toolbar__action {
    position: relative;
  }
  .c-issue-report-creation-toolbar__action + .c-issue-report-creation-toolbar__action::after {
    position: absolute;
    top: 50%;
    left: -1rem;
    width: 0.0625rem;
    height: 1rem;
    content: "";
    background-color: var(--issue-report-creation-toolbar__actions-separator-color);
    transform: translateY(-50%);
  }
}
.c-issue-reporter {
  --issue-reporter-bg-color: var(--color-primary-700);
  --issue-reporter-primary-text-color: var(--color-white);
  --issue-reporter-secondary-text-color: var(--color-secondary-200);
}

.c-issue-reporter {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: var(--border-radius--small);
}
.c-issue-reporter > * + * {
  margin-left: 0.5rem;
}
.c-issue-reporter__content {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.c-issue-reporter__content .c-issue-reporter__label {
  color: var(--issue-reporter-secondary-text-color);
}
.c-issue-reporter__content .c-issue-reporter__username {
  color: var(--issue-reporter-primary-text-color);
}
@media (max-width: 46.24em) {
  .c-issue-reporter {
    padding: 0.25rem 1rem 0.25rem 0.5rem;
    background-color: var(--issue-reporter-bg-color);
  }
  .c-issue-reporter__content > * + * {
    margin-left: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-issue-reporter > * + * {
    margin-left: 1rem;
  }
  .c-issue-reporter__content {
    flex-direction: column;
  }
}
.c-issue-report-details {
  --issue-report-details-border-color: var(--color-primary-600);
}

.c-issue-report-details {
  width: 100%;
  border-top: 0.0625rem solid var(--issue-report-details-border-color);
  border-bottom: 0.0625rem solid var(--issue-report-details-border-color);
}
.c-issue-report-details__item {
  position: relative;
}
@media (max-width: 46.24em) {
  .c-issue-report-details {
    display: flex;
    padding: 0.5rem 0;
    flex-direction: column;
  }
  .c-issue-report-details__item + .c-issue-report-details__item {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-issue-report-details {
    display: grid;
    grid-template-areas: "reporter severity platform";
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .c-issue-report-details__item {
    display: flex;
    align-items: center;
  }
  .c-issue-report-details__item::before, .c-issue-report-details__item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.0625rem;
    height: 0.5rem;
    content: "";
    background-color: var(--issue-report-details-border-color);
  }
  .c-issue-report-details__item::after {
    top: auto;
    bottom: 0;
  }
  .c-issue-report-details__item-reporter {
    grid-area: reporter;
    padding: 1rem 1rem 1rem 0.5rem;
  }
  .c-issue-report-details__item-reporter::before, .c-issue-report-details__item-reporter::after {
    display: none;
  }
  .c-issue-report-details__item-severity {
    grid-area: severity;
    padding: 1rem;
  }
  .c-issue-report-details__item-platform {
    grid-area: platform;
    padding: 1rem 0 1rem 1rem;
  }
}
.c-issue-report-meta-data {
  --issue-report-meta-text-color: var(--color-white);
}

.c-issue-report-meta-data {
  display: flex;
  align-items: center;
  color: var(--issue-report-meta-text-color);
}
.c-issue-report-meta-data__info, .c-issue-report-meta-data__reported-on, .c-issue-report-meta-data__reporter {
  display: flex;
  align-items: center;
}
.c-issue-report-meta-data__bullet {
  margin: 0 var(--spacing-1);
}
.c-issue-report-meta-data__reported-on {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 46.25em) {
  .c-issue-report-meta-data__reported-on {
    width: auto;
  }
}
.c-issue-report-meta-data__reporter-prefix {
  margin-right: var(--spacing-1);
}
.c-issue-report-header__group-meta, .c-issue-report-header__group-meta > * {
  width: 100%;
}
.c-issue-report-header__favourite-button {
  margin: 0 auto;
  white-space: nowrap;
}
@media (min-width: 46.25em) {
  .c-issue-report-header__favourite-button {
    margin: var(--spacing-2) 0 0;
    align-self: flex-start;
  }
}
.c-issue-report-details-setup {
  --issue-report-details-setup--text-color: var(--color-white);
  --issue-report-details-setup--bg-color: var(--color-primary-700);
  --issue-report-details-setup__icon--bg-color: var(--color-primary-600);
  --issue-report-details-setup__setup-name--text-color: var(--color-white);
  --issue-report-details-setup__details--text-color: var(--color-secondary-300);
  --issue-report-details-setup__arrow-text-color: var(--color-white);
  --issue-report-details-setup__dropdown-header--text-color: var(--color-white);
  --issue-report-details-setup__dropdown-header-icon--bg-color: var(--color-primary-600);
  --issue-report-details-setup__dropdown-header-details--color: var(--color-secondary-300);
}

.c-issue-report-details-setup {
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  color: var(--issue-report-details-setup--text-color);
  cursor: pointer;
  background-color: var(--issue-report-details-setup--bg-color);
  border-radius: var(--border-radius--small);
}
.c-issue-report-details-setup__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  background-color: var(--issue-report-details-setup__icon--bg-color);
}
.c-issue-report-details-setup__icon .c-icon {
  font-size: 1.5rem;
}
.c-issue-report-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-report-details-setup__setup-name {
  color: var(--issue-report-details-setup__setup-name--text-color);
}
.c-issue-report-details-setup__details {
  margin-left: 0.25rem;
  color: var(--issue-report-details-setup__details--text-color);
  word-break: break-word;
}
.c-issue-report-details-setup__arrow {
  position: absolute;
  top: 50%;
  right: 1rem;
  font-size: 1.5rem;
  color: var(--issue-report-details-setup__arrow-text-color);
  transition: transform 0.15s ease-in-out;
  transform: translateY(-50%) rotate(270deg);
}
.c-issue-report-details-setup__dropdown-header {
  display: flex;
  align-items: center;
  color: var(--issue-report-details-setup__dropdown-header--text-color);
}
.c-issue-report-details-setup__dropdown-header-icon {
  padding: 1rem;
  margin-right: 0.5rem;
  font-size: 1.5rem;
  background-color: var(--issue-report-details-setup__dropdown-header-icon--bg-color);
}
.c-issue-report-details-setup__dropdown-header-name {
  display: flex;
  align-items: baseline;
}
.c-issue-report-details-setup__dropdown-header-details {
  margin-left: 0.25rem;
  color: var(--issue-report-details-setup__dropdown-header-details--color);
}
@media (min-width: 46.25em) {
  .c-issue-report-details-setup__content {
    flex-direction: column;
    justify-content: center;
  }
  .c-issue-report-details-setup__details {
    margin-left: 0;
  }
}
.c-issue-report-evidence-list .c-file-attachment {
  margin: 0;
}
.c-issue-report-evidence-list .c-loading-attachment {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.c-issue-report-section-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-issue-report-section-text__title {
  text-transform: none;
}
.c-steps {
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: 1rem;
  counter-reset: li;
}
.c-steps-item {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  padding-bottom: 1rem;
  color: var(--steps-item-text-color);
  counter-increment: li;
}
.c-steps-item::after {
  position: absolute;
  top: 1.375rem;
  left: 1.3125rem;
  z-index: -1;
  display: block;
  height: 100%;
  content: "";
  border-left: 0.0625rem dashed var(--steps-item-border-color);
}
.c-steps-item:last-child::after {
  content: none;
}
.c-steps-item__chip {
  position: relative;
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 1rem;
  color: var(--steps-item__chip-text-color);
  background-color: var(--steps-item__chip-bg-color);
  border: 0.0625rem solid var(--steps-item__chip-border-color);
  border-radius: 50%;
  flex: none;
}
.c-steps-item__icon {
  font-size: 1.25rem;
}
.c-steps-item__title {
  color: var(--steps-item__title-text-color);
}
.c-steps-item__content {
  padding-top: 0.5rem;
}
.c-steps-item--no-line::after {
  content: none;
}

.c-steps-item {
  --steps-item-text-color: var(--color-secondary-200);
  --steps-item-border-color: var(--color-primary-200);
  --steps-item__title-text-color: var(--color-white);
  --steps-item__chip-text-color: var(--color-white);
  --steps-item__chip-bg-color: var(--color-primary-600);
  --steps-item__chip-border-color: var(--color-primary-200);
}
.c-issue-report-steps {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.c-issue-report-header-title {
  display: block;
  text-align: center;
}
@media (min-width: 46.25em) {
  .c-issue-report-header-title {
    text-align: left;
  }
}
.c-issue-report-header-title__button-group {
  display: inline-block;
}
.c-issue-report-header-title__button {
  margin-left: var(--spacing-2);
}
.c-issue-report {
  --issue-report__actions--background-color: var(--color-primary-800);
  --issue-report__actions-header--color: var(--color-white);
  --issue-report__actions-header--background-color: var(--color-primary-600);
  --issue-report__actions-body-text--color: var(--color-white);
  --issue-report__actions-body-sub-text--color: var(--color-secondary-200);
  --issue-report__actions-action-list-button--hover-background-color: var(--color-primary-600);
  --issue-report__actions-action-list-li--border-right-color: var(--color-primary-600);
}

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

.c-issue-report {
  position: relative;
  width: 100%;
}
.c-issue-report__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--issue-report__actions--background-color);
  border-radius: 0.5rem;
}
.c-issue-report__actions-header {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0 1rem;
  font-size: 1.5rem;
  color: var(--issue-report__actions-header--color);
  background-color: var(--issue-report__actions-header--background-color);
  border-radius: 0.5rem 0 0 0.5rem;
}
.c-issue-report__actions-body {
  display: flex;
  padding: 1rem;
  flex-direction: column;
}
.c-issue-report__actions-body-text {
  color: var(--issue-report__actions-body-text--color);
}
.c-issue-report__actions-body-sub-text {
  color: var(--issue-report__actions-body-sub-text--color);
}
.c-issue-report__actions-action-list {
  list-style-type: none;
}
.c-issue-report__actions-action-list .c-link-button {
  text-decoration: none;
}
@media (max-width: 46.24em) {
  .c-issue-report__actions-body > * + * {
    margin-top: 1rem;
  }
  .c-issue-report__actions-action-list .c-link-button {
    padding: 0.5rem;
    color: var(--color-primary-50);
    background-color: var(--color-primary-700);
    border: 0;
    border-radius: var(--border-radius--small);
  }
  .c-issue-report__actions-action-list .c-link-button:hover {
    background-color: var(--issue-report__actions-action-list-button--hover-background-color);
  }
  .c-issue-report__actions-action-list .c-link-button__icon {
    color: var(--color-primary-50);
  }
  .c-issue-report__actions-action-list .c-link-button__label {
    text-decoration: none;
  }
  .c-issue-report__actions-action-list li + li {
    margin-top: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-issue-report__actions-body {
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
  }
  .c-issue-report__actions-body-text-wrapper {
    flex-grow: 1;
  }
  .c-issue-report__actions-action-list {
    display: flex;
    flex-direction: row;
  }
  .c-issue-report__actions-action-list li {
    padding: 0 1rem;
    border-right: 1px solid var(--issue-report__actions-action-list-li--border-right-color);
  }
  .c-issue-report__actions-action-list li:last-child {
    padding-right: 0;
    border-right: 0;
  }
}
.c-issue-report__notification {
  margin-bottom: 2rem;
}
.c-issue-report__section {
  display: flex;
  /* stylelint-disable plugin/no-unsupported-browser-features */
  word-break: break-word;
  flex-direction: column;
}
.c-issue-report__section:last-child {
  margin-bottom: 0;
}
.c-issue-report__section-title {
  margin-bottom: 0.5rem;
}
.c-issue-report__section-title + .c-steps {
  margin-top: 1rem;
}
.c-issue-report__section-title + .c-file-attachment-miniature {
  margin-bottom: 1rem;
}
.c-issue-report__section-subtitle {
  margin-bottom: 1rem;
}
.c-issue-report__section-text-content {
  white-space: pre-line;
}
.c-issue-report__section .l-grid {
  margin-bottom: 1rem;
}
.c-issue-report__modal-banner {
  top: 2.5rem;
  z-index: 0;
}
@media (min-width: 46.25em) {
  .c-issue-report__modal-banner {
    top: 3.0625rem;
  }
}
.c-issue-report--read-only .c-contribution-card__actions {
  display: none;
}
.c-issue-report--is-modal {
  padding-top: 6.5rem;
}
.c-issue-report .c-panel--admin .c-portal-popover__trigger-container {
  width: auto;
}
@media (min-width: 46.25em) {
  .c-issue-report__header {
    margin-bottom: 1rem;
  }
  .c-issue-report__header-title {
    margin-bottom: 1rem;
    text-align: left;
  }
  .c-issue-report__header-content {
    padding-bottom: 0.25rem;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex-shrink: 0;
  }
  .c-issue-report__header-left-content {
    margin-bottom: unset;
  }
  .c-issue-report__header-toggle-favourite {
    padding-left: 0;
  }
}
.c-jira-ticket-link {
  --jira-ticket-link-bg-color: var(--color-admin-600);
  --jira-ticket-link__link-text-color: var(--color-admin-100);
}
.c-jira-ticket-link .c-button {
  --button-text-color: var(--color-admin-100);
}
.c-jira-ticket-link .c-button--icon-only {
  --button-text-color: var(--color-white);
  --button-bg-color: var(--transparent);
}
.c-jira-ticket-link .c-button--icon-only:hover:not(.c-button--disabled) {
  --button-text-color: var(--color-admin-100);
}
.c-jira-ticket-link .c-button--icon-only.c-button--disabled {
  --button-text-color: var(--color-admin-500);
}

.c-jira-ticket-link {
  padding: var(--spacing-3) var(--spacing-4);
  background-color: var(--jira-ticket-link-bg-color);
  border-radius: var(--border-radius--small);
}
.c-jira-ticket-link__link {
  color: var(--jira-ticket-link__link-text-color);
  border-radius: var(--border-radius--small);
}
.c-jira-ticket-link__link.h-focus, .c-jira-ticket-link__link.focus-visible, .c-jira-ticket-link__link:focus-visible {
  z-index: 0;
  outline: 2px solid var(--focus-color);
  outline-offset: 0.125rem;
}
.c-jira-ticket-link .c-button {
  height: 0;
  padding: 0;
}
.c-layer {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 19rem;
  transition: transform 0.25s var(--transition-ease-in-out--quart);
}
.c-layer__header .c-link-button {
  padding: 0.5rem;
  margin-left: auto;
  color: var(--color-primary-50);
  background-color: var(--color-primary-700);
  border: 0;
  border-radius: var(--border-radius--small);
}
.c-layer__header .c-link-button:hover {
  background-color: var(--color-primary-800);
}
.c-layer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: #000;
  opacity: 0.8;
}
.c-layer__overlay--open {
  display: block;
}
.c-layer__icon {
  position: absolute;
  top: 0;
  display: none;
  padding: 1.125rem;
  font-size: 1.5rem;
}
.c-layer--open .c-layer__icon {
  display: block;
}
.c-layer__icon--left {
  left: 19rem;
}
.c-layer__icon--right {
  right: 19rem;
}
.c-layer--right {
  right: 0;
  transform: translateX(100%);
}
.c-layer--right.c-layer--open {
  transform: translateX(0);
}
.c-layer--left {
  left: 0;
  transform: translateX(-100%);
}
.c-layer--left.c-layer--open {
  transform: translateX(0);
}
.c-layer--notifications {
  display: flex;
  flex-direction: column;
  background-color: var(--color-primary-700);
}
.c-layer--notifications .c-notifications__list {
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-layer--notifications .c-notifications__list::-webkit-scrollbar {
  width: 0.75rem;
}
.c-layer--notifications .c-notifications__list::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-layer--notifications .c-notifications__list::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
.l-layout {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  grid-template-rows: 1fr auto;
  grid-template-areas: "main" "footer";
}
.l-layout--with-sidebar {
  margin-top: 0;
}
@media (min-width: 81.25em) {
  .l-layout {
    margin-top: 0;
    grid-template-columns: minmax(0%, 100%);
    grid-template-areas: "main" "footer";
  }
  .l-layout--with-sidebar {
    grid-template-columns: 16.875rem minmax(0%, 100%);
    grid-template-areas: "sidebar main" "sidebar footer";
  }
}
.l-layout__sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  max-width: 16.875rem;
  height: auto;
  flex-direction: column;
  grid-area: sidebar;
  will-change: transform, opacity;
  opacity: 0;
  transition: transform 0.25s linear, opacity 0.25s ease-in-out;
  transform: translateX(-100%);
}
@media (min-width: 81.25em) {
  .l-layout__sidebar {
    position: 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;
  width: 100%;
}
.c-lightbox__legend {
  display: flex;
  margin-top: 1rem;
  color: var(--color-white);
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.c-lightbox__legend-label + .c-lightbox__legend-description {
  margin-left: 0.5rem;
}
@media (min-width: 46.25em) {
  .c-lightbox__legend {
    flex-direction: row;
  }
}
.c-lightbox__author {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 46.25em) {
  .c-lightbox__author {
    margin-left: 1rem;
  }
}
.c-lightbox__media {
  position: relative;
  width: 100%;
  padding-top: 56%;
  margin: 1.5rem 0 0;
  overflow: hidden;
  background-color: var(--color-primary-700);
  border-radius: 0.25rem;
}
.c-lightbox__media-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: auto;
}
.c-lightbox__media-container > * {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.c-lightbox__media-container .c-iframe {
  width: 100%;
}
.c-lightbox__media--image {
  border: 2px solid var(--color-secondary-300);
}
.c-lightbox > .l-container {
  width: 100%;
  text-align: center;
}
.c-lightbox .c-avatar {
  margin: 0 0.5rem;
}
.c-lightbox .c-modal__close {
  cursor: pointer;
  /* stylelint-disbale rule-empty-line-before */
}
.c-lightbox .c-modal__close svg {
  fill: currentColor;
}
.c-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(--color-primary-600);
}
.c-spacer__line:first-child {
  margin-right: 1.25rem;
}
.c-spacer__line:last-child {
  margin-left: 1.25rem;
}
.l-container--login {
  display: flex;
  max-width: 29.8125rem;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.c-login {
  width: 100%;
  margin: 0 auto;
}
.c-login__form {
  position: relative;
  padding: 1.875rem 2rem;
  margin-bottom: 1.875rem;
  border: 0.0625rem solid var(--color-primary-700);
  border-radius: 0.5rem;
}
.c-login--has-logo .c-login__form {
  border-top: 1px solid transparent;
}
.c-login--has-logo .c-login__form::before {
  display: block;
  height: 1.875rem;
  content: "";
  background-color: transparent;
}
.c-login--has-logo .c-login__form::after {
  position: absolute;
  top: 0.0625rem;
  right: 0.125rem;
  bottom: 0;
  left: 0.125rem;
  display: block;
  width: calc(100% - 0.25rem);
  height: 0.0625rem;
  content: "";
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, var(--color-primary-700) 0%, var(--color-primary-700) 20%, transparent 20%, transparent 80%, var(--color-primary-700) 80%, var(--color-primary-700) 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(--color-primary-700);
}
.c-login .c-spacer__line {
  border-color: var(--color-primary-700);
}
.c-popover {
  position: absolute;
  top: calc(100% + 30px);
  /* stylelint-disable-next-line primer/responsive-widths */
  width: 21.125rem;
  color: var(--color-white);
  text-align: left;
  visibility: hidden;
  background-color: var(--color-primary-700);
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(var(--color-black--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--notifications {
  display: flex;
  /* stylelint-disable-next-line primer/responsive-widths */
  width: 24.125rem;
  max-height: 33rem;
  flex-direction: column;
}
.c-popover--notifications .c-popover__header::before {
  border-bottom-color: var(--color-primary-700);
}
.c-popover--notifications .c-popover__header,
.c-popover--notifications .c-popover__body {
  padding: 0;
}
.c-popover--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--notifications .c-popover__body .c-notifications__list {
  height: auto;
  overflow: hidden;
}
.c-popover__header, .c-popover__body, .c-popover__footer {
  position: relative;
  z-index: 1;
}
.c-popover__header, .c-popover__footer {
  padding: 1rem;
}
.c-popover__body {
  padding: 0.5rem 1rem;
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-popover__body::-webkit-scrollbar {
  width: 0.75rem;
}
.c-popover__body::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-popover__body::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
.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(--color-primary-700);
}
.c-popover--align-center .c-popover__header::before {
  left: 50%;
}
.c-popover__footer {
  background-color: var(--color-primary-700);
  border-radius: 0 0 0.5rem 0.5rem;
}
.c-popover__footer::before {
  border-bottom-color: var(--color-primary-700);
}
.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-login-chip {
  --login-chip-bg-color: var(--color-primary-700);
  --login-chip__avatar-border-color: var(--color-primary-400);
  --login-chip__footer-bg-color: var(--color-primary-500);
  --login-chip__footer--hover-bg-color: var(--color-primary-400);
}

.c-login-chip {
  top: calc(100% + 18px);
  width: auto;
  min-width: 17rem;
}
.c-login-chip__header::before {
  left: calc(100% - 28px);
  border-bottom-color: var(--login-chip-bg-color);
}
.c-login-chip__body {
  display: flex;
  padding: 0;
  flex-direction: column;
}
.c-login-chip__footer {
  padding: 0.5rem 1rem;
  background-color: var(--login-chip__footer-bg-color);
}
.c-login-chip__footer:hover {
  background-color: var(--login-chip__footer--hover-bg-color);
}
.c-login-chip.c-popover {
  background-color: var(--login-chip-bg-color);
}
.c-maintenance-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--body-bg-color);
}
.c-maintenance-overlay__title {
  margin-top: var(--spacing-12);
  color: var(--title-color);
}
.c-maintenance-overlay__content {
  max-width: 40.625rem;
}
.c-maintenance-overlay__error {
  margin-top: 0.5rem;
}
.c-maintenance-overlay .l-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 46.24em) {
  .c-maintenance-overlay .l-container > img {
    min-width: calc(100% + 2rem);
  }
}

.c-maintenance-overlay {
  --title-color: var(--color-white);
}
.c-media-box {
  --media-box__container-bg-color: var(--color-primary-700);
  --media-box__container-border-color: var(--color-secondary-300);
}

.c-media-box__container {
  width: 100%;
  overflow: hidden;
  background-color: var(--media-box__container-bg-color);
  border-radius: 0.25rem;
  aspect-ratio: 16/9;
}
.c-media-box__container-scroll {
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* stylelint-disable */
  /* stylelint-enable */
  display: flex;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  justify-content: center;
  align-items: center;
}
.c-media-box__container-scroll *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-media-box__container-scroll *::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-media-box__container-scroll *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
.c-media-box picture {
  max-height: 100%;
}
.c-media-box--type-image .c-media-box__container {
  border: 2px solid var(--media-box__container-border-color);
}
.c-navigation {
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-primary-200) var(--color-primary-900);
  /* stylelint-disable */
  /* stylelint-enable */
  width: 100%;
}
.c-navigation *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-navigation *::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-navigation *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
.c-navigation .c-navigation__title {
  margin-bottom: 0.5rem;
}
.c-navigation__wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--color-primary-700);
}
.c-navigation__wrapper .c-portal-popover__trigger-container {
  padding: 0.5rem 1rem;
}
.c-navigation--inline {
  display: flex;
  padding: 0.5rem 1rem 0 1rem;
  overflow-x: auto;
  flex-direction: column;
  background-color: var(--color-primary-700);
}
.c-navigation--inline .c-navigation__list {
  align-items: flex-end;
  display: flex;
}
.c-navigation--inline .c-navigation-item {
  --navigation-item-color__font: var(--color-secondary-500);
  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);
}
@media (max-width: 81.24em) {
  .c-navigation--single {
    margin-bottom: 0;
  }
}
.c-navigation--sidebar-settings {
  --navigation-item-color__font: var(--color-secondary-300);
  --navigation-item-color__link--active: var(--color-white);
  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.c-navigation--admin.c-navigation--inline {
  scrollbar-width: 0.75rem;
  scrollbar-color: var(--color-admin-300) var(--color-admin-800);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-navigation.c-navigation--admin.c-navigation--inline *::-webkit-scrollbar {
  width: 0.75rem;
}
.c-navigation.c-navigation--admin.c-navigation--inline *::-webkit-scrollbar-track {
  background: var(--color-primary-900);
}
.c-navigation.c-navigation--admin.c-navigation--inline *::-webkit-scrollbar-thumb {
  border: solid 0.225rem transparent;
  border-radius: 1000px;
  box-shadow: inset 0 0 0.75rem 0.75rem var(--color-primary-400);
}
@media (max-width: 46.24em) {
  .c-navigation.c-navigation--admin.c-navigation--inline {
    background-color: var(--color-admin-700);
  }
}
.c-navigation.c-navigation--sidebar {
  --navigation--sidebar-divider-color: var(--sidebar-divider-color);
  --navigation-item-text-color: var(--sidebar-link-text-color);
  --navigation-item-bg-color: var(--sidebar-link-bg-color);
  --navigation-item--hover-text-color: var(--sidebar-link--hover-text-color);
  --navigation-item--hover-bg-color: var(--sidebar-link--hover-bg-color);
  --navigation-item--active-text-color: var(--sidebar-link--active-text-color);
  --navigation-item--active-bg-color: var(--sidebar-link--active-bg-color);
}
.c-navigation-item {
  padding: 0.5rem 0;
  list-style: none;
}
.c-navigation-item:last-child {
  margin-bottom: 0;
}
.c-navigation-item__link {
  display: flex;
  color: var(--navigation-item-text-color);
  align-items: center;
  cursor: pointer;
  background-color: var(--navigation-item-bg-color);
  will-change: color;
  transition: color 0.25s ease-in-out;
  justify-content: flex-start;
}
.c-navigation-item__link:hover, .c-navigation-item__link:focus {
  color: var(--color-white);
  background-color: var(--navigation-item--hover-bg-color);
}
.c-navigation-item__link--is-active {
  color: var(--color-white);
  background-color: var(--navigation-item--active-bg-color);
}
.c-navigation-item__link--is-active:hover:not(.c-navigation-item__link--is-active), .c-navigation-item__link--is-active:focus {
  color: var(--navigation-item--active-text-color);
  background-color: var(--navigation-item--active-bg-color);
}
.c-navigation-item__icon {
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.c-navigation-item__label {
  flex-grow: 1;
  padding-right: 0.5rem;
}
.c-navigation-item__secondary-icon {
  padding-right: 0.625rem;
  font-size: 1rem;
  color: var(--color-warning);
}
.c-navigation-item.c-navigation-item--admin .c-navigation-item__link--is-active {
  border-left-color: var(--color-admin-200);
}
.c-new-table-cell {
  --new-table-cell-padding: var(--spacing-6) var(--spacing-8);
  --new-table-cell-text-color: inherit;
}
.c-new-table-cell--align-left {
  --new-table-cell-text-align: left;
}
.c-new-table-cell--align-center {
  --new-table-cell-text-align: center;
}
.c-new-table-cell--align-right {
  --new-table-cell-text-align: right;
}
.c-new-table-cell--condensed {
  --new-table-cell-padding: var(--spacing-4) var(--spacing-8);
}
.c-new-table-cell--header {
  --new-table-cell-padding: var(--spacing-4) var(--spacing-8);
}
.c-new-table-cell--title {
  --new-table-cell-bg-color: var(--color-primary-600);
  --new-table-cell-text-color: var(--color-white);
  --new-table-cell-padding: var(--spacing-4) var(--spacing-8);
}

.c-new-table-cell {
  padding: var(--new-table-cell-padding);
  color: var(--new-table-cell-text-color);
  text-align: var(--new-table-cell-text-align);
  vertical-align: middle;
  background-color: var(--new-table-cell-bg-color);
}
@media (max-width: 46.24em) {
  .c-new-table-cell {
    padding: 0;
  }
}
.c-new-table-row {
  --new-table-row-bg-color: var(--color-primary-800);
  --new-table-row-border-color: var(--color-primary-700);
}
.c-new-table-row.c-new-table-row--header {
  --new-table-row-bg-color: var(--color-primary-700);
}

.c-new-table-row {
  background-color: var(--new-table-row-bg-color);
  border-bottom: 1px solid var(--new-table-row-border-color);
}
.c-new-table-row:last-child {
  border: 0;
}
@media (max-width: 46.24em) {
  .c-new-table-row {
    display: flex;
    padding: var(--spacing-4);
    flex-direction: column;
    gap: var(--spacing-2);
  }
}
.c-new-table-sort-button {
  --new-table-sort-button-text-color: var(--color-secondary-200);
}
.c-new-table-sort-button--active {
  --new-table-sort-button-text-color: var(--color-white);
}

.c-new-table-sort-button {
  color: var(--new-table-sort-button-text-color);
  cursor: pointer;
  transition: color var(--duration-300);
}
.c-new-table-sort-button .c-icon {
  transition: transform var(--duration-300);
  transform: rotate(-180deg);
}
.c-new-table-sort-button--desc .c-icon {
  transform: rotate(0deg);
}
.c-new-table {
  width: 100%;
  table-layout: fixed;
}
.c-new-table--quarter th:first-child {
  width: 25%;
}
.c-new-table--quarter .c-new-table-row:not(:has(th)) td:first-child {
  width: 25%;
}
.c-new-table--forty th:first-child {
  width: 40%;
}
.c-new-table--forty .c-new-table-row:not(:has(th)) td:first-child {
  width: 40%;
}
.c-new-table--half th:first-child {
  width: 50%;
}
.c-new-table--half .c-new-table-row:not(:has(th)) td:first-child {
  width: 50%;
}
.c-new-table--half-reverse th:last-child {
  width: 50%;
}
.c-new-table--three-quarter th:first-child {
  width: 75%;
}
.c-new-table--three-quarter .c-new-table-row:not(:has(th)) td:first-child {
  width: 75%;
}
.c-new-table--nested .c-new-table-row {
  flex-direction: row;
  background-color: inherit;
}
.c-new-table--nested .c-new-table-cell {
  display: flex;
  align-items: center;
}
.c-new-table--nested .c-new-table-cell:last-child {
  width: 50%;
}
.c-notification-chip {
  --notification-chip-bg-color: var(--color-primary-400);
  --notification-chip__icon__text-color: var(--color-white);
  --notification-chip__count__text-color: var(--color-primary-900);
  --notification-chip__count__bg-color: var(--color-primary-50);
}

.c-notification-chip {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.c-notification-chip__count {
  position: absolute;
  top: -0.125rem;
  right: 1.75rem;
  z-index: 1;
  display: flex;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.3125rem;
  color: var(--notification-chip__count__text-color);
  text-align: center;
  background-color: var(--notification-chip__count__bg-color);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
}
.c-notification-chip__button {
  width: 100%;
  height: 100%;
  color: var(--notification-chip__icon__text-color);
  background-color: var(--notification-chip-bg-color);
}
.c-notification-item {
  --notification-item-bg-color: var(--color-primary-700);
  --notification-item-bg-color--hover: var(--color-primary-600);
  --notification-item-text-color: var(--body-text-color);
  --notification-item-text-color--highlight: var(--color-white);
  --notification-item__edit-color: var(--color-primary-300);
  --notification-item__edit-color--hover: var(--color-white);
  --notification-item__date-text-color: var(--color-primary-100);
  --notification-item__avatar-border-color: var(--color-primary-100);
  --notification-item__separator-border-color: var(--color-primary-400);
}
.c-notification-item.c-notification-item--unread {
  --notification-item-bg-color: var(--color-primary-500);
  --notification-item-left-border-color: var(--color-primary-50);
}
.c-notification-item.c-notification-item--unread.c-notification-item--staff-affiliated {
  --notification-item-left-border-color: var(--color-primary-100);
}
.c-notification-item.c-notification-item--staff-affiliated {
  --notification-item-text-color--highlight: var(--color-role-staff);
}

.c-notification-item {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--spacing-4) var(--spacing-3) var(--spacing-4) var(--spacing-4);
  color: var(--notification-item-text-color);
  background-color: var(--notification-item-bg-color);
  border-left: var(--spacing-1) solid transparent;
  transition: background-color var(--duration-400);
}
.c-notification-item:hover {
  cursor: pointer;
  background-color: var(--notification-item-bg-color--hover);
}
.c-notification-item a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.c-notification-item b {
  color: var(--notification-item-text-color--highlight);
}
.c-notification-item__edit {
  z-index: 3; /* link or buttons inside the issue must be above the <a> pseudo element */
  margin-left: auto;
}
.c-notification-item__edit .c-button.c-button--icon-only {
  width: auto;
  height: auto;
  padding: 0;
  color: var(--notification-item__edit-color);
}
.c-notification-item__edit .c-button.c-button--icon-only:hover {
  color: var(--notification-item__edit-color--hover);
}
.c-notification-item--unread {
  border-left-color: var(--notification-item-left-border-color);
}
.c-notifications__header {
  --notifications__header-bg-color: var(--color-primary-700);
  --notifications__header-text-color: var(--color-white);
  --notifications__header-border-color: var(--color-primary-400);
}

.c-notifications__list {
  --notifications__list-bg-color: var(--color-primary-700);
  --notifications__list-border-color: var(--color-primary-400);
}

.c-notifications__list {
  height: 100%;
  overflow-y: auto;
  background-color: var(--notifications__list-bg-color);
}
.c-notifications__list .c-divider {
  background-color: var(--notifications__list-border-color);
}
.c-notifications__header {
  padding: var(--spacing-3) var(--spacing-4);
  color: var(--notifications__header__text-color);
  background-color: var(--notifications__header-bg-color);
  border-bottom: 1px solid var(--notifications__header-border-color);
}
@media (min-width: 61.25em) {
  .c-notifications__header {
    border-top-left-radius: var(--border-radius--medium);
    border-top-right-radius: var(--border-radius--medium);
  }
}
.c-notifications__header .c-button {
  color: var(--notifications__header__text-color);
}
.c-notifications__loading {
  padding: var(--spacing-8) 0;
  text-align: center;
}
.c-notifications__empty {
  padding: var(--spacing-16) 0;
  color: var(--body-text-color);
}
.c-notsupportedbrowser {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--body-bg-color);
}
.c-notsupportedbrowser__container {
  max-width: 32.125rem;
  padding: 3rem 2rem 0 2rem;
  margin: auto;
  text-align: center;
}
.c-notsupportedbrowser__footer {
  padding: 0 1.5rem;
}
.c-notsupportedbrowser__browsers {
  padding: 0;
  margin-top: 3rem;
  overflow: hidden;
  list-style-type: none;
}
.c-notsupportedbrowser__browser {
  display: inline-block;
}
.c-notsupportedbrowser__browser + .c-notsupportedbrowser__browser {
  margin-left: 1rem;
}
.c-notsupportedbrowser__browser-logo {
  height: 3.125rem;
}
.c-notsupportedbrowser__title {
  margin-top: 3rem;
  color: var(--body__title-text-color);
}
.c-notsupportedbrowser__details {
  color: var(--body-text-color);
}
@media (min-width: 46.25em) {
  .c-notsupportedbrowser__container {
    padding: 10rem 2rem 8rem 2rem;
  }
  .c-notsupportedbrowser__browser + .c-notsupportedbrowser__browser {
    margin-left: 1.5rem;
  }
  .c-notsupportedbrowser__browser-logo {
    height: 3.75rem;
  }
}
.c-notsupportedbrowser__platform-brand {
  display: inline-block;
  width: 100%;
  height: 3.5rem;
  padding: 0 1rem;
  line-height: 3.5rem;
  background-color: var(--notsupportedbrowser__platform-brand-bg-color);
}
.c-notsupportedbrowser__platform-brand-label {
  display: inline-block;
  margin-left: 0.25rem;
  line-height: normal;
  color: var(--notsupportedbrowser__platform-brand-label-text-color);
  text-transform: uppercase;
  vertical-align: middle;
}
.c-notsupportedbrowser__platform-brand-logo {
  display: inline-block;
  max-height: 1rem;
  vertical-align: middle;
}
@media (min-width: 46.25em) {
  .c-notsupportedbrowser__platform-brand {
    height: 2rem;
    padding: 0 2rem;
    line-height: 2rem;
  }
  .c-notsupportedbrowser__platform-brand-label {
    line-height: 1rem;
  }
}
.c-notsupportedbrowser__platform-brand-link {
  height: 100%;
}

.c-notsupportedbrowser {
  --notsupportedbrowser__platform-brand-bg-color: var(--color-black);
  --notsupportedbrowser__platform-brand-label-text-color: var(--color-secondary-500);
}
.c-page-header {
  width: 100%;
  background-color: var(--page-header-bg-color);
}
@media (max-width: 46.24em) {
  .c-page-header {
    padding: 1rem 0;
    border-bottom: 0.0625rem solid var(--page-header-border-color);
  }
}
@media (min-width: 46.25em) {
  .c-page-header {
    padding: 1.5rem 0;
  }
}
.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 {
  --page-header-bg-color: var(--color-primary-700);
  --page-header-border-color: var(--color-secondary-500);
}
.c-page-header.c-page-header--admin {
  --page-header-bg-color: var(--color-admin-700);
}
.c-page-header.c-page-header--previous {
  --page-header-border-color: var(--color-primary-600);
}
.c-pagination {
  --pagination__pages-bg-color: var(--color-primary-800);
  --pagination__pages-border-color: var(--color-primary-700);
  --pagination__pages-default-text-color: var(--color-secondary-200);
  --pagination__pages-active-text-color: var(--color-white);
}
.c-pagination .c-button.c-button--primary {
  --button-bg-color: transparent;
  --button-text-color: var(--color-primary-200);
}
.c-pagination .c-button.c-button--primary.h-hover, .c-pagination .c-button.c-button--primary:hover {
  --button-bg-color: transparent;
  --button-text-color: var(--color-primary-200);
}
.c-pagination .c-button.c-button--primary:disabled {
  --button-text-color: var(--color-primary-700);
}

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

.c-personal-information-confirmation {
  --personal-information-confirmation__row-border-color: var(--color-primary-600);
  --personal-information-confirmation__label-text-color: var(--color-secondary-200);
  --personal-information-confirmation__subtitle-text-color: var(--color-secondary-200);
  --personal-information-confirmation__icon-color: var(--color-secondary-200);
}
.c-personal-information-confirmation__email-label {
  --personal-information-confirmation__label-text-color: var(--color-secondary-500);
}
.c-pill {
  --pill-border-color: var(--color-primary-600);
  --pill__content--left-bg-color: var(--color-primary-600);
  --pill__content--left-text-color: var(--color-white);
  --pill__right-text-color: var(--color-primary-100);
  --pill__icon-size: rem(12px);
}
.c-pill.c-pill--large {
  --pill__content--left-padding: var(--spacing-3) var(--spacing-2) var(--spacing-3) var(--spacing-3);
  --pill__content--right-padding: var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-2);
}
.c-pill.c-pill--medium {
  --pill__content--left-padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-3);
  --pill__content--right-padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-2);
}
.c-pill.c-pill--small {
  --pill__content--left-padding: var(--spacing-1) var(--spacing-2);
  --pill__content--right-padding: var(--spacing-1) var(--spacing-2);
}

.c-pill {
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  border: 0.0625rem solid var(--pill-border-color);
  border-radius: var(--border-radius--small);
}
.c-pill__content {
  padding: var(--pill__content-padding);
}
.c-pill__content div:not(.c-icon) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 46.25em) {
  .c-pill__content div:not(.c-icon) {
    max-width: 3rem;
  }
}
@media (min-width: 61.25em) {
  .c-pill__content div:not(.c-icon) {
    max-width: 6.25rem;
  }
}
.c-pill__content--left {
  padding: var(--pill__content--left-padding);
  color: var(--pill__content--left-text-color);
  background: var(--pill__content--left-bg-color);
}
.c-pill__content--right {
  padding: var(--pill__content--right-padding);
  color: var(--pill__right-text-color);
}
.c-platform-brand {
  --platform-brand-padding: 0.5rem 0;
  --platform-brand-bg-color: var(--color-black);
  --platform-brand__label-text-color: var(--color-secondary-500);
  --platform-brand__label-margin: 0 0 0 0.25rem;
}
@media (min-width: 81.25em) {
  .c-platform-brand {
    --platform-brand-padding: 0.5rem 2rem;
  }
}

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

.c-please-fix-vote {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--please-fix-vote-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-profile-menu {
  --profile-menu__avatar-border-color: var(--color-primary-500);
  --profile-menu--admin__avatar-border-color: var(--color-admin-200);
}

.c-profile-menu__avatar {
  cursor: pointer;
}
.c-profile-menu__user {
  display: grid;
  grid-template-columns: 5rem auto;
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  align-items: center;
}
.c-profile-menu__user::before {
  border-bottom-color: var(--color-primary-700);
}
.c-profile-menu__user .c-avatar {
  border-color: var(--color-primary-400);
}
.c-profile-menu__user--organization {
  border-top: 0.0625rem solid var(--color-primary-500);
}
.c-profile-menu__user--organization .c-button {
  grid-column: 1/span 2;
}
.c-profile-menu__body {
  display: flex;
  padding: 0;
  flex-direction: column;
  border-top: 0.0625rem solid var(--color-primary-500);
}
.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(--color-primary-100);
}
.c-profile-menu__viewer-links .c-profile-menu__viewer-link:hover {
  background-color: var(--color-primary-600);
}
.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;
}
@media (max-width: 81.24em) {
  .c-profile-menu__settings-button {
    grid-row: 2;
    grid-column: 1/span 2;
    margin-bottom: 0;
  }
}
.c-profile-menu__show-staff-features {
  padding: 0.5rem 1rem;
  background-color: var(--color-primary-800);
  border-radius: var(--border-radius--medium);
}
@media (max-width: 81.24em) {
  .c-profile-menu__show-staff-features {
    grid-column: 1/span 2;
  }
}
@media (min-width: 81.25em) {
  .c-profile-menu__show-staff-features {
    margin: 0 0.5rem 1rem;
  }
}
.c-profile-menu__footer {
  padding: 0.5rem 1rem;
  background-color: var(--color-primary-500);
}
.c-profile-menu__footer:hover {
  background-color: var(--color-primary-400);
}
.c-profile-menu--admin .c-avatar {
  border-color: var(--profile-menu--admin__avatar-border-color);
}
.c-profile-menu .c-avatar {
  flex-shrink: 0;
}

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

.c-layer--profile-menu {
  display: flex;
  flex-direction: column;
  background-color: var(--color-primary-700);
}
.c-layer--profile-menu .c-profile-menu__body {
  flex: 1;
  border-top: 0;
}
.c-layer--profile-menu .c-profile-menu__title,
.c-layer--profile-menu .c-profile-menu__user,
.c-layer--profile-menu .c-profile-menu__footer,
.c-layer--profile-menu .c-profile-menu__viewer-link {
  padding: 1rem 1.5rem;
}
.c-layer--profile-menu .c-profile-menu__viewer-link,
.c-layer--profile-menu .c-profile-menu__title {
  border-bottom: 0.0625rem solid var(--color-primary-500);
}
.c-layer--profile-menu .c-profile-menu__viewer-links {
  border-top: 0.0625rem solid var(--color-primary-500);
}
.c-project-selection {
  display: flex;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
}
.c-project-selection__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 46.24em) {
  .c-project-selection__logo {
    width: calc(100% - 5.5rem);
  }
}
.c-project-selection__content {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 4rem;
  flex-direction: column;
  align-items: center;
}
.c-project-selection__text {
  max-width: 46.625rem;
  padding: 1.5rem 0 3.5rem;
  text-align: center;
}
.c-project-selection__title {
  margin-bottom: 1.5rem;
}
.c-project-selection__choice {
  position: relative;
  width: 100%;
  max-width: 46.625rem;
  border: 0.0625rem solid var(--color-primary-600);
  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(--color-primary-800);
}
.c-project-selection__choice-list .c-project-selection__empty p:not(:first-child) {
  margin-top: 1rem;
}
.c-project-selection__choice-list .c-project-selection__empty .t-link {
  color: var(--color-primary-100);
}
.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(--color-primary-800);
  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(--color-primary-700);
  border-top-right-radius: var(--border-radius--medium);
  border-bottom-right-radius: var(--border-radius--medium);
  transition: background-color 150ms ease-in-out;
}
.c-project-card__text-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  font-size: 1.25rem;
  transform: translateY(-50%);
}
.c-project-card__text-wrapper {
  position: relative;
  width: 100%;
}
.c-project-card__name, .c-project-card__description {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-project-card__name {
  margin-bottom: 0.5rem;
}
.c-project-card:hover .c-project-card__text {
  background-color: var(--color-primary-600);
}

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

.c-project-selector {
  display: flex;
  margin-bottom: 0.25rem;
  color: var(--project-selector-text-color);
  flex-direction: column;
}
.c-project-selector__body {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}
.c-rich-link {
  --rich-link__body-bg-color: var(--color-primary-700);
  --rich-link__external-icon-color: var(--color-white);
  --rich-link__icon-color: var(--color-white);
  --rich-link__label-text-color: var(--color-role-project-manager);
}

.c-rich-link {
  padding: 0.0625rem 0.5rem;
  line-height: 1.8;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  word-break: break-all;
  background-color: var(--rich-link__body-bg-color);
  border-radius: var(--border-radius--small);
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.5);
}
.c-rich-link--xsmall {
  padding: 0.0625rem 0.25rem;
}
.c-rich-link.h-hover .c-rich-link__label, .c-rich-link:hover .c-rich-link__label {
  text-decoration: underline;
}
.c-rich-link.h-visited .c-rich-link__icon,
.c-rich-link.h-visited .c-rich-link__external-icon,
.c-rich-link.h-visited .c-rich-link__label, .c-rich-link:visited .c-rich-link__icon,
.c-rich-link:visited .c-rich-link__external-icon,
.c-rich-link:visited .c-rich-link__label {
  /*
   * We have to set the color by hand here because of somes privacy related features in browsers.
   *
   * https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/
   *
   * TLDR:
   * Due to the sensitive information carried by the "visited" pseudo-class,
   * all browsers disallow the use of functions such as `url | rgba | hsla | etc...` inside it.
   * Chromium based browsers go a step further by disabling the function `var` (firefox doesn't)
   * which is why we have to remove all variables and set the value by hand here.
   *
   * variable name : --color-highlight-100
   */
  color: rgb(131, 119, 202);
}
.c-rich-link__body {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.c-rich-link__body--text-wrap-nowrap {
  white-space: nowrap;
}
.c-rich-link__icon {
  position: relative;
  top: 0.125rem;
  color: var(--rich-link__icon-color);
}
.c-rich-link__favicon, .c-rich-link__loader,
.c-rich-link img {
  position: relative;
  top: 0.1875rem;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}
.c-rich-link__label {
  margin-left: 0.25rem;
  color: var(--rich-link__label-text-color);
}
.c-rich-link__external-icon {
  position: relative;
  top: 0.125rem;
  margin-left: 0.5rem;
  font-size: 1.0625rem;
  color: var(--rich-link__external-icon-color);
}
.c-search-operator {
  --search-operator__symbol-text-color: var(--color-white);
  --search-operator__sample-text-color: var(--color-primary-200);
  --search-operator__description-text-color: var(--color-secondary-200);
}
.c-search-operator:disabled {
  --search-operator__symbol-text-color: var(--color-primary-500);
  --search-operator__sample-text-color: var(--color-primary-400);
}
.c-search-operator__usage {
  --search-operator__usage-bg-color: var(--color-primary-500);
}
.c-search-operator__usage:hover {
  --search-operator__usage-bg-color: var(--color-primary-400);
}
.c-search-operator__usage:disabled {
  --search-operator__usage-bg-color: var(--color-primary-800);
}

.c-search-operator {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c-search-operator > * + * {
  margin-left: var(--spacing-2);
}
.c-search-operator__usage {
  display: flex;
  width: auto;
  gap: unset;
  padding: var(--spacing-2);
  background-color: var(--search-operator__usage-bg-color);
  border-radius: var(--border-radius--medium);
  align-content: center;
}
.c-search-operator__usage--focusable {
  cursor: pointer;
}
.c-search-operator__name {
  margin-right: var(--spacing-2);
}
.c-search-operator__sample-text {
  color: var(--search-operator__sample-text-color);
}
.c-search-suggestion {
  --search-suggestion-bg-color: var(--color-primary-600);
  --search-suggestion-text-color: var(--color-primary-100);
}
.c-search-suggestion:hover {
  --search-suggestion-bg-color: var(--color-primary-700);
}
.c-search-suggestion__view-all {
  --search-suggestion__view-all-bg-color: var(--color-primary-600);
  --search-suggestion__view-all-text-color: var(--color-primary-50);
}
.c-search-suggestion__view-all:hover {
  --search-suggestion__view-all-bg-color: var(--color-primary-400);
}
.c-search-suggestion__view-all:disabled {
  --search-suggestion__view-all-bg-color: var(--color-primary-800);
  --search-suggestion__view-all-text-color: var(--color-primary-500);
}
.c-search-suggestion .c-tag.c-tag--neutral {
  --tag-border-color: var(--color-primary-400);
}

.c-search-box__suggestion-list-loading, .c-search-box__suggestion-list-not-found {
  margin-right: var(--spacing-4);
  color: var(--search-box__panel-section-text-color);
}
.c-search-box__suggestion-list-wrapper {
  width: 100%;
}
.c-search-box__suggestion-list-view-all-wrapper {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-2);
}
.c-search-box__suggestion-list-view-all {
  padding: var(--spacing-1) var(--spacing-2);
}

.c-search-suggestion {
  z-index: 0;
  display: flex;
  min-height: var(--spacing-8);
  padding: var(--spacing-4) 0;
  cursor: pointer;
  background-color: var(--search-suggestion-bg-color);
}
.c-search-suggestion__contribution-count, .c-search-suggestion__last-contribution {
  color: var(--color-secondary-200);
}
.c-search-suggestion--focused, .c-search-suggestion:hover {
  position: relative;
}
.c-search-suggestion--focused::before, .c-search-suggestion--focused::after, .c-search-suggestion:hover::before, .c-search-suggestion:hover::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5rem;
  z-index: -1;
  width: 100%;
  content: "";
  background: inherit;
}
.c-search-suggestion--focused::after, .c-search-suggestion:hover::after {
  left: var(--spacing-6);
}
@media (min-width: 46.25em) {
  .c-search-suggestion--focused .c-search-suggestion__link, .c-search-suggestion:hover .c-search-suggestion__link {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
  }
}
.c-search-box {
  --search-box-border-width: 0.0625rem;
  --search-box-border-color: transparent;
  --search-box__filter-color: var(--color-black);
  --search-box__reset-color: var(--color-white);
  --search-box__panel-section-bg-color: var(--color-primary-600);
  --search-box__panel-section__title-text-color: var(--color-white);
  --search-box__panel-section-border-color: var(--color-primary-500);
  --search-box__panel-section-text-color: var(--color-secondary-200);
}
.c-search-box .c-text-input {
  --text-input-bg-color: var(--color-white);
  --text-input-content-color: var(--color-white);
  --text-input-placeholder-color: var(--color-primary-200);
  /* stylelint-disable */
  /* stylelint-enable */
}
.c-search-box .c-text-input:not(:focus):not(.h-focus):not(.c-search-box .c-text-input--disabled):hover, .c-search-box .c-text-input:not(:focus):not(.h-focus):not(.c-search-box .c-text-input--disabled).h-hover, .h-hover .c-search-box .c-text-input:not(:focus):not(.h-focus):not(.c-search-box .c-text-input--disabled) {
  --text-input-bg-color: var(--color-primary-500);
  --search-box__filter-color: var(--color-white);
}
.c-search-box .c-text-input__input:not(:placeholder-shown), .c-search-box .c-text-input__input:-webkit-autofill {
  --text-input-bg-color: var(--color-primary-700);
}
.c-search-box .c-text-input__input:not(:placeholder-shown) ~ .c-text-input__right-overlay .c-search-box__filter-button, .c-search-box .c-text-input__input:-webkit-autofill ~ .c-text-input__right-overlay .c-search-box__filter-button {
  --search-box__filter-color: var(--color-white);
}
.c-search-box .c-button {
  --button-text-size: 1.125rem;
  --button-text-color: var(--color-white);
  --button-bg-color: var(--color-highlight-400);
}
.c-search-box .c-button:hover {
  --button-bg-color: var(--color-highlight-600);
}

.c-search-box {
  position: relative;
  border: var(--search-box-border-width) solid var(--search-box-border-color);
  border-radius: var(--border-radius--medium);
}
.c-search-box__filter-button {
  display: flex;
  font-size: 1.5rem;
  color: var(--search-box__filter-color);
  cursor: pointer;
  transition: color var(--duration-200) ease-in-out;
}
.c-search-box__input-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.c-search-box__input {
  display: flex;
  overflow: hidden;
  flex-direction: row;
}
.c-search-box__input .c-text-input__input {
  flex: 1;
  padding: var(--spacing-5);
  margin: 0;
  border-width: 0;
  border-radius: 0;
}
.c-search-box__input .c-text-input__input:hover:not(:focus) {
  outline: none;
}
.c-search-box__input .c-text-input__input .c-text-input__right-overlay {
  top: 50%;
}
.c-search-box__input .c-button {
  margin: 0;
  border-width: 0;
  border-radius: 0;
}
.c-search-box__input--main {
  border-radius: var(--border-radius--medium);
}
.c-search-box .c-button {
  padding: var(--spacing-4) var(--spacing-8);
}
.c-search-box__reset {
  display: none;
  font-size: var(--spacing-8);
  color: var(--search-box__reset-color);
}
.c-search-box__reset--visible {
  display: block;
}
.c-search-box__dropdown {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
}
.c-search-box__dropdown--visible {
  display: block;
}
.c-search-box__panel {
  padding: var(--spacing-2) 0;
  background-color: var(--search-box__panel-section-bg-color);
  gap: 0;
}
@media (min-width: 46.25em) {
  .c-search-box__panel {
    margin-top: var(--spacing-2);
    border-radius: var(--border-radius--medium);
    box-shadow: 0 0 var(--spacing-6) 0 rgba(0, 0, 0, 0.5);
  }
}
.c-search-box__panel-section {
  padding: var(--spacing-4) var(--spacing-6);
}
.c-search-box__panel-section + .c-search-box__panel-section {
  border-top: 1px solid var(--search-box__panel-section-border-color);
}
.c-search-box__panel-section-body {
  width: 100%;
  color: var(--search-suggestion-text-color);
  background-color: var(--search-suggestion-bg-color);
}
.c-search {
  position: relative;
  max-width: 60.25rem;
  margin: 0 auto;
}
.c-search--duplicate {
  width: 100%;
  max-width: none;
}
.c-search__header {
  margin-bottom: 1.125rem;
  text-align: center;
}
.c-search__header-title {
  color: var(--body__title-text-color);
}
.c-search__header-subtitle {
  color: var(--body-text-color);
}
.c-selection-tile {
  --selection-tile-bg-color: var(--color-primary-700);
  --selection-tile__icon-color: var(--color-white);
  --selection-tile__title-text-color: var(--color-white);
  --selection-tile__description-text-color: var(--color-secondary-200);
  --selection-tile-text-color: var(--color-secondary-200);
  --selection-tile__input-border-color: var(--color-primary-300);
  --selection-tile__checkbox-icon-color: var(--color-primary-300);
  --selection-tile__radio-shape-color: var(--color-highlight-400);
}
.c-selection-tile--selected {
  --selection-tile-bg-color: rgba(var(--color-highlight-800--string), 0.25);
  --selection-tile-border-color: var(--color-highlight-400);
}
.c-selection-tile--selected.c-selection-tile--admin {
  --selection-tile-bg-color: rgba(var(--color-highlight-800--string), 0.25);
  --selection-tile-border-color: var(--color-admin-100);
}
.c-selection-tile:hover:not(.c-selection-tile--selected):not(.c-selection-tile--disabled) {
  --selection-tile-bg-color: var(--color-primary-600);
}
.c-selection-tile--disabled {
  --selection-tile-bg-color: var(--color-primary-800);
  --selection-tile__icon-color: var(--color-secondary-400);
  --selection-tile__description-text-color: var(--color-secondary-400);
  --selection-tile__title-text-color: var(--color-secondary-400);
  --selection-tile-text-color: var(--color-secondary-400);
  --selection-tile__input-border-color: var(--color-secondary-400);
  --selection-tile__checkbox-icon-color: var(--color-secondary-400);
  --selection-tile__radio-shape-color: var(--color-secondary-400);
}

.c-selection-tile {
  position: relative;
  display: flex;
  padding: var(--spacing-4) var(--spacing-6);
  cursor: pointer;
  background-color: var(--selection-tile-bg-color);
  border: 0.125rem solid var(--selection-tile-bg-color);
  border-radius: var(--border-radius--small);
  transition: background-color var(--duration-300) ease;
  gap: var(--spacing-4);
}
.c-selection-tile__icon {
  color: var(--selection-tile__icon-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c-selection-tile__title {
  color: var(--selection-tile__title-text-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c-selection-tile__description {
  color: var(--selection-tile__description-text-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c-selection-tile__input[type=radio], .c-selection-tile__input[type=checkbox] {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0.125rem solid var(--selection-tile__input-border-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
}
.c-selection-tile__input[type=radio] {
  border-radius: 50%;
}
.c-selection-tile--selected {
  border: 0.125rem solid var(--selection-tile-border-color);
}
.c-selection-tile--selected .c-selection-tile__input[type=radio]::before {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  content: "";
  background-color: var(--selection-tile__radio-shape-color);
  border-radius: 50%;
}
.c-selection-tile--selected .c-selection-tile__input[type=checkbox]::before {
  display: block;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: pleasefix-darktheme;
  font-size: 1.25rem;
  color: var(--selection-tile__checkbox-icon-color);
  content: "\e91d";
}
.c-selection-tile--disabled {
  cursor: not-allowed;
}
.c-selection-tile--vertical {
  width: 11.1875rem;
  max-width: 11.1875rem;
  min-height: 13.5rem;
  padding: var(--spacing-6);
  flex-direction: column;
  gap: var(--spacing-4);
}
.c-selection-tile--vertical .c-selection-tile__input {
  position: absolute;
  top: var(--spacing-6);
  right: var(--spacing-6);
}
.c-selection-tile--horizontal {
  width: 100%;
  align-items: center;
  min-height: 5rem;
}
.c-selection-tile--horizontal .c-selection-tile__input {
  margin-left: auto;
}
.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(--color-primary-700);
  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(--color-primary-600);
}
.c-selector__body:focus-visible, .c-selector__body.focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary-400);
}
.c-selector--disabled .c-selector__body {
  cursor: not-allowed;
  background-color: var(--color-primary-700);
  opacity: 0.4;
}
.c-selector__body-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.c-selector__body-text .c-selector__legend {
  margin: 0.25rem 0;
}
.c-selector__icon {
  position: relative;
  font-size: 2rem;
}
.c-selector__label {
  text-align: left;
}
.c-selector__check-mark {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity 0.15s linear 0.1s, transform 0.25s ease-in-out;
  transform: translateY(100%);
  will-change: transform, opacity;
}
.c-selector__input {
  position: absolute;
  text-indent: -999px;
  visibility: hidden;
}
.c-selector__input:checked + .c-selector__body {
  color: var(--color-white);
  background-color: var(--color-highlight-400);
}
.c-selector__input:checked + .c-selector__body .c-selector__check-mark {
  opacity: 1;
  transform: translateY(0);
}
.c-selector__footer {
  padding: 0 2rem;
  margin-top: 1rem;
}
.c-selector--with-selection .c-selector:not(.c-selector--checked) {
  color: var(--color-secondary-500);
}
.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-settings-group {
  --settings-group-bg-color: var(--color-primary-800);
}

.c-settings-group {
  padding: var(--spacing-6) var(--spacing-8);
  background-color: var(--settings-group-bg-color);
  border-radius: var(--border-radius--medium);
}
.c-settings-item {
  --settings-item-text-color: var(--color-white);
  --settings-item-divider-color: var(--color-primary-600);
}
.c-settings-item.c-settings-item--disabled {
  --settings-item-text-color: var(--color-secondary-500);
}

.c-settings-item {
  padding: var(--spacing-4) 0;
  color: var(--settings-item-text-color);
}
.c-settings-item ~ .c-settings-item {
  border-top: 1px solid var(--settings-item-divider-color);
}
.c-settings-item:last-of-type {
  padding-bottom: 0;
}
.c-settings-item__action {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 46.24em) {
  .c-settings-item__action--select {
    min-width: 100%;
  }
}
.c-settings-item--disabled {
  color: var(--settings-item-text-color);
}
.c-settings-item--disabled.c-settings-item__description, .c-settings-item--disabled.c-settings-item__label {
  color: var(--settings-item-disabled-color);
}
.c-notification-settings-comment-details-content ul {
  padding-left: 1.5rem;
  list-style: disc;
}
.c-add-setup-item {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  color: var(--color-white);
  cursor: pointer;
  background-color: var(--color-primary-700);
  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(--color-primary-600);
}
.c-add-setup-item:focus-visible, .c-add-setup-item.focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary-400) inset;
}
.c-add-setup-item .c-icon {
  font-size: 1.5rem;
}
.c-add-setup-item--small {
  height: 48px;
}
.c-add-setup-item--large {
  padding: 1.5rem;
}
@media (min-width: 46.25em) {
  .c-add-setup-item--large {
    height: 130px;
  }
}
.c-add-setup-item__label-wrapper {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.c-add-setup-item--large .c-add-setup-item__label-wrapper {
  flex-direction: column;
}
.c-add-setup-item__label {
  margin: 0.5rem;
  text-transform: uppercase;
}
@charset "UTF-8";
.c-setup-item__detail {
  /* stylelint-disable plugin/no-unsupported-browser-features */
  word-break: break-all;
}
.c-setup-item__detail::before {
  padding-right: 0.25rem;
  content: "•";
}
.c-setup-item__detail-list {
  margin-top: 0.25rem;
  list-style-type: none;
}
.c-setup-item {
  position: relative;
  display: grid;
  /* stylelint-disable plugin/no-unsupported-browser-features */
  word-break: break-all;
}
@media (max-width: 46.24em) {
  .c-setup-item {
    grid-template-columns: 6rem 1fr;
    grid-row-gap: var(--spacing-4);
    grid-column-gap: var(--spacing-4);
    padding: var(--spacing-4);
  }
}
@media (min-width: 46.25em) {
  .c-setup-item {
    grid-template-columns: 3.75rem 1fr max-content;
    grid-column-gap: var(--spacing-4);
    padding: var(--spacing-6) var(--spacing-8);
  }
}
.c-setup-item__title {
  color: var(--color-white);
}
.c-setup-item__icon {
  justify-self: center;
  margin-top: var(--spacing-2);
  font-size: var(--spacing-12);
}
.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: var(--spacing-4);
}
@media (max-width: 46.24em) {
  .c-setup-item__action-buttons .c-button + .c-button {
    margin-top: var(--spacing-2);
  }
}
@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(--color-primary-700);
}
.c-setup-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background-color: var(--color-primary-800);
  border-radius: var(--border-radius--small);
}
.c-setup-card__list .c-setup-item:first-child {
  background-color: var(--color-primary-700);
  border-top-left-radius: var(--border-radius--small);
  border-top-right-radius: var(--border-radius--small);
}
@media (max-width: 46.24em) {
  .c-setup-card__inline-message {
    margin: 1.5rem 1rem;
  }
}
@media (min-width: 46.25em) {
  .c-setup-card__inline-message {
    margin: 2rem 0 2rem 1.5rem;
  }
}
.c-setup-card .c-setup-item:nth-child(n+3)::before {
  position: absolute;
  top: 0;
  left: 1rem;
  display: block;
  width: calc(100% - 32px);
  height: 1px;
  content: "";
}
.c-setup-card__add-new {
  margin-right: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.c-setup-card__list--single + .c-setup-card__add-new {
  margin-top: 0.5rem;
}
.c-setup-card__select-button {
  margin: 20px 0 40px auto;
}
.c-my-setup {
  margin: 2rem 0;
}
.c-my-setup__title {
  margin-bottom: 1.5rem;
}
.c-my-setup .c-message {
  margin-bottom: 1rem;
}
@media (max-width: 46.24em) {
  .c-my-setup .c-setup-card + .c-setup-card {
    margin-top: 1.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-my-setup .c-setup-card + .c-setup-card {
    margin-top: 2.5rem;
  }
}
.c-my-setup .c-inline-message {
  padding: 1.5rem 0;
}
.c-my-setup > .c-add-setup-item {
  width: 100%;
}
@media (max-width: 46.24em) {
  .c-my-setup > .c-add-setup-item {
    margin-top: 1.5rem;
  }
}
@media (min-width: 46.25em) {
  .c-my-setup > .c-add-setup-item {
    margin-top: 2.5rem;
  }
}
.c-setup-form {
  padding-bottom: 3rem;
}
.c-setup-form__modal .c-modal__body {
  padding-bottom: 0;
}
.c-setup-form .l-grid {
  align-items: stretch;
}
.c-setup-form .l-col .c-portal-popover__trigger-container {
  height: 100%;
}
.c-setup-configuration-callout {
  margin-bottom: 1.5rem;
}
.c-setup-configuration-callout__label--privacy {
  margin-top: 0.5rem;
}
.c-setup-configuration-callout__anchor {
  display: inline;
  color: var(--color-primary-100);
}
.c-setup-form-section {
  color: var(--color-white);
}
.c-setup-form-section__hint {
  color: var(--color-secondary-300);
}
.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(--color-white);
  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(--color-primary-700);
  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(--color-primary-400);
  transform: translateY(0);
}
.c-setup-upload-file-button--disabled .c-setup-upload-file-button__body {
  cursor: not-allowed;
  background-color: var(--color-primary-800);
}
.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: min-content 1fr max-content;
  min-height: 4rem;
  padding-right: 1rem;
  background-color: var(--color-primary-800);
  align-items: center;
  border-radius: 0.25rem;
}
.c-setup-uploaded-file__label {
  padding-left: 1rem;
  overflow: hidden;
  color: var(--color-white);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-setup-uploaded-file__icon {
  font-size: 1.5rem;
  color: var(--color-white);
}
.c-setup-uploaded-file__icon-wrapper {
  display: flex;
  width: 7rem;
  height: 100%;
  background-color: var(--color-primary-700);
  border: 0.125rem solid var(--color-white);
  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(--color-primary-800);
  border-radius: var(--border-radius--medium);
}
.c-setup-form-search-wrapper__label {
  color: var(--color-secondary-300);
}
.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 {
  --severity-bg-color: var(--transparent);
  --severity__icon-bg-color: var(--color-primary-600);
  --severity__icon-color: var(--color-white);
  --severity__title-text-color: var(--color-white);
  --severity__label-text-color: var(--color-secondary-200);
}
.c-severity.c-severity--secondary {
  --severity-bg-color: var(--transparent);
  --severity__icon-bg-color: var(--transparent);
  --severity__icon-color: var(--color-primary-200);
}
.c-severity.c-severity--tertiary {
  --severity-bg-color: var(--color-primary-600);
  --severity__icon-bg-color: var(--transparent);
}

.c-severity {
  display: flex;
  align-items: center;
}
.c-severity__body {
  display: flex;
  flex-direction: column;
}
.c-severity__title {
  color: var(--severity__title-text-color);
}
.c-severity__label {
  color: var(--severity__label-text-color);
}
.c-severity__icon {
  font-size: 2rem;
  color: var(--severity__icon-color);
  background-color: var(--severity__icon-bg-color);
  border-radius: var(--border-radius--small);
}
.c-severity--primary {
  gap: 1rem;
}
.c-severity--primary .c-severity__icon {
  padding: 0.5rem;
}
.c-severity--secondary {
  gap: 0.5rem;
}
.c-severity--tertiary {
  height: 2.5rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  flex-direction: row;
  gap: 1rem;
  background-color: var(--severity-bg-color);
  border-radius: var(--border-radius--small);
}
.c-severity--tertiary .c-severity__body {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.c-severity--tertiary .c-severity__icon {
  font-size: 1.5rem;
}
.c-severity-bar {
  --severity-bar-bg-color: var(--color-primary-800);
  --severity-bar__filler-bg-color: var(--color-primary-700);
  --severity-bar__icon-color: var(--color-white);
  --severity-bar__label-text-color: var(--color-white);
  --severity-bar__details-text-color: var(--color-secondary-200);
  --severity-bar__percentage-text-color: var(--color-white);
}

@keyframes progress {
  0% {
    width: 0;
  }
}
.c-severity-bar {
  position: relative;
  height: 3.75rem;
  padding: var(--spacing-4);
  background-color: var(--severity-bar-bg-color);
}
.c-severity-bar > :not(.c-severity-bar__filler) {
  position: relative;
  z-index: 1;
}
.c-severity-bar__filler {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 0;
  background-color: var(--severity-bar__filler-bg-color);
  animation: progress 1s ease var(--duration-200) both;
}
.c-severity-bar__icon {
  font-size: 2rem;
  color: var(--severity-bar__icon-color);
}
.c-severity-bar__label {
  color: var(--severity-bar__label-text-color);
}
.c-severity-bar__details {
  color: var(--severity-bar__details-text-color);
}
.c-severity-bar__percentage {
  margin-left: auto;
  color: var(--severity-bar__percentage-text-color);
}
.c-sidebar {
  --sidebar-bg-color: var(--color-primary-800);
  --sidebar-divider-color: var(--color-secondary-900);
  --sidebar-link-text-color: var(--color-primary-100);
  --sidebar-link-bg-color: transparent;
  --sidebar-link--hover-text-color: var(--color-white);
  --sidebar-link--hover-bg-color: transparent;
  --sidebar-link--active-text-color: var(--color-white);
  --sidebar-link--active-bg-color: transparent;
  --sidebar__footer-text-color: var(--color-primary-400);
}

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

.c-sign-in {
  --sign-in__subtitle-text-color: var(--body-text-color);
}
.c-software-config-form__sub-title {
  display: flex;
  margin-top: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.c-software-config-form__sub-title .c-link-button {
  flex-shrink: 0;
}
.c-software-config-form__section + .c-software-config-form__section {
  margin-top: 1.5rem;
}
.c-splashscreen {
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--body-bg-color);
}
.c-sticky {
  position: fixed;
  bottom: 0;
  display: flex;
  width: 100vw;
  flex-direction: column;
  justify-content: flex-end;
}
.c-sticky__button {
  padding: 0.5rem;
  margin-left: auto;
  color: var(--color-primary-50);
  background-color: var(--color-primary-600);
  border: 0;
  border-radius: var(--border-radius--small);
}
.c-sticky__button:hover {
  background-color: var(--color-primary-500);
}
.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(--color-primary-800);
  opacity: 0;
  animation: dropdown-shadow 0.15s ease-in-out both;
}
.c-sticky__header {
  background-color: var(--sticky__header-bg-color);
}
.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-sticky {
  --sticky__header-bg-color: var(--color-primary-600);
}
.c-sticky--admin {
  --sticky__header-bg-color: var(--color-admin-400);
}
.c-toast {
  --animate-duration: 0.25s;
  --toast-bg-color: var(--color-primary-600);
  --toast-border-color: var(--transparent);
  --toast__title-text-color: var(--color-white);
  --toast__description-text-color: var(--color-secondary-200);
  --toast__close-icon-color: var(--color-white);
}
.c-toast.c-toast--info {
  --toast-border-color: var(--color-tertiary-200);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-tertiary-200);
}
.c-toast.c-toast--success {
  --toast-border-color: var(--color-success);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-success);
}
.c-toast.c-toast--warning {
  --toast-border-color: var(--color-warning);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-warning);
}
.c-toast.c-toast--error {
  --toast-border-color: var(--color-error-100);
  --toast__icon-color: var(--color-primary-700);
  --toast__icon-bg-color: var(--color-error-100);
}

.c-toast {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: var(--toast-bg-color);
  border-radius: 0.5rem;
  box-shadow: 0 0 var(--elevation-medium-distance) rgba(var(--color-black--string), var(--elevation-medium-opacity));
  opacity: 1;
  transition: opacity 500ms;
}
@media (min-width: 46.25em) {
  .c-toast {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 20.5rem;
  }
}
.c-toast__header {
  flex: none;
  margin-right: 1rem;
}
.c-toast__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  color: var(--toast__icon-color);
  background-color: var(--toast__icon-bg-color);
  border-radius: 50%;
}
.c-toast__body {
  flex: auto;
}
.c-toast__action {
  margin-top: 0.25rem;
}
.c-toast__title {
  color: var(--toast__title-text-color);
}
.c-toast__description {
  margin-top: 0.25rem;
  color: var(--toast__description-text-color);
}
.c-toast__close {
  flex: none;
  color: var(--toast__close-icon-color);
  cursor: pointer;
}
.c-toast__close.c-button.c-button--icon-only {
  height: auto;
  padding: 0;
}
.c-toast__footer {
  flex: none;
  display: flex;
  align-self: flex-start;
}
.c-toast--info, .c-toast--success, .c-toast--warning, .c-toast--error {
  border-top: 0.25rem solid var(--toast-border-color);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.l-toasts {
  position: fixed;
  z-index: 200;
}
@media (max-width: 46.24em) {
  .l-toasts {
    top: 4rem;
    right: 0.5rem;
    left: 0.5rem;
  }
}
@media (min-width: 46.25em) {
  .l-toasts {
    top: 3rem;
    right: 1rem;
  }
}

.c-toasts {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
.c-toolbar {
  width: 100%;
}
.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(--color-primary-700);
  border-top: 0.125rem solid var(--color-primary-500);
}
.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(--color-admin-200);
}
.c-toolbar__status {
  padding: 0 0.5rem;
}
.c-toolbar--dashboard {
  margin-top: 2.5rem;
}
.c-toolbar__delete-issue-warnings {
  width: 100%;
  padding: 0 var(--spacing-4);
}
.c-toolbar__actions {
  display: flex;
}
.c-toolbar__actions .c-button + .c-button {
  margin-left: 1rem;
}
.c-issue-report .c-toolbar {
  margin-bottom: 1.5rem;
}
.c-toolbar__bottom {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  background-color: var(--color-primary-600);
  border-bottom-right-radius: var(--border-radius--medium);
  border-bottom-left-radius: var(--border-radius--medium);
}
.c-toolbar__visibility {
  display: flex;
  align-items: center;
}
@media (min-width: 46.25em) {
  .c-toolbar__visibility > * + * {
    margin-left: 1rem;
  }
}
@media (max-width: 46.24em) {
  .c-toolbar {
    align-items: normal;
    flex-direction: column-reverse;
  }
  .c-toolbar__visibility-header {
    padding: 1rem;
  }
  .c-toolbar__main {
    flex-direction: column;
  }
  .c-toolbar__bottom {
    padding: 0 0 1rem 0;
    flex-direction: column;
  }
  .c-toolbar__status {
    width: 100%;
    padding: 0;
  }
  .c-sticky .c-toolbar__bottom > .c-toolbar__actions {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary-600);
  }
  .c-sticky .c-toolbar__actions {
    width: 100%;
    flex-direction: column;
    background-color: var(--color-primary-700);
  }
  .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--sticky {
  position: sticky;
  top: 3.5rem;
  z-index: 1;
}
@media (min-width: 81.25em) {
  .c-toolbar--sticky {
    top: 0;
  }
}
.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(--color-primary-600);
}
.c-toolbar-tab--active .c-button {
  background-color: var(--color-primary-700);
}
.c-toolbar-tab .c-button:disabled {
  color: var(--color-primary-400);
  background-color: var(--color-primary-600);
}
.c-toolbar-tab__divider {
  width: 1px;
  height: 40px;
  margin: 0 0.5rem;
  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 {
  margin-left: 0.5rem;
}
.c-toolbar-issue-selection__button:hover, .c-toolbar-issue-selection__button:focus {
  color: var(--color-white);
}
@media (max-width: 46.24em) {
  .c-toolbar-issue-selection {
    padding: 1rem;
    background: var(--color-primary-700);
  }
}
.c-transition-fade-enter {
  opacity: 0;
}
.c-transition-fade-enter-active {
  opacity: 1;
  transition: opacity 400ms ease-in-out;
}
.c-transition-fade-exit {
  opacity: 1;
}
.c-transition-fade-exit-active {
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}
.c-uploaded-file {
  --uploaded-file-bg-color: var(--color-primary-800);
  --uploaded-file__label-text-color: var(--color-white);
  --uploaded-file__thumbnail__icon-color: var(--color-white);
  --uploaded-file__thumbnail__overlay-bg-color: var(--color-primary-700);
  --uploaded-file__thumbnail-bg-color: var(--color-primary-700);
  --uploaded-file__thumbnail-border-color: transparent;
}
.c-uploaded-file.c-uploaded-file--error {
  --uploaded-file-bg-color: var(--color-error-900);
  --uploaded-file__label-text-color: var(--color-error-100);
  --uploaded-file__thumbnail__icon-color: var(--color-error-100);
  --uploaded-file__thumbnail__overlay-bg-color: var(--color-error-600);
  --uploaded-file__thumbnail-bg-color: var(--color-error-600);
  --uploaded-file__thumbnail-border-color: var(--color-error-100);
}
.c-uploaded-file.c-uploaded-file--loading {
  --uploaded-file-bg-color: var(--color-primary-700);
}

.c-uploaded-file {
  display: flex;
  width: 100%;
  min-height: 4rem;
  flex-direction: column;
  background-color: var(--uploaded-file-bg-color);
  border-radius: var(--border-radius--small);
  align-items: center;
  gap: var(--spacing-4);
}
@media (min-width: 46.25em) {
  .c-uploaded-file {
    padding-right: var(--spacing-4);
    flex-direction: row;
  }
}
@media (max-width: 46.24em) {
  .c-uploaded-file:not(.c-uploaded-file--loading) {
    padding: var(--spacing-4);
  }
}
.c-uploaded-file__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.c-uploaded-file__middle {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex: auto;
  align-items: center;
  gap: var(--spacing-3);
}
.c-uploaded-file__thumbnail {
  position: relative;
  display: flex;
  width: 7.125rem;
  height: 4rem;
  overflow: hidden;
  border-radius: var(--border-radius--small);
  align-self: stretch;
}
.c-uploaded-file__thumbnail__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--uploaded-file__thumbnail__overlay-bg-color);
  opacity: 0.6;
}
.c-uploaded-file__thumbnail__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  font-size: 1.375rem;
  color: var(--uploaded-file__thumbnail__icon-color);
  transform: translate(-50%, -50%);
}
.c-uploaded-file--error .c-uploaded-file__thumbnail {
  border: 1px solid var(--uploaded-file__thumbnail-border-color);
}
.c-uploaded-file__label {
  color: var(--uploaded-file__label-text-color);
  word-break: break-word;
  flex: 1;
}
.c-uploaded-file__action {
  flex: none;
}
@media (max-width: 46.24em) {
  .c-uploaded-file__action {
    width: 100%;
  }
}
.c-uploaded-file--loading {
  justify-content: center;
}
.l-advanced-view-layout {
  --advanced-view-layout-border-color: var(--color-primary-600);
}

.l-advanced-view-layout {
  position: relative;
  overflow: auto;
  align-items: start;
}
@media (min-width: 46.25em) {
  .l-advanced-view-layout {
    height: 100%;
    overflow: hidden;
  }
}
.l-advanced-view-layout__column {
  height: 100%;
  overflow-y: auto;
}
@media (min-width: 46.25em) {
  .l-advanced-view-layout__column:first-child {
    width: 40%;
  }
}
@media (min-width: 46.25em) {
  .l-advanced-view-layout__column:first-child .l-advanced-view-layout__section {
    padding-left: var(--spacing-12);
  }
}
@media (min-width: 46.25em) {
  .l-advanced-view-layout__column:last-child {
    position: absolute;
    right: 0;
    width: 60%;
    border-left: 0.0625rem solid var(--advanced-view-layout-border-color);
  }
}
@media (min-width: 46.25em) {
  .l-advanced-view-layout__column:last-child .l-advanced-view-layout__section {
    padding-right: var(--spacing-12);
  }
}
@media (max-width: 46.24em) {
  .l-advanced-view-layout__column:last-child .l-advanced-view-layout__section:last-child {
    border: 0;
  }
}
.l-advanced-view-layout__section {
  width: 100%;
  padding: var(--spacing-6) var(--spacing-4);
  border-bottom: 0.0625rem solid var(--advanced-view-layout-border-color);
}
@media (min-width: 46.25em) {
  .l-advanced-view-layout__section {
    padding: var(--spacing-6);
  }
}
@media (min-width: 46.25em) {
  .l-advanced-view-layout__section:last-child {
    border: 0;
  }
}

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