/*
* This file is only for overriding Bootstrap 4 variables.
* Please add any new variables to variables.scss
*/
/**
Bootstrap 4.2.0 introduced new icons for validating forms.
Our design system does not use those, so we are disabling them for now:
- Docs: https://getbootstrap.com/docs/4.3/components/forms/#server-side
- Issue: https://gitlab.com/gitlab-org/design.gitlab.com/issues/242
*/
/*
* SASS preserves units in arithmetic operations. For example:
* 12em * 0 = 0em. This function return the unit of a numeric value.
*
* For more examples, see: https://codepen.io/paulgv/pen/XWrqMgQ
*/
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #626168;
  --gray-dark: #3a383f;
  --primary: #007bff;
  --secondary: #ececef;
  --success: #108548;
  --info: #1f75cb;
  --warning: #ab6100;
  --danger: #dd2b0e;
  --light: #dcdcde;
  --dark: #3a383f;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(5, 5, 6, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #28272d;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #626168;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.25rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.1875rem;
}

h2, .h2 {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.53125rem;
}

h4, .h4 {
  font-size: 1.3125rem;
}

h5, .h5 {
  font-size: 1.09375rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(5, 5, 6, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #626168;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #a4a3a8;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.25rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #626168;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #28272d;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 600;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #28272d;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 0.5rem;
  color: #28272d;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dcdcde;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dcdcde;
}
.table tbody + tbody {
  border-top: 2px solid #dcdcde;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dcdcde;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dcdcde;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ececef;
}

.table-hover tbody tr:hover {
  color: #28272d;
  background-color: rgba(5, 5, 6, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #fafafb;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #f5f5f7;
}

.table-hover .table-secondary:hover {
  background-color: #ececf0;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #ececf0;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #bcddcc;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #83c0a0;
}

.table-hover .table-success:hover {
  background-color: #abd4bf;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #abd4bf;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c0d8f0;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #8bb7e4;
}

.table-hover .table-info:hover {
  background-color: #abcbeb;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abcbeb;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #e7d3b8;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #d3ad7a;
}

.table-hover .table-warning:hover {
  background-color: #e1c7a5;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #e1c7a5;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c4bc;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed9182;
}

.table-hover .table-danger:hover {
  background-color: #f2b0a6;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f2b0a6;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #f5f5f6;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #ededee;
}

.table-hover .table-light:hover {
  background-color: #e8e8ea;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #e8e8ea;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c8c7c9;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #99989b;
}

.table-hover .table-dark:hover {
  background-color: #bbbabc;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #bbbabc;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(5, 5, 6, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #3a383f;
  border-color: #4d4a53;
}
.table .thead-light th {
  color: #4c4b51;
  background-color: #bfbfc3;
  border-color: #dcdcde;
}

.table-dark {
  color: #fff;
  background-color: #3a383f;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #4d4a53;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4c4b51;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #89888d;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #4c4b51;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #626168;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #bfbfc3;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #4c4b51;
}
select.form-control:focus::-ms-value {
  color: #4c4b51;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #28272d;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #626168;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #108548;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: #108548;
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #108548;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #108548;
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.25);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #108548;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #108548;
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #108548;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #108548;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #108548;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #15b361;
  background-color: #15b361;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #108548;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #108548;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #108548;
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dd2b0e;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: #dd2b0e;
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dd2b0e;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dd2b0e;
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.25);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dd2b0e;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dd2b0e;
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dd2b0e;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dd2b0e;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dd2b0e;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #f2482c;
  background-color: #f2482c;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dd2b0e;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dd2b0e;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dd2b0e;
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #28272d;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #28272d;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #28272d;
  background-color: #ececef;
  border-color: #ececef;
}
.btn-secondary:hover {
  color: #28272d;
  background-color: #d7d7de;
  border-color: #d0d0d8;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #28272d;
  background-color: #d7d7de;
  border-color: #d0d0d8;
  box-shadow: 0 0 0 0.2rem rgba(207, 206, 210, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #28272d;
  background-color: #ececef;
  border-color: #ececef;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #28272d;
  background-color: #d0d0d8;
  border-color: #c9c9d2;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(207, 206, 210, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #108548;
  border-color: #108548;
}
.btn-success:hover {
  color: #fff;
  background-color: #0c6336;
  border-color: #0b572f;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #0c6336;
  border-color: #0b572f;
  box-shadow: 0 0 0 0.2rem rgba(52, 151, 99, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #108548;
  border-color: #108548;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0b572f;
  border-color: #094c29;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 151, 99, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #1f75cb;
  border-color: #1f75cb;
}
.btn-info:hover {
  color: #fff;
  background-color: #1a62aa;
  border-color: #185c9f;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #1a62aa;
  border-color: #185c9f;
  box-shadow: 0 0 0 0.2rem rgba(65, 138, 211, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #1f75cb;
  border-color: #1f75cb;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #185c9f;
  border-color: #175594;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 138, 211, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #ab6100;
  border-color: #ab6100;
}
.btn-warning:hover {
  color: #fff;
  background-color: #854b00;
  border-color: #784400;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #854b00;
  border-color: #784400;
  box-shadow: 0 0 0 0.2rem rgba(184, 121, 38, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #ab6100;
  border-color: #ab6100;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #784400;
  border-color: #6b3d00;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(184, 121, 38, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dd2b0e;
  border-color: #dd2b0e;
}
.btn-danger:hover {
  color: #fff;
  background-color: #b9240c;
  border-color: #ad220b;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #b9240c;
  border-color: #ad220b;
  box-shadow: 0 0 0 0.2rem rgba(226, 75, 50, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dd2b0e;
  border-color: #dd2b0e;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ad220b;
  border-color: #a11f0a;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(226, 75, 50, 0.5);
}

.btn-light {
  color: #28272d;
  background-color: #dcdcde;
  border-color: #dcdcde;
}
.btn-light:hover {
  color: #28272d;
  background-color: #c8c8cb;
  border-color: #c2c2c5;
}
.btn-light:focus, .btn-light.focus {
  color: #28272d;
  background-color: #c8c8cb;
  border-color: #c2c2c5;
  box-shadow: 0 0 0 0.2rem rgba(193, 193, 195, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #28272d;
  background-color: #dcdcde;
  border-color: #dcdcde;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #28272d;
  background-color: #c2c2c5;
  border-color: #bbbbbf;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 193, 195, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #3a383f;
  border-color: #3a383f;
}
.btn-dark:hover {
  color: #fff;
  background-color: #27262b;
  border-color: #212024;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #27262b;
  border-color: #212024;
  box-shadow: 0 0 0 0.2rem rgba(88, 86, 92, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #3a383f;
  border-color: #3a383f;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #212024;
  border-color: #1b1a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(88, 86, 92, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #ececef;
  border-color: #ececef;
}
.btn-outline-secondary:hover {
  color: #28272d;
  background-color: #ececef;
  border-color: #ececef;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(236, 236, 239, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #ececef;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #28272d;
  background-color: #ececef;
  border-color: #ececef;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(236, 236, 239, 0.5);
}

.btn-outline-success {
  color: #108548;
  border-color: #108548;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #108548;
  border-color: #108548;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #108548;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #108548;
  border-color: #108548;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.5);
}

.btn-outline-info {
  color: #1f75cb;
  border-color: #1f75cb;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #1f75cb;
  border-color: #1f75cb;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 117, 203, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #1f75cb;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #1f75cb;
  border-color: #1f75cb;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(31, 117, 203, 0.5);
}

.btn-outline-warning {
  color: #ab6100;
  border-color: #ab6100;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #ab6100;
  border-color: #ab6100;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 97, 0, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ab6100;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #ab6100;
  border-color: #ab6100;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 97, 0, 0.5);
}

.btn-outline-danger {
  color: #dd2b0e;
  border-color: #dd2b0e;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dd2b0e;
  border-color: #dd2b0e;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dd2b0e;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dd2b0e;
  border-color: #dd2b0e;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.5);
}

.btn-outline-light {
  color: #dcdcde;
  border-color: #dcdcde;
}
.btn-outline-light:hover {
  color: #28272d;
  background-color: #dcdcde;
  border-color: #dcdcde;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 220, 222, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #dcdcde;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #28272d;
  background-color: #dcdcde;
  border-color: #dcdcde;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 220, 222, 0.5);
}

.btn-outline-dark {
  color: #3a383f;
  border-color: #3a383f;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #3a383f;
  border-color: #3a383f;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 56, 63, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #3a383f;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #3a383f;
  border-color: #3a383f;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 56, 63, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #626168;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #28272d;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(5, 5, 6, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.25rem 0;
  overflow: hidden;
  border-top: 1px solid #bfbfc3;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #28272d;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1c1b1f;
  text-decoration: none;
  background-color: #bfbfc3;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #737278;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #626168;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #28272d;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4c4b51;
  text-align: center;
  white-space: nowrap;
  background-color: #bfbfc3;
  border: 1px solid #89888d;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #626168;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #bfbfc3;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #737278;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #737278;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4c4b51;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%233a383f' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #89888d;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #4c4b51;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #626168;
  background-color: #bfbfc3;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #4c4b51;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #bfbfc3;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #4c4b51;
  background-color: #fff;
  border: 1px solid #89888d;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #4c4b51;
  content: "Browse";
  background-color: #bfbfc3;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #a4a3a8;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #a4a3a8;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #a4a3a8;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #a4a3a8;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #737278;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #737278;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #737278;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #626168;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #a4a3a8;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #bfbfc3 #bfbfc3 #a4a3a8;
}
.nav-tabs .nav-link.disabled {
  color: #626168;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #4c4b51;
  background-color: #fff;
  border-color: #a4a3a8 #a4a3a8 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.5rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 0.5rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(5, 5, 6, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(5, 5, 6, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(5, 5, 6, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(5, 5, 6, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(5, 5, 6, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(5, 5, 6, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(5, 5, 6, 0.5);
  border-color: rgba(5, 5, 6, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%285, 5, 6, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(5, 5, 6, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(5, 5, 6, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(5, 5, 6, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #dcdcde;
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fbfafd;
  border-bottom: 1px solid #dcdcde;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #fbfafd;
  border-top: 1px solid #dcdcde;
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #bfbfc3;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #626168;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #626168;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #a4a3a8;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #bfbfc3;
  border-color: #a4a3a8;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #626168;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #a4a3a8;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #28272d;
  background-color: #ececef;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #28272d;
  background-color: #d0d0d8;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(236, 236, 239, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #108548;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #0b572f;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #1f75cb;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #185c9f;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(31, 117, 203, 0.5);
}

.badge-warning {
  color: #fff;
  background-color: #ab6100;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #fff;
  background-color: #784400;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(171, 97, 0, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dd2b0e;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #ad220b;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.5);
}

.badge-light {
  color: #28272d;
  background-color: #dcdcde;
}
a.badge-light:hover, a.badge-light:focus {
  color: #28272d;
  background-color: #c2c2c5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 220, 222, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #3a383f;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #212024;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(58, 56, 63, 0.5);
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 600;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #024287;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #012955;
}

.alert-secondary {
  color: #7d7d7f;
  background-color: #fbfbfc;
  border-color: #fafafb;
}
.alert-secondary hr {
  border-top-color: #ececf0;
}
.alert-secondary .alert-link {
  color: #646465;
}

.alert-success {
  color: #0b4828;
  background-color: #cfe7da;
  border-color: #bcddcc;
}
.alert-success hr {
  border-top-color: #abd4bf;
}
.alert-success .alert-link {
  color: #041c0f;
}

.alert-info {
  color: #133f6c;
  background-color: #d2e3f5;
  border-color: #c0d8f0;
}
.alert-info hr {
  border-top-color: #abcbeb;
}
.alert-info .alert-link {
  color: #0b2641;
}

.alert-warning {
  color: #5b3503;
  background-color: #eedfcc;
  border-color: #e7d3b8;
}
.alert-warning hr {
  border-top-color: #e1c7a5;
}
.alert-warning .alert-link {
  color: #2a1801;
}

.alert-danger {
  color: #75190a;
  background-color: #f8d5cf;
  border-color: #f5c4bc;
}
.alert-danger hr {
  border-top-color: #f2b0a6;
}
.alert-danger .alert-link {
  color: #460f06;
}

.alert-light {
  color: #757576;
  background-color: #f8f8f8;
  border-color: #f5f5f6;
}
.alert-light hr {
  border-top-color: #e8e8ea;
}
.alert-light .alert-link {
  color: #5c5c5c;
}

.alert-dark {
  color: #212024;
  background-color: #d8d7d9;
  border-color: #c8c7c9;
}
.alert-dark hr {
  border-top-color: #bbbabc;
}
.alert-dark .alert-link {
  color: #080809;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #bfbfc3;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #4c4b51;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #4c4b51;
  text-decoration: none;
  background-color: #dcdcde;
}
.list-group-item-action:active {
  color: #28272d;
  background-color: #bfbfc3;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(5, 5, 6, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #626168;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #024287;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #024287;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #024287;
  border-color: #024287;
}

.list-group-item-secondary {
  color: #7d7d7f;
  background-color: #fafafb;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #7d7d7f;
  background-color: #ececf0;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #7d7d7f;
  border-color: #7d7d7f;
}

.list-group-item-success {
  color: #0b4828;
  background-color: #bcddcc;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0b4828;
  background-color: #abd4bf;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0b4828;
  border-color: #0b4828;
}

.list-group-item-info {
  color: #133f6c;
  background-color: #c0d8f0;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #133f6c;
  background-color: #abcbeb;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #133f6c;
  border-color: #133f6c;
}

.list-group-item-warning {
  color: #5b3503;
  background-color: #e7d3b8;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #5b3503;
  background-color: #e1c7a5;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #5b3503;
  border-color: #5b3503;
}

.list-group-item-danger {
  color: #75190a;
  background-color: #f5c4bc;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #75190a;
  background-color: #f2b0a6;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #75190a;
  border-color: #75190a;
}

.list-group-item-light {
  color: #757576;
  background-color: #f5f5f6;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #757576;
  background-color: #e8e8ea;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #757576;
  border-color: #757576;
}

.list-group-item-dark {
  color: #212024;
  background-color: #c8c7c9;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #212024;
  background-color: #bbbabc;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #212024;
  border-color: #212024;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  color: #050506;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #050506;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(5, 5, 6, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.64;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #bfbfc3;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.25rem;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #bfbfc3;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #050506;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #050506;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #050506;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #050506;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #050506;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(5, 5, 6, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 0.25rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.25rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.25rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.25rem 0.25rem 0;
  border-top-color: #dcdcde;
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.25rem 0.25rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.25rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.25rem - 1px);
  width: 0.25rem;
  height: 0.5rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.25rem 0.25rem 0.25rem 0;
  border-right-color: #dcdcde;
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.25rem 0.25rem 0.25rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.25rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.25rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.25rem 0.25rem 0.25rem;
  border-bottom-color: #dcdcde;
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.25rem 0.25rem 0.25rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0.5rem;
  margin-left: -0.25rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.25rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.25rem - 1px);
  width: 0.25rem;
  height: 0.5rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  border-left-color: #dcdcde;
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #28272d;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #ececef !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #d0d0d8 !important;
}

.bg-success {
  background-color: #108548 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #0b572f !important;
}

.bg-info {
  background-color: #1f75cb !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #185c9f !important;
}

.bg-warning {
  background-color: #ab6100 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #784400 !important;
}

.bg-danger {
  background-color: #dd2b0e !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #ad220b !important;
}

.bg-light {
  background-color: #dcdcde !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #c2c2c5 !important;
}

.bg-dark {
  background-color: #3a383f !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #212024 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dcdcde !important;
}

.border-top {
  border-top: 1px solid #dcdcde !important;
}

.border-right {
  border-right: 1px solid #dcdcde !important;
}

.border-bottom {
  border-bottom: 1px solid #dcdcde !important;
}

.border-left {
  border-left: 1px solid #dcdcde !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #ececef !important;
}

.border-success {
  border-color: #108548 !important;
}

.border-info {
  border-color: #1f75cb !important;
}

.border-warning {
  border-color: #ab6100 !important;
}

.border-danger {
  border-color: #dd2b0e !important;
}

.border-light {
  border-color: #dcdcde !important;
}

.border-dark {
  border-color: #3a383f !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(5, 5, 6, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(5, 5, 6, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(5, 5, 6, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.mt-5,
.my-5 {
  margin-top: 2rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 2rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 2rem !important;
}

.m-6 {
  margin: 2.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 2.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 2.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 2.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 2.5rem !important;
}

.m-7 {
  margin: 3rem !important;
}

.mt-7,
.my-7 {
  margin-top: 3rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 3rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 3rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 3rem !important;
}

.m-8 {
  margin: 3.5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 3.5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 3.5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 3.5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 3.5rem !important;
}

.m-9 {
  margin: 4rem !important;
}

.mt-9,
.my-9 {
  margin-top: 4rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 4rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 4rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 4rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.pt-5,
.py-5 {
  padding-top: 2rem !important;
}

.pr-5,
.px-5 {
  padding-right: 2rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 2rem !important;
}

.pl-5,
.px-5 {
  padding-left: 2rem !important;
}

.p-6 {
  padding: 2.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 2.5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 2.5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 2.5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 2.5rem !important;
}

.p-7 {
  padding: 3rem !important;
}

.pt-7,
.py-7 {
  padding-top: 3rem !important;
}

.pr-7,
.px-7 {
  padding-right: 3rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 3rem !important;
}

.pl-7,
.px-7 {
  padding-left: 3rem !important;
}

.p-8 {
  padding: 3.5rem !important;
}

.pt-8,
.py-8 {
  padding-top: 3.5rem !important;
}

.pr-8,
.px-8 {
  padding-right: 3.5rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 3.5rem !important;
}

.pl-8,
.px-8 {
  padding-left: 3.5rem !important;
}

.p-9 {
  padding: 4rem !important;
}

.pt-9,
.py-9 {
  padding-top: 4rem !important;
}

.pr-9,
.px-9 {
  padding-right: 4rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 4rem !important;
}

.pl-9,
.px-9 {
  padding-left: 4rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -2rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -2rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -2rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -2rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -2rem !important;
}

.m-n6 {
  margin: -2.5rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -2.5rem !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -2.5rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -2.5rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -2.5rem !important;
}

.m-n7 {
  margin: -3rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -3rem !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -3rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -3rem !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -3rem !important;
}

.m-n8 {
  margin: -3.5rem !important;
}

.mt-n8,
.my-n8 {
  margin-top: -3.5rem !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -3.5rem !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -3.5rem !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -3.5rem !important;
}

.m-n9 {
  margin: -4rem !important;
}

.mt-n9,
.my-n9 {
  margin-top: -4rem !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -4rem !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -4rem !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -4rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 2rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 2rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 2rem !important;
  }
  .m-sm-6 {
    margin: 2.5rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 2.5rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 2.5rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 2.5rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 2.5rem !important;
  }
  .m-sm-7 {
    margin: 3rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 3rem !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 3rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 3rem !important;
  }
  .m-sm-8 {
    margin: 3.5rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 3.5rem !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 3.5rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 3.5rem !important;
  }
  .m-sm-9 {
    margin: 4rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 4rem !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 4rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 4rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 2rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 2rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 2rem !important;
  }
  .p-sm-6 {
    padding: 2.5rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 2.5rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 2.5rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 2.5rem !important;
  }
  .p-sm-7 {
    padding: 3rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 3rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 3rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 3rem !important;
  }
  .p-sm-8 {
    padding: 3.5rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 3.5rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 3.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 3.5rem !important;
  }
  .p-sm-9 {
    padding: 4rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 4rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 4rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 4rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -2rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -2rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -2rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -2rem !important;
  }
  .m-sm-n6 {
    margin: -2.5rem !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -2.5rem !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -2.5rem !important;
  }
  .m-sm-n7 {
    margin: -3rem !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -3rem !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -3rem !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -3rem !important;
  }
  .m-sm-n8 {
    margin: -3.5rem !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -3.5rem !important;
  }
  .m-sm-n9 {
    margin: -4rem !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -4rem !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -4rem !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -4rem !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -4rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 2rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 2rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 2rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 2rem !important;
  }
  .m-md-6 {
    margin: 2.5rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 2.5rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 2.5rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 2.5rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 2.5rem !important;
  }
  .m-md-7 {
    margin: 3rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 3rem !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 3rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 3rem !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 3rem !important;
  }
  .m-md-8 {
    margin: 3.5rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 3.5rem !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 3.5rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 3.5rem !important;
  }
  .m-md-9 {
    margin: 4rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 4rem !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 4rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 4rem !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 4rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 2rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 2rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 2rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 2rem !important;
  }
  .p-md-6 {
    padding: 2.5rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 2.5rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 2.5rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 2.5rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 2.5rem !important;
  }
  .p-md-7 {
    padding: 3rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 3rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 3rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 3rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 3rem !important;
  }
  .p-md-8 {
    padding: 3.5rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 3.5rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 3.5rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 3.5rem !important;
  }
  .p-md-9 {
    padding: 4rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 4rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 4rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 4rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 4rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -2rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -2rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -2rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -2rem !important;
  }
  .m-md-n6 {
    margin: -2.5rem !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -2.5rem !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -2.5rem !important;
  }
  .m-md-n7 {
    margin: -3rem !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -3rem !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -3rem !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -3rem !important;
  }
  .m-md-n8 {
    margin: -3.5rem !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -3.5rem !important;
  }
  .m-md-n9 {
    margin: -4rem !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -4rem !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -4rem !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -4rem !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -4rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 2rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 2rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 2rem !important;
  }
  .m-lg-6 {
    margin: 2.5rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 2.5rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 2.5rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 2.5rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 2.5rem !important;
  }
  .m-lg-7 {
    margin: 3rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 3rem !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 3rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 3rem !important;
  }
  .m-lg-8 {
    margin: 3.5rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 3.5rem !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 3.5rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 3.5rem !important;
  }
  .m-lg-9 {
    margin: 4rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 4rem !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 4rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 4rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 2rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 2rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 2rem !important;
  }
  .p-lg-6 {
    padding: 2.5rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 2.5rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 2.5rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 2.5rem !important;
  }
  .p-lg-7 {
    padding: 3rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 3rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 3rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 3rem !important;
  }
  .p-lg-8 {
    padding: 3.5rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 3.5rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 3.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 3.5rem !important;
  }
  .p-lg-9 {
    padding: 4rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 4rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 4rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 4rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -2rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -2rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -2rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -2rem !important;
  }
  .m-lg-n6 {
    margin: -2.5rem !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -2.5rem !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -2.5rem !important;
  }
  .m-lg-n7 {
    margin: -3rem !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -3rem !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -3rem !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -3rem !important;
  }
  .m-lg-n8 {
    margin: -3.5rem !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -3.5rem !important;
  }
  .m-lg-n9 {
    margin: -4rem !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -4rem !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -4rem !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -4rem !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -4rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 2rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 2rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 2rem !important;
  }
  .m-xl-6 {
    margin: 2.5rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 2.5rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 2.5rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 2.5rem !important;
  }
  .m-xl-7 {
    margin: 3rem !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 3rem !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 3rem !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 3rem !important;
  }
  .m-xl-8 {
    margin: 3.5rem !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 3.5rem !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 3.5rem !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 3.5rem !important;
  }
  .m-xl-9 {
    margin: 4rem !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 4rem !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 4rem !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 4rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 2rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 2rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 2rem !important;
  }
  .p-xl-6 {
    padding: 2.5rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 2.5rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 2.5rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 2.5rem !important;
  }
  .p-xl-7 {
    padding: 3rem !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 3rem !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 3rem !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 3rem !important;
  }
  .p-xl-8 {
    padding: 3.5rem !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 3.5rem !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 3.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 3.5rem !important;
  }
  .p-xl-9 {
    padding: 4rem !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 4rem !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 4rem !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 4rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -2rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -2rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -2rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -2rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -2rem !important;
  }
  .m-xl-n6 {
    margin: -2.5rem !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -2.5rem !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -2.5rem !important;
  }
  .m-xl-n7 {
    margin: -3rem !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -3rem !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -3rem !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -3rem !important;
  }
  .m-xl-n8 {
    margin: -3.5rem !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -3.5rem !important;
  }
  .m-xl-n9 {
    margin: -4rem !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -4rem !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -4rem !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -4rem !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -4rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 600 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #ececef !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #c2c2cc !important;
}

.text-success {
  color: #108548 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #084123 !important;
}

.text-info {
  color: #1f75cb !important;
}

a.text-info:hover, a.text-info:focus {
  color: #154f89 !important;
}

.text-warning {
  color: #ab6100 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #5f3600 !important;
}

.text-danger {
  color: #dd2b0e !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #951d09 !important;
}

.text-light {
  color: #dcdcde !important;
}

a.text-light:hover, a.text-light:focus {
  color: #b5b5b9 !important;
}

.text-dark {
  color: #3a383f !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #151417 !important;
}

.text-body {
  color: #28272d !important;
}

.text-muted {
  color: #626168 !important;
}

.text-black-50 {
  color: rgba(5, 5, 6, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #737278;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #050506;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #a4a3a8 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dcdcde;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dcdcde;
  }
}
.bv-no-focus-ring:focus {
  outline: none;
}

@media (max-width: 575.98px) {
  .bv-d-xs-down-none {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .bv-d-sm-down-none {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .bv-d-md-down-none {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .bv-d-lg-down-none {
    display: none !important;
  }
}
.bv-d-xl-down-none {
  display: none !important;
}

.form-control.focus {
  color: #4c4b51;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control.focus.is-valid {
  border-color: #108548;
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.25);
}
.form-control.focus.is-invalid {
  border-color: #dd2b0e;
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.25);
}

.card-img-left {
  border-top-left-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-img-right {
  border-top-right-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}

.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after {
  display: none !important;
}
.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
  display: none !important;
}
.dropdown .dropdown-menu:focus {
  outline: none;
}

.b-dropdown-form {
  display: inline-block;
  padding: 0.25rem 1.5rem;
  width: 100%;
  clear: both;
  font-weight: 400;
}
.b-dropdown-form:focus {
  outline: 1px dotted !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}
.b-dropdown-form.disabled, .b-dropdown-form:disabled {
  outline: 0 !important;
  color: #737278;
  pointer-events: none;
}

.b-dropdown-text {
  display: inline-block;
  padding: 0.25rem 1.5rem;
  margin-bottom: 0;
  width: 100%;
  clear: both;
  font-weight: lighter;
}

.custom-checkbox.b-custom-control-lg,
.input-group-lg .custom-checkbox {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}
.custom-checkbox.b-custom-control-lg .custom-control-label::before,
.input-group-lg .custom-checkbox .custom-control-label::before {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.3rem;
}
.custom-checkbox.b-custom-control-lg .custom-control-label::after,
.input-group-lg .custom-checkbox .custom-control-label::after {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 50% 50%;
}

.custom-checkbox.b-custom-control-sm,
.input-group-sm .custom-checkbox {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}
.custom-checkbox.b-custom-control-sm .custom-control-label::before,
.input-group-sm .custom-checkbox .custom-control-label::before {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.2rem;
}
.custom-checkbox.b-custom-control-sm .custom-control-label::after,
.input-group-sm .custom-checkbox .custom-control-label::after {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  background-size: 50% 50%;
}

.custom-switch.b-custom-control-lg,
.input-group-lg .custom-switch {
  padding-left: 2.8125rem;
}
.custom-switch.b-custom-control-lg .custom-control-label,
.input-group-lg .custom-switch .custom-control-label {
  font-size: 1.25rem;
  line-height: 1.5;
}
.custom-switch.b-custom-control-lg .custom-control-label::before,
.input-group-lg .custom-switch .custom-control-label::before {
  top: 0.3125rem;
  height: 1.25rem;
  left: -2.8125rem;
  width: 2.1875rem;
  border-radius: 0.625rem;
}
.custom-switch.b-custom-control-lg .custom-control-label::after,
.input-group-lg .custom-switch .custom-control-label::after {
  top: calc(0.3125rem + 2px);
  left: calc(-2.8125rem + 2px);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  border-radius: 0.625rem;
  background-size: 50% 50%;
}
.custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after,
.input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(0.9375rem);
}

.custom-switch.b-custom-control-sm,
.input-group-sm .custom-switch {
  padding-left: 1.96875rem;
}
.custom-switch.b-custom-control-sm .custom-control-label,
.input-group-sm .custom-switch .custom-control-label {
  font-size: 0.875rem;
  line-height: 1.5;
}
.custom-switch.b-custom-control-sm .custom-control-label::before,
.input-group-sm .custom-switch .custom-control-label::before {
  top: 0.21875rem;
  left: -1.96875rem;
  width: 1.53125rem;
  height: 0.875rem;
  border-radius: 0.4375rem;
}
.custom-switch.b-custom-control-sm .custom-control-label::after,
.input-group-sm .custom-switch .custom-control-label::after {
  top: calc(0.21875rem + 2px);
  left: calc(-1.96875rem + 2px);
  width: calc(0.875rem - 4px);
  height: calc(0.875rem - 4px);
  border-radius: 0.4375rem;
  background-size: 50% 50%;
}
.custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after,
.input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(0.65625rem);
}

.input-group > .input-group-prepend > .btn-group > .btn,
.input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
.input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn-group > .btn,
.input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn,
.input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

input[type=color].form-control {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.125rem 0.25rem;
}

input[type=color].form-control.form-control-sm,
.input-group-sm input[type=color].form-control {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.125rem 0.25rem;
}

input[type=color].form-control.form-control-lg,
.input-group-lg input[type=color].form-control {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.125rem 0.25rem;
}

input[type=color].form-control:disabled {
  background-color: #737278;
  opacity: 0.65;
}

.input-group > .custom-range {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .custom-range + .form-control,
.input-group > .custom-range + .form-control-plaintext,
.input-group > .custom-range + .custom-select,
.input-group > .custom-range + .custom-range,
.input-group > .custom-range + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control + .custom-range,
.input-group > .form-control-plaintext + .custom-range,
.input-group > .custom-select + .custom-range,
.input-group > .custom-range + .custom-range,
.input-group > .custom-file + .custom-range {
  margin-left: -1px;
}
.input-group > .custom-range:focus {
  z-index: 3;
}
.input-group > .custom-range:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-range:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-range {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0 0.75rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #89888d;
  height: calc(1.5em + 0.75rem + 2px);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group > .custom-range {
    transition: none;
  }
}
.input-group > .custom-range:focus {
  color: #4c4b51;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.input-group > .custom-range:disabled, .input-group > .custom-range[readonly] {
  background-color: #bfbfc3;
}

.input-group-lg > .custom-range {
  height: calc(1.5em + 1rem + 2px);
  padding: 0 1rem;
  border-radius: 0.3rem;
}

.input-group-sm > .custom-range {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0 0.5rem;
  border-radius: 0.2rem;
}

.was-validated .input-group .custom-range:valid, .input-group .custom-range.is-valid {
  border-color: #108548;
}
.was-validated .input-group .custom-range:valid:focus, .input-group .custom-range.is-valid:focus {
  border-color: #108548;
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.25);
}

.was-validated .custom-range:valid:focus::-webkit-slider-thumb, .custom-range.is-valid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #5ceba1;
}
.was-validated .custom-range:valid:focus::-moz-range-thumb, .custom-range.is-valid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #5ceba1;
}
.was-validated .custom-range:valid:focus::-ms-thumb, .custom-range.is-valid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #5ceba1;
}
.was-validated .custom-range:valid::-webkit-slider-thumb, .custom-range.is-valid::-webkit-slider-thumb {
  background-color: #108548;
  background-image: none;
}
.was-validated .custom-range:valid::-webkit-slider-thumb:active, .custom-range.is-valid::-webkit-slider-thumb:active {
  background-color: #5ceba1;
  background-image: none;
}
.was-validated .custom-range:valid::-webkit-slider-runnable-track, .custom-range.is-valid::-webkit-slider-runnable-track {
  background-color: rgba(16, 133, 72, 0.35);
}
.was-validated .custom-range:valid::-moz-range-thumb, .custom-range.is-valid::-moz-range-thumb {
  background-color: #108548;
  background-image: none;
}
.was-validated .custom-range:valid::-moz-range-thumb:active, .custom-range.is-valid::-moz-range-thumb:active {
  background-color: #5ceba1;
  background-image: none;
}
.was-validated .custom-range:valid::-moz-range-track, .custom-range.is-valid::-moz-range-track {
  background: rgba(16, 133, 72, 0.35);
}
.was-validated .custom-range:valid ~ .valid-feedback,
.was-validated .custom-range:valid ~ .valid-tooltip, .custom-range.is-valid ~ .valid-feedback,
.custom-range.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-range:valid::-ms-thumb, .custom-range.is-valid::-ms-thumb {
  background-color: #108548;
  background-image: none;
}
.was-validated .custom-range:valid::-ms-thumb:active, .custom-range.is-valid::-ms-thumb:active {
  background-color: #5ceba1;
  background-image: none;
}
.was-validated .custom-range:valid::-ms-track-lower, .custom-range.is-valid::-ms-track-lower {
  background: rgba(16, 133, 72, 0.35);
}
.was-validated .custom-range:valid::-ms-track-upper, .custom-range.is-valid::-ms-track-upper {
  background: rgba(16, 133, 72, 0.35);
}

.was-validated .input-group .custom-range:invalid, .input-group .custom-range.is-invalid {
  border-color: #dd2b0e;
}
.was-validated .input-group .custom-range:invalid:focus, .input-group .custom-range.is-invalid:focus {
  border-color: #dd2b0e;
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.25);
}

.was-validated .custom-range:invalid:focus::-webkit-slider-thumb, .custom-range.is-invalid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f9b0a4;
}
.was-validated .custom-range:invalid:focus::-moz-range-thumb, .custom-range.is-invalid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f9b0a4;
}
.was-validated .custom-range:invalid:focus::-ms-thumb, .custom-range.is-invalid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f9b0a4;
}
.was-validated .custom-range:invalid::-webkit-slider-thumb, .custom-range.is-invalid::-webkit-slider-thumb {
  background-color: #dd2b0e;
  background-image: none;
}
.was-validated .custom-range:invalid::-webkit-slider-thumb:active, .custom-range.is-invalid::-webkit-slider-thumb:active {
  background-color: #f9b0a4;
  background-image: none;
}
.was-validated .custom-range:invalid::-webkit-slider-runnable-track, .custom-range.is-invalid::-webkit-slider-runnable-track {
  background-color: rgba(221, 43, 14, 0.35);
}
.was-validated .custom-range:invalid::-moz-range-thumb, .custom-range.is-invalid::-moz-range-thumb {
  background-color: #dd2b0e;
  background-image: none;
}
.was-validated .custom-range:invalid::-moz-range-thumb:active, .custom-range.is-invalid::-moz-range-thumb:active {
  background-color: #f9b0a4;
  background-image: none;
}
.was-validated .custom-range:invalid::-moz-range-track, .custom-range.is-invalid::-moz-range-track {
  background: rgba(221, 43, 14, 0.35);
}
.was-validated .custom-range:invalid ~ .invalid-feedback,
.was-validated .custom-range:invalid ~ .invalid-tooltip, .custom-range.is-invalid ~ .invalid-feedback,
.custom-range.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-range:invalid::-ms-thumb, .custom-range.is-invalid::-ms-thumb {
  background-color: #dd2b0e;
  background-image: none;
}
.was-validated .custom-range:invalid::-ms-thumb:active, .custom-range.is-invalid::-ms-thumb:active {
  background-color: #f9b0a4;
  background-image: none;
}
.was-validated .custom-range:invalid::-ms-track-lower, .custom-range.is-invalid::-ms-track-lower {
  background: rgba(221, 43, 14, 0.35);
}
.was-validated .custom-range:invalid::-ms-track-upper, .custom-range.is-invalid::-ms-track-upper {
  background: rgba(221, 43, 14, 0.35);
}

.custom-radio.b-custom-control-lg,
.input-group-lg .custom-radio {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}
.custom-radio.b-custom-control-lg .custom-control-label::before,
.input-group-lg .custom-radio .custom-control-label::before {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.custom-radio.b-custom-control-lg .custom-control-label::after,
.input-group-lg .custom-radio .custom-control-label::after {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat 50%/50% 50%;
}

.custom-radio.b-custom-control-sm,
.input-group-sm .custom-radio {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}
.custom-radio.b-custom-control-sm .custom-control-label::before,
.input-group-sm .custom-radio .custom-control-label::before {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}
.custom-radio.b-custom-control-sm .custom-control-label::after,
.input-group-sm .custom-radio .custom-control-label::after {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  background: no-repeat 50%/50% 50%;
}

.b-form-tags.focus {
  color: #4c4b51;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.b-form-tags.focus.is-valid {
  border-color: #108548;
  box-shadow: 0 0 0 0.2rem rgba(16, 133, 72, 0.25);
}
.b-form-tags.focus.is-invalid {
  border-color: #dd2b0e;
  box-shadow: 0 0 0 0.2rem rgba(221, 43, 14, 0.25);
}
.b-form-tags.disabled {
  background-color: #bfbfc3;
}

.b-form-tags-list {
  margin-top: -0.25rem;
}
.b-form-tags-list .b-form-tags-field,
.b-form-tags-list .b-form-tag {
  margin-top: 0.25rem;
}

.b-form-tags-input {
  color: #4c4b51;
}

.b-form-tag {
  font-size: 75%;
  font-weight: normal;
  line-height: 1.5;
  margin-right: 0.25rem;
}
.b-form-tag.disabled {
  opacity: 0.75;
}
.b-form-tag > button.b-form-tag-remove {
  color: inherit;
  font-size: 125%;
  line-height: 1;
  float: none;
  margin-left: 0.25rem;
}

.form-control-sm .b-form-tag {
  line-height: 1.5;
}

.form-control-lg .b-form-tag {
  line-height: 1.5;
}

.modal-backdrop {
  opacity: 0.64;
}

.popover.b-popover {
  display: block;
  opacity: 1;
  outline: 0;
}
.popover.b-popover.fade:not(.show) {
  opacity: 0;
}
.popover.b-popover.show {
  opacity: 1;
}

.table.b-table.b-table-fixed {
  table-layout: fixed;
}
.table.b-table.b-table-no-border-collapse {
  border-collapse: separate;
  border-spacing: 0;
}
.table.b-table[aria-busy=true] {
  opacity: 0.55;
}
.table.b-table > tbody > tr.b-table-details > td {
  border-top: none !important;
}
.table.b-table > caption {
  caption-side: bottom;
}
.table.b-table.b-table-caption-top > caption {
  caption-side: top !important;
}
.table.b-table > tbody > .table-active,
.table.b-table > tbody > .table-active > th,
.table.b-table > tbody > .table-active > td {
  background-color: rgba(5, 5, 6, 0.075);
}
.table.b-table.table-hover > tbody > tr.table-active:hover td,
.table.b-table.table-hover > tbody > tr.table-active:hover th {
  color: #28272d;
  background-image: linear-gradient(rgba(5, 5, 6, 0.075), rgba(5, 5, 6, 0.075));
  background-repeat: no-repeat;
}
.table.b-table > tbody > .bg-active,
.table.b-table > tbody > .bg-active > th,
.table.b-table > tbody > .bg-active > td {
  background-color: rgba(255, 255, 255, 0.075) !important;
}
.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
  color: #fff;
  background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
  background-repeat: no-repeat;
}

.b-table-sticky-header,
.table-responsive,
[class*=table-responsive-] {
  margin-bottom: 0.5rem;
}
.b-table-sticky-header > .table,
.table-responsive > .table,
[class*=table-responsive-] > .table {
  margin-bottom: 0;
}

.b-table-sticky-header {
  overflow-y: auto;
  max-height: 300px;
}

@media print {
  .b-table-sticky-header {
    overflow-y: visible !important;
    max-height: none !important;
  }
}
@supports (position: sticky) {
  .b-table-sticky-header > .table.b-table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
    position: sticky;
    left: 0;
  }
  .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column {
    z-index: 5;
  }
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
  [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
    z-index: 2;
  }
  .table.b-table > thead > tr > .table-b-table-default,
  .table.b-table > tbody > tr > .table-b-table-default,
  .table.b-table > tfoot > tr > .table-b-table-default {
    color: #28272d;
    background-color: #fff;
  }
  .table.b-table.table-dark > thead > tr > .bg-b-table-default,
  .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
  .table.b-table.table-dark > tfoot > tr > .bg-b-table-default {
    color: #fff;
    background-color: #3a383f;
  }
  .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default {
    background-image: linear-gradient(#ececef, #ececef);
    background-repeat: no-repeat;
  }
  .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default {
    background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
    color: #28272d;
    background-image: linear-gradient(rgba(5, 5, 6, 0.075), rgba(5, 5, 6, 0.075));
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default {
    color: #fff;
    background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
    background-repeat: no-repeat;
  }
}
.table.b-table > thead > tr > [aria-sort],
.table.b-table > tfoot > tr > [aria-sort] {
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 0.65em 1em;
}
.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right calc(0.75rem / 2) center;
  padding-right: calc(0.75rem + 0.65em);
}
.table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left,
.table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left {
  background-position: left calc(0.75rem / 2) center;
  padding-left: calc(0.75rem + 0.65em);
}
.table.b-table > thead > tr > [aria-sort=none],
.table.b-table > tfoot > tr > [aria-sort=none] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > [aria-sort=ascending],
.table.b-table > tfoot > tr > [aria-sort=ascending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > [aria-sort=descending],
.table.b-table > tfoot > tr > [aria-sort=descending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-dark > thead > tr > [aria-sort=none], .table.b-table.table-dark > tfoot > tr > [aria-sort=none],
.table.b-table > .thead-dark > tr > [aria-sort=none] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-dark > thead > tr > [aria-sort=ascending], .table.b-table.table-dark > tfoot > tr > [aria-sort=ascending],
.table.b-table > .thead-dark > tr > [aria-sort=ascending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-dark > thead > tr > [aria-sort=descending], .table.b-table.table-dark > tfoot > tr > [aria-sort=descending],
.table.b-table > .thead-dark > tr > [aria-sort=descending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > .table-dark[aria-sort=none],
.table.b-table > tfoot > tr > .table-dark[aria-sort=none] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > .table-dark[aria-sort=ascending],
.table.b-table > tfoot > tr > .table-dark[aria-sort=ascending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table > thead > tr > .table-dark[aria-sort=descending],
.table.b-table > tfoot > tr > .table-dark[aria-sort=descending] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right calc(0.3rem / 2) center;
  padding-right: calc(0.3rem + 0.65em);
}
.table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left,
.table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left {
  background-position: left calc(0.3rem / 2) center;
  padding-left: calc(0.3rem + 0.65em);
}

.table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr {
  cursor: pointer;
}
.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr {
  user-select: none;
}

@media (max-width: 575.98px) {
  .table.b-table.b-table-stacked-sm {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-sm > caption,
  .table.b-table.b-table-stacked-sm > tbody,
  .table.b-table.b-table-stacked-sm > tbody > tr,
  .table.b-table.b-table-stacked-sm > tbody > tr > td,
  .table.b-table.b-table-stacked-sm > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-sm > thead,
  .table.b-table.b-table-stacked-sm > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr.top-row, .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 767.98px) {
  .table.b-table.b-table-stacked-md {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-md > caption,
  .table.b-table.b-table-stacked-md > tbody,
  .table.b-table.b-table-stacked-md > tbody > tr,
  .table.b-table.b-table-stacked-md > tbody > tr > td,
  .table.b-table.b-table-stacked-md > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-md > thead,
  .table.b-table.b-table-stacked-md > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-md > tbody > tr.top-row, .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 991.98px) {
  .table.b-table.b-table-stacked-lg {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-lg > caption,
  .table.b-table.b-table-stacked-lg > tbody,
  .table.b-table.b-table-stacked-lg > tbody > tr,
  .table.b-table.b-table-stacked-lg > tbody > tr > td,
  .table.b-table.b-table-stacked-lg > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-lg > thead,
  .table.b-table.b-table-stacked-lg > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr.top-row, .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 1199.98px) {
  .table.b-table.b-table-stacked-xl {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-xl > caption,
  .table.b-table.b-table-stacked-xl > tbody,
  .table.b-table.b-table-stacked-xl > tbody > tr,
  .table.b-table.b-table-stacked-xl > tbody > tr > td,
  .table.b-table.b-table-stacked-xl > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-xl > thead,
  .table.b-table.b-table-stacked-xl > tfoot {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
  .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem / 2) 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem / 2);
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr.top-row, .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
.table.b-table.b-table-stacked {
  display: block;
  width: 100%;
}
.table.b-table.b-table-stacked > caption,
.table.b-table.b-table-stacked > tbody,
.table.b-table.b-table-stacked > tbody > tr,
.table.b-table.b-table-stacked > tbody > tr > td,
.table.b-table.b-table-stacked > tbody > tr > th {
  display: block;
}
.table.b-table.b-table-stacked > thead,
.table.b-table.b-table-stacked > tfoot {
  display: none;
}
.table.b-table.b-table-stacked > thead > tr.b-table-top-row,
.table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
  display: none;
}
.table.b-table.b-table-stacked > caption {
  caption-side: top !important;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
  content: attr(data-label);
  width: 40%;
  float: left;
  text-align: right;
  overflow-wrap: break-word;
  font-weight: bold;
  font-style: normal;
  padding: 0 calc(1rem / 2) 0 0;
  margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label]::after {
  display: block;
  clear: both;
  content: "";
}
.table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
  display: inline-block;
  width: calc(100% - 40%);
  padding: 0 0 0 calc(1rem / 2);
  margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr.top-row, .table.b-table.b-table-stacked > tbody > tr.bottom-row {
  display: none;
}
.table.b-table.b-table-stacked > tbody > tr > :first-child {
  border-top-width: 3px;
}
.table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
.table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
  border-top-width: 3px;
}

.b-toast {
  display: block;
  position: relative;
  max-width: 36.625rem;
  backface-visibility: hidden;
  background-clip: padding-box;
  z-index: 1;
  border-radius: 0.25rem;
}
.b-toast .toast {
  background-color: #303030;
}
.b-toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.b-toast.b-toast-solid .toast {
  background-color: #303030;
}
.b-toast .toast {
  opacity: 1;
}
.b-toast .toast.fade:not(.show) {
  opacity: 0;
}
.b-toast .toast .toast-body {
  display: block;
}

.b-toast-primary .toast {
  background-color: #e6f2ff;
  border-color: #b8daff;
  color: #024287;
}
.b-toast-primary .toast .toast-header {
  color: #024287;
  background-color: #cce5ff;
  border-bottom-color: #b8daff;
}
.b-toast-primary.b-toast-solid .toast {
  background-color: #e6f2ff;
}

.b-toast-secondary .toast {
  background-color: white;
  border-color: #fafafb;
  color: #7d7d7f;
}
.b-toast-secondary .toast .toast-header {
  color: #7d7d7f;
  background-color: #fbfbfc;
  border-bottom-color: #fafafb;
}
.b-toast-secondary.b-toast-solid .toast {
  background-color: white;
}

.b-toast-success .toast {
  background-color: #e0f0e7;
  border-color: #bcddcc;
  color: #0b4828;
}
.b-toast-success .toast .toast-header {
  color: #0b4828;
  background-color: #cfe7da;
  border-bottom-color: #bcddcc;
}
.b-toast-success.b-toast-solid .toast {
  background-color: #e0f0e7;
}

.b-toast-info .toast {
  background-color: #e7f0fa;
  border-color: #c0d8f0;
  color: #133f6c;
}
.b-toast-info .toast .toast-header {
  color: #133f6c;
  background-color: #d2e3f5;
  border-bottom-color: #c0d8f0;
}
.b-toast-info.b-toast-solid .toast {
  background-color: #e7f0fa;
}

.b-toast-warning .toast {
  background-color: #f4ebdf;
  border-color: #e7d3b8;
  color: #5b3503;
}
.b-toast-warning .toast .toast-header {
  color: #5b3503;
  background-color: #eedfcc;
  border-bottom-color: #e7d3b8;
}
.b-toast-warning.b-toast-solid .toast {
  background-color: #f4ebdf;
}

.b-toast-danger .toast {
  background-color: #fbe8e5;
  border-color: #f5c4bc;
  color: #75190a;
}
.b-toast-danger .toast .toast-header {
  color: #75190a;
  background-color: #f8d5cf;
  border-bottom-color: #f5c4bc;
}
.b-toast-danger.b-toast-solid .toast {
  background-color: #fbe8e5;
}

.b-toast-light .toast {
  background-color: white;
  border-color: #f5f5f6;
  color: #757576;
}
.b-toast-light .toast .toast-header {
  color: #757576;
  background-color: #f8f8f8;
  border-bottom-color: #f5f5f6;
}
.b-toast-light.b-toast-solid .toast {
  background-color: white;
}

.b-toast-dark .toast {
  background-color: #e5e4e5;
  border-color: #c8c7c9;
  color: #212024;
}
.b-toast-dark .toast .toast-header {
  color: #212024;
  background-color: #d8d7d9;
  border-bottom-color: #c8c7c9;
}
.b-toast-dark.b-toast-solid .toast {
  background-color: #e5e4e5;
}

.b-toaster {
  z-index: 1100;
}
.b-toaster .b-toaster-slot {
  position: relative;
  display: block;
}
.b-toaster .b-toaster-slot:empty {
  display: none !important;
}

.b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
  position: fixed;
  left: 0.5rem;
  right: 0.5rem;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
  position: absolute;
  max-width: 36.625rem;
  width: 100%; /* IE 11 fix */
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
  width: 100%;
  max-width: 100%;
}
.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-top-full .b-toaster-slot .toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
  width: 100%;
  max-width: 100%;
}
.b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full {
  top: 0;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot {
  top: 0.5rem;
}
.b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
  bottom: 0;
}
.b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
  bottom: 0.5rem;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
  margin-left: auto;
}
.b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
  margin-right: auto;
}

.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-move, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
  transition: transform 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
  transition-delay: 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
  position: absolute;
  transition-delay: 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
  transition-delay: 0s;
}
.tooltip.b-tooltip {
  display: block;
  opacity: 1;
  outline: 0;
}
.tooltip.b-tooltip.fade:not(.show) {
  opacity: 0;
}
.tooltip.b-tooltip.show {
  opacity: 1;
}
.tooltip.b-tooltip.noninteractive {
  pointer-events: none;
}
.tooltip.b-tooltip .arrow {
  margin: 0 0.25rem;
}
.tooltip.b-tooltip.bs-tooltip-right .arrow, .tooltip.b-tooltip.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.bs-tooltip-left .arrow, .tooltip.b-tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
  margin: 0.25rem 0;
}

/**
 * Automatically generated
 * Do not edit directly
 */
:root {
  --gl-text-tertiary: #89888d; /* Use text.color.disabled instead */
  --gl-text-secondary: #737278; /* Use text.color.subtle instead */
  --gl-text-primary: #28272d; /* Use text.color.default instead */
  --gl-line-height-52: 3.25rem;
  --gl-line-height-44: 2.75rem;
  --gl-line-height-42: 2.625rem;
  --gl-line-height-36: 2.25rem;
  --gl-line-height-32: 2rem;
  --gl-line-height-28: 1.75rem;
  --gl-line-height-24: 1.5rem;
  --gl-line-height-20: 1.25rem;
  --gl-line-height-16: 1rem;
  --gl-line-height-12: 0.75rem;
  --t-white-a-08: rgba(255, 255, 255, 0.08);
  --t-white-a-06: rgba(255, 255, 255, 0.06);
  --t-white-a-04: rgba(255, 255, 255, 0.04);
  --t-white-a-02: rgba(255, 255, 255, 0.02);
  --t-white-a-36: rgba(255, 255, 255, 0.36);
  --t-white-a-24: rgba(255, 255, 255, 0.24);
  --t-white-a-16: rgba(255, 255, 255, 0.16);
  --t-gray-a-08: rgba(05, 05, 06, 0.08);
  --t-gray-a-06: rgba(05, 05, 06, 0.06);
  --t-gray-a-04: rgba(05, 05, 06, 0.04);
  --t-gray-a-02: rgba(05, 05, 06, 0.02);
  --t-gray-a-24: rgba(05, 05, 06, 0.24);
  --t-gray-a-16: rgba(05, 05, 06, 0.16);
  --brand-gray-05: #2b2838;
  --brand-gray-04: #45424d;
  --brand-gray-03: #74717a;
  --brand-gray-02: #a2a1a6;
  --brand-gray-01: #d1d0d3;
  --brand-purple-02: #7759c2;
  --brand-purple-01: #a989f5;
  --brand-orange-03: #e24329;
  --brand-orange-02: #fc6d26;
  --brand-orange-01: #fca326;
  --brand-charcoal: #171321;
  --red-950: #4d0a00;
  --red-900: #660e00;
  --red-800: #8d1300;
  --red-700: #ae1800;
  --red-600: #c91c00;
  --red-500: #dd2b0e;
  --red-400: #ec5941;
  --red-300: #f57f6c;
  --red-200: #fcb5aa;
  --red-100: #fdd4cd;
  --red-50: #fcf1ef;
  --purple-950: #232150;
  --purple-900: #2f2a6b;
  --purple-800: #453894;
  --purple-700: #5943b6;
  --purple-600: #694cc0;
  --purple-500: #7b58cf;
  --purple-400: #9475db;
  --purple-300: #ac93e6;
  --purple-200: #cbbbf2;
  --purple-100: #e1d8f9;
  --purple-50: #f4f0ff;
  --orange-950: #421f00;
  --orange-900: #5c2900;
  --orange-800: #703800;
  --orange-700: #8f4700;
  --orange-600: #9e5400;
  --orange-500: #ab6100;
  --orange-400: #c17d10;
  --orange-300: #d99530;
  --orange-200: #e9be74;
  --orange-100: #f5d9a8;
  --orange-50: #fdf1dd;
  --green-950: #072b15;
  --green-900: #0a4020;
  --green-800: #0d532a;
  --green-700: #24663b;
  --green-600: #217645;
  --green-500: #108548;
  --green-400: #2da160;
  --green-300: #52b87a;
  --green-200: #91d4a8;
  --green-100: #c3e6cd;
  --green-50: #ecf4ee;
  --gray-950: #18171d;
  --gray-900: #28272d;
  --gray-800: #3a383f;
  --gray-700: #4c4b51;
  --gray-600: #626168;
  --gray-500: #737278;
  --gray-400: #89888d;
  --gray-300: #a4a3a8;
  --gray-200: #bfbfc3;
  --gray-100: #dcdcde;
  --gray-50: #ececef;
  --gray-10: #fbfafd;
  --blue-950: #002850;
  --blue-900: #033464;
  --blue-800: #064787;
  --blue-700: #0b5cad;
  --blue-600: #1068bf;
  --blue-500: #1f75cb;
  --blue-400: #428fdc;
  --blue-300: #63a6e9;
  --blue-200: #9dc7f1;
  --blue-100: #cbe2f9;
  --blue-50: #e9f3fc;
  --white: #fff;
  --black: #050506;
  --theme-light-red-950: #5c1105;
  --theme-light-red-900: #751709;
  --theme-light-red-800: #8b2212;
  --theme-light-red-700: #a02e1c;
  --theme-light-red-600: #b53a26;
  --theme-light-red-500: #c24b38;
  --theme-light-red-400: #d36250;
  --theme-light-red-300: #e07f6f;
  --theme-light-red-200: #ebada2;
  --theme-light-red-100: #f6d9d5;
  --theme-light-red-50: #faf2f1;
  --theme-light-red-10: #fdf9f8;
  --theme-red-950: #380700;
  --theme-red-900: #580d02;
  --theme-red-800: #761405;
  --theme-red-700: #8f2110;
  --theme-red-600: #a13322;
  --theme-red-500: #ad4a3b;
  --theme-red-400: #c66e60;
  --theme-red-300: #d59086;
  --theme-red-200: #e3bab5;
  --theme-red-100: #ecd3d0;
  --theme-red-50: #f4e9e7;
  --theme-red-10: #faf4f3;
  --theme-green-950: #052e19;
  --theme-green-900: #0e4328;
  --theme-green-800: #155635;
  --theme-green-700: #1b653f;
  --theme-green-600: #25744c;
  --theme-green-500: #308258;
  --theme-green-400: #499767;
  --theme-green-300: #69af7d;
  --theme-green-200: #8cc497;
  --theme-green-100: #b1d6b5;
  --theme-green-50: #dde9de;
  --theme-green-10: #eef4ef;
  --theme-light-blue-950: #0a3764;
  --theme-light-blue-900: #0c4277;
  --theme-light-blue-800: #0e4d8d;
  --theme-light-blue-700: #145aa1;
  --theme-light-blue-600: #2268ae;
  --theme-light-blue-500: #3476b9;
  --theme-light-blue-400: #4f8bc7;
  --theme-light-blue-300: #74a3d3;
  --theme-light-blue-200: #a0bedc;
  --theme-light-blue-100: #c1d4e6;
  --theme-light-blue-50: #dde6ee;
  --theme-light-blue-10: #eef3f7;
  --theme-blue-950: #04101c;
  --theme-blue-900: #0b2640;
  --theme-blue-800: #153c63;
  --theme-blue-700: #235180;
  --theme-blue-600: #346596;
  --theme-blue-500: #4977a5;
  --theme-blue-400: #628eb9;
  --theme-blue-300: #81a5c9;
  --theme-blue-200: #a6bdd5;
  --theme-blue-100: #b9cadc;
  --theme-blue-50: #cdd8e3;
  --theme-blue-10: #e6ecf0;
  --theme-indigo-950: #14143d;
  --theme-indigo-900: #222261;
  --theme-indigo-800: #303083;
  --theme-indigo-700: #41419f;
  --theme-indigo-600: #5252b5;
  --theme-indigo-500: #6666c4;
  --theme-indigo-400: #8181d7;
  --theme-indigo-300: #a2a2e6;
  --theme-indigo-200: #c7c7f2;
  --theme-indigo-100: #dbdbf8;
  --theme-indigo-50: #f1f1ff;
  --theme-indigo-10: #f8f8ff;
  --data-viz-orange-950: #4b2707;
  --data-viz-orange-900: #5e2f05;
  --data-viz-orange-800: #6f3500;
  --data-viz-orange-700: #92430a;
  --data-viz-orange-600: #b14f18;
  --data-viz-orange-500: #c95d2e;
  --data-viz-orange-400: #e07e41;
  --data-viz-orange-300: #e99b60;
  --data-viz-orange-200: #eebd8c;
  --data-viz-orange-100: #f5d6b3;
  --data-viz-orange-50: #fae8d1;
  --data-viz-magenta-950: #541d31;
  --data-viz-magenta-900: #661e3a;
  --data-viz-magenta-800: #7c214f;
  --data-viz-magenta-700: #9a2e5d;
  --data-viz-magenta-600: #b93d71;
  --data-viz-magenta-500: #cf4d81;
  --data-viz-magenta-400: #e86e9a;
  --data-viz-magenta-300: #f88aaf;
  --data-viz-magenta-200: #fcacc5;
  --data-viz-magenta-100: #ffccdb;
  --data-viz-magenta-50: #ffe3eb;
  --data-viz-blue-950: #2a2b59;
  --data-viz-blue-900: #303470;
  --data-viz-blue-800: #374291;
  --data-viz-blue-700: #3f51ae;
  --data-viz-blue-600: #4e65cd;
  --data-viz-blue-500: #617ae2;
  --data-viz-blue-400: #7992f5;
  --data-viz-blue-300: #97acff;
  --data-viz-blue-200: #b7c6ff;
  --data-viz-blue-100: #d2dcff;
  --data-viz-blue-50: #e9ebff;
  --data-viz-aqua-950: #00344b;
  --data-viz-aqua-900: #004059;
  --data-viz-aqua-800: #00516c;
  --data-viz-aqua-700: #006381;
  --data-viz-aqua-600: #007b9b;
  --data-viz-aqua-500: #0090b1;
  --data-viz-aqua-400: #00acc4;
  --data-viz-aqua-300: #32c5d2;
  --data-viz-aqua-200: #5edee3;
  --data-viz-aqua-100: #93f2ef;
  --data-viz-aqua-50: #b5fefd;
  --data-viz-green-950: #133a03;
  --data-viz-green-900: #1a4500;
  --data-viz-green-800: #275600;
  --data-viz-green-700: #366800;
  --data-viz-green-600: #4e7f0e;
  --data-viz-green-500: #619025;
  --data-viz-green-400: #81ac41;
  --data-viz-green-300: #94c25e;
  --data-viz-green-200: #b0d97b;
  --data-viz-green-100: #c6ed94;
  --data-viz-green-50: #ddfab7;
  --gl-color-brand-pink-01g: #ffb9c9;
  --gl-color-brand-gray-05: #2b2838;
  --gl-color-brand-gray-04: #45424d;
  --gl-color-brand-gray-03: #74717a;
  --gl-color-brand-gray-02: #a2a1a6;
  --gl-color-brand-gray-01: #d1d0d3;
  --gl-color-brand-purple-02p: #7759c2;
  --gl-color-brand-purple-01p: #a989f5;
  --gl-color-brand-purple-01g: #ceb3ef;
  --gl-color-brand-orange-03p: #e24329;
  --gl-color-brand-orange-02p: #fc6d26;
  --gl-color-brand-orange-01p: #fca326;
  --gl-color-brand-orange-01g: #ffd1bf;
  --gl-color-brand-charcoal: #171321;
  --gl-color-brand-white: #fff;
  --gl-color-theme-light-red-950: #5c1105;
  --gl-color-theme-light-red-900: #751709;
  --gl-color-theme-light-red-800: #8b2212;
  --gl-color-theme-light-red-700: #a02e1c;
  --gl-color-theme-light-red-600: #b53a26;
  --gl-color-theme-light-red-500: #c24b38;
  --gl-color-theme-light-red-400: #d36250;
  --gl-color-theme-light-red-300: #e07f6f;
  --gl-color-theme-light-red-200: #ebada2;
  --gl-color-theme-light-red-100: #f6d9d5;
  --gl-color-theme-light-red-50: #faf2f1;
  --gl-color-theme-light-red-10: #fdf9f8;
  --gl-color-theme-red-950: #380700;
  --gl-color-theme-red-900: #580d02;
  --gl-color-theme-red-800: #761405;
  --gl-color-theme-red-700: #8f2110;
  --gl-color-theme-red-600: #a13322;
  --gl-color-theme-red-500: #ad4a3b;
  --gl-color-theme-red-400: #c66e60;
  --gl-color-theme-red-300: #d59086;
  --gl-color-theme-red-200: #e3bab5;
  --gl-color-theme-red-100: #ecd3d0;
  --gl-color-theme-red-50: #f4e9e7;
  --gl-color-theme-red-10: #faf4f3;
  --gl-color-theme-green-950: #052e19;
  --gl-color-theme-green-900: #0e4328;
  --gl-color-theme-green-800: #155635;
  --gl-color-theme-green-700: #1b653f;
  --gl-color-theme-green-600: #25744c;
  --gl-color-theme-green-500: #308258;
  --gl-color-theme-green-400: #499767;
  --gl-color-theme-green-300: #69af7d;
  --gl-color-theme-green-200: #8cc497;
  --gl-color-theme-green-100: #b1d6b5;
  --gl-color-theme-green-50: #dde9de;
  --gl-color-theme-green-10: #eef4ef;
  --gl-color-theme-light-blue-950: #0a3764;
  --gl-color-theme-light-blue-900: #0c4277;
  --gl-color-theme-light-blue-800: #0e4d8d;
  --gl-color-theme-light-blue-700: #145aa1;
  --gl-color-theme-light-blue-600: #2268ae;
  --gl-color-theme-light-blue-500: #3476b9;
  --gl-color-theme-light-blue-400: #4f8bc7;
  --gl-color-theme-light-blue-300: #74a3d3;
  --gl-color-theme-light-blue-200: #a0bedc;
  --gl-color-theme-light-blue-100: #c1d4e6;
  --gl-color-theme-light-blue-50: #dde6ee;
  --gl-color-theme-light-blue-10: #eef3f7;
  --gl-color-theme-blue-950: #04101c;
  --gl-color-theme-blue-900: #0b2640;
  --gl-color-theme-blue-800: #153c63;
  --gl-color-theme-blue-700: #235180;
  --gl-color-theme-blue-600: #346596;
  --gl-color-theme-blue-500: #4977a5;
  --gl-color-theme-blue-400: #628eb9;
  --gl-color-theme-blue-300: #81a5c9;
  --gl-color-theme-blue-200: #a6bdd5;
  --gl-color-theme-blue-100: #b9cadc;
  --gl-color-theme-blue-50: #cdd8e3;
  --gl-color-theme-blue-10: #e6ecf0;
  --gl-color-theme-indigo-950: #14143d;
  --gl-color-theme-indigo-900: #222261;
  --gl-color-theme-indigo-800: #303083;
  --gl-color-theme-indigo-700: #41419f;
  --gl-color-theme-indigo-600: #5252b5;
  --gl-color-theme-indigo-500: #6666c4;
  --gl-color-theme-indigo-400: #8181d7;
  --gl-color-theme-indigo-300: #a2a2e6;
  --gl-color-theme-indigo-200: #c7c7f2;
  --gl-color-theme-indigo-100: #dbdbf8;
  --gl-color-theme-indigo-50: #f1f1ff;
  --gl-color-theme-indigo-10: #f8f8ff;
  --gl-color-red-950: #4d0a00;
  --gl-color-red-900: #660e00;
  --gl-color-red-800: #8d1300;
  --gl-color-red-700: #ae1800;
  --gl-color-red-600: #c91c00;
  --gl-color-red-500: #dd2b0e;
  --gl-color-red-400: #ec5941;
  --gl-color-red-300: #f57f6c;
  --gl-color-red-200: #fcb5aa;
  --gl-color-red-100: #fdd4cd;
  --gl-color-red-50: #fcf1ef;
  --gl-color-purple-950: #232150;
  --gl-color-purple-900: #2f2a6b;
  --gl-color-purple-800: #453894;
  --gl-color-purple-700: #5943b6;
  --gl-color-purple-600: #694cc0;
  --gl-color-purple-500: #7b58cf;
  --gl-color-purple-400: #9475db;
  --gl-color-purple-300: #ac93e6;
  --gl-color-purple-200: #cbbbf2;
  --gl-color-purple-100: #e1d8f9;
  --gl-color-purple-50: #f4f0ff;
  --gl-color-orange-950: #421f00;
  --gl-color-orange-900: #5c2900;
  --gl-color-orange-800: #703800;
  --gl-color-orange-700: #8f4700;
  --gl-color-orange-600: #9e5400;
  --gl-color-orange-500: #ab6100;
  --gl-color-orange-400: #c17d10;
  --gl-color-orange-300: #d99530;
  --gl-color-orange-200: #e9be74;
  --gl-color-orange-100: #f5d9a8;
  --gl-color-orange-50: #fdf1dd;
  --gl-color-green-950: #072b15;
  --gl-color-green-900: #0a4020;
  --gl-color-green-800: #0d532a;
  --gl-color-green-700: #24663b;
  --gl-color-green-600: #217645;
  --gl-color-green-500: #108548;
  --gl-color-green-400: #2da160;
  --gl-color-green-300: #52b87a;
  --gl-color-green-200: #91d4a8;
  --gl-color-green-100: #c3e6cd;
  --gl-color-green-50: #ecf4ee;
  --gl-color-neutral-1000: #050506;
  --gl-color-neutral-950: #18171d;
  --gl-color-neutral-900: #28272d;
  --gl-color-neutral-800: #3a383f;
  --gl-color-neutral-700: #4c4b51;
  --gl-color-neutral-600: #626168;
  --gl-color-neutral-500: #737278;
  --gl-color-neutral-400: #89888d;
  --gl-color-neutral-300: #a4a3a8;
  --gl-color-neutral-200: #bfbfc3;
  --gl-color-neutral-100: #dcdcde;
  --gl-color-neutral-50: #ececef;
  --gl-color-neutral-10: #fbfafd;
  --gl-color-neutral-0: #fff;
  --gl-color-blue-950: #002850;
  --gl-color-blue-900: #033464;
  --gl-color-blue-800: #064787;
  --gl-color-blue-700: #0b5cad;
  --gl-color-blue-600: #1068bf;
  --gl-color-blue-500: #1f75cb;
  --gl-color-blue-400: #428fdc;
  --gl-color-blue-300: #63a6e9;
  --gl-color-blue-200: #9dc7f1;
  --gl-color-blue-100: #cbe2f9;
  --gl-color-blue-50: #e9f3fc;
  --gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
  --gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
  --gl-color-alpha-light-16: rgba(255, 255, 255, 0.16);
  --gl-color-alpha-light-8: rgba(255, 255, 255, 0.08);
  --gl-color-alpha-light-6: rgba(255, 255, 255, 0.06);
  --gl-color-alpha-light-4: rgba(255, 255, 255, 0.04);
  --gl-color-alpha-light-2: rgba(255, 255, 255, 0.02);
  --gl-color-alpha-dark-24: rgba(05, 05, 06, 0.24);
  --gl-color-alpha-dark-16: rgba(05, 05, 06, 0.16);
  --gl-color-alpha-dark-8: rgba(05, 05, 06, 0.08);
  --gl-color-alpha-dark-6: rgba(05, 05, 06, 0.06);
  --gl-color-alpha-dark-4: rgba(05, 05, 06, 0.04);
  --gl-color-alpha-dark-2: rgba(05, 05, 06, 0.02);
  --gl-color-alpha-0: transparent;
  --gl-text-color-disabled: var(--gl-color-neutral-400); /* Used for disabled text. */
  --gl-text-color-success: var(--gl-color-green-600); /* Used for text indicating success or validity. */
  --gl-text-color-danger: var(--gl-color-red-600); /* Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
  --gl-text-color-link: var(--gl-color-blue-700); /* Used for default text links. */
  --gl-text-color-heading: var(--gl-color-neutral-950); /* Used for headings level 1-6. */
  --gl-text-color-strong: var(--gl-color-neutral-950); /* Used for text with the highest contrast. */
  --gl-text-color-subtle: var(--gl-color-neutral-600); /* Used for supplemental text that doesn't need to be as prominent as other text. */
  --gl-text-color-default: var(--gl-color-neutral-800); /* Used for the default text color. */
  --gl-status-brand-icon-color-active: var(--gl-color-purple-700); /* Used for the icon of a brand related status item in the active state. */
  --gl-status-brand-icon-color-focus: var(--gl-color-purple-600); /* Used for the icon of a brand related status item in the focus state. */
  --gl-status-brand-icon-color-hover: var(--gl-color-purple-600); /* Used for the icon of a brand related status item in the hover state. */
  --gl-status-brand-icon-color-default: var(--gl-color-purple-500); /* Used for the icon of a brand related status item when static or the default state when linked. */
  --gl-status-brand-text-color-active: var(--gl-color-purple-900); /* Used for the text of a brand related status item in the active state. */
  --gl-status-brand-text-color-focus: var(--gl-color-purple-800); /* Used for the text of a brand related status item in the focus state. */
  --gl-status-brand-text-color-hover: var(--gl-color-purple-800); /* Used for the text of a brand related status item in the hover state. */
  --gl-status-brand-text-color-default: var(--gl-color-purple-700); /* Used for the text of a brand related status item when static or the default state when linked. */
  --gl-status-brand-border-color-hover: var(--gl-color-purple-200); /* Used for the border of a brand related status item in the hover state. */
  --gl-status-brand-background-color-active: var(--gl-color-purple-200); /* Used for the background of a brand related status item in the active state. */
  --gl-status-brand-background-color-default: var(--gl-color-purple-100); /* Used for the background of a brand related status item when static or the default state when linked. */
  --gl-status-danger-icon-color-active: var(--gl-color-red-700); /* Used for the icon of a danger (critical) status item in the active state. */
  --gl-status-danger-icon-color-focus: var(--gl-color-red-600); /* Used for the icon of a danger (critical) status item in the focus state. */
  --gl-status-danger-icon-color-hover: var(--gl-color-red-600); /* Used for the icon of a danger (critical) status item in the hover state. */
  --gl-status-danger-icon-color-default: var(--gl-color-red-500); /* Used for the icon of a danger (critical) status item when static or the default state when linked. */
  --gl-status-danger-text-color-active: var(--gl-color-red-900); /* Used for the text of a danger (critical) status item in the active state. */
  --gl-status-danger-text-color-focus: var(--gl-color-red-800); /* Used for the text of a danger (critical) status item in the focus state. */
  --gl-status-danger-text-color-hover: var(--gl-color-red-800); /* Used for the text of a danger (critical) status item in the hover state. */
  --gl-status-danger-text-color-default: var(--gl-color-red-700); /* Used for the text of a danger (critical) status item when static or the default state when linked. */
  --gl-status-danger-border-color-hover: var(--gl-color-red-200); /* Used for the border of a danger (critical) status item in the hover state. */
  --gl-status-danger-background-color-active: var(--gl-color-red-200); /* Used for the background of a danger (critical) status item in the active state. */
  --gl-status-danger-background-color-default: var(--gl-color-red-100); /* Used for the background of a danger (critical) status item when static or the default state when linked. */
  --gl-status-warning-icon-color-active: var(--gl-color-orange-700); /* Used for the icon of a warning status or confidential item in the active state. */
  --gl-status-warning-icon-color-focus: var(--gl-color-orange-600); /* Used for the icon of a warning status or confidential item in the focus state. */
  --gl-status-warning-icon-color-hover: var(--gl-color-orange-600); /* Used for the icon of a warning status or confidential item in the hover state. */
  --gl-status-warning-icon-color-default: var(--gl-color-orange-500); /* Used for the icon of a warning status or confidential item when static or the default state when linked. */
  --gl-status-warning-text-color-active: var(--gl-color-orange-900); /* Used for the text of a warning status or confidential item in the active state.N */
  --gl-status-warning-text-color-focus: var(--gl-color-orange-800); /* Used for the text of a warning status or confidential item in the focus state. */
  --gl-status-warning-text-color-hover: var(--gl-color-orange-800); /* Used for the text of a warning status or confidential item in the hover state. */
  --gl-status-warning-text-color-default: var(--gl-color-orange-700); /* Used for the text of a warning status or confidential item when static or the default state when linked. */
  --gl-status-warning-border-color-hover: var(--gl-color-orange-200); /* Used for the border of a warning status or confidential item in the hover state. */
  --gl-status-warning-background-color-active: var(--gl-color-orange-200); /* Used for the background of a warning status or confidential item in the active state. */
  --gl-status-warning-background-color-default: var(--gl-color-orange-100); /* Used for the background of a warning status or confidential item when static or the default state when linked. */
  --gl-status-success-icon-color-active: var(--gl-color-green-700); /* Used for the icon of a success status item in the active state. */
  --gl-status-success-icon-color-focus: var(--gl-color-green-600); /* Used for the icon of a success status item in the focus state. */
  --gl-status-success-icon-color-hover: var(--gl-color-green-600); /* Used for the icon of a success status item in the hover state. */
  --gl-status-success-icon-color-default: var(--gl-color-green-500); /* Used for the icon of a success status item when static or the default state when linked. */
  --gl-status-success-text-color-active: var(--gl-color-green-900); /* Used for the text of a success status item in the active state. */
  --gl-status-success-text-color-focus: var(--gl-color-green-800); /* Used for the text of a success status item in the focus state. */
  --gl-status-success-text-color-hover: var(--gl-color-green-800); /* Used for the text of a success status item in the hover state. */
  --gl-status-success-text-color-default: var(--gl-color-green-700); /* Used for the text of a success status item when static or the default state when linked. */
  --gl-status-success-border-color-hover: var(--gl-color-green-200); /* Used for the border of a success status item in the hover state. */
  --gl-status-success-background-color-active: var(--gl-color-green-200); /* Used for the background of a success status item in the active state. */
  --gl-status-success-background-color-default: var(--gl-color-green-100); /* Used for the background of a success status item when static or the default state when linked. */
  --gl-status-info-icon-color-active: var(--gl-color-blue-700); /* Used for the icon of an informational status item in the active state. */
  --gl-status-info-icon-color-focus: var(--gl-color-blue-600); /* Used for the icon of an informational status item in the focus state. */
  --gl-status-info-icon-color-hover: var(--gl-color-blue-600); /* Used for the icon of an informational status item in the hover state. */
  --gl-status-info-icon-color-default: var(--gl-color-blue-500); /* Used for the icon of an informational status item when static or the default state when linked. */
  --gl-status-info-text-color-active: var(--gl-color-blue-900); /* Used for the text of an informational status item in the active state. */
  --gl-status-info-text-color-focus: var(--gl-color-blue-800); /* Used for the text of an informational status item in the focus state. */
  --gl-status-info-text-color-hover: var(--gl-color-blue-800); /* Used for the text of an informational status item in the hover state. */
  --gl-status-info-text-color-default: var(--gl-color-blue-700); /* Used for the text of an informational status item when static or the default state when linked. */
  --gl-status-info-border-color-hover: var(--gl-color-blue-200); /* Used for the border of an informational status item in the hover state. */
  --gl-status-info-background-color-active: var(--gl-color-blue-200); /* Used for the background of an informational status item in the active state. */
  --gl-status-info-background-color-default: var(--gl-color-blue-100); /* Used for the background of an informational status item when static or the default state when linked. */
  --gl-status-neutral-icon-color-active: var(--gl-color-neutral-700); /* Used for the icon of a neutral status item in the active state. */
  --gl-status-neutral-icon-color-focus: var(--gl-color-neutral-600); /* Used for the icon of a neutral status item in the focus state. */
  --gl-status-neutral-icon-color-hover: var(--gl-color-neutral-600); /* Used for the icon of a neutral status item in the hover state. */
  --gl-status-neutral-icon-color-default: var(--gl-color-neutral-500); /* Used for the icon of a neutral status item when static or the default state when linked. */
  --gl-status-neutral-text-color-active: var(--gl-color-neutral-900); /* Used for the text of a neutral status item in the active state. */
  --gl-status-neutral-text-color-focus: var(--gl-color-neutral-800); /* Used for the text of a neutral status item in the focus state. */
  --gl-status-neutral-text-color-hover: var(--gl-color-neutral-800); /* Used for the text of a neutral status item in the hover state. */
  --gl-status-neutral-text-color-default: var(--gl-color-neutral-700); /* Used for the text of a neutral status item when static or the default state when linked. */
  --gl-status-neutral-border-color-hover: var(--gl-color-neutral-200); /* Used for the border of a neutral status item in the hover state. */
  --gl-status-neutral-background-color-active: var(--gl-color-neutral-200); /* Used for the background of a neutral status item in the active state. */
  --gl-status-neutral-background-color-default: var(--gl-color-neutral-100); /* Used for the background of a neutral status item when static or the default state when linked. */
  --gl-status-muted-icon-color-active: var(--gl-color-neutral-700); /* Used for the icon of a subtle neutral status item in the active state. */
  --gl-status-muted-icon-color-focus: var(--gl-color-neutral-600); /* Used for the icon of a subtle neutral status item in the focus state. */
  --gl-status-muted-icon-color-hover: var(--gl-color-neutral-600); /* Used for the icon of a subtle neutral status item in the hover state. */
  --gl-status-muted-icon-color-default: var(--gl-color-neutral-500); /* Used for the icon of a subtle neutral status item when static or the default state when linked. */
  --gl-status-muted-text-color-active: var(--gl-color-neutral-800); /* Used for the text of a subtle neutral status item in the active state. */
  --gl-status-muted-text-color-focus: var(--gl-color-neutral-700); /* Used for the text of a subtle neutral status item in the focus state. */
  --gl-status-muted-text-color-hover: var(--gl-color-neutral-700); /* Used for the text of a subtle neutral status item in the hover state. */
  --gl-status-muted-text-color-default: var(--gl-color-neutral-600); /* Used for the text of a subtle neutral status item when static or the default state when linked. */
  --gl-status-muted-border-color-hover: var(--gl-color-neutral-200); /* Used for the border of a subtle neutral status item in the hover state. */
  --gl-status-muted-background-color-active: var(--gl-color-neutral-100); /* Used for the background of a subtle neutral status item in the active state. */
  --gl-status-muted-background-color-default: var(--gl-color-neutral-50); /* Used for the background of a subtle neutral status item when static or the default state when linked. */
  --gl-shadow-color-default: var(--gl-color-alpha-dark-16); /* Used for the default shadow color. */
  --gl-icon-color-success: var(--gl-color-green-600); /* Used for an icon associated with success or validity. */
  --gl-icon-color-danger: var(--gl-color-red-600); /* Used for an icon associated with an error or danger. */
  --gl-icon-color-warning: var(--gl-color-orange-600); /* Used for an icon associated with a warning. */
  --gl-icon-color-info: var(--gl-color-blue-600); /* Used for an icon associated with information or help. */
  --gl-icon-color-link: var(--gl-color-blue-600); /* Used for an icon within a link. */
  --gl-icon-color-disabled: var(--gl-color-neutral-300); /* Used for an icon within a disabled section. */
  --gl-icon-color-strong: var(--gl-color-neutral-900); /* Used for an icon with the highest contrast. */
  --gl-icon-color-subtle: var(--gl-color-neutral-500); /* Used for a static or decorational icon. Can be paired with subtle text. */
  --gl-icon-color-default: var(--gl-color-neutral-700); /* Used for the default icon color. Can be paired with default text. */
  --gl-focus-ring-outer-color: var(--gl-color-blue-500); /* Used for the outer color portion of the focus ring. */
  --gl-feedback-danger-icon-color: var(--gl-color-red-600); /* Used for an icon associated with danger or critical feedback. */
  --gl-feedback-danger-background-color: var(--gl-color-red-50); /* Used for a background associated with danger or critical feedback. */
  --gl-feedback-warning-icon-color: var(--gl-color-orange-600); /* Used for an icon associated with warning feedback or confidential content. */
  --gl-feedback-warning-background-color: var(--gl-color-orange-50); /* Used for a background associated with warning feedback or to let a user know about confidential content. */
  --gl-feedback-success-icon-color: var(--gl-color-green-600); /* Used for an icon associated with successful feedback or a new section. */
  --gl-feedback-success-background-color: var(--gl-color-green-50); /* Used for a background associated with successful feedback or a new section resulting from a user action. */
  --gl-feedback-info-icon-color: var(--gl-color-blue-600); /* Used for an icon associated with informational feedback. */
  --gl-feedback-info-background-color: var(--gl-color-blue-50); /* Used for a background associated with informational feedback or a highlighted section resulting from a user action. */
  --gl-feedback-neutral-icon-color: var(--gl-color-neutral-600); /* Used for an icon associated with a neutral feedback section. */
  --gl-feedback-neutral-background-color: var(--gl-color-neutral-50); /* Used for a background associated with neutral feedback. */
  --gl-feedback-link-color-strong: var(--gl-color-blue-300); /* Used for a link on a strong feedback background. */
  --gl-feedback-icon-color-strong: var(--gl-color-neutral-0); /* Used for an icon on a strong feedback background. */
  --gl-feedback-text-color-strong: var(--gl-color-neutral-0); /* Used for text on a strong feedback background. */
  --gl-feedback-background-color-strong: var(--gl-color-neutral-950); /* Used for a background associated with feedback like a tooltip or toast message. */
  --gl-control-indicator-color-disabled: var(--gl-color-neutral-500); /* Used for disabled checkbox and radio button state indicators. */
  --gl-control-indicator-color-selected: var(--gl-color-neutral-0); /* Used for checkbox and radio button state indicators. */
  --gl-control-placeholder-color: var(--gl-color-neutral-400); /* Used for placeholder text within inputs. */
  --gl-control-text-color-valid: var(--gl-color-green-500); /* Used for the helper text when the input is valid. */
  --gl-control-text-color-error: var(--gl-color-red-500); /* Used for the helper text when the input is invalid. */
  --gl-control-border-color-selected-focus: var(--gl-color-blue-700); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus. */
  --gl-control-border-color-selected-hover: var(--gl-color-blue-700); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover. */
  --gl-control-border-color-selected-default: var(--gl-color-blue-500); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border. */
  --gl-control-border-color-error: var(--gl-color-red-500); /* Used for invalid form control (input, textarea) border. */
  --gl-control-border-color-disabled: var(--gl-color-neutral-100); /* Used for disabled form control (input, radio button, checkbox, textarea) border. */
  --gl-control-border-color-focus: var(--gl-color-neutral-900); /* Used for form control (input, radio button, checkbox, textarea) border on focus. */
  --gl-control-border-color-hover: var(--gl-color-neutral-600); /* Used for form control (input, radio button, checkbox, textarea) border on hover. */
  --gl-control-border-color-default: var(--gl-color-neutral-400); /* Used for form control (input, radio button, checkbox, textarea) default border. */
  --gl-control-background-color-selected-focus: var(--gl-color-blue-700); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover. */
  --gl-control-background-color-selected-hover: var(--gl-color-blue-700); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover. */
  --gl-control-background-color-selected-default: var(--gl-color-blue-500); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background. */
  --gl-control-background-color-disabled: var(--gl-color-neutral-10); /* Used for disabled form control (checkbox, input, radio button, textarea) background. */
  --gl-control-background-color-default: var(--gl-color-neutral-0); /* Used for form control (input, radio button, checkbox, textarea) default background. */
  --gl-spinner-segment-color-light: var(--gl-color-neutral-200); /* Used for the animated segment of a loading spinner on a dark background. */
  --gl-spinner-segment-color-default: var(--gl-color-neutral-700); /* Used for the animated segment of a loading spinner. */
  --gl-spinner-track-color-light: var(--gl-color-neutral-800); /* Used for the static track (background) of a loading spinner on a dark background. */
  --gl-spinner-track-color-default: var(--gl-color-neutral-100); /* Used for the static track (background) of a loading spinner. */
  --gl-skeleton-loader-shimmer-color: var(--gl-color-neutral-50); /* Used for the animated shimmer effect in a skeleton loader. */
  --gl-skeleton-loader-background-color: var(--gl-color-neutral-100); /* Used for the skeleton loader background color. */
  --gl-popover-background-color: var(--gl-color-neutral-0); /* Used for the background color of popover. */
  --gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the hover state. */
  --gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the default state. */
  --gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button background in the hover state. */
  --gl-label-scoped-text-color: var(--gl-color-neutral-950); /* Used for the scoped label text color. */
  --gl-label-dark-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the label remove button icon on a dark background color in the default state. */
  --gl-label-dark-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the label remove button background on a dark background color in the hover state. */
  --gl-label-dark-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a dark background color in the default state. */
  --gl-label-dark-text-color: var(--gl-color-neutral-0); /* Used for the label text color on a dark background color. */
  --gl-label-light-button-icon-color-default: var(--gl-color-neutral-950); /* Used for the label remove button icon on a light background color in the default state. */
  --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */
  --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
  --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
  --gl-breadcrumb-separator-color: var(--gl-color-neutral-200); /* Used for the breadcrumb level separator. */
  --gl-banner-promo-background-color: var(--gl-color-neutral-10); /* Used as background for the default banner type. */
  --gl-banner-intro-border-color: var(--gl-color-blue-300); /* Used to compliment the info banner. */
  --gl-avatar-fallback-background-color-neutral: var(--gl-color-neutral-50); /* Neutral background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-orange: var(--gl-color-orange-50); /* Orange background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-green: var(--gl-color-green-50); /* Green background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-blue: var(--gl-color-blue-50); /* Blue background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-purple: var(--gl-color-purple-50); /* Purple background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-red: var(--gl-color-red-50); /* Red background for avatar fallback with no particular meaning. */
  --gl-avatar-border-color-hover: var(--gl-color-alpha-dark-24); /* Used to increase the edge definition of an avatar in the hover state. */
  --gl-avatar-border-color-default: var(--gl-color-alpha-dark-8); /* Used to define the edge of an avatar. */
  --gl-border-color-transparent: var(--gl-color-alpha-0); /* Used when a border needs to be present, but not visibly perceived. */
  --gl-border-color-strong: var(--gl-color-neutral-400); /* Used for a distinct border that emphasizes an edge or boundaries. */
  --gl-border-color-subtle: var(--gl-color-neutral-50); /* Used for a subtle border in combination with the default background. */
  --gl-border-color-default: var(--gl-color-neutral-100); /* Used for the default border color. */
  --gl-background-color-overlay: var(--gl-color-alpha-dark-24); /* Used for an overlay that covers other content. */
  --gl-background-color-disabled: var(--gl-color-neutral-10); /* Used to identify a disabled section. */
  --gl-background-color-strong: var(--gl-color-neutral-50); /* Used to make the background easily stand out from the default. */
  --gl-background-color-subtle: var(--gl-color-neutral-10); /* Used to slightly differentiate the background from the default. */
  --gl-background-color-default: var(--gl-color-neutral-0); /* Used for the default background color. */
  --gl-action-danger-icon-color-strong: var(--gl-color-neutral-0); /* Used for the icon on a solid, strong danger (destructive) action background. */
  --gl-action-danger-icon-color-active: var(--gl-color-red-900); /* Used for the icon of a danger (destructive) action in the active state. */
  --gl-action-danger-icon-color-focus: var(--gl-color-red-700); /* Used for the icon of a danger (destructive) action in the focus state. */
  --gl-action-danger-icon-color-hover: var(--gl-color-red-700); /* Used for the icon of a danger (destructive) action in the hover state. */
  --gl-action-danger-icon-color-default: var(--gl-color-red-500); /* Used for the icon of a danger (destructive) action in the default state. */
  --gl-action-danger-text-color-strong: var(--gl-color-neutral-0); /* Used for the text on a solid, strong danger (destructive) action background. */
  --gl-action-danger-text-color-active: var(--gl-color-red-900); /* Used for the text of a danger (destructive) action in the active state. */
  --gl-action-danger-text-color-focus: var(--gl-color-red-700); /* Used for the text of a danger (destructive) action in the focus state. */
  --gl-action-danger-text-color-hover: var(--gl-color-red-700); /* Used for the text of a danger (destructive) action in the hover state. */
  --gl-action-danger-text-color-default: var(--gl-color-red-500); /* Used for the text of a danger (destructive) action in the default state. */
  --gl-action-danger-border-color-strong-active: var(--gl-color-red-900); /* Used for the border of a solid, strong danger (destructive) action in the active state. */
  --gl-action-danger-border-color-strong-focus: var(--gl-color-red-800); /* Used for the border of a solid, strong danger (destructive) action in the focus state. */
  --gl-action-danger-border-color-strong-hover: var(--gl-color-red-800); /* Used for the border of a solid, strong danger (destructive) action in the hover state. */
  --gl-action-danger-border-color-strong-default: var(--gl-color-red-600); /* Used for the border of a solid, strong danger (destructive) action in the default state. */
  --gl-action-danger-border-color-active: var(--gl-color-red-900); /* Used for the border of an outlined danger (destructive) action in the active state. */
  --gl-action-danger-border-color-focus: var(--gl-color-red-700); /* Used for the border of an outlined danger (destructive) action in the focus state. */
  --gl-action-danger-border-color-hover: var(--gl-color-red-700); /* Used for the border of an outlined danger (destructive) action in the hover state. */
  --gl-action-danger-border-color-default: var(--gl-color-red-500); /* Used for the border of an outlined danger (destructive) action in the default state. */
  --gl-action-danger-background-color-strong-active: var(--gl-color-red-800); /* Used for the background of a solid, strong danger (destructive) action in the active state. */
  --gl-action-danger-background-color-strong-focus: var(--gl-color-red-600); /* Used for the background of a solid, strong danger (destructive) action in the focus state. */
  --gl-action-danger-background-color-strong-hover: var(--gl-color-red-600); /* Used for the background of a solid, strong danger (destructive) action in the hover state. */
  --gl-action-danger-background-color-strong-default: var(--gl-color-red-500); /* Used for the background of a solid, strong danger (destructive) action in the default state. */
  --gl-action-danger-background-color-subtle-active: var(--gl-color-red-100); /* Used for the background of a borderless, subtle danger (destructive) action in the active state. */
  --gl-action-danger-background-color-subtle-focus: var(--gl-color-red-50); /* Used for the background of a borderless, subtle danger (destructive) action in the focus state. */
  --gl-action-danger-background-color-subtle-hover: var(--gl-color-red-50); /* Used for the background of a borderless, subtle danger (destructive) action in the hover state. */
  --gl-action-danger-background-color-subtle-default: var(--gl-color-alpha-0); /* Used for the background of a borderless, subtle danger (destructive) action in the default state. */
  --gl-action-danger-background-color-active: var(--gl-color-red-100); /* Used for the background of an outlined danger (destructive) action in the active state. */
  --gl-action-danger-background-color-focus: var(--gl-color-red-50); /* Used for the background of an outlined danger (destructive) action in the focus state. */
  --gl-action-danger-background-color-hover: var(--gl-color-red-50); /* Used for the background of an outlined danger (destructive) action in the hover state. */
  --gl-action-danger-background-color-default: var(--gl-color-neutral-0); /* Used for the background of an outlined danger (destructive) action in the default state. */
  --gl-action-confirm-icon-color-strong: var(--gl-color-neutral-0); /* Used for the icon on a solid, strong confirm (positive) action background. */
  --gl-action-confirm-icon-color-active: var(--gl-color-blue-900); /* Used for the icon of a confirm (positive) action in the active state. */
  --gl-action-confirm-icon-color-focus: var(--gl-color-blue-700); /* Used for the icon of a confirm (positive) action in the focus state. */
  --gl-action-confirm-icon-color-hover: var(--gl-color-blue-700); /* Used for the icon of a confirm (positive) action in the hover state. */
  --gl-action-confirm-icon-color-default: var(--gl-color-blue-500); /* Used for the icon of a confirm (positive) action in the default state. */
  --gl-action-confirm-text-color-strong: var(--gl-color-neutral-0); /* Used for the text on a solid, strong confirm (positive) action background. */
  --gl-action-confirm-text-color-active: var(--gl-color-blue-900); /* Used for the text of a confirm (positive) action in the active state. */
  --gl-action-confirm-text-color-focus: var(--gl-color-blue-700); /* Used for the text of a confirm (positive) action in the focus state. */
  --gl-action-confirm-text-color-hover: var(--gl-color-blue-700); /* Used for the text of a confirm (positive) action in the hover state. */
  --gl-action-confirm-text-color-default: var(--gl-color-blue-500); /* Used for the text of a confirm (positive) action in the default state. */
  --gl-action-confirm-border-color-strong-selected: var(--gl-color-blue-600); /* Used for the border of a solid, strong confirm (positive) action when in a selected or current state. */
  --gl-action-confirm-border-color-strong-active: var(--gl-color-blue-900); /* Used for the border of a solid, strong confirm (positive) action in the active state. */
  --gl-action-confirm-border-color-strong-focus: var(--gl-color-blue-800); /* Used for the border of a solid, strong confirm (positive) action in the focus state. */
  --gl-action-confirm-border-color-strong-hover: var(--gl-color-blue-800); /* Used for the border of a solid, strong confirm (positive) action in the hover state. */
  --gl-action-confirm-border-color-strong-default: var(--gl-color-blue-600); /* Used for the border of a solid, strong confirm (positive) action in the default state. */
  --gl-action-confirm-border-color-active: var(--gl-color-blue-900); /* Used for the border of an outlined confirm (positive) action in the active state. */
  --gl-action-confirm-border-color-focus: var(--gl-color-blue-700); /* Used for the border of an outlined confirm (positive) action in the focus state. */
  --gl-action-confirm-border-color-hover: var(--gl-color-blue-700); /* Used for the border of an outlined confirm (positive) action in the hover state. */
  --gl-action-confirm-border-color-default: var(--gl-color-blue-500); /* Used for the border of an outlined confirm (positive) action in the default state. */
  --gl-action-confirm-background-color-strong-selected: var(--gl-color-blue-500); /* Used for the background of a solid, strong confirm (positive) action when in a selected or current state. */
  --gl-action-confirm-background-color-strong-active: var(--gl-color-blue-700); /* Used for the background of a solid, strong confirm (positive) action in the active state. */
  --gl-action-confirm-background-color-strong-focus: var(--gl-color-blue-600); /* Used for the background of a solid, strong confirm (positive) action in the focus state. */
  --gl-action-confirm-background-color-strong-hover: var(--gl-color-blue-600); /* Used for the background of a solid, strong confirm (positive) action in the hover state. */
  --gl-action-confirm-background-color-strong-default: var(--gl-color-blue-500); /* Used for the background of a solid, strong confirm (positive) action in the default state. */
  --gl-action-confirm-background-color-subtle-active: var(--gl-color-blue-100); /* Used for the background of a borderless, subtle confirm (positive) action in the active state. */
  --gl-action-confirm-background-color-subtle-focus: var(--gl-color-blue-50); /* Used for the background of a borderless, subtle confirm (positive) action in the focus state. */
  --gl-action-confirm-background-color-subtle-hover: var(--gl-color-blue-50); /* Used for the background of a borderless, subtle confirm (positive) action in the hover state. */
  --gl-action-confirm-background-color-subtle-default: var(--gl-color-alpha-0); /* Used for the background of a borderless, subtle confirm (positive) action in the default state. */
  --gl-action-confirm-background-color-active: var(--gl-color-blue-100); /* Used for the background of an outlined confirm (positive) action in the active state. */
  --gl-action-confirm-background-color-focus: var(--gl-color-blue-50); /* Used for the background of an outlined confirm (positive) action in the focus state. */
  --gl-action-confirm-background-color-hover: var(--gl-color-blue-50); /* Used for the background of an outlined confirm (positive) action in the hover state. */
  --gl-action-confirm-background-color-default: var(--gl-color-neutral-0); /* Used for the background of an outlined confirm (positive) action in the default state. */
  --gl-action-neutral-icon-color-strong: var(--gl-color-neutral-0); /* Used for the icon on a solid, strong neutral action background. */
  --gl-action-neutral-icon-color-active: var(--gl-color-neutral-900); /* Used for the icon of outlined and borderless neutral actions in the active state. */
  --gl-action-neutral-icon-color-focus: var(--gl-color-neutral-700); /* Used for the icon of outlined and borderless neutral actions in the focus state. */
  --gl-action-neutral-icon-color-hover: var(--gl-color-neutral-700); /* Used for the icon of outlined and borderless neutral actions in the hover state. */
  --gl-action-neutral-icon-color-default: var(--gl-color-neutral-500); /* Used for the icon of outlined and borderless neutral actions. */
  --gl-action-neutral-text-color-strong: var(--gl-color-neutral-0); /* Used for the text on a solid, strong neutral action background. */
  --gl-action-neutral-text-color-active: var(--gl-color-neutral-900); /* Used for the text of a neutral action in the active state. */
  --gl-action-neutral-text-color-focus: var(--gl-color-neutral-900); /* Used for the text of a neutral action in the focus state. */
  --gl-action-neutral-text-color-hover: var(--gl-color-neutral-900); /* Used for the text of a neutral action in the hover state. */
  --gl-action-neutral-text-color-default: var(--gl-color-neutral-900); /* Used for the text of outlined and borderless neutral actions. */
  --gl-action-neutral-border-color-strong-active: var(--gl-color-neutral-900); /* Used for the border of a solid, strong neutral action in the active state. */
  --gl-action-neutral-border-color-strong-focus: var(--gl-color-neutral-800); /* Used for the border of a solid, strong neutral action in the focus state. */
  --gl-action-neutral-border-color-strong-hover: var(--gl-color-neutral-800); /* Used for the border of a solid, strong neutral action in the hover state. */
  --gl-action-neutral-border-color-strong-default: var(--gl-color-neutral-600); /* Used for the border of a solid, strong neutral action in the default state. */
  --gl-action-neutral-border-color-selected: var(--gl-color-neutral-300); /* Used for the border of a outlined neutral action when in a selected or current state. */
  --gl-action-neutral-border-color-active: var(--gl-color-neutral-600); /* Used for the border of an outlined neutral action in the active state. */
  --gl-action-neutral-border-color-focus: var(--gl-color-neutral-400); /* Used for the border of an outlined neutral action in the focus state. */
  --gl-action-neutral-border-color-hover: var(--gl-color-neutral-400); /* Used for the border of an outlined neutral action in the hover state. */
  --gl-action-neutral-border-color-default: var(--gl-color-neutral-200); /* Used for the border of an outlined neutral action in the default state. */
  --gl-action-neutral-background-color-strong-active: var(--gl-color-neutral-700); /* Used for the background of a solid, strong neutral action in the active state. */
  --gl-action-neutral-background-color-strong-focus: var(--gl-color-neutral-600); /* Used for the background of a solid, strong neutral action in the focus state. */
  --gl-action-neutral-background-color-strong-hover: var(--gl-color-neutral-600); /* Used for the background of a solid, strong neutral action in the hover state. */
  --gl-action-neutral-background-color-strong-default: var(--gl-color-neutral-500); /* Used for the background of a solid, strong neutral action in the default state. */
  --gl-action-neutral-background-color-subtle-active: var(--gl-color-neutral-100); /* Used for the background of a borderless, subtle neutral action in the active state. */
  --gl-action-neutral-background-color-subtle-focus: var(--gl-color-neutral-50); /* Used for the background of a borderless, subtle neutral action in the focus state. */
  --gl-action-neutral-background-color-subtle-hover: var(--gl-color-neutral-50); /* Used for the background of a borderless, subtle neutral action in the hover state. */
  --gl-action-neutral-background-color-subtle-default: var(--gl-color-alpha-0); /* Used for the background of a borderless, subtle neutral action in the default state. */
  --gl-action-neutral-background-color-active: var(--gl-color-neutral-100); /* Used for the background of an outlined neutral action in the active state. */
  --gl-action-neutral-background-color-focus: var(--gl-color-neutral-50); /* Used for the background of an outlined neutral action in the focus state. */
  --gl-action-neutral-background-color-hover: var(--gl-color-neutral-50); /* Used for the background of an outlined neutral action in the hover state. */
  --gl-action-neutral-background-color-default: var(--gl-color-neutral-0); /* Used for the background of an outlined neutral action in the default state. */
  --gl-action-icon-color-disabled: var(--gl-color-neutral-400); /* Used for the icon of a disabled action. */
  --gl-action-text-color-disabled: var(--gl-color-neutral-500); /* Used for the text of a disabled action. */
  --gl-action-border-color-disabled: var(--gl-color-neutral-100); /* Used for the border of a disabled action. */
  --gl-action-background-color-disabled: var(--gl-color-neutral-50); /* Used for the background of a disabled action. */
  --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
  --gl-table-sorting-icon-color: var(--gl-text-color-heading); /* Used for the color of the sorting icons in the column headers. */
  --gl-table-row-background-color-hover: var(--gl-background-color-subtle); /* Used for the background of a table row in hover state. */
}

/**
 * Automatically generated
 * Do not edit directly
 */
:root.gl-dark {
  --gl-text-tertiary: #737278; /* Use text.color.disabled instead */
  --gl-text-secondary: #89888d; /* Use text.color.subtle instead */
  --gl-text-primary: #ececef; /* Use text.color.default instead */
  --gl-line-height-52: 3.25rem;
  --gl-line-height-44: 2.75rem;
  --gl-line-height-42: 2.625rem;
  --gl-line-height-36: 2.25rem;
  --gl-line-height-32: 2rem;
  --gl-line-height-28: 1.75rem;
  --gl-line-height-24: 1.5rem;
  --gl-line-height-20: 1.25rem;
  --gl-line-height-16: 1rem;
  --gl-line-height-12: 0.75rem;
  --t-white-a-08: rgba(255, 255, 255, 0.08);
  --t-white-a-06: rgba(255, 255, 255, 0.06);
  --t-white-a-04: rgba(255, 255, 255, 0.04);
  --t-white-a-02: rgba(255, 255, 255, 0.02);
  --t-white-a-36: rgba(255, 255, 255, 0.36);
  --t-white-a-24: rgba(255, 255, 255, 0.24);
  --t-white-a-16: rgba(255, 255, 255, 0.16);
  --t-gray-a-08: rgba(05, 05, 06, 0.08);
  --t-gray-a-06: rgba(05, 05, 06, 0.06);
  --t-gray-a-04: rgba(05, 05, 06, 0.04);
  --t-gray-a-02: rgba(05, 05, 06, 0.02);
  --t-gray-a-24: rgba(05, 05, 06, 0.24);
  --t-gray-a-16: rgba(05, 05, 06, 0.16);
  --brand-gray-05: #2b2838;
  --brand-gray-04: #45424d;
  --brand-gray-03: #74717a;
  --brand-gray-02: #a2a1a6;
  --brand-gray-01: #d1d0d3;
  --brand-purple-02: #7759c2;
  --brand-purple-01: #a989f5;
  --brand-orange-03: #e24329;
  --brand-orange-02: #fc6d26;
  --brand-orange-01: #fca326;
  --brand-charcoal: #171321;
  --red-950: #fff4f3;
  --red-900: #fcf1ef;
  --red-800: #fdd4cd;
  --red-700: #fcb5aa;
  --red-600: #f57f6c;
  --red-500: #ec5941;
  --red-400: #dd2b0e;
  --red-300: #c91c00;
  --red-200: #ae1800;
  --red-100: #8d1300;
  --red-50: #660e00;
  --purple-950: #f4f0ff;
  --purple-900: #e1d8f9;
  --purple-800: #cbbbf2;
  --purple-700: #ac93e6;
  --purple-600: #9475db;
  --purple-500: #7b58cf;
  --purple-400: #694cc0;
  --purple-300: #5943b6;
  --purple-200: #453894;
  --purple-100: #2f2a6b;
  --purple-50: #232150;
  --orange-950: #fff4e1;
  --orange-900: #fdf1dd;
  --orange-800: #f5d9a8;
  --orange-700: #e9be74;
  --orange-600: #d99530;
  --orange-500: #c17d10;
  --orange-400: #ab6100;
  --orange-300: #9e5400;
  --orange-200: #8f4700;
  --orange-100: #703800;
  --orange-50: #5c2900;
  --green-950: #f1fdf6;
  --green-900: #ecf4ee;
  --green-800: #c3e6cd;
  --green-700: #91d4a8;
  --green-600: #52b87a;
  --green-500: #2da160;
  --green-400: #108548;
  --green-300: #217645;
  --green-200: #24663b;
  --green-100: #0d532a;
  --green-50: #0a4020;
  --gray-950: #fbfafd;
  --gray-900: #ececef;
  --gray-800: #dcdcde;
  --gray-700: #bfbfc3;
  --gray-600: #a4a3a8;
  --gray-500: #89888d;
  --gray-400: #737278;
  --gray-300: #626168;
  --gray-200: #4c4b51;
  --gray-100: #3a383f;
  --gray-50: #28272d;
  --gray-10: #18171d;
  --blue-950: #f2f9ff;
  --blue-900: #e9f3fc;
  --blue-800: #cbe2f9;
  --blue-700: #9dc7f1;
  --blue-600: #63a6e9;
  --blue-500: #428fdc;
  --blue-400: #1f75cb;
  --blue-300: #1068bf;
  --blue-200: #0b5cad;
  --blue-100: #064787;
  --blue-50: #033464;
  --white: #28272d;
  --black: #fff;
  --theme-light-red-950: #fdf9f8;
  --theme-light-red-900: #faf2f1;
  --theme-light-red-800: #f6d9d5;
  --theme-light-red-700: #ebada2;
  --theme-light-red-600: #e07f6f;
  --theme-light-red-500: #d36250;
  --theme-light-red-400: #c24b38;
  --theme-light-red-300: #b53a26;
  --theme-light-red-200: #a02e1c;
  --theme-light-red-100: #8b2212;
  --theme-light-red-50: #751709;
  --theme-light-red-10: #5c1105;
  --theme-red-950: #faf4f3;
  --theme-red-900: #f4e9e7;
  --theme-red-800: #ecd3d0;
  --theme-red-700: #e3bab5;
  --theme-red-600: #d59086;
  --theme-red-500: #c66e60;
  --theme-red-400: #ad4a3b;
  --theme-red-300: #a13322;
  --theme-red-200: #8f2110;
  --theme-red-100: #761405;
  --theme-red-50: #580d02;
  --theme-red-10: #380700;
  --theme-green-950: #eef4ef;
  --theme-green-900: #dde9de;
  --theme-green-800: #b1d6b5;
  --theme-green-700: #8cc497;
  --theme-green-600: #69af7d;
  --theme-green-500: #499767;
  --theme-green-400: #308258;
  --theme-green-300: #25744c;
  --theme-green-200: #1b653f;
  --theme-green-100: #155635;
  --theme-green-50: #0e4328;
  --theme-green-10: #052e19;
  --theme-light-blue-950: #eef3f7;
  --theme-light-blue-900: #dde6ee;
  --theme-light-blue-800: #c1d4e6;
  --theme-light-blue-700: #a0bedc;
  --theme-light-blue-600: #74a3d3;
  --theme-light-blue-500: #4f8bc7;
  --theme-light-blue-400: #3476b9;
  --theme-light-blue-300: #2268ae;
  --theme-light-blue-200: #145aa1;
  --theme-light-blue-100: #0e4d8d;
  --theme-light-blue-50: #0c4277;
  --theme-light-blue-10: #0a3764;
  --theme-blue-950: #e6ecf0;
  --theme-blue-900: #cdd8e3;
  --theme-blue-800: #b9cadc;
  --theme-blue-700: #a6bdd5;
  --theme-blue-600: #81a5c9;
  --theme-blue-500: #628eb9;
  --theme-blue-400: #4977a5;
  --theme-blue-300: #346596;
  --theme-blue-200: #235180;
  --theme-blue-100: #153c63;
  --theme-blue-50: #0b2640;
  --theme-blue-10: #04101c;
  --theme-indigo-950: #f8f8ff;
  --theme-indigo-900: #f1f1ff;
  --theme-indigo-800: #dbdbf8;
  --theme-indigo-700: #c7c7f2;
  --theme-indigo-600: #a2a2e6;
  --theme-indigo-500: #8181d7;
  --theme-indigo-400: #6666c4;
  --theme-indigo-300: #5252b5;
  --theme-indigo-200: #41419f;
  --theme-indigo-100: #303083;
  --theme-indigo-50: #222261;
  --theme-indigo-10: #14143d;
  --data-viz-orange-950: #fae8d1;
  --data-viz-orange-900: #f5d6b3;
  --data-viz-orange-800: #eebd8c;
  --data-viz-orange-700: #e99b60;
  --data-viz-orange-600: #e07e41;
  --data-viz-orange-500: #c95d2e;
  --data-viz-orange-400: #b14f18;
  --data-viz-orange-300: #92430a;
  --data-viz-orange-200: #6f3500;
  --data-viz-orange-100: #5e2f05;
  --data-viz-orange-50: #4b2707;
  --data-viz-magenta-950: #ffe3eb;
  --data-viz-magenta-900: #ffccdb;
  --data-viz-magenta-800: #fcacc5;
  --data-viz-magenta-700: #f88aaf;
  --data-viz-magenta-600: #e86e9a;
  --data-viz-magenta-500: #cf4d81;
  --data-viz-magenta-400: #b93d71;
  --data-viz-magenta-300: #9a2e5d;
  --data-viz-magenta-200: #7c214f;
  --data-viz-magenta-100: #661e3a;
  --data-viz-magenta-50: #541d31;
  --data-viz-blue-950: #e9ebff;
  --data-viz-blue-900: #d2dcff;
  --data-viz-blue-800: #b7c6ff;
  --data-viz-blue-700: #97acff;
  --data-viz-blue-600: #7992f5;
  --data-viz-blue-500: #617ae2;
  --data-viz-blue-400: #4e65cd;
  --data-viz-blue-300: #3f51ae;
  --data-viz-blue-200: #374291;
  --data-viz-blue-100: #303470;
  --data-viz-blue-50: #2a2b59;
  --data-viz-aqua-950: #b5fefd;
  --data-viz-aqua-900: #93f2ef;
  --data-viz-aqua-800: #5edee3;
  --data-viz-aqua-700: #32c5d2;
  --data-viz-aqua-600: #00acc4;
  --data-viz-aqua-500: #0090b1;
  --data-viz-aqua-400: #007b9b;
  --data-viz-aqua-300: #006381;
  --data-viz-aqua-200: #00516c;
  --data-viz-aqua-100: #004059;
  --data-viz-aqua-50: #00344b;
  --data-viz-green-950: #ddfab7;
  --data-viz-green-900: #c6ed94;
  --data-viz-green-800: #b0d97b;
  --data-viz-green-700: #94c25e;
  --data-viz-green-600: #81ac41;
  --data-viz-green-500: #619025;
  --data-viz-green-400: #4e7f0e;
  --data-viz-green-300: #366800;
  --data-viz-green-200: #275600;
  --data-viz-green-100: #1a4500;
  --data-viz-green-50: #133a03;
  --gl-color-brand-pink-01g: #ffb9c9;
  --gl-color-brand-gray-05: #2b2838;
  --gl-color-brand-gray-04: #45424d;
  --gl-color-brand-gray-03: #74717a;
  --gl-color-brand-gray-02: #a2a1a6;
  --gl-color-brand-gray-01: #d1d0d3;
  --gl-color-brand-purple-02p: #7759c2;
  --gl-color-brand-purple-01p: #a989f5;
  --gl-color-brand-purple-01g: #ceb3ef;
  --gl-color-brand-orange-03p: #e24329;
  --gl-color-brand-orange-02p: #fc6d26;
  --gl-color-brand-orange-01p: #fca326;
  --gl-color-brand-orange-01g: #ffd1bf;
  --gl-color-brand-charcoal: #171321;
  --gl-color-brand-white: #fff;
  --gl-color-theme-light-red-950: #5c1105;
  --gl-color-theme-light-red-900: #751709;
  --gl-color-theme-light-red-800: #8b2212;
  --gl-color-theme-light-red-700: #a02e1c;
  --gl-color-theme-light-red-600: #b53a26;
  --gl-color-theme-light-red-500: #c24b38;
  --gl-color-theme-light-red-400: #d36250;
  --gl-color-theme-light-red-300: #e07f6f;
  --gl-color-theme-light-red-200: #ebada2;
  --gl-color-theme-light-red-100: #f6d9d5;
  --gl-color-theme-light-red-50: #faf2f1;
  --gl-color-theme-light-red-10: #fdf9f8;
  --gl-color-theme-red-950: #380700;
  --gl-color-theme-red-900: #580d02;
  --gl-color-theme-red-800: #761405;
  --gl-color-theme-red-700: #8f2110;
  --gl-color-theme-red-600: #a13322;
  --gl-color-theme-red-500: #ad4a3b;
  --gl-color-theme-red-400: #c66e60;
  --gl-color-theme-red-300: #d59086;
  --gl-color-theme-red-200: #e3bab5;
  --gl-color-theme-red-100: #ecd3d0;
  --gl-color-theme-red-50: #f4e9e7;
  --gl-color-theme-red-10: #faf4f3;
  --gl-color-theme-green-950: #052e19;
  --gl-color-theme-green-900: #0e4328;
  --gl-color-theme-green-800: #155635;
  --gl-color-theme-green-700: #1b653f;
  --gl-color-theme-green-600: #25744c;
  --gl-color-theme-green-500: #308258;
  --gl-color-theme-green-400: #499767;
  --gl-color-theme-green-300: #69af7d;
  --gl-color-theme-green-200: #8cc497;
  --gl-color-theme-green-100: #b1d6b5;
  --gl-color-theme-green-50: #dde9de;
  --gl-color-theme-green-10: #eef4ef;
  --gl-color-theme-light-blue-950: #0a3764;
  --gl-color-theme-light-blue-900: #0c4277;
  --gl-color-theme-light-blue-800: #0e4d8d;
  --gl-color-theme-light-blue-700: #145aa1;
  --gl-color-theme-light-blue-600: #2268ae;
  --gl-color-theme-light-blue-500: #3476b9;
  --gl-color-theme-light-blue-400: #4f8bc7;
  --gl-color-theme-light-blue-300: #74a3d3;
  --gl-color-theme-light-blue-200: #a0bedc;
  --gl-color-theme-light-blue-100: #c1d4e6;
  --gl-color-theme-light-blue-50: #dde6ee;
  --gl-color-theme-light-blue-10: #eef3f7;
  --gl-color-theme-blue-950: #04101c;
  --gl-color-theme-blue-900: #0b2640;
  --gl-color-theme-blue-800: #153c63;
  --gl-color-theme-blue-700: #235180;
  --gl-color-theme-blue-600: #346596;
  --gl-color-theme-blue-500: #4977a5;
  --gl-color-theme-blue-400: #628eb9;
  --gl-color-theme-blue-300: #81a5c9;
  --gl-color-theme-blue-200: #a6bdd5;
  --gl-color-theme-blue-100: #b9cadc;
  --gl-color-theme-blue-50: #cdd8e3;
  --gl-color-theme-blue-10: #e6ecf0;
  --gl-color-theme-indigo-950: #14143d;
  --gl-color-theme-indigo-900: #222261;
  --gl-color-theme-indigo-800: #303083;
  --gl-color-theme-indigo-700: #41419f;
  --gl-color-theme-indigo-600: #5252b5;
  --gl-color-theme-indigo-500: #6666c4;
  --gl-color-theme-indigo-400: #8181d7;
  --gl-color-theme-indigo-300: #a2a2e6;
  --gl-color-theme-indigo-200: #c7c7f2;
  --gl-color-theme-indigo-100: #dbdbf8;
  --gl-color-theme-indigo-50: #f1f1ff;
  --gl-color-theme-indigo-10: #f8f8ff;
  --gl-color-red-950: #4d0a00;
  --gl-color-red-900: #660e00;
  --gl-color-red-800: #8d1300;
  --gl-color-red-700: #ae1800;
  --gl-color-red-600: #c91c00;
  --gl-color-red-500: #dd2b0e;
  --gl-color-red-400: #ec5941;
  --gl-color-red-300: #f57f6c;
  --gl-color-red-200: #fcb5aa;
  --gl-color-red-100: #fdd4cd;
  --gl-color-red-50: #fcf1ef;
  --gl-color-purple-950: #232150;
  --gl-color-purple-900: #2f2a6b;
  --gl-color-purple-800: #453894;
  --gl-color-purple-700: #5943b6;
  --gl-color-purple-600: #694cc0;
  --gl-color-purple-500: #7b58cf;
  --gl-color-purple-400: #9475db;
  --gl-color-purple-300: #ac93e6;
  --gl-color-purple-200: #cbbbf2;
  --gl-color-purple-100: #e1d8f9;
  --gl-color-purple-50: #f4f0ff;
  --gl-color-orange-950: #421f00;
  --gl-color-orange-900: #5c2900;
  --gl-color-orange-800: #703800;
  --gl-color-orange-700: #8f4700;
  --gl-color-orange-600: #9e5400;
  --gl-color-orange-500: #ab6100;
  --gl-color-orange-400: #c17d10;
  --gl-color-orange-300: #d99530;
  --gl-color-orange-200: #e9be74;
  --gl-color-orange-100: #f5d9a8;
  --gl-color-orange-50: #fdf1dd;
  --gl-color-green-950: #072b15;
  --gl-color-green-900: #0a4020;
  --gl-color-green-800: #0d532a;
  --gl-color-green-700: #24663b;
  --gl-color-green-600: #217645;
  --gl-color-green-500: #108548;
  --gl-color-green-400: #2da160;
  --gl-color-green-300: #52b87a;
  --gl-color-green-200: #91d4a8;
  --gl-color-green-100: #c3e6cd;
  --gl-color-green-50: #ecf4ee;
  --gl-color-neutral-1000: #050506;
  --gl-color-neutral-950: #18171d;
  --gl-color-neutral-900: #28272d;
  --gl-color-neutral-800: #3a383f;
  --gl-color-neutral-700: #4c4b51;
  --gl-color-neutral-600: #626168;
  --gl-color-neutral-500: #737278;
  --gl-color-neutral-400: #89888d;
  --gl-color-neutral-300: #a4a3a8;
  --gl-color-neutral-200: #bfbfc3;
  --gl-color-neutral-100: #dcdcde;
  --gl-color-neutral-50: #ececef;
  --gl-color-neutral-10: #fbfafd;
  --gl-color-neutral-0: #fff;
  --gl-color-blue-950: #002850;
  --gl-color-blue-900: #033464;
  --gl-color-blue-800: #064787;
  --gl-color-blue-700: #0b5cad;
  --gl-color-blue-600: #1068bf;
  --gl-color-blue-500: #1f75cb;
  --gl-color-blue-400: #428fdc;
  --gl-color-blue-300: #63a6e9;
  --gl-color-blue-200: #9dc7f1;
  --gl-color-blue-100: #cbe2f9;
  --gl-color-blue-50: #e9f3fc;
  --gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
  --gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
  --gl-color-alpha-light-16: rgba(255, 255, 255, 0.16);
  --gl-color-alpha-light-8: rgba(255, 255, 255, 0.08);
  --gl-color-alpha-light-6: rgba(255, 255, 255, 0.06);
  --gl-color-alpha-light-4: rgba(255, 255, 255, 0.04);
  --gl-color-alpha-light-2: rgba(255, 255, 255, 0.02);
  --gl-color-alpha-dark-24: rgba(05, 05, 06, 0.24);
  --gl-color-alpha-dark-16: rgba(05, 05, 06, 0.16);
  --gl-color-alpha-dark-8: rgba(05, 05, 06, 0.08);
  --gl-color-alpha-dark-6: rgba(05, 05, 06, 0.06);
  --gl-color-alpha-dark-4: rgba(05, 05, 06, 0.04);
  --gl-color-alpha-dark-2: rgba(05, 05, 06, 0.02);
  --gl-color-alpha-0: transparent;
  --gl-text-color-disabled: var(--gl-color-neutral-400); /* Used for disabled text. */
  --gl-text-color-success: var(--gl-color-green-300); /* Used for text indicating success or validity. */
  --gl-text-color-danger: var(--gl-color-red-300); /* Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
  --gl-text-color-link: var(--gl-color-blue-300); /* Used for default text links. */
  --gl-text-color-heading: var(--gl-color-neutral-0); /* Used for headings level 1-6. */
  --gl-text-color-strong: var(--gl-color-neutral-0); /* Used for text with the highest contrast. */
  --gl-text-color-subtle: var(--gl-color-neutral-200); /* Used for supplemental text that doesn't need to be as prominent as other text. */
  --gl-text-color-default: var(--gl-color-neutral-50); /* Used for the default text color. */
  --gl-status-brand-icon-color-active: var(--gl-color-purple-300); /* Used for the icon of a brand related status item in the active state. */
  --gl-status-brand-icon-color-focus: var(--gl-color-purple-400); /* Used for the icon of a brand related status item in the focus state. */
  --gl-status-brand-icon-color-hover: var(--gl-color-purple-400); /* Used for the icon of a brand related status item in the hover state. */
  --gl-status-brand-icon-color-default: var(--gl-color-purple-500); /* Used for the icon of a brand related status item when static or the default state when linked. */
  --gl-status-brand-text-color-active: var(--gl-color-purple-100); /* Used for the text of a brand related status item in the active state. */
  --gl-status-brand-text-color-focus: var(--gl-color-purple-200); /* Used for the text of a brand related status item in the focus state. */
  --gl-status-brand-text-color-hover: var(--gl-color-purple-200); /* Used for the text of a brand related status item in the hover state. */
  --gl-status-brand-text-color-default: var(--gl-color-purple-300); /* Used for the text of a brand related status item when static or the default state when linked. */
  --gl-status-brand-border-color-hover: var(--gl-color-purple-800); /* Used for the border of a brand related status item in the hover state. */
  --gl-status-brand-background-color-active: var(--gl-color-purple-800); /* Used for the background of a brand related status item in the active state. */
  --gl-status-brand-background-color-default: var(--gl-color-purple-900); /* Used for the background of a brand related status item when static or the default state when linked. */
  --gl-status-danger-icon-color-active: var(--gl-color-red-200); /* Used for the icon of a danger (critical) status item in the active state. */
  --gl-status-danger-icon-color-focus: var(--gl-color-red-300); /* Used for the icon of a danger (critical) status item in the focus state. */
  --gl-status-danger-icon-color-hover: var(--gl-color-red-300); /* Used for the icon of a danger (critical) status item in the hover state. */
  --gl-status-danger-icon-color-default: var(--gl-color-red-400); /* Used for the icon of a danger (critical) status item when static or the default state when linked. */
  --gl-status-danger-text-color-active: var(--gl-color-red-50); /* Used for the text of a danger (critical) status item in the active state. */
  --gl-status-danger-text-color-focus: var(--gl-color-red-100); /* Used for the text of a danger (critical) status item in the focus state. */
  --gl-status-danger-text-color-hover: var(--gl-color-red-100); /* Used for the text of a danger (critical) status item in the hover state. */
  --gl-status-danger-text-color-default: var(--gl-color-red-200); /* Used for the text of a danger (critical) status item when static or the default state when linked. */
  --gl-status-danger-border-color-hover: var(--gl-color-red-700); /* Used for the border of a danger (critical) status item in the hover state. */
  --gl-status-danger-background-color-active: var(--gl-color-red-700); /* Used for the background of a danger (critical) status item in the active state. */
  --gl-status-danger-background-color-default: var(--gl-color-red-800); /* Used for the background of a danger (critical) status item when static or the default state when linked. */
  --gl-status-warning-icon-color-active: var(--gl-color-orange-200); /* Used for the icon of a warning status or confidential item in the active state. */
  --gl-status-warning-icon-color-focus: var(--gl-color-orange-300); /* Used for the icon of a warning status or confidential item in the focus state. */
  --gl-status-warning-icon-color-hover: var(--gl-color-orange-300); /* Used for the icon of a warning status or confidential item in the hover state. */
  --gl-status-warning-icon-color-default: var(--gl-color-orange-400); /* Used for the icon of a warning status or confidential item when static or the default state when linked. */
  --gl-status-warning-text-color-active: var(--gl-color-orange-50); /* Used for the text of a warning status or confidential item in the active state.N */
  --gl-status-warning-text-color-focus: var(--gl-color-orange-100); /* Used for the text of a warning status or confidential item in the focus state. */
  --gl-status-warning-text-color-hover: var(--gl-color-orange-100); /* Used for the text of a warning status or confidential item in the hover state. */
  --gl-status-warning-text-color-default: var(--gl-color-orange-200); /* Used for the text of a warning status or confidential item when static or the default state when linked. */
  --gl-status-warning-border-color-hover: var(--gl-color-orange-700); /* Used for the border of a warning status or confidential item in the hover state. */
  --gl-status-warning-background-color-active: var(--gl-color-orange-700); /* Used for the background of a warning status or confidential item in the active state. */
  --gl-status-warning-background-color-default: var(--gl-color-orange-800); /* Used for the background of a warning status or confidential item when static or the default state when linked. */
  --gl-status-success-icon-color-active: var(--gl-color-green-200); /* Used for the icon of a success status item in the active state. */
  --gl-status-success-icon-color-focus: var(--gl-color-green-300); /* Used for the icon of a success status item in the focus state. */
  --gl-status-success-icon-color-hover: var(--gl-color-green-300); /* Used for the icon of a success status item in the hover state. */
  --gl-status-success-icon-color-default: var(--gl-color-green-400); /* Used for the icon of a success status item when static or the default state when linked. */
  --gl-status-success-text-color-active: var(--gl-color-green-50); /* Used for the text of a success status item in the active state. */
  --gl-status-success-text-color-focus: var(--gl-color-green-100); /* Used for the text of a success status item in the focus state. */
  --gl-status-success-text-color-hover: var(--gl-color-green-100); /* Used for the text of a success status item in the hover state. */
  --gl-status-success-text-color-default: var(--gl-color-green-200); /* Used for the text of a success status item when static or the default state when linked. */
  --gl-status-success-border-color-hover: var(--gl-color-green-700); /* Used for the border of a success status item in the hover state. */
  --gl-status-success-background-color-active: var(--gl-color-green-700); /* Used for the background of a success status item in the active state. */
  --gl-status-success-background-color-default: var(--gl-color-green-800); /* Used for the background of a success status item when static or the default state when linked. */
  --gl-status-info-icon-color-active: var(--gl-color-blue-200); /* Used for the icon of an informational status item in the active state. */
  --gl-status-info-icon-color-focus: var(--gl-color-blue-300); /* Used for the icon of an informational status item in the focus state. */
  --gl-status-info-icon-color-hover: var(--gl-color-blue-300); /* Used for the icon of an informational status item in the hover state. */
  --gl-status-info-icon-color-default: var(--gl-color-blue-400); /* Used for the icon of an informational status item when static or the default state when linked. */
  --gl-status-info-text-color-active: var(--gl-color-blue-50); /* Used for the text of an informational status item in the active state. */
  --gl-status-info-text-color-focus: var(--gl-color-blue-100); /* Used for the text of an informational status item in the focus state. */
  --gl-status-info-text-color-hover: var(--gl-color-blue-100); /* Used for the text of an informational status item in the hover state. */
  --gl-status-info-text-color-default: var(--gl-color-blue-200); /* Used for the text of an informational status item when static or the default state when linked. */
  --gl-status-info-border-color-hover: var(--gl-color-blue-700); /* Used for the border of an informational status item in the hover state. */
  --gl-status-info-background-color-active: var(--gl-color-blue-700); /* Used for the background of an informational status item in the active state. */
  --gl-status-info-background-color-default: var(--gl-color-blue-800); /* Used for the background of an informational status item when static or the default state when linked. */
  --gl-status-neutral-icon-color-active: var(--gl-color-neutral-200); /* Used for the icon of a neutral status item in the active state. */
  --gl-status-neutral-icon-color-focus: var(--gl-color-neutral-300); /* Used for the icon of a neutral status item in the focus state. */
  --gl-status-neutral-icon-color-hover: var(--gl-color-neutral-300); /* Used for the icon of a neutral status item in the hover state. */
  --gl-status-neutral-icon-color-default: var(--gl-color-neutral-400); /* Used for the icon of a neutral status item when static or the default state when linked. */
  --gl-status-neutral-text-color-active: var(--gl-color-neutral-50); /* Used for the text of a neutral status item in the active state. */
  --gl-status-neutral-text-color-focus: var(--gl-color-neutral-100); /* Used for the text of a neutral status item in the focus state. */
  --gl-status-neutral-text-color-hover: var(--gl-color-neutral-100); /* Used for the text of a neutral status item in the hover state. */
  --gl-status-neutral-text-color-default: var(--gl-color-neutral-200); /* Used for the text of a neutral status item when static or the default state when linked. */
  --gl-status-neutral-border-color-hover: var(--gl-color-neutral-700); /* Used for the border of a neutral status item in the hover state. */
  --gl-status-neutral-background-color-active: var(--gl-color-neutral-700); /* Used for the background of a neutral status item in the active state. */
  --gl-status-neutral-background-color-default: var(--gl-color-neutral-800); /* Used for the background of a neutral status item when static or the default state when linked. */
  --gl-status-muted-icon-color-active: var(--gl-color-neutral-200); /* Used for the icon of a subtle neutral status item in the active state. */
  --gl-status-muted-icon-color-focus: var(--gl-color-neutral-300); /* Used for the icon of a subtle neutral status item in the focus state. */
  --gl-status-muted-icon-color-hover: var(--gl-color-neutral-300); /* Used for the icon of a subtle neutral status item in the hover state. */
  --gl-status-muted-icon-color-default: var(--gl-color-neutral-400); /* Used for the icon of a subtle neutral status item when static or the default state when linked. */
  --gl-status-muted-text-color-active: var(--gl-color-neutral-100); /* Used for the text of a subtle neutral status item in the active state. */
  --gl-status-muted-text-color-focus: var(--gl-color-neutral-200); /* Used for the text of a subtle neutral status item in the focus state. */
  --gl-status-muted-text-color-hover: var(--gl-color-neutral-200); /* Used for the text of a subtle neutral status item in the hover state. */
  --gl-status-muted-text-color-default: var(--gl-color-neutral-300); /* Used for the text of a subtle neutral status item when static or the default state when linked. */
  --gl-status-muted-border-color-hover: var(--gl-color-neutral-700); /* Used for the border of a subtle neutral status item in the hover state. */
  --gl-status-muted-background-color-active: var(--gl-color-neutral-800); /* Used for the background of a subtle neutral status item in the active state. */
  --gl-status-muted-background-color-default: var(--gl-color-neutral-900); /* Used for the background of a subtle neutral status item when static or the default state when linked. */
  --gl-shadow-color-default: var(--gl-color-alpha-dark-24); /* Used for the default shadow color. */
  --gl-icon-color-success: var(--gl-color-green-300); /* Used for an icon associated with success or validity. */
  --gl-icon-color-danger: var(--gl-color-red-300); /* Used for an icon associated with an error or danger. */
  --gl-icon-color-warning: var(--gl-color-orange-300); /* Used for an icon associated with a warning. */
  --gl-icon-color-info: var(--gl-color-blue-300); /* Used for an icon associated with information or help. */
  --gl-icon-color-link: var(--gl-color-blue-300); /* Used for an icon within a link. */
  --gl-icon-color-disabled: var(--gl-color-neutral-500); /* Used for an icon within a disabled section. */
  --gl-icon-color-strong: var(--gl-color-neutral-10); /* Used for an icon with the highest contrast. */
  --gl-icon-color-subtle: var(--gl-color-neutral-300); /* Used for a static or decorational icon. Can be paired with subtle text. */
  --gl-icon-color-default: var(--gl-color-neutral-100); /* Used for the default icon color. Can be paired with default text. */
  --gl-focus-ring-outer-color: var(--gl-color-blue-400); /* Used for the outer color portion of the focus ring. */
  --gl-feedback-danger-icon-color: var(--gl-color-red-300); /* Used for an icon associated with danger or critical feedback. */
  --gl-feedback-danger-background-color: var(--gl-color-red-900); /* Used for a background associated with danger or critical feedback. */
  --gl-feedback-warning-icon-color: var(--gl-color-orange-300); /* Used for an icon associated with warning feedback or confidential content. */
  --gl-feedback-warning-background-color: var(--gl-color-orange-900); /* Used for a background associated with warning feedback or to let a user know about confidential content. */
  --gl-feedback-success-icon-color: var(--gl-color-green-300); /* Used for an icon associated with successful feedback or a new section. */
  --gl-feedback-success-background-color: var(--gl-color-green-900); /* Used for a background associated with successful feedback or a new section resulting from a user action. */
  --gl-feedback-info-icon-color: var(--gl-color-blue-300); /* Used for an icon associated with informational feedback. */
  --gl-feedback-info-background-color: var(--gl-color-blue-900); /* Used for a background associated with informational feedback or a highlighted section resulting from a user action. */
  --gl-feedback-neutral-icon-color: var(--gl-color-neutral-300); /* Used for an icon associated with a neutral feedback section. */
  --gl-feedback-neutral-background-color: var(--gl-color-neutral-900); /* Used for a background associated with neutral feedback. */
  --gl-feedback-link-color-strong: var(--gl-color-blue-700); /* Used for a link on a strong feedback background. */
  --gl-feedback-icon-color-strong: var(--gl-color-neutral-900); /* Used for an icon on a strong feedback background. */
  --gl-feedback-text-color-strong: var(--gl-color-neutral-900); /* Used for text on a strong feedback background. */
  --gl-feedback-background-color-strong: var(--gl-color-neutral-10); /* Used for a background associated with feedback like a tooltip or toast message. */
  --gl-control-indicator-color-disabled: var(--gl-color-neutral-400); /* Used for disabled checkbox and radio button state indicators. */
  --gl-control-indicator-color-selected: var(--gl-color-neutral-900); /* Used for checkbox and radio button state indicators. */
  --gl-control-placeholder-color: var(--gl-color-neutral-500); /* Used for placeholder text within inputs. */
  --gl-control-text-color-valid: var(--gl-color-green-400); /* Used for the helper text when the input is valid. */
  --gl-control-text-color-error: var(--gl-color-red-400); /* Used for the helper text when the input is invalid. */
  --gl-control-border-color-selected-focus: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus. */
  --gl-control-border-color-selected-hover: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover. */
  --gl-control-border-color-selected-default: var(--gl-color-blue-400); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border. */
  --gl-control-border-color-error: var(--gl-color-red-400); /* Used for invalid form control (input, textarea) border. */
  --gl-control-border-color-disabled: var(--gl-color-neutral-800); /* Used for disabled form control (input, radio button, checkbox, textarea) border. */
  --gl-control-border-color-focus: var(--gl-color-neutral-50); /* Used for form control (input, radio button, checkbox, textarea) border on focus. */
  --gl-control-border-color-hover: var(--gl-color-neutral-300); /* Used for form control (input, radio button, checkbox, textarea) border on hover. */
  --gl-control-border-color-default: var(--gl-color-neutral-500); /* Used for form control (input, radio button, checkbox, textarea) default border. */
  --gl-control-background-color-selected-focus: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover. */
  --gl-control-background-color-selected-hover: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover. */
  --gl-control-background-color-selected-default: var(--gl-color-blue-400); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background. */
  --gl-control-background-color-disabled: var(--gl-color-neutral-950); /* Used for disabled form control (checkbox, input, radio button, textarea) background. */
  --gl-control-background-color-default: var(--gl-color-neutral-900); /* Used for form control (input, radio button, checkbox, textarea) default background. */
  --gl-spinner-segment-color-light: var(--gl-color-neutral-200); /* Used for the animated segment of a loading spinner on a dark background. */
  --gl-spinner-segment-color-default: var(--gl-color-neutral-200); /* Used for the animated segment of a loading spinner. */
  --gl-spinner-track-color-light: var(--gl-color-neutral-800); /* Used for the static track (background) of a loading spinner on a dark background. */
  --gl-spinner-track-color-default: var(--gl-color-neutral-800); /* Used for the static track (background) of a loading spinner. */
  --gl-skeleton-loader-shimmer-color: var(--gl-color-neutral-700); /* Used for the animated shimmer effect in a skeleton loader. */
  --gl-skeleton-loader-background-color: var(--gl-color-neutral-800); /* Used for the skeleton loader background color. */
  --gl-popover-background-color: var(--gl-color-neutral-900); /* Used for the background color of popover. */
  --gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the hover state. */
  --gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the default state. */
  --gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button background in the hover state. */
  --gl-label-scoped-text-color: var(--gl-color-neutral-0); /* Used for the scoped label text color. */
  --gl-label-dark-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the label remove button icon on a dark background color in the default state. */
  --gl-label-dark-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the label remove button background on a dark background color in the hover state. */
  --gl-label-dark-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a dark background color in the default state. */
  --gl-label-dark-text-color: var(--gl-color-neutral-0); /* Used for the label text color on a dark background color. */
  --gl-label-light-button-icon-color-default: var(--gl-color-neutral-950); /* Used for the label remove button icon on a light background color in the default state. */
  --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */
  --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
  --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
  --gl-breadcrumb-separator-color: var(--gl-color-neutral-700); /* Used for the breadcrumb level separator. */
  --gl-banner-promo-background-color: var(--gl-color-neutral-900); /* Used as background for the default banner type. */
  --gl-banner-intro-border-color: var(--gl-color-blue-600); /* Used to compliment the info banner. */
  --gl-avatar-fallback-background-color-neutral: var(--gl-color-neutral-900); /* Neutral background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-orange: var(--gl-color-orange-900); /* Orange background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-green: var(--gl-color-green-900); /* Green background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-blue: var(--gl-color-blue-900); /* Blue background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-purple: var(--gl-color-purple-950); /* Purple background for avatar fallback with no particular meaning. */
  --gl-avatar-fallback-background-color-red: var(--gl-color-red-900); /* Red background for avatar fallback with no particular meaning. */
  --gl-avatar-border-color-hover: var(--gl-color-alpha-dark-24); /* Used to increase the edge definition of an avatar in the hover state. */
  --gl-avatar-border-color-default: var(--gl-color-alpha-dark-8); /* Used to define the edge of an avatar. */
  --gl-border-color-transparent: var(--gl-color-alpha-0); /* Used when a border needs to be present, but not visibly perceived. */
  --gl-border-color-strong: var(--gl-color-neutral-400); /* Used for a distinct border that emphasizes an edge or boundaries. */
  --gl-border-color-subtle: var(--gl-color-neutral-900); /* Used for a subtle border in combination with the default background. */
  --gl-border-color-default: var(--gl-color-neutral-800); /* Used for the default border color. */
  --gl-background-color-overlay: rgba(0,0,0,0.64); /* Used for an overlay that covers other content. */
  --gl-background-color-disabled: var(--gl-color-neutral-900); /* Used to identify a disabled section. */
  --gl-background-color-strong: var(--gl-color-neutral-800); /* Used to make the background easily stand out from the default. */
  --gl-background-color-subtle: var(--gl-color-neutral-900); /* Used to slightly differentiate the background from the default. */
  --gl-background-color-default: var(--gl-color-neutral-950); /* Used for the default background color. */
  --gl-action-danger-icon-color-strong: var(--gl-color-neutral-900); /* Used for the icon on a solid, strong danger (destructive) action background. */
  --gl-action-danger-icon-color-active: var(--gl-color-red-50); /* Used for the icon of a danger (destructive) action in the active state. */
  --gl-action-danger-icon-color-focus: var(--gl-color-red-200); /* Used for the icon of a danger (destructive) action in the focus state. */
  --gl-action-danger-icon-color-hover: var(--gl-color-red-200); /* Used for the icon of a danger (destructive) action in the hover state. */
  --gl-action-danger-icon-color-default: var(--gl-color-red-400); /* Used for the icon of a danger (destructive) action in the default state. */
  --gl-action-danger-text-color-strong: var(--gl-color-neutral-900); /* Used for the text on a solid, strong danger (destructive) action background. */
  --gl-action-danger-text-color-active: var(--gl-color-red-50); /* Used for the text of a danger (destructive) action in the active state. */
  --gl-action-danger-text-color-focus: var(--gl-color-red-200); /* Used for the text of a danger (destructive) action in the focus state. */
  --gl-action-danger-text-color-hover: var(--gl-color-red-200); /* Used for the text of a danger (destructive) action in the hover state. */
  --gl-action-danger-text-color-default: var(--gl-color-red-400); /* Used for the text of a danger (destructive) action in the default state. */
  --gl-action-danger-border-color-strong-active: var(--gl-color-red-50); /* Used for the border of a solid, strong danger (destructive) action in the active state. */
  --gl-action-danger-border-color-strong-focus: var(--gl-color-red-100); /* Used for the border of a solid, strong danger (destructive) action in the focus state. */
  --gl-action-danger-border-color-strong-hover: var(--gl-color-red-100); /* Used for the border of a solid, strong danger (destructive) action in the hover state. */
  --gl-action-danger-border-color-strong-default: var(--gl-color-red-300); /* Used for the border of a solid, strong danger (destructive) action in the default state. */
  --gl-action-danger-border-color-active: var(--gl-color-red-50); /* Used for the border of an outlined danger (destructive) action in the active state. */
  --gl-action-danger-border-color-focus: var(--gl-color-red-200); /* Used for the border of an outlined danger (destructive) action in the focus state. */
  --gl-action-danger-border-color-hover: var(--gl-color-red-200); /* Used for the border of an outlined danger (destructive) action in the hover state. */
  --gl-action-danger-border-color-default: var(--gl-color-red-400); /* Used for the border of an outlined danger (destructive) action in the default state. */
  --gl-action-danger-background-color-strong-active: var(--gl-color-red-100); /* Used for the background of a solid, strong danger (destructive) action in the active state. */
  --gl-action-danger-background-color-strong-focus: var(--gl-color-red-300); /* Used for the background of a solid, strong danger (destructive) action in the focus state. */
  --gl-action-danger-background-color-strong-hover: var(--gl-color-red-300); /* Used for the background of a solid, strong danger (destructive) action in the hover state. */
  --gl-action-danger-background-color-strong-default: var(--gl-color-red-400); /* Used for the background of a solid, strong danger (destructive) action in the default state. */
  --gl-action-danger-background-color-subtle-active: var(--gl-color-red-800); /* Used for the background of a borderless, subtle danger (destructive) action in the active state. */
  --gl-action-danger-background-color-subtle-focus: var(--gl-color-red-900); /* Used for the background of a borderless, subtle danger (destructive) action in the focus state. */
  --gl-action-danger-background-color-subtle-hover: var(--gl-color-red-900); /* Used for the background of a borderless, subtle danger (destructive) action in the hover state. */
  --gl-action-danger-background-color-subtle-default: var(--gl-color-alpha-0); /* Used for the background of a borderless, subtle danger (destructive) action in the default state. */
  --gl-action-danger-background-color-active: var(--gl-color-red-800); /* Used for the background of an outlined danger (destructive) action in the active state. */
  --gl-action-danger-background-color-focus: var(--gl-color-red-900); /* Used for the background of an outlined danger (destructive) action in the focus state. */
  --gl-action-danger-background-color-hover: var(--gl-color-red-900); /* Used for the background of an outlined danger (destructive) action in the hover state. */
  --gl-action-danger-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined danger (destructive) action in the default state. */
  --gl-action-confirm-icon-color-strong: var(--gl-color-neutral-900); /* Used for the icon on a solid, strong confirm (positive) action background. */
  --gl-action-confirm-icon-color-active: var(--gl-color-blue-50); /* Used for the icon of a confirm (positive) action in the active state. */
  --gl-action-confirm-icon-color-focus: var(--gl-color-blue-200); /* Used for the icon of a confirm (positive) action in the focus state. */
  --gl-action-confirm-icon-color-hover: var(--gl-color-blue-200); /* Used for the icon of a confirm (positive) action in the hover state. */
  --gl-action-confirm-icon-color-default: var(--gl-color-blue-400); /* Used for the icon of a confirm (positive) action in the default state. */
  --gl-action-confirm-text-color-strong: var(--gl-color-neutral-900); /* Used for the text on a solid, strong confirm (positive) action background. */
  --gl-action-confirm-text-color-active: var(--gl-color-blue-50); /* Used for the text of a confirm (positive) action in the active state. */
  --gl-action-confirm-text-color-focus: var(--gl-color-blue-200); /* Used for the text of a confirm (positive) action in the focus state. */
  --gl-action-confirm-text-color-hover: var(--gl-color-blue-200); /* Used for the text of a confirm (positive) action in the hover state. */
  --gl-action-confirm-text-color-default: var(--gl-color-blue-400); /* Used for the text of a confirm (positive) action in the default state. */
  --gl-action-confirm-border-color-strong-selected: var(--gl-color-blue-300); /* Used for the border of a solid, strong confirm (positive) action when in a selected or current state. */
  --gl-action-confirm-border-color-strong-active: var(--gl-color-blue-50); /* Used for the border of a solid, strong confirm (positive) action in the active state. */
  --gl-action-confirm-border-color-strong-focus: var(--gl-color-blue-100); /* Used for the border of a solid, strong confirm (positive) action in the focus state. */
  --gl-action-confirm-border-color-strong-hover: var(--gl-color-blue-100); /* Used for the border of a solid, strong confirm (positive) action in the hover state. */
  --gl-action-confirm-border-color-strong-default: var(--gl-color-blue-300); /* Used for the border of a solid, strong confirm (positive) action in the default state. */
  --gl-action-confirm-border-color-active: var(--gl-color-blue-50); /* Used for the border of an outlined confirm (positive) action in the active state. */
  --gl-action-confirm-border-color-focus: var(--gl-color-blue-200); /* Used for the border of an outlined confirm (positive) action in the focus state. */
  --gl-action-confirm-border-color-hover: var(--gl-color-blue-200); /* Used for the border of an outlined confirm (positive) action in the hover state. */
  --gl-action-confirm-border-color-default: var(--gl-color-blue-400); /* Used for the border of an outlined confirm (positive) action in the default state. */
  --gl-action-confirm-background-color-strong-selected: var(--gl-color-blue-400); /* Used for the background of a solid, strong confirm (positive) action when in a selected or current state. */
  --gl-action-confirm-background-color-strong-active: var(--gl-color-blue-200); /* Used for the background of a solid, strong confirm (positive) action in the active state. */
  --gl-action-confirm-background-color-strong-focus: var(--gl-color-blue-300); /* Used for the background of a solid, strong confirm (positive) action in the focus state. */
  --gl-action-confirm-background-color-strong-hover: var(--gl-color-blue-300); /* Used for the background of a solid, strong confirm (positive) action in the hover state. */
  --gl-action-confirm-background-color-strong-default: var(--gl-color-blue-400); /* Used for the background of a solid, strong confirm (positive) action in the default state. */
  --gl-action-confirm-background-color-subtle-active: var(--gl-color-blue-800); /* Used for the background of a borderless, subtle confirm (positive) action in the active state. */
  --gl-action-confirm-background-color-subtle-focus: var(--gl-color-blue-900); /* Used for the background of a borderless, subtle confirm (positive) action in the focus state. */
  --gl-action-confirm-background-color-subtle-hover: var(--gl-color-blue-900); /* Used for the background of a borderless, subtle confirm (positive) action in the hover state. */
  --gl-action-confirm-background-color-subtle-default: var(--gl-color-alpha-0); /* Used for the background of a borderless, subtle confirm (positive) action in the default state. */
  --gl-action-confirm-background-color-active: var(--gl-color-blue-800); /* Used for the background of an outlined confirm (positive) action in the active state. */
  --gl-action-confirm-background-color-focus: var(--gl-color-blue-900); /* Used for the background of an outlined confirm (positive) action in the focus state. */
  --gl-action-confirm-background-color-hover: var(--gl-color-blue-900); /* Used for the background of an outlined confirm (positive) action in the hover state. */
  --gl-action-confirm-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined confirm (positive) action in the default state. */
  --gl-action-neutral-icon-color-strong: var(--gl-color-neutral-900); /* Used for the icon on a solid, strong neutral action background. */
  --gl-action-neutral-icon-color-active: var(--gl-color-neutral-50); /* Used for the icon of outlined and borderless neutral actions in the active state. */
  --gl-action-neutral-icon-color-focus: var(--gl-color-neutral-200); /* Used for the icon of outlined and borderless neutral actions in the focus state. */
  --gl-action-neutral-icon-color-hover: var(--gl-color-neutral-200); /* Used for the icon of outlined and borderless neutral actions in the hover state. */
  --gl-action-neutral-icon-color-default: var(--gl-color-neutral-400); /* Used for the icon of outlined and borderless neutral actions. */
  --gl-action-neutral-text-color-strong: var(--gl-color-neutral-900); /* Used for the text on a solid, strong neutral action background. */
  --gl-action-neutral-text-color-active: var(--gl-color-neutral-50); /* Used for the text of a neutral action in the active state. */
  --gl-action-neutral-text-color-focus: var(--gl-color-neutral-50); /* Used for the text of a neutral action in the focus state. */
  --gl-action-neutral-text-color-hover: var(--gl-color-neutral-50); /* Used for the text of a neutral action in the hover state. */
  --gl-action-neutral-text-color-default: var(--gl-color-neutral-50); /* Used for the text of outlined and borderless neutral actions. */
  --gl-action-neutral-border-color-strong-active: var(--gl-color-neutral-50); /* Used for the border of a solid, strong neutral action in the active state. */
  --gl-action-neutral-border-color-strong-focus: var(--gl-color-neutral-100); /* Used for the border of a solid, strong neutral action in the focus state. */
  --gl-action-neutral-border-color-strong-hover: var(--gl-color-neutral-100); /* Used for the border of a solid, strong neutral action in the hover state. */
  --gl-action-neutral-border-color-strong-default: var(--gl-color-neutral-300); /* Used for the border of a solid, strong neutral action in the default state. */
  --gl-action-neutral-border-color-selected: var(--gl-color-neutral-700); /* Used for the border of a outlined neutral action when in a selected or current state. */
  --gl-action-neutral-border-color-active: var(--gl-color-neutral-300); /* Used for the border of an outlined neutral action in the active state. */
  --gl-action-neutral-border-color-focus: var(--gl-color-neutral-500); /* Used for the border of an outlined neutral action in the focus state. */
  --gl-action-neutral-border-color-hover: var(--gl-color-neutral-500); /* Used for the border of an outlined neutral action in the hover state. */
  --gl-action-neutral-border-color-default: var(--gl-color-neutral-700); /* Used for the border of an outlined neutral action in the default state. */
  --gl-action-neutral-background-color-strong-active: var(--gl-color-neutral-200); /* Used for the background of a solid, strong neutral action in the active state. */
  --gl-action-neutral-background-color-strong-focus: var(--gl-color-neutral-300); /* Used for the background of a solid, strong neutral action in the focus state. */
  --gl-action-neutral-background-color-strong-hover: var(--gl-color-neutral-300); /* Used for the background of a solid, strong neutral action in the hover state. */
  --gl-action-neutral-background-color-strong-default: var(--gl-color-neutral-400); /* Used for the background of a solid, strong neutral action in the default state. */
  --gl-action-neutral-background-color-subtle-active: var(--gl-color-neutral-800); /* Used for the background of a borderless, subtle neutral action in the active state. */
  --gl-action-neutral-background-color-subtle-focus: var(--gl-color-neutral-900); /* Used for the background of a borderless, subtle neutral action in the focus state. */
  --gl-action-neutral-background-color-subtle-hover: var(--gl-color-neutral-900); /* Used for the background of a borderless, subtle neutral action in the hover state. */
  --gl-action-neutral-background-color-subtle-default: var(--gl-color-alpha-0); /* Used for the background of a borderless, subtle neutral action in the default state. */
  --gl-action-neutral-background-color-active: var(--gl-color-neutral-800); /* Used for the background of an outlined neutral action in the active state. */
  --gl-action-neutral-background-color-focus: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the focus state. */
  --gl-action-neutral-background-color-hover: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the hover state. */
  --gl-action-neutral-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined neutral action in the default state. */
  --gl-action-icon-color-disabled: var(--gl-color-neutral-500); /* Used for the icon of a disabled action. */
  --gl-action-text-color-disabled: var(--gl-color-neutral-400); /* Used for the text of a disabled action. */
  --gl-action-border-color-disabled: var(--gl-color-neutral-800); /* Used for the border of a disabled action. */
  --gl-action-background-color-disabled: var(--gl-color-neutral-900); /* Used for the background of a disabled action. */
  --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
  --gl-table-sorting-icon-color: var(--gl-text-color-heading); /* Used for the color of the sorting icons in the column headers. */
  --gl-table-row-background-color-hover: var(--gl-background-color-subtle); /* Used for the background of a table row in hover state. */
}

/*
* SASS preserves units in arithmetic operations. For example:
* 12em * 0 = 0em. This function return the unit of a numeric value.
*
* For more examples, see: https://codepen.io/paulgv/pen/XWrqMgQ
*/
/*
* SASS preserves units in arithmetic operations. For example:
* 12em * 0 = 0em. This function return the unit of a numeric value.
*
* For more examples, see: https://codepen.io/paulgv/pen/XWrqMgQ
*/
/**
* Declares a property with a fluid value that decreases or
* rises depending on the viewport’s size. The property type
* should be numeric.
*
* Values are expected in rem units.
* Fluid range: between 48rem (768px) – 75rem (1200px).
*
* @param $property Property name, i.e. line-height, font-size, width, height, etc.
* @param $min Property value lower bound.
* @param $max Property value upper bound.
*/
/**
* Helper function for :focus
*
* @param $size is deprecated and should not be used anymore
*/
/**
* Helper function for @media of at least the minimum
* breakpoint width.
*
* @param $name Breakpoint name, such as `sm` or `md`.
*/
/**
* Helper function for @media of at most the maximum
* breakpoint width.
*
* Note: Before using, consider using a mobile-first
* approach, and define @media for larger breakpoints
* using `gl-media-breakpoint-up` while using this rule as
* the starting point instead.
*
* @param $name Breakpoint, such as `sm` or `md`. `xs` is not valid
*/
/**
* Helper function to resolve font-size value from $gl-font-sizes and
* $gl-font-sizes-fixed maps.
*
* @param $size Number font-size scale
* @param $fixed Boolean toggle default and fixed font size scales
*/
/**
* Defines default properties for heading typography based on font-size
* scale value and default or fixed sizing.
*
* Note: overrides Bootstrap margin-top, other margin is determined by
* individual context
*
* @param $size Number font-size scale
* @param $fixed Boolean toggle default and fixed font size scales
*/
/**
* Utility class library
*
* ===========
* = WARNING =
* ===========
*
* Please take caution to make sure that the utility naming and values are consistent. We'd like to
* be able to automate this file in the future.
*
* Naming conventions
*
* - Prefix the utility names with the gl- namespace
* - Use t(op), b(ottom), l(eft), and r(ight) to indicate
*   positioning variations, i.e. gl-border-b-1
*/
@keyframes gl-spinner-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes gl-keyframes-skeleton-loader {
  0% {
    background-position-x: -32rem;
  }
  100% {
    background-position-x: 32rem;
  }
}
/**
* Background color utilities.
*
* naming convention: gl-bg-{color-palette-variable-name}
* notes:
* - Strictly based design system color palette. See variables.scss
* for a comprehensive list.
*/
/**
* Background position utilities.
*
* naming convention: gl-bg-{position}
*/
/**
* Background size utilities.
*
* naming convention: gl-bg-{repeat-pattern}
*/
/**
* Background repeat utilities.
*
* naming convention: gl-bg-{repeat-pattern}
*/
/**
* Background image utilities.
*
* naming convention: gl-bg-{image-name}
*/
/**
* Backdrop filter utilities
*
* naming convention: gl-filter-{filter-type}-{filter-intensity}
*/
/**
* Border style utilities.
*
* naming convention: gl-border-{position}-{style}
*/
/**
* Responsive border style utilities.
*
* naming convention: gl-{breakpoint}-border-{position}-{style}
*/
/**
* Border color utilities.
*
* naming convention: gl-border-{position}-{color-palette-variable}
* notes:
* - Prefer design system color palette. See variables.scss
* for a comprehensive list.
*/
/**
* Border width utilities.
*
* naming convention: gl-border-{position}-{border-width}
* notes:
* - Base new utilities in this group in the $gl-border-size variable
*/
/**
* Border radius utilities.
*
* naming convention: gl-rounded-{roundness-size}
* notes:
* - Base new utilities in this group in the $gl-border-radius variables
*/
/**
* Inset border utilities
*
* Uses box-shadow: inset to create a border that does not
* increase the box size of an element
*
* Naming convention: gl-inset-border-{border-position}-{border-size}-{color-name}
*/
/**
* Box shadow utilities
*
* naming convention: gl-shadow-{config-name}
*/
/**
* New utilities to match design specs
* Per https: //gitlab.com/gitlab-org/gitlab-ui/-/issues/615,
* some of the above could be replaced.
*
* These use gray instead of black to align with
* tinted neutrals.
*/
/**
* Text color utilities.
*
* naming convention: gl-text-{color-palette-variable-name}
* notes:
* - Strictly based design system color palette. See variables.scss
* for a comprehensive list.
*/
/**
* Cursor utilities
*
* naming convention: gl-cursor-{property-value}
*/
/**
* Display utilities
*
* Naming convention gl-display-{property-value}
*/
/**
* Flexbox utilities
*
* Naming convention: gl-{breakpoint?}-{property}-{value}
*/
/**
 * Order utilities
 *
 * naming convention: gl-order-{position}
 */
/**
* Grid utilities
*
* naming convention: gl-grid-{breakpoint?}-{property}-{value?}
*/
/**
* Object fit utilities.
*
* naming convention: gl-object-fit-{value}
*/
/**
* List style utilities.
*
* naming convention: gl-list-style-{value}
*/
/**
* Opacity utilities
*
* naming convention: gl-opacity-{amount}
*/
/**
* Outline utilities.
*
* naming convention: gl-outline-{style}
*/
/**
* Overflow utilities.
*
* naming convention: gl-overflow-{property-value} |
* gl-overflow-x-{property-value} | gl-overflow-y-{property-value}
*/
/**
* Pointer events utilities
*
* Naming convention gl-pointer-events-{property-value}
*/
/**
* Fixed dimension (width/height) utilities
*
* naming convention: gl-{width|height}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Responsive dimension (width/height) utilities
*
* naming convention: gl-{breakpoint}-{width|height}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Minimum/Maximun dimension (width/height) utilities
*
* naming convention: gl-{min|max}-{w|h}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Responsive Minimum/Maximun dimension (width/height) utilities
*
* naming convention: gl-{breakpoint}-{min|max}-{w|h}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Padding utilities.
*
* naming convention: gl-p{position}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Margin utilities.
*
* naming convention: gl-m{position}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Negative margin utilities.
*
* naming convention: gl-m{position}-n{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Gap utilities
*
* naming convention: gl-gap-{direction}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
* - Utilities should be refactored to use gap after dropping Safari 13.x support
*/
/**
* Column gap utilities
*
* naming convention: gl-column-gap-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Row gap utilities
*
* naming convention: gl-row-gap-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Responsive margin utilities.
*
* naming convention: gl-{breakpoint}-m{position}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
* Responsive padding utilities.
*
* naming convention: gl-{breakpoint}-p{position}-{spacing-scale-index}
* notes:
* - Utilities should strictly follow $gl-spacing-scale
*/
/**
  * Remove margin and padding from empty elements
  * to prevent them from inadvertantly taking up
  * space when empty. Note that for :empty to match
  * the element can not even have whitespace in it
  */
/**
* SVG fill color utilities.
*
* naming convention: gl-fill-{color-palette-variable-name}
* notes:
* - Strictly based design system color palette. See variables.scss
* for a comprehensive list.
*/
/**
* Declares a property with a fluid value that decreases or
* rises depending on the viewport’s size. The property type
* should be numeric.
*
* Values are expected in rem units.
* Fluid range: between 48rem (768px) – 75rem (1200px).
*
* @param $property Property name, i.e. line-height, font-size, width, height, etc.
* @param $min Property value lower bound.
* @param $max Property value upper bound.
*/
/**
* Helper function for :focus
*
* @param $size is deprecated and should not be used anymore
*/
/**
* Helper function for @media of at least the minimum
* breakpoint width.
*
* @param $name Breakpoint name, such as `sm` or `md`.
*/
/**
* Helper function for @media of at most the maximum
* breakpoint width.
*
* Note: Before using, consider using a mobile-first
* approach, and define @media for larger breakpoints
* using `gl-media-breakpoint-up` while using this rule as
* the starting point instead.
*
* @param $name Breakpoint, such as `sm` or `md`. `xs` is not valid
*/
/**
* Helper function to resolve font-size value from $gl-font-sizes and
* $gl-font-sizes-fixed maps.
*
* @param $size Number font-size scale
* @param $fixed Boolean toggle default and fixed font size scales
*/
/**
* Defines default properties for heading typography based on font-size
* scale value and default or fixed sizing.
*
* Note: overrides Bootstrap margin-top, other margin is determined by
* individual context
*
* @param $size Number font-size scale
* @param $fixed Boolean toggle default and fixed font size scales
*/
/**
* Text align utilities
*/
/**
* Text utilities
*/
/**
* Text overflow utilities
*
* Naming convention: gl-text-overflow-{value}
*/
/**
* Line clamp utilities
*
* Naming convention: gl-line-clamp-{value}
*/
/**
* Text indent utilities
*
* Naming convention: gl-text-indent-{value}
*/
/**
* White-space utilities.
*
* naming convention: gl-white-space-{value}
*/
/**
* Responsive White-space utilities
*
* naming convention: gl-{breakpoint}-white-space-{value}
*/
/**
* Word utilities.
*
* naming convention: gl-word-{action}-{value}
*/
/**
* Transform utilities
*
* naming convention: gl-{transform}-{position}-{value}, or
*                    gl-{transform}-{value}
*/
/**
* Transition utilities
*
* naming convention: gl-transition-{speed}
*/
/**
* Font family utility
*
* naming convention: gl-font-{family-name}
* Notes:
* - Strictly based on design system typography specs
*/
/**
* Font style utility
*
* naming convention: gl-font-style-{family-name}
*/
/**
* Heading utility
*
* naming convention: gl-heading-{level}
* Notes:
* - Includes a default margin bottom
* - Fixed sizes have limited use, check
* https://design.gitlab.com/product-foundations/type-fundamentals
*/
/**
* Heading scale utility
*
* naming convention: gl-heading-scale-{size-variable-value}
*
* Notes:
* - For contextual heading size adjustments only, check
* https://design.gitlab.com/product-foundations/type-fundamentals
* - See variables.scss for font-size default and fixed scales.
*/
/**
* DEPRECATED
* TODO: migrate all of these away
* Font size utility
*
* naming convention: gl-font-{type-scale-size}
* Notes:
* - Strictly based on design system type scale. See
* $gl-type-scale for further references.
*/
/**
* Font-weight utilities.
*
* naming convention: gl-font-weight-[bold|normal|number]
*/
/**
* Line height utilities.
*
* naming convention:
* - gl-line-height-ratio-{ratio-multiplied-by-1000}
* - gl-line-height-{line-height-in-pixels}
* notes:
* - Strictly based in gl-line-height-{n} variables
*/
/**
* Letter spacing utilities.
*
* naming convention: gl-letter-spacing-{letter-spacing}{unit}
*/
/**
* Vertical align utilities
*/
/**
* Visbility utilities.
*
* naming convention: gl-visibility-[value]
*/
/**
* z-index utilities
*
* naming convention: gl-z-index-{value}
*/
/**
* This file contains deprecated utility mixins that we don't have an immediate migration path for.
* Please do not add any mixin in here unless you're actively working on migrating to Tailwind CSS.
*/
/* stylelint-disable property-no-vendor-prefix */
/* stylelint-enable property-no-vendor-prefix */
.duo-chat {
  z-index: 999;
}
.duo-chat .message-enter-active,
.duo-chat .message-leave-active {
  transition: all 0.5s ease;
}
.duo-chat .message-enter,
.duo-chat .message-leave-to {
  opacity: 0;
  transform: translateY(10px);
}
.duo-chat .duo-chat-loader.message-leave,
.duo-chat .duo-chat-loader.message-leave-to {
  transition: none;
}
.duo-chat .duo-chat-drawer-body-scrim-on-footer::before {
  background: linear-gradient(to bottom, rgba(251, 250, 253, 0), #fbfafd);
}
.duo-chat .duo-chat-drawer-body {
  overflow-y: auto;
}
.duo-chat .duo-chat-drawer-header,
.duo-chat .duo-chat-drawer-body > * {
  padding: 1rem;
}

.duo-chat-drawer {
  right: 0;
  transition: all 0.2s ease;
  position: fixed;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  box-shadow: 0 4px 12px var(--gl-shadow-color-default), 0 0 4px var(--gl-shadow-color-default);
  font-size: 0.875rem;
  line-height: 1rem;
  display: flex;
  flex-direction: column;
}

.duo-chat-drawer-header {
  border-bottom-style: solid;
  border-bottom-color: #dcdcde;
  border-bottom-width: 1px;
}

.duo-chat-drawer-header-sticky {
  background-color: #fff;
  top: 0;
  position: sticky;
}

.duo-chat-drawer-body {
  flex-grow: 1;
  background-color: inherit;
}

.duo-chat-drawer-footer {
  border-top-style: solid;
  border-top-color: #dcdcde;
  border-top-width: 1px;
  padding: 1rem;
}

.duo-chat-drawer-footer-sticky {
  background-color: #fff;
  bottom: 0;
  position: sticky;
}

.duo-chat-drawer-body-scrim-on-footer::before {
  background: linear-gradient(to bottom, rgba(251, 250, 253, 0), #fbfafd);
  top: -1px;
  transform: translateY(-100%);
  content: "";
  left: 0;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 2rem;
}

.duo-chat-history {
  scroll-behavior: smooth;
  /*
  Browsers a are pretty good at keeping the focus on an element while
  the parent element grows in size. With this we mark all child elements
  of the chat history as "non" anchors.
  https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor
  */
  /*
  Right at the bottom of the chat history we add a scroll-anchor element.
  This scroll-anchor element is the only "possible" anchor. The beauty of it:
  It only will be used as an anchor _if_ it is currently inside the view port.
  So if the user manually scrolls up while a chunked message is coming in,
  it won't stick to the bottom while the message still loads.
  */
}
.duo-chat-history.force-scroll-bar {
  min-height: calc(100% + 1rem);
}
.duo-chat-history * {
  overflow-anchor: none;
}
.duo-chat-history .scroll-anchor {
  overflow-anchor: auto;
  height: 1px;
  margin-top: -1px;
}

.duo-chat-input {
  display: flex;
  flex-direction: column;
  max-height: 240px;
  overflow: hidden;
}
.duo-chat-input:focus-within {
  box-shadow: inset 0 0 0 1px #28272d, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .duo-chat-input:focus-within {
    outline: 2px solid LinkText;
  }
}
.duo-chat-input .gl-form-textarea.form-control {
  flex: 1;
  resize: none;
  max-height: 240px;
  padding-right: 40px;
}
.duo-chat-input::after {
  content: attr(data-value) " ";
  visibility: hidden;
  white-space: pre-wrap;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.slash-commands {
  margin-top: -0.25rem;
}
.slash-commands .active-command {
  background-color: #ececef;
  border-radius: 0.25rem;
}
.slash-commands .gl-dropdown-item button.dropdown-item {
  font-size: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: none;
}
.slash-commands .gl-dropdown-item button.dropdown-item:hover {
  background: none;
}

.duo-chat-message {
  max-width: 90%;
  position: relative;
}
.duo-chat-message code {
  background-color: #dcdcde;
}
.duo-chat-message pre {
  color: inherit;
}
.duo-chat-message pre code {
  font-size: 0.75rem;
  line-height: 1;
  background-color: transparent;
  white-space: inherit;
}
.duo-chat-message p:last-of-type {
  margin-bottom: 0;
}
.duo-chat-message copy-code,
.duo-chat-message insert-code-snippet {
  position: absolute;
  transition: all 0.2s ease;
  opacity: 0;
  right: 0.75rem;
  top: 0.5rem;
}
.duo-chat-message copy-code {
  margin-right: 2.5rem;
}
.duo-chat-message .js-markdown-code.markdown-code-block:hover copy-code,
.duo-chat-message .js-markdown-code.markdown-code-block:hover copy-code:focus-within,
.duo-chat-message .js-markdown-code.markdown-code-block:hover insert-code-snippet,
.duo-chat-message .js-markdown-code.markdown-code-block:hover insert-code-snippet:focus-within {
  opacity: 1;
}
.duo-chat-message .has-error {
  margin-left: 1.5rem;
}
.duo-chat-message .error-icon {
  top: 14px;
  position: absolute;
}

.insert-code-hidden insert-code-snippet {
  display: none;
}
.insert-code-hidden copy-code {
  margin-right: 0;
}

.duo-chat-loader {
  display: flex;
  color: #737278;
}
.duo-chat-loader .transition {
  transition: width 0.5s ease;
}
.duo-chat-loader .text-enter {
  opacity: 0;
}
.duo-chat-loader .text-enter-active {
  transition: opacity 1s ease-in;
}
.duo-chat-loader .text-enter-to {
  opacity: 1;
}
.duo-chat-loader .text-leave {
  opacity: 1;
}
.duo-chat-loader .text-leave-active {
  transition: opacity 0.7s linear;
}
.duo-chat-loader .text-leave-to {
  opacity: 0;
}
.duo-chat-loader__dot {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #bfbfc3;
  border-radius: 100%;
  animation: DuoChatLoading 1400ms ease-in-out infinite;
  animation-fill-mode: both;
}
.duo-chat-loader__dot--1 {
  animation-delay: -0.3s;
}
.duo-chat-loader__dot--2 {
  animation-delay: -0.15s;
}

@keyframes DuoChatLoading {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.gl-disclosure-dropdown.gl-new-dropdown .gl-new-dropdown-inner {
  max-height: none;
}
.gl-disclosure-dropdown.gl-new-dropdown .gl-new-dropdown-item-content:disabled, .gl-disclosure-dropdown.gl-new-dropdown .gl-new-dropdown-item-content[disabled] {
  color: #737278;
  cursor: not-allowed;
  background: none;
  text-decoration: none;
}

.gl-keyset-pagination .gl-button.gl-button .gl-icon {
  margin: 0;
}
.gl-keyset-pagination .gl-button.gl-button.disabled .gl-icon, .gl-keyset-pagination .gl-button.gl-button[disabled] .gl-icon {
  color: #89888d;
}

.gl-token-selector.gl-token-selector-focus-glow {
  box-shadow: inset 0 0 0 1px #28272d, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color) !important;
  outline: none !important;
}
@media (forced-colors: active) {
  .gl-token-selector.gl-token-selector-focus-glow {
    outline: 2px solid LinkText !important;
  }
}
.gl-token-selector.gl-token-selector-focus-glow.is-invalid {
  box-shadow: inset 0 0 0 1px #dd2b0e, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color) !important;
  outline: none !important;
}
@media (forced-colors: active) {
  .gl-token-selector.gl-token-selector-focus-glow.is-invalid {
    outline: 2px solid LinkText !important;
  }
}

.gl-token-selector-token-container:focus .gl-token {
  background-color: #a4a3a8;
}

.gl-token-selector-input {
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}

.gl-card {
  background-color: var(--gl-background-color-default);
  border-style: solid;
  display: flex;
  flex-direction: column;
  overflow-wrap: break-word;
  position: relative;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}

.gl-card,
.gl-card-header,
.gl-card-footer {
  border-width: 1px;
  border-color: var(--gl-border-color-default);
}

.gl-card-header,
.gl-card-body,
.gl-card-footer {
  padding: 1rem;
}

.gl-card-header {
  border-bottom-style: solid;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  color: var(--gl-text-color-heading);
}

.gl-card-footer {
  border-top-style: solid;
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}

.gl-card-header,
.gl-card-footer {
  background-color: var(--gl-background-color-subtle);
}

.gl-card-body,
.gl-card-footer {
  color: var(--gl-text-color-default);
}

.gl-clear-icon-button {
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  color: #737278;
}
.gl-clear-icon-button:focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-clear-icon-button:focus {
    outline: 2px solid LinkText;
  }
}

.gl-close-btn-color-inherit {
  mix-blend-mode: luminosity !important;
}
.gl-close-btn-color-inherit, .gl-close-btn-color-inherit:focus .gl-icon, .gl-close-btn-color-inherit:not(:hover) .gl-icon {
  color: inherit !important;
}
.gl-close-btn-color-inherit:focus, .gl-close-btn-color-inherit:active, .gl-close-btn-color-inherit.active {
  mix-blend-mode: initial !important;
  box-shadow: 0 0 0 1px rgba(5, 5, 6, 0.6), 0 0 0 3px #63a6e9 !important;
  outline: none !important;
}
@media (forced-colors: active) {
  .gl-close-btn-color-inherit:focus, .gl-close-btn-color-inherit:active, .gl-close-btn-color-inherit.active {
    outline: 2px solid LinkText !important;
  }
}
.gl-close-btn-color-inherit:focus .gl-icon, .gl-close-btn-color-inherit:active .gl-icon, .gl-close-btn-color-inherit.active .gl-icon {
  background-color: transparent;
  mix-blend-mode: difference;
}

.gl-accordion-item {
  margin-bottom: 1rem;
}
.gl-accordion-item .gl-accordion-item-header {
  margin: 0;
  line-height: 1rem;
}
.gl-accordion-item:last-child {
  margin-bottom: 0;
}
.gl-accordion-item .collapse {
  margin-left: 1.25rem;
}

/*
 * --gl-alert-padding-x
 *
 * Way to hook into spacing of gl-alert.
 * This is used e.g. for page wide containers
 * in GitLab.
 */
.gl-alert {
  font-size: 0.875rem;
  position: relative;
  padding-inline: calc(3rem + var(--gl-alert-padding-x, 0px));
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (forced-colors: active) {
  .gl-alert {
    border: 1px solid;
  }
}
.gl-alert-not-dismissible {
  padding-right: calc(1rem + var(--gl-alert-padding-x, 0px));
}
.gl-alert-no-icon {
  padding-left: calc(1rem + var(--gl-alert-padding-x, 0px));
}
.gl-alert .gl-link:not(.gl-label-link) {
  color: #1068bf;
  text-decoration: underline;
}
.gl-alert .gl-link:not(.gl-label-link):hover {
  color: #0b5cad;
}

.gl-alert-sticky {
  position: sticky;
  top: 0;
}

.gl-alert-title {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 0.5rem;
  color: var(--gl-text-color-heading);
}

.gl-alert-icon-container {
  position: absolute;
  top: 1rem;
  left: calc(1rem + var(--gl-alert-padding-x, 0px));
  display: flex;
  align-items: center;
  height: 1.25rem;
}
.gl-alert-has-title .gl-alert-icon-container {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
  height: 1.25em;
}

.gl-alert-body {
  line-height: 1.25rem;
  color: var(--gl-text-color-default);
}

.gl-alert-actions {
  display: flex;
  margin-top: 1rem;
}

.gl-alert-action {
  margin-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1rem;
}

.gl-dismiss-btn {
  position: absolute;
  top: 0.75rem;
  right: calc(0.75rem + var(--gl-alert-padding-x, 0px));
}

.gl-alert-danger {
  background-color: var(--gl-feedback-danger-background-color);
}
.gl-alert-danger .gl-alert-icon {
  color: var(--gl-feedback-danger-icon-color);
}

.gl-alert-warning {
  background-color: var(--gl-feedback-warning-background-color);
}
.gl-alert-warning .gl-alert-icon {
  color: var(--gl-feedback-warning-icon-color);
}

.gl-alert-tip {
  background-color: var(--gl-feedback-neutral-background-color);
}
.gl-alert-tip .gl-alert-icon {
  color: var(--gl-feedback-neutral-icon-color);
}

.gl-alert-info {
  background-color: var(--gl-feedback-info-background-color);
}
.gl-alert-info .gl-alert-icon {
  color: var(--gl-feedback-info-icon-color);
}

.gl-alert-success {
  background-color: var(--gl-feedback-success-background-color);
}
.gl-alert-success .gl-alert-icon {
  color: var(--gl-feedback-success-icon-color);
}

.gl-avatar {
  display: inline-flex;
  overflow: hidden;
  flex-shrink: 0;
  line-height: 1;
  object-fit: contain;
  outline: 1px solid var(--gl-avatar-border-color-default);
  outline-offset: -1px;
}

.gl-avatar-s16 {
  width: 1rem;
  height: 1rem;
  font-size: 0.75rem;
  border-radius: 0.125rem;
}

.gl-avatar-s24 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  border-radius: 0.25rem;
}

.gl-avatar-s32 {
  width: 2rem;
  height: 2rem;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  border-radius: 0.25rem;
}

.gl-avatar-s48 {
  width: 3rem;
  height: 3rem;
  font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  border-radius: 0.5rem;
}

.gl-avatar-s64 {
  width: 4rem;
  height: 4rem;
  font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
  border-radius: 0.5rem;
}

.gl-avatar-s96 {
  width: 6rem;
  height: 6rem;
  font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
  border-radius: 0.5rem;
}

@media (min-width: 576px) {
  .gl-sm-avatar-s16 {
    width: 1rem;
    height: 1rem;
    font-size: 0.75rem;
    border-radius: 0.125rem;
  }
}

@media (min-width: 768px) {
  .gl-md-avatar-s16 {
    width: 1rem;
    height: 1rem;
    font-size: 0.75rem;
    border-radius: 0.125rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-avatar-s16 {
    width: 1rem;
    height: 1rem;
    font-size: 0.75rem;
    border-radius: 0.125rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-avatar-s24 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1rem;
    border-radius: 0.25rem;
  }
}

@media (min-width: 768px) {
  .gl-md-avatar-s24 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1rem;
    border-radius: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-avatar-s24 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1rem;
    border-radius: 0.25rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-avatar-s32 {
    width: 2rem;
    height: 2rem;
    font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
    border-radius: 0.25rem;
  }
}

@media (min-width: 768px) {
  .gl-md-avatar-s32 {
    width: 2rem;
    height: 2rem;
    font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
    border-radius: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-avatar-s32 {
    width: 2rem;
    height: 2rem;
    font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
    border-radius: 0.25rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-avatar-s48 {
    width: 3rem;
    height: 3rem;
    font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-avatar-s48 {
    width: 3rem;
    height: 3rem;
    font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-avatar-s48 {
    width: 3rem;
    height: 3rem;
    font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-avatar-s64 {
    width: 4rem;
    height: 4rem;
    font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-avatar-s64 {
    width: 4rem;
    height: 4rem;
    font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-avatar-s64 {
    width: 4rem;
    height: 4rem;
    font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-avatar-s96 {
    width: 6rem;
    height: 6rem;
    font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-avatar-s96 {
    width: 6rem;
    height: 6rem;
    font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
    border-radius: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-avatar-s96 {
    width: 6rem;
    height: 6rem;
    font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
    border-radius: 0.5rem;
  }
}

.gl-avatar-circle {
  border-radius: 50%;
}

.gl-avatar-identicon {
  text-align: center;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  color: var(--gl-text-color-strong);
}

.gl-avatar-identicon-bg1 {
  background-color: var(--gl-avatar-fallback-background-color-red);
}

.gl-avatar-identicon-bg2 {
  background-color: var(--gl-avatar-fallback-background-color-purple);
}

.gl-avatar-identicon-bg3 {
  background-color: var(--gl-avatar-fallback-background-color-purple);
}

.gl-avatar-identicon-bg4 {
  background-color: var(--gl-avatar-fallback-background-color-blue);
}

.gl-avatar-identicon-bg5 {
  background-color: var(--gl-avatar-fallback-background-color-green);
}

.gl-avatar-identicon-bg6 {
  background-color: var(--gl-avatar-fallback-background-color-orange);
}

.gl-avatar-identicon-bg7 {
  background-color: var(--gl-avatar-fallback-background-color-neutral);
}

.gl-avatar-labeled {
  display: inline-flex;
}
.gl-avatar-labeled-labels {
  margin-left: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1rem;
  color: var(--gl-text-color-strong);
}
.gl-avatar-labeled-labels.inline-labels {
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.gl-avatar-labeled-label {
  font-weight: 600;
  padding: 0.125rem;
  color: var(--gl-text-color-strong);
}
.gl-avatar-labeled-sublabel {
  color: var(--gl-text-color-subtle);
  overflow-wrap: anywhere;
}

.gl-avatar-link {
  display: inline-flex;
}
.gl-avatar-link .gl-avatar {
  transition-property: border-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
.gl-avatar-link:hover {
  text-decoration: none;
}
.gl-avatar-link:hover .gl-avatar {
  outline: 1px solid var(--gl-avatar-border-color-hover);
}
.gl-avatar-link:hover .gl-avatar-labeled-label {
  text-decoration: underline;
  text-decoration-color: #28272d;
}
.gl-avatar-link:hover .gl-avatar-labeled-sublabel {
  text-decoration: underline;
  text-decoration-color: #737278;
}
.gl-avatar-link:active, .gl-avatar-link:focus, .gl-avatar-link:focus:active {
  box-shadow: none !important;
  outline: none !important;
}
.gl-avatar-link:active .gl-avatar, .gl-avatar-link:focus .gl-avatar, .gl-avatar-link:focus:active .gl-avatar {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-avatar-link:active .gl-avatar, .gl-avatar-link:focus .gl-avatar, .gl-avatar-link:focus:active .gl-avatar {
    outline: 2px solid LinkText;
  }
}

.gl-avatars-inline {
  --avatar-size: 24px;
  --avatar-radius: calc(var(--avatar-size) * 0.5);
  --mask-offset: calc(var(--avatar-size) * -0.25);
  --mask-cutout: calc(var(--avatar-radius) + 1.5px);
  display: inline-flex;
}

.gl-avatars-inline-sm {
  --avatar-size: 16px;
}

.gl-avatars-inline-md {
  --avatar-size: 24px;
}

.gl-avatars-inline-lg {
  --avatar-size: 32px;
}

.gl-avatars-inline-child {
  display: inline-flex;
}
.gl-avatars-inline-child:not(:last-child) {
  margin-right: var(--mask-offset);
  mask: radial-gradient(circle at calc(var(--avatar-size) * 1.25) center, transparent var(--mask-cutout), white 0);
}
.gl-avatars-inline-child:not(:last-child):hover + .gl-avatars-inline-child > .gl-avatar-link, .gl-avatars-inline-child:not(:last-child):hover + .gl-avatars-inline-child > .gl-avatars-inline-badge {
  mask: radial-gradient(circle at var(--mask-offset) center, transparent var(--mask-cutout), white 0);
}
.gl-avatars-inline-child:not(:last-child):hover, .gl-avatars-inline-child:not(:last-child):focus-within {
  z-index: 1;
  mask: none;
}

.gl-avatars-inline-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 1rem;
  border-radius: 0.75rem;
  background-color: var(--gl-status-neutral-background-color-default);
  color: var(--gl-status-neutral-text-color-default);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.gl-avatars-inline-badge.lg {
  font-size: 0.875rem;
  border-radius: 1.5rem;
}

/* Basic badge styles */
.gl-badge {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  /*
    CSS Grid is used here to deal with 3 cases:
      * Badge shouldn't shrink inside flex containers by default
      * Content inside the badge should shrink when gl-text-truncate class is used on the contents
      * Badge should have a minimal width of 20 pixels (for example when `1` is passed inside the slot)
   */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  width: 100%;
  max-width: max-content;
}
@media (forced-colors: active) {
  .gl-badge {
    border: 1px solid;
  }
}
.gl-badge .gl-badge-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  top: auto;
}
.gl-badge .gl-badge-content {
  display: flex;
  justify-content: center;
  min-width: 0.5rem;
}

/* Variants */
.gl-badge.badge-muted {
  background-color: var(--gl-status-muted-background-color-default);
  color: var(--gl-status-muted-text-color-default);
}
.gl-badge.badge-muted .gl-badge-icon {
  transition: inherit;
}

a.gl-badge.badge-muted:hover {
  color: var(--gl-status-muted-text-color-hover);
  background-color: var(--gl-status-muted-background-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-status-muted-border-color-hover);
  text-decoration: none;
}
a.gl-badge.badge-muted:hover .gl-badge-icon {
  color: var(--gl-status-muted-icon-color-hover);
}
a.gl-badge.badge-muted:focus {
  color: var(--gl-status-muted-text-color-hover);
  background-color: var(--gl-status-muted-background-color-default);
}
a.gl-badge.badge-muted:focus .gl-badge-icon {
  color: var(--gl-status-muted-icon-color-hover);
}
a.gl-badge.badge-muted.active, a.gl-badge.badge-muted:active {
  color: var(--gl-status-muted-text-color-active);
  background-color: var(--gl-status-muted-background-color-active);
}
a.gl-badge.badge-muted.active .gl-badge-icon, a.gl-badge.badge-muted:active .gl-badge-icon {
  color: var(--gl-status-muted-icon-color-active);
}
a.gl-badge.badge-muted:active, a.gl-badge.badge-muted:focus, a.gl-badge.badge-muted:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  a.gl-badge.badge-muted:active, a.gl-badge.badge-muted:focus, a.gl-badge.badge-muted:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-badge.badge-neutral {
  background-color: var(--gl-status-neutral-background-color-default);
  color: var(--gl-status-neutral-text-color-default);
}
.gl-badge.badge-neutral .gl-badge-icon {
  transition: inherit;
}

a.gl-badge.badge-neutral:hover {
  color: var(--gl-status-neutral-text-color-hover);
  background-color: var(--gl-status-neutral-background-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-status-neutral-border-color-hover);
  text-decoration: none;
}
a.gl-badge.badge-neutral:hover .gl-badge-icon {
  color: var(--gl-status-neutral-icon-color-hover);
}
a.gl-badge.badge-neutral:focus {
  color: var(--gl-status-neutral-text-color-hover);
  background-color: var(--gl-status-neutral-background-color-default);
}
a.gl-badge.badge-neutral:focus .gl-badge-icon {
  color: var(--gl-status-neutral-icon-color-hover);
}
a.gl-badge.badge-neutral.active, a.gl-badge.badge-neutral:active {
  color: var(--gl-status-neutral-text-color-active);
  background-color: var(--gl-status-neutral-background-color-active);
}
a.gl-badge.badge-neutral.active .gl-badge-icon, a.gl-badge.badge-neutral:active .gl-badge-icon {
  color: var(--gl-status-neutral-icon-color-active);
}
a.gl-badge.badge-neutral:active, a.gl-badge.badge-neutral:focus, a.gl-badge.badge-neutral:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  a.gl-badge.badge-neutral:active, a.gl-badge.badge-neutral:focus, a.gl-badge.badge-neutral:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-badge.badge-info {
  background-color: var(--gl-status-info-background-color-default);
  color: var(--gl-status-info-text-color-default);
}
.gl-badge.badge-info .gl-badge-icon {
  transition: inherit;
}

a.gl-badge.badge-info:hover {
  color: var(--gl-status-info-text-color-hover);
  background-color: var(--gl-status-info-background-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-status-info-border-color-hover);
  text-decoration: none;
}
a.gl-badge.badge-info:hover .gl-badge-icon {
  color: var(--gl-status-info-icon-color-hover);
}
a.gl-badge.badge-info:focus {
  color: var(--gl-status-info-text-color-hover);
  background-color: var(--gl-status-info-background-color-default);
}
a.gl-badge.badge-info:focus .gl-badge-icon {
  color: var(--gl-status-info-icon-color-hover);
}
a.gl-badge.badge-info.active, a.gl-badge.badge-info:active {
  color: var(--gl-status-info-text-color-active);
  background-color: var(--gl-status-info-background-color-active);
}
a.gl-badge.badge-info.active .gl-badge-icon, a.gl-badge.badge-info:active .gl-badge-icon {
  color: var(--gl-status-info-icon-color-active);
}
a.gl-badge.badge-info:active, a.gl-badge.badge-info:focus, a.gl-badge.badge-info:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  a.gl-badge.badge-info:active, a.gl-badge.badge-info:focus, a.gl-badge.badge-info:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-badge.badge-success {
  background-color: var(--gl-status-success-background-color-default);
  color: var(--gl-status-success-text-color-default);
}
.gl-badge.badge-success .gl-badge-icon {
  transition: inherit;
}

a.gl-badge.badge-success:hover {
  color: var(--gl-status-success-text-color-hover);
  background-color: var(--gl-status-success-background-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-status-success-border-color-hover);
  text-decoration: none;
}
a.gl-badge.badge-success:hover .gl-badge-icon {
  color: var(--gl-status-success-icon-color-hover);
}
a.gl-badge.badge-success:focus {
  color: var(--gl-status-success-text-color-hover);
  background-color: var(--gl-status-success-background-color-default);
}
a.gl-badge.badge-success:focus .gl-badge-icon {
  color: var(--gl-status-success-icon-color-hover);
}
a.gl-badge.badge-success.active, a.gl-badge.badge-success:active {
  color: var(--gl-status-success-text-color-active);
  background-color: var(--gl-status-success-background-color-active);
}
a.gl-badge.badge-success.active .gl-badge-icon, a.gl-badge.badge-success:active .gl-badge-icon {
  color: var(--gl-status-success-icon-color-active);
}
a.gl-badge.badge-success:active, a.gl-badge.badge-success:focus, a.gl-badge.badge-success:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  a.gl-badge.badge-success:active, a.gl-badge.badge-success:focus, a.gl-badge.badge-success:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-badge.badge-warning {
  background-color: var(--gl-status-warning-background-color-default);
  color: var(--gl-status-warning-text-color-default);
}
.gl-badge.badge-warning .gl-badge-icon {
  transition: inherit;
}

a.gl-badge.badge-warning:hover {
  color: var(--gl-status-warning-text-color-hover);
  background-color: var(--gl-status-warning-background-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-status-warning-border-color-hover);
  text-decoration: none;
}
a.gl-badge.badge-warning:hover .gl-badge-icon {
  color: var(--gl-status-warning-icon-color-hover);
}
a.gl-badge.badge-warning:focus {
  color: var(--gl-status-warning-text-color-hover);
  background-color: var(--gl-status-warning-background-color-default);
}
a.gl-badge.badge-warning:focus .gl-badge-icon {
  color: var(--gl-status-warning-icon-color-hover);
}
a.gl-badge.badge-warning.active, a.gl-badge.badge-warning:active {
  color: var(--gl-status-warning-text-color-active);
  background-color: var(--gl-status-warning-background-color-active);
}
a.gl-badge.badge-warning.active .gl-badge-icon, a.gl-badge.badge-warning:active .gl-badge-icon {
  color: var(--gl-status-warning-icon-color-active);
}
a.gl-badge.badge-warning:active, a.gl-badge.badge-warning:focus, a.gl-badge.badge-warning:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  a.gl-badge.badge-warning:active, a.gl-badge.badge-warning:focus, a.gl-badge.badge-warning:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-badge.badge-danger {
  background-color: var(--gl-status-danger-background-color-default);
  color: var(--gl-status-danger-text-color-default);
}
.gl-badge.badge-danger .gl-badge-icon {
  transition: inherit;
}

a.gl-badge.badge-danger:hover {
  color: var(--gl-status-danger-text-color-hover);
  background-color: var(--gl-status-danger-background-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-status-danger-border-color-hover);
  text-decoration: none;
}
a.gl-badge.badge-danger:hover .gl-badge-icon {
  color: var(--gl-status-danger-icon-color-hover);
}
a.gl-badge.badge-danger:focus {
  color: var(--gl-status-danger-text-color-hover);
  background-color: var(--gl-status-danger-background-color-default);
}
a.gl-badge.badge-danger:focus .gl-badge-icon {
  color: var(--gl-status-danger-icon-color-hover);
}
a.gl-badge.badge-danger.active, a.gl-badge.badge-danger:active {
  color: var(--gl-status-danger-text-color-active);
  background-color: var(--gl-status-danger-background-color-active);
}
a.gl-badge.badge-danger.active .gl-badge-icon, a.gl-badge.badge-danger:active .gl-badge-icon {
  color: var(--gl-status-danger-icon-color-active);
}
a.gl-badge.badge-danger:active, a.gl-badge.badge-danger:focus, a.gl-badge.badge-danger:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  a.gl-badge.badge-danger:active, a.gl-badge.badge-danger:focus, a.gl-badge.badge-danger:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-badge.badge-tier {
  background-color: var(--gl-status-brand-background-color-default);
  color: var(--gl-status-brand-text-color-default);
}
.gl-badge.badge-tier .gl-badge-icon {
  transition: inherit;
}

a.gl-badge.badge-tier:hover {
  color: var(--gl-status-brand-text-color-hover);
  background-color: var(--gl-status-brand-background-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-status-brand-border-color-hover);
  text-decoration: none;
}
a.gl-badge.badge-tier:hover .gl-badge-icon {
  color: var(--gl-status-brand-icon-color-hover);
}
a.gl-badge.badge-tier:focus {
  color: var(--gl-status-brand-text-color-hover);
  background-color: var(--gl-status-brand-background-color-default);
}
a.gl-badge.badge-tier:focus .gl-badge-icon {
  color: var(--gl-status-brand-icon-color-hover);
}
a.gl-badge.badge-tier.active, a.gl-badge.badge-tier:active {
  color: var(--gl-status-brand-text-color-active);
  background-color: var(--gl-status-brand-background-color-active);
}
a.gl-badge.badge-tier.active .gl-badge-icon, a.gl-badge.badge-tier:active .gl-badge-icon {
  color: var(--gl-status-brand-icon-color-active);
}
a.gl-badge.badge-tier:active, a.gl-badge.badge-tier:focus, a.gl-badge.badge-tier:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  a.gl-badge.badge-tier:active, a.gl-badge.badge-tier:focus, a.gl-badge.badge-tier:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-button .gl-badge {
  top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.gl-new-dropdown-contents .gl-badge,
.gl-tab-nav-item .gl-badge {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}

.gl-breadcrumbs {
  display: flex;
}

.gl-breadcrumb-list {
  background-color: transparent;
  padding: 0;
  align-items: center;
  line-height: 1rem;
  margin: 0;
  flex-wrap: nowrap;
  max-width: 100%;
}

.gl-breadcrumb-item {
  font-size: 0.75rem;
  line-height: 1rem;
  flex-shrink: 0;
}
.gl-breadcrumb-item:not(:last-child)::after {
  color: var(--gl-breadcrumb-separator-color);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  content: "/";
}
.gl-breadcrumb-item > a {
  color: var(--gl-text-color-subtle);
}
.gl-breadcrumb-item > a:active, .gl-breadcrumb-item > a:focus, .gl-breadcrumb-item > a:focus:active {
  outline: 2px solid var(--gl-focus-ring-outer-color);
  outline-offset: 1px;
}

.gl-breadcrumb-item:last-child > a {
  color: var(--gl-text-color-default);
  font-weight: 600;
}

.gl-banner {
  background-color: var(--gl-banner-promo-background-color);
  border-color: var(--gl-border-color-default);
}

.gl-banner-illustration {
  flex-shrink: 0;
  margin-right: 1.5rem;
}
.gl-banner-illustration img {
  max-width: 7.5rem;
}
@media (max-width: 767.98px) {
  .gl-banner-illustration {
    display: none;
  }
}

.gl-banner-title {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 0.5rem;
  color: var(--gl-text-color-heading);
}

.gl-banner-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.gl-banner-introduction {
  background-color: var(--gl-feedback-info-background-color);
  border-color: var(--gl-banner-intro-border-color);
}

/*
 * --gl-broadcast-message-padding-x
 *
 * Way to hook into spacing of gl-alert.
 * This is used e.g. for page wide containers
 * in GitLab.
 */
.gl-broadcast-message {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: calc(1rem + var(--gl-broadcast-message-padding-x, 0px));
  padding-right: calc(0.75rem + var(--gl-broadcast-message-padding-x, 0px));
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.gl-broadcast-message.indigo {
  --gl-broadcast-message-bg-color: #41419f;
  --gl-broadcast-message-border-color: #222261;
}
.gl-broadcast-message.light-indigo {
  --gl-broadcast-message-bg-color: #6666c4;
  --gl-broadcast-message-border-color: #41419f;
}
.gl-broadcast-message.blue {
  --gl-broadcast-message-bg-color: #235180;
  --gl-broadcast-message-border-color: #0b2640;
}
.gl-broadcast-message.light-blue {
  --gl-broadcast-message-bg-color: #4977a5;
  --gl-broadcast-message-border-color: #235180;
}
.gl-broadcast-message.green {
  --gl-broadcast-message-bg-color: #1b653f;
  --gl-broadcast-message-border-color: #0e4328;
}
.gl-broadcast-message.light-green {
  --gl-broadcast-message-bg-color: #308258;
  --gl-broadcast-message-border-color: #1b653f;
}
.gl-broadcast-message.red {
  --gl-broadcast-message-bg-color: #8f2110;
  --gl-broadcast-message-border-color: #580d02;
}
.gl-broadcast-message.light-red {
  --gl-broadcast-message-bg-color: #ad4a3b;
  --gl-broadcast-message-border-color: #8f2110;
}
.gl-broadcast-message.dark {
  --gl-broadcast-message-bg-color: #737278;
  --gl-broadcast-message-border-color: #4c4b51;
}
.gl-broadcast-message.light {
  --gl-broadcast-message-bg-color: #ececef;
  --gl-broadcast-message-border-color: #dcdcde;
}
.gl-broadcast-message.banner {
  color: #fff;
  background-color: var(--gl-broadcast-message-bg-color);
  box-shadow: inset 0 -1px 0 0 var(--gl-broadcast-message-border-color);
}
.gl-broadcast-message.banner.light {
  color: #333;
}
.gl-broadcast-message.notification {
  border-radius: 0.25rem;
  background-color: #fff;
  border: solid 1px #dcdcde;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  max-width: 18.75rem;
}
.gl-broadcast-message-content {
  display: flex;
  justify-content: center;
}
.gl-broadcast-message-icon {
  margin-right: 1rem;
  line-height: 1rem;
}
.gl-broadcast-message-icon > svg {
  vertical-align: bottom;
}
.gl-broadcast-message-text {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}
.gl-broadcast-message-dismiss {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  margin-left: 1rem;
}

.carousel-control-prev:focus,
.carousel-control-next:focus,
.carousel-indicators li:focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .carousel-control-prev:focus,
  .carousel-control-next:focus,
  .carousel-indicators li:focus {
    outline: 2px solid LinkText;
  }
}

.carousel-indicators li {
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 10px;
}

.carousel-control-prev {
  margin-left: 7%;
}

.carousel-control-next {
  margin-right: 7%;
}

.carousel-control-prev,
.carousel-control-next {
  width: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #28272d;
  background: #fff;
  border: 1px solid #dcdcde;
  border-bottom-color: #dcdcde;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single {
  *zoom: 1;
}
.pika-single:before, .pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #28272d;
  background-color: #fff;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}
.pika-table th {
  color: #737278;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #28272d;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: transparent;
}
.is-today .pika-button {
  color: #28272d;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #ececef;
  font-weight: bold;
  background: #1f75cb;
  box-shadow: inset 0 1px 3px #1f75cb;
  border-radius: 3px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
  color: #737278;
  opacity: 0.3;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover {
  color: #737278;
  background: #ececef;
  box-shadow: none;
  border-radius: 3px;
}
.pika-button .is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-week {
  font-size: 11px;
  color: #737278;
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.gl-datepicker-actions {
  font-size: 0.75rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.gl-datepicker-actions .gl-button.gl-button {
  border-radius: 0.0075rem;
}

.gl-datepicker-theme {
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-style: none;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}
.gl-datepicker-theme.is-bound {
  box-shadow: 0 2px 8px var(--gl-shadow-color-default), 0 0 2px var(--gl-shadow-color-default);
}
.gl-datepicker-theme .pika-lendar {
  margin: 0;
  padding-top: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: inset 0 0 0 1px #dcdcde;
  border-radius: 0.25rem;
}
.gl-datepicker-theme .pika-title {
  line-height: 1rem;
  margin-bottom: 1rem;
  height: 1rem;
}
.gl-datepicker-theme .pika-next,
.gl-datepicker-theme .pika-prev {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1rem;
  height: 1rem;
}
.gl-datepicker-theme .pika-next:hover,
.gl-datepicker-theme .pika-prev:hover {
  border-radius: 0.125rem;
  background-color: #ececef;
}
.gl-datepicker-theme .pika-next.is-disabled,
.gl-datepicker-theme .pika-prev.is-disabled {
  cursor: not-allowed;
}
.gl-datepicker-theme .pika-next {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M10.707 7.293a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L8.586 8 6.293 5.707a1 1 0 0 1 1.414-1.414l3 3z"/></svg>');
}
.gl-datepicker-theme .pika-prev {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414-1.414L7.414 8l2.293-2.293a1 1 0 0 0-1.414-1.414l-3 3z"/></svg>');
}
.gl-datepicker-theme .pika-label {
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
}
.gl-datepicker-theme .pika-label:hover {
  border-radius: 0.125rem;
  background-color: #ececef;
}
.gl-datepicker-theme .pika-select {
  top: 0;
  height: 1rem;
}
.gl-datepicker-theme th {
  padding-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1rem;
}
.gl-datepicker-theme abbr[title] {
  text-decoration: none;
  cursor: default;
}
.gl-datepicker-theme .pika-button {
  box-shadow: none;
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  line-height: 1rem;
  width: 2rem;
  font-size: 0.875rem;
}
.gl-datepicker-theme .pika-button.is-past-date {
  color: #89888d;
}
.gl-datepicker-theme .is-today > .pika-button {
  font-weight: 600;
  color: #28272d;
}
.gl-datepicker-theme .is-selected > .pika-button {
  background-color: #1f75cb;
  font-weight: 400;
  color: #fff;
}

.gl-daterange-picker {
  line-height: 1rem;
  font-size: 0.875rem;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.gl-daterange-picker label {
  font-weight: 600;
}
.gl-daterange-picker .gl-datepicker-input {
  border-color: #dcdcde;
  color: #28272d;
}
.gl-daterange-picker .gl-daterange-picker-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-end;
  color: #737278;
  gap: 0.5rem;
  height: 2rem;
}

.gl-drawer {
  background-color: var(--drawer-variant-bg-color);
  right: 0;
  transition: all 0.2s ease;
  position: fixed;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  box-shadow: 0 4px 12px var(--gl-shadow-color-default), 0 0 4px var(--gl-shadow-color-default);
  font-size: 0.875rem;
  line-height: 1rem;
  display: flex;
  flex-direction: column;
}
.gl-drawer .gl-drawer-header-sticky {
  background-color: var(--drawer-variant-bg-color);
  top: 0;
  position: sticky;
}

.gl-drawer-default {
  --drawer-variant-bg-color: var(--gl-background-color-default);
}
@media (min-width: 768px) {
  .gl-drawer-default {
    width: 400px;
  }
}
.gl-drawer-default .gl-drawer-header,
.gl-drawer-default .gl-drawer-body > * {
  padding: 1rem;
}

.gl-drawer-sidebar {
  --drawer-variant-bg-color: var(--gl-background-color-subtle);
}
@media (min-width: 768px) {
  .gl-drawer-sidebar {
    width: 290px;
  }
}
.gl-drawer-sidebar .gl-drawer-header,
.gl-drawer-sidebar .gl-drawer-body > * {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.gl-drawer-sidebar .gl-drawer-body > * {
  margin-left: 1rem;
  margin-right: 1rem;
}
.gl-drawer-sidebar .gl-drawer-header {
  padding-left: 1rem;
  padding-right: 1rem;
}

.gl-drawer-footer {
  border-top-style: solid;
  border-top-color: var(--gl-border-color-default);
  border-top-width: 1px;
  padding: 1rem;
}

.gl-drawer-body-scrim-on-footer::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--drawer-variant-bg-color));
  top: -1px;
  transform: translateY(-100%);
  content: "";
  left: 0;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 2rem;
}

.gl-drawer-footer-sticky {
  background-color: var(--drawer-variant-bg-color);
  bottom: 0;
  position: sticky;
}

.gl-drawer-header {
  border-bottom-style: solid;
  border-bottom-color: var(--gl-border-color-default);
  border-bottom-width: 1px;
}

.gl-drawer-title {
  color: var(--gl-text-color-heading);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gl-drawer-title svg {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

.gl-drawer-close-button {
  align-self: flex-start;
  background: none;
  border-style: none;
}

.gl-drawer-body {
  flex-grow: 1;
  background-color: inherit;
}

.gl-drawer-body-scrim::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--drawer-variant-bg-color));
  content: "";
  bottom: 0;
  pointer-events: none;
  width: 100%;
  position: fixed;
  height: 2rem;
}

.gl-drawer-body > * {
  border-bottom-style: solid;
  border-bottom-color: var(--gl-border-color-default);
  border-bottom-width: 1px;
}
.gl-drawer-body > *:last-child {
  border-style: none;
}

.gl-drawer-enter-to {
  transform: translateX(0);
}

.gl-drawer-enter,
.gl-drawer-leave-to {
  transform: translateX(100%);
}

.gl-drawer-enter-active,
.gl-drawer-leave-active {
  transition: all 0.2s ease;
}

.gl-dropdown .dropdown-menu {
  background-color: #fff;
  border-width: 1px;
  border-color: #bfbfc3;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  width: 15rem;
}
.gl-dropdown .dropdown-menu .gl-search-box-by-type {
  margin: 0.5rem;
}
.gl-dropdown .dropdown-menu li {
  padding: 0;
}
.gl-dropdown .gl-dropdown-inner {
  display: flex;
  flex-direction: column;
  max-height: 19.5rem;
}
.gl-dropdown .gl-dropdown-inner > :first-child {
  padding-top: 0.5rem;
}
.gl-dropdown .gl-dropdown-inner > :last-child {
  padding-bottom: 0.5rem;
}
.gl-dropdown .gl-dropdown-contents {
  flex-grow: 1;
  overflow-y: auto;
}
.gl-dropdown .gl-dropdown-header-top {
  border-width: 1px;
  border-bottom-style: solid;
  border-color: #bfbfc3;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1rem;
  margin: 0;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.gl-dropdown .gl-dropdown-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #bfbfc3;
}
.gl-dropdown .gl-dropdown-footer {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #bfbfc3;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.gl-dropdown .dropdown-toggle::after {
  display: none;
}
.gl-dropdown .dropdown-toggle.gl-button, .gl-dropdown .dropdown-toggle.gl-button.btn-block {
  padding-right: 0.5rem;
}
.gl-dropdown .dropdown-toggle.gl-button.btn-sm, .gl-dropdown .btn-group-sm > .dropdown-toggle.gl-button.btn, .gl-dropdown .dropdown-toggle.gl-button.btn-block.btn-sm {
  padding-right: 0.25rem;
}
.gl-dropdown .dropdown-toggle.dropdown-toggle-no-caret, .gl-dropdown .dropdown-toggle.dropdown-toggle-no-caret.btn-sm {
  padding: 0.5rem;
}
.gl-dropdown .dropdown-toggle.dropdown-toggle-no-caret .dropdown-chevron, .gl-dropdown .dropdown-toggle.dropdown-toggle-no-caret.btn-sm .dropdown-chevron {
  display: none;
}
.gl-dropdown .dropdown-toggle-split::after {
  border-width: 0;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M7.293 10.707a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L8 8.586 5.707 6.293a1 1 0 0 0-1.414 1.414l3 3z"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
.gl-dropdown .dropdown-toggle-split.btn-default:not(:disabled)::after {
  border-color: #737278;
}
.gl-dropdown .dropdown-toggle-split.btn-confirm, .gl-dropdown .dropdown-toggle-split.btn-info, .gl-dropdown .dropdown-toggle-split.btn-success, .gl-dropdown .dropdown-toggle-split.btn-danger {
  margin-left: 1px;
}
.gl-dropdown .dropdown-toggle-split:disabled, .gl-dropdown .dropdown-toggle-split.disabled, .gl-dropdown .dropdown-toggle-split[class*=-secondary] {
  margin-left: -1px;
}
.gl-dropdown .dropdown-toggle-split.gl-button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.gl-dropdown .dropdown-toggle-split.gl-button.btn-sm, .gl-dropdown .btn-group-sm > .dropdown-toggle-split.gl-button.btn {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.gl-dropdown .gl-dropdown-toggle.btn-block {
  justify-content: space-between;
}
.gl-dropdown .gl-dropdown-toggle .gl-button-text {
  display: inline-flex;
}
.gl-dropdown .gl-dropdown-button-text {
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gl-dropdown.dropdown.show .dropdown-toggle-split {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gl-dropdown.dropdown.btn-sm .gl-icon, .btn-group-sm > .gl-dropdown.dropdown.btn .gl-icon {
  margin-top: 0;
  margin-bottom: 0;
}
.gl-dropdown.dropdown.btn-sm .gl-icon.dropdown-chevron, .btn-group-sm > .gl-dropdown.dropdown.btn .gl-icon.dropdown-chevron {
  height: 1rem;
  width: 1rem;
}
.gl-dropdown.dropdown .gl-button .dropdown-chevron,
.gl-dropdown.dropdown .gl-button.btn-block .dropdown-chevron,
.gl-dropdown.dropdown .dropdown-chevron {
  margin-left: 0.25rem;
  margin-right: 0;
}
.gl-dropdown .dropdown-icon {
  margin-right: 0.25rem;
}
.gl-dropdown .dropdown-icon-text,
.gl-dropdown .dropdown-icon-only {
  padding-left: 0.5rem;
}
.gl-dropdown .dropdown-icon-only .dropdown-icon,
.gl-dropdown .dropdown-icon-only .gl-button-icon.gl-button-icon {
  margin-right: 0;
}
.gl-dropdown .dropdown-icon-only.btn-sm .dropdown-chevron, .gl-dropdown .btn-group-sm > .dropdown-icon-only.btn .dropdown-chevron {
  margin-left: 0;
  margin-right: 0;
}
.gl-dropdown .split-content-button {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.gl-dropdown .icon-split-content-button {
  padding-left: 0.5rem;
}
.gl-dropdown .icon-split-content-button .dropdown-icon {
  margin-right: 0;
}

/* Styling when the component is used on its own */
.gl-dropdown-divider {
  overflow: hidden;
  height: 0;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #bfbfc3;
}

/* Styling to override the vue-bootstrap CSS included in GitLab CSS */
.gl-dropdown .gl-dropdown-divider {
  overflow: hidden;
  height: 0;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #bfbfc3;
}

/* Styling when the component is used on its own */
.gl-dropdown-section-header .dropdown-header {
  font-size: 0.875rem;
  color: #28272d;
  line-height: 1rem;
  text-align: left;
  font-weight: 600;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  white-space: normal;
}

/* Styling to override the vue-bootstrap CSS included in GitLab CSS */
.gl-dropdown .gl-dropdown-section-header .dropdown-header {
  font-size: 0.875rem;
  color: #28272d;
  line-height: 1rem;
  text-align: left;
  font-weight: 600;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  white-space: normal;
}

.gl-dropdown-item .dropdown-item {
  align-items: center;
  background-color: transparent;
  border-width: 0;
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  border-radius: 0;
  box-shadow: none;
  color: #28272d;
  text-align: left;
  width: 100%;
  white-space: normal;
  cursor: pointer;
}
.gl-dropdown-item .dropdown-item .gl-avatar {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.gl-dropdown-item .dropdown-item .gl-dropdown-item-check-icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: #4c4b51;
}
.gl-dropdown-item .dropdown-item .gl-dropdown-item-icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.gl-dropdown-item .dropdown-item .gl-dropdown-item-text-primary {
  margin: 0;
}
.gl-dropdown-item .dropdown-item .gl-dropdown-item-text-secondary {
  margin: 0;
  color: #4c4b51;
}
.gl-dropdown-item .dropdown-item .gl-dropdown-item-text-wrapper {
  min-width: 0;
  flex-grow: 1;
  margin-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.gl-dropdown-item .dropdown-item.text-danger {
  color: #dd2b0e;
}
.gl-dropdown-item .dropdown-item.disable-hover {
  text-decoration: none;
}
.gl-dropdown-item .dropdown-item:disabled {
  color: #737278;
}
.gl-dropdown-item .dropdown-item:disabled .gl-new-dropdown-item-check-icon {
  color: inherit;
}
.gl-dropdown-item .dropdown-item:disabled .gl-new-dropdown-item-text-secondary {
  color: inherit;
}
.gl-dropdown-item .dropdown-item:disabled .gl-avatar {
  opacity: 0.7;
}
.gl-dropdown-item .dropdown-item:not(.disable-hover):hover, .gl-dropdown-item .dropdown-item:active, .gl-dropdown-item .dropdown-item:focus, .gl-dropdown-item .dropdown-item.is-focused {
  background-color: #ececef;
  text-decoration: none;
  color: #28272d;
}
.gl-dropdown-item .dropdown-item:not(.disable-hover):hover.text-danger, .gl-dropdown-item .dropdown-item:active.text-danger, .gl-dropdown-item .dropdown-item:focus.text-danger, .gl-dropdown-item .dropdown-item.is-focused.text-danger {
  color: #dd2b0e;
}
.gl-dropdown-item .dropdown-item:not(.disable-hover):hover .avatar, .gl-dropdown-item .dropdown-item:active .avatar, .gl-dropdown-item .dropdown-item:focus .avatar, .gl-dropdown-item .dropdown-item.is-focused .avatar {
  border-color: #fff;
}
.gl-dropdown-item .dropdown-item:active, .gl-dropdown-item .dropdown-item:focus, .gl-dropdown-item .dropdown-item:focus:active {
  box-shadow: inset 0 0 0 2px var(--gl-focus-ring-outer-color), inset 0 0 0 3px var(--gl-focus-ring-inner-color), inset 0 0 0 1px var(--gl-focus-ring-inner-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-dropdown-item .dropdown-item:active, .gl-dropdown-item .dropdown-item:focus, .gl-dropdown-item .dropdown-item:focus:active {
    outline: 2px solid LinkText;
  }
}

.gl-dropdown-text .b-dropdown-text {
  align-items: center;
  background-color: transparent;
  border-width: 0;
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  border-radius: 0;
  box-shadow: none;
  color: #28272d;
  text-align: left;
  width: 100%;
  white-space: normal;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.gl-filtered-search-scrollable-container {
  background-color: #fff;
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
  align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 2rem;
  box-shadow: inset 0 0 0 1px #89888d;
  border-style: none;
  border-radius: 0.25rem;
}
.input-group-prepend + .gl-filtered-search-scrollable-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gl-filtered-search-scrollable-container-with-search-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gl-filtered-search-scrollable {
  display: flex;
  overflow-y: auto;
  width: 100%;
}

.gl-filtered-search-item {
  display: flex;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.gl-filtered-search-item:first-child {
  padding-left: 0;
}

.gl-filtered-search-last-item {
  flex-grow: 1;
  padding: 0;
  padding-left: 0.125rem;
  height: 1.5rem;
  min-width: 5rem;
}
.gl-filtered-search-last-item .gl-filtered-search-term-value {
  height: 100%;
  width: 100%;
  align-items: center;
}

.gl-filtered-search-suggestion {
  padding: 0;
}

.gl-filtered-search-suggestion-active {
  background-color: #dcdcde;
  text-decoration: none;
  color: #28272d;
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--gl-focus-ring-outer-color), inset 0 0 0 3px var(--gl-focus-ring-inner-color), inset 0 0 0 1px var(--gl-focus-ring-inner-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-filtered-search-suggestion-active {
    outline: 2px solid LinkText;
  }
}

.gl-filtered-search-suggestion-list.dropdown-menu {
  display: block;
  width: 15rem;
  padding: 0.25rem;
  border-color: #bfbfc3;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px var(--gl-shadow-color-default), 0 0 2px var(--gl-shadow-color-default);
}

.gl-filtered-search-suggestion-list {
  position: absolute;
  overflow-y: auto;
  max-height: 19.5rem;
}
.gl-filtered-search-suggestion-list .gl-filtered-search-suggestion,
.gl-filtered-search-suggestion-list .gl-filtered-search-suggestion > a,
.gl-filtered-search-suggestion-list .gl-filtered-search-suggestion > button {
  border-radius: 0.25rem !important;
}
.gl-filtered-search-suggestion-list .gl-dropdown-divider {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.gl-filtered-search-suggestion-list .gl-spinner-container {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.gl-filtered-search-suggestion-list .gl-filtered-search-suggestion {
  padding: 0;
}

.gl-filtered-search-term .gl-filtered-search-term-token {
  cursor: text;
}

.gl-filtered-search-term-input {
  padding: 0;
  border-style: none;
  outline: none;
  height: 1.5rem;
  min-width: 15rem;
}

.gl-filtered-search-term-icon {
  margin-right: 0.25rem;
}

.gl-filtered-search-token {
  height: 1.5rem;
  display: inline-flex;
  white-space: nowrap;
  cursor: pointer;
}
.gl-filtered-search-token.gl-filtered-search-token-active {
  cursor: default;
}
.gl-filtered-search-token.gl-filtered-search-token-hover:hover .gl-filtered-search-token-type {
  background-color: #dcdcde;
}
.gl-filtered-search-token.gl-filtered-search-token-hover:hover .gl-filtered-search-token-data,
.gl-filtered-search-token.gl-filtered-search-token-hover:hover .gl-filtered-search-token-operator {
  background-color: #bfbfc3;
}

.gl-token {
  border-radius: 0;
}
.gl-token.gl-filtered-search-token-type {
  height: 1.5rem;
  background-color: #ececef;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.125rem;
}
.gl-token.gl-filtered-search-token-operator {
  height: 1.5rem;
  background-color: #ececef;
  margin-right: 0.125rem;
  border-radius: 0;
}
.gl-token.gl-filtered-search-token-data {
  height: 1.5rem;
  background-color: #dcdcde;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.gl-token.gl-filtered-search-token-data .gl-filtered-search-token-data-content {
  display: inline-flex;
}

.gl-filtered-search-token-operator-description {
  color: #626168;
  margin-left: auto;
}

.gl-filtered-search-token-segment {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 1.5rem;
  white-space: nowrap;
  cursor: pointer;
}
.gl-filtered-search-token-segment.gl-filtered-search-token-segment-active {
  cursor: default;
}

.gl-filtered-search-token-segment-input {
  padding: 0;
  height: 100%;
  border-style: none;
  outline: none;
  min-width: 15rem;
}

.gl-filtered-search-token-segment-icon {
  margin-right: 0.25rem;
}

.gl-form-date input::-webkit-datetime-edit {
  line-height: 1;
  padding: 0;
  margin-bottom: -2px;
}

.gl-form-input,
.gl-form-input.form-control {
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: auto;
  border-style: none;
  appearance: none;
  background: var(--gl-control-background-color-default);
  color: var(--gl-text-color-default);
  box-shadow: inset 0 0 0 1px var(--gl-control-border-color-default);
}
.gl-form-input:focus,
.gl-form-input.form-control:focus {
  color: #4c4b51;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
@media (forced-colors: active) {
  .gl-form-input,
  .gl-form-input.form-control {
    border: 1px solid;
  }
}
.gl-form-input:hover,
.gl-form-input.form-control:hover {
  box-shadow: inset 0 0 0 1px var(--gl-control-border-color-hover);
}
.gl-form-input:disabled, .gl-form-input:not(.form-control-plaintext):not([type=color]):read-only,
.gl-form-input.form-control:disabled,
.gl-form-input.form-control:not(.form-control-plaintext):not([type=color]):read-only {
  background: var(--gl-control-background-color-disabled);
  box-shadow: inset 0 0 0 1px var(--gl-control-border-color-disabled);
}
.gl-form-input:disabled,
.gl-form-input.form-control:disabled {
  cursor: not-allowed;
  color: var(--gl-text-color-disabled);
}
.gl-form-input:not(.form-control-plaintext):focus,
.gl-form-input.form-control:not(.form-control-plaintext):focus {
  box-shadow: inset 0 0 0 1px var(--gl-control-border-color-focus), 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background: var(--gl-control-background-color-default);
  color: var(--gl-text-color-default);
}
@media (forced-colors: active) {
  .gl-form-input:not(.form-control-plaintext):focus,
  .gl-form-input.form-control:not(.form-control-plaintext):focus {
    outline: 2px solid LinkText;
  }
}
.gl-form-input.is-invalid,
.gl-form-input.form-control.is-invalid {
  box-shadow: inset 0 0 0 1px var(--gl-control-border-color-error);
}
.gl-form-input.is-invalid:focus,
.gl-form-input.form-control.is-invalid:focus {
  box-shadow: inset 0 0 0 1px var(--gl-control-border-color-error), 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-form-input.is-invalid:focus,
  .gl-form-input.form-control.is-invalid:focus {
    outline: 2px solid LinkText;
  }
}
.gl-form-input::placeholder,
.gl-form-input.form-control::placeholder {
  color: var(--gl-control-placeholder-color);
}
.gl-form-input.form-control-plaintext,
.gl-form-input.form-control.form-control-plaintext {
  box-shadow: none;
}

.gl-form-input-xs {
  max-width: 5rem;
}

@media (min-width: 576px) {
  .gl-sm-form-input-xs {
    max-width: 5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-input-xs {
    max-width: 5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-input-xs {
    max-width: 5rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-input-xs {
    max-width: 5rem;
  }
}

.gl-form-input-sm {
  max-width: 10rem;
}

@media (min-width: 576px) {
  .gl-sm-form-input-sm {
    max-width: 10rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-input-sm {
    max-width: 10rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-input-sm {
    max-width: 10rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-input-sm {
    max-width: 10rem;
  }
}

.gl-form-input-md {
  max-width: 15rem;
}

@media (min-width: 576px) {
  .gl-sm-form-input-md {
    max-width: 15rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-input-md {
    max-width: 15rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-input-md {
    max-width: 15rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-input-md {
    max-width: 15rem;
  }
}

.gl-form-input-lg {
  max-width: 20rem;
}

@media (min-width: 576px) {
  .gl-sm-form-input-lg {
    max-width: 20rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-input-lg {
    max-width: 20rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-input-lg {
    max-width: 20rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-input-lg {
    max-width: 20rem;
  }
}

.gl-form-input-xl {
  max-width: 35rem;
}

@media (min-width: 576px) {
  .gl-sm-form-input-xl {
    max-width: 35rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-input-xl {
    max-width: 35rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-input-xl {
    max-width: 35rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-input-xl {
    max-width: 35rem;
  }
}

.gl-form-checkbox-group {
  line-height: 1rem;
}

.gl-form-checkbox,
.gl-form-radio {
  font-size: 0.875rem;
  line-height: 1rem;
  color: var(--gl-text-color-default);
}
.gl-form-checkbox.form-check,
.gl-form-radio.form-check {
  display: flex;
  padding-left: 0;
}
.gl-form-checkbox.form-check-inline,
.gl-form-radio.form-check-inline {
  display: inline-flex;
  align-items: center;
}
.gl-form-checkbox .form-check-input,
.gl-form-radio .form-check-input {
  margin-top: 0.125rem;
  margin-left: 0;
  align-self: flex-start;
  position: static;
  height: auto;
  margin-right: 0;
}
.gl-form-checkbox .form-check-input:active, .gl-form-checkbox .form-check-input:focus, .gl-form-checkbox .form-check-input:focus:active,
.gl-form-radio .form-check-input:active,
.gl-form-radio .form-check-input:focus,
.gl-form-radio .form-check-input:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-form-checkbox .form-check-input:active, .gl-form-checkbox .form-check-input:focus, .gl-form-checkbox .form-check-input:focus:active,
  .gl-form-radio .form-check-input:active,
  .gl-form-radio .form-check-input:focus,
  .gl-form-radio .form-check-input:focus:active {
    outline: 2px solid LinkText;
  }
}
.gl-form-checkbox .form-check-label,
.gl-form-radio .form-check-label {
  padding-left: 0.5rem;
  line-height: 1rem;
}
.gl-form-checkbox .form-check-input:disabled,
.gl-form-checkbox .form-check-input:disabled ~ .form-check-label,
.gl-form-checkbox .custom-control-input:disabled,
.gl-form-checkbox .custom-control-input:disabled ~ .custom-control-label,
.gl-form-checkbox .custom-control-input:disabled ~ .custom-control-label > .help-text,
.gl-form-radio .form-check-input:disabled,
.gl-form-radio .form-check-input:disabled ~ .form-check-label,
.gl-form-radio .custom-control-input:disabled,
.gl-form-radio .custom-control-input:disabled ~ .custom-control-label,
.gl-form-radio .custom-control-input:disabled ~ .custom-control-label > .help-text {
  cursor: not-allowed;
  color: var(--gl-text-color-disabled);
}
.gl-form-checkbox.custom-control,
.gl-form-radio.custom-control {
  padding-left: 1rem;
}
.gl-form-checkbox.custom-control .custom-control-input ~ .custom-control-label,
.gl-form-radio.custom-control .custom-control-input ~ .custom-control-label {
  cursor: pointer;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
}
.gl-form-checkbox.custom-control .custom-control-input ~ .custom-control-label::before, .gl-form-checkbox.custom-control .custom-control-input ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input ~ .custom-control-label::after {
  top: 0;
  left: -1rem;
}
.gl-form-checkbox.custom-control .custom-control-input ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input ~ .custom-control-label::before {
  background-color: var(--gl-control-background-color-default);
  border-color: var(--gl-control-border-color-default);
}
.gl-form-checkbox.custom-control .custom-control-input:not(:disabled):hover ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input:not(:disabled):hover ~ .custom-control-label::before {
  border-color: var(--gl-control-border-color-hover);
}
.gl-form-checkbox.custom-control .custom-control-input:not(:disabled):focus ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input:not(:disabled):focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  border-color: var(--gl-control-border-color-focus);
}
@media (forced-colors: active) {
  .gl-form-checkbox.custom-control .custom-control-input:not(:disabled):focus ~ .custom-control-label::before,
  .gl-form-radio.custom-control .custom-control-input:not(:disabled):focus ~ .custom-control-label::before {
    outline: 2px solid LinkText;
  }
}
.gl-form-checkbox.custom-control .custom-control-input:checked ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--gl-control-background-color-selected-default);
  border-color: var(--gl-control-border-color-selected-default);
}
@media (forced-colors: active) {
  .gl-form-checkbox.custom-control .custom-control-input:checked ~ .custom-control-label::before,
  .gl-form-radio.custom-control .custom-control-input:checked ~ .custom-control-label::before {
    background-color: LinkText;
    border-color: LinKText;
  }
}
.gl-form-checkbox.custom-control .custom-control-input[type=checkbox]:checked ~ .custom-control-label::after,
.gl-form-checkbox.custom-control .custom-control-input[type=checkbox]:indeterminate ~ .custom-control-label::after,
.gl-form-checkbox.custom-control .custom-control-input[type=radio]:checked ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input[type=checkbox]:checked ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input[type=checkbox]:indeterminate ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input[type=radio]:checked ~ .custom-control-label::after {
  background: 50% 50% no-repeat;
  background-color: var(--gl-control-indicator-color-selected);
  mask-repeat: no-repeat;
  mask-position: center center;
}
.gl-form-checkbox.custom-control .custom-control-input[type=checkbox]:checked ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input[type=checkbox]:checked ~ .custom-control-label::after {
  background-image: url('data:image/svg+xml,%3Csvg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.75 4.76289L3.15312 7.24678L9.25 1.1499" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
  mask-image: url('data:image/svg+xml,%3Csvg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.75 4.76289L3.15312 7.24678L9.25 1.1499" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.gl-form-checkbox.custom-control .custom-control-input[type=checkbox]:indeterminate ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input[type=checkbox]:indeterminate ~ .custom-control-label::after {
  background-image: url('data:image/svg+xml,%3Csvg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.75 1H8.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
  mask-image: url('data:image/svg+xml,%3Csvg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.75 1H8.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.gl-form-checkbox.custom-control .custom-control-input[type=radio]:checked ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input[type=radio]:checked ~ .custom-control-label::after {
  background-image: url('data:image/svg+xml,%3Csvg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="3" cy="3" r="3" fill="white"/%3E%3C/svg%3E%0A');
  mask-image: url('data:image/svg+xml,%3Csvg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="3" cy="3" r="3" fill="white"/%3E%3C/svg%3E%0A');
}
.gl-form-checkbox.custom-control .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before,
.gl-form-checkbox.custom-control .custom-control-input:not(:disabled):hover:checked ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before,
.gl-form-radio.custom-control .custom-control-input:not(:disabled):hover:checked ~ .custom-control-label::before {
  background-color: var(--gl-control-background-color-selected-hover);
  border-color: var(--gl-control-border-color-selected-hover);
}
.gl-form-checkbox.custom-control .custom-control-input:not(:disabled):focus:checked ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input:not(:disabled):focus:checked ~ .custom-control-label::before {
  background-color: var(--gl-control-background-color-selected-focus);
  border-color: var(--gl-control-border-color-selected-focus);
}
@media (forced-colors: active) {
  .gl-form-checkbox.custom-control .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before,
  .gl-form-checkbox.custom-control .custom-control-input:not(:disabled):hover:checked ~ .custom-control-label::before,
  .gl-form-checkbox.custom-control .custom-control-input:not(:disabled):focus:checked ~ .custom-control-label::before,
  .gl-form-radio.custom-control .custom-control-input:not(:disabled):checked ~ .custom-control-label:hover::before,
  .gl-form-radio.custom-control .custom-control-input:not(:disabled):hover:checked ~ .custom-control-label::before,
  .gl-form-radio.custom-control .custom-control-input:not(:disabled):focus:checked ~ .custom-control-label::before {
    background-color: LinkText;
    border-color: LinKText;
  }
}
.gl-form-checkbox.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.gl-form-radio.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: var(--gl-control-background-color-selected-default);
  border-color: var(--gl-control-border-color-selected-default);
}
@media (forced-colors: active) {
  .gl-form-checkbox.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
  .gl-form-radio.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: LinkText;
    border-color: LinKText;
  }
}
.gl-form-checkbox.custom-control.custom-checkbox .custom-control-input:not(:disabled):indeterminate ~ .custom-control-label:hover::before,
.gl-form-radio.custom-control.custom-checkbox .custom-control-input:not(:disabled):indeterminate ~ .custom-control-label:hover::before {
  background-color: var(--gl-control-background-color-selected-hover);
  border-color: var(--gl-control-border-color-selected-hover);
}
.gl-form-checkbox.custom-control.custom-checkbox .custom-control-input:not(:disabled):focus:indeterminate ~ .custom-control-label::before,
.gl-form-radio.custom-control.custom-checkbox .custom-control-input:not(:disabled):focus:indeterminate ~ .custom-control-label::before {
  background-color: var(--gl-control-background-color-selected-focus);
  border-color: var(--gl-control-border-color-selected-focus);
}
@media (forced-colors: active) {
  .gl-form-checkbox.custom-control.custom-checkbox .custom-control-input:not(:disabled):indeterminate ~ .custom-control-label:hover::before,
  .gl-form-checkbox.custom-control.custom-checkbox .custom-control-input:not(:disabled):focus:indeterminate ~ .custom-control-label::before,
  .gl-form-radio.custom-control.custom-checkbox .custom-control-input:not(:disabled):indeterminate ~ .custom-control-label:hover::before,
  .gl-form-radio.custom-control.custom-checkbox .custom-control-input:not(:disabled):focus:indeterminate ~ .custom-control-label::before {
    background-color: LinkText;
    border-color: LinKText;
  }
}
.gl-form-checkbox.custom-control .custom-control-input:disabled ~ .custom-control-label,
.gl-form-radio.custom-control .custom-control-input:disabled ~ .custom-control-label {
  cursor: not-allowed;
}
.gl-form-checkbox.custom-control .custom-control-input:disabled ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input:disabled ~ .custom-control-label::before {
  pointer-events: auto;
  background-color: var(--gl-control-background-color-disabled);
  border-color: var(--gl-control-border-color-disabled);
}
@media (forced-colors: active) {
  .gl-form-checkbox.custom-control .custom-control-input:disabled ~ .custom-control-label::before,
  .gl-form-radio.custom-control .custom-control-input:disabled ~ .custom-control-label::before {
    opacity: 0.5;
  }
}
.gl-form-checkbox.custom-control .custom-control-input:checked:disabled ~ .custom-control-label::before,
.gl-form-checkbox.custom-control .custom-control-input[type=checkbox]:indeterminate:disabled ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input:checked:disabled ~ .custom-control-label::before,
.gl-form-radio.custom-control .custom-control-input[type=checkbox]:indeterminate:disabled ~ .custom-control-label::before {
  background-color: var(--gl-control-background-color-disabled);
  border-color: var(--gl-control-border-color-disabled);
}
.gl-form-checkbox.custom-control .custom-control-input:checked:disabled ~ .custom-control-label::after,
.gl-form-checkbox.custom-control .custom-control-input[type=checkbox]:indeterminate:disabled ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input:checked:disabled ~ .custom-control-label::after,
.gl-form-radio.custom-control .custom-control-input[type=checkbox]:indeterminate:disabled ~ .custom-control-label::after {
  background-image: none;
  background-color: var(--gl-control-indicator-color-disabled);
  /* Ensure state indicators (like the checkmark for checked or
    the dash for indeterminate) are visible in Windows High
    Contrast Mode.
  */
}
@media screen and (forced-colors: active) {
  .gl-form-checkbox.custom-control .custom-control-input:checked:disabled ~ .custom-control-label::after,
  .gl-form-checkbox.custom-control .custom-control-input[type=checkbox]:indeterminate:disabled ~ .custom-control-label::after,
  .gl-form-radio.custom-control .custom-control-input:checked:disabled ~ .custom-control-label::after,
  .gl-form-radio.custom-control .custom-control-input[type=checkbox]:indeterminate:disabled ~ .custom-control-label::after {
    forced-color-adjust: none;
    /* system color reference for disabled text applied to
      background here.
    */
    background-color: GrayText;
  }
}
.gl-form-checkbox .help-text,
.gl-form-radio .help-text {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1rem;
  color: var(--gl-text-color-subtle);
}

.gl-form-group {
  margin-bottom: 1rem;
}
.gl-form-group .col-form-label {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
  padding-top: 0;
  padding-bottom: 0.5rem;
  color: var(--gl-text-color-strong);
}
.gl-form-group .col-form-label > .label-description {
  margin-top: 0.5rem;
  color: var(--gl-text-color-default);
}
.gl-form-group .optional-label,
.gl-form-group .label-description {
  font-weight: 400;
}
.gl-form-group .invalid-feedback {
  color: var(--gl-control-text-color-error);
}
.gl-form-group .valid-feedback {
  color: var(--gl-control-text-color-valid);
}
.gl-form-group .invalid-feedback,
.gl-form-group .valid-feedback,
.gl-form-group .text-gl-muted,
.gl-form-group .gl-text-secondary {
  font-size: 0.875rem;
  line-height: 1rem;
}
.gl-form-group .form-control + .invalid-feedback,
.gl-form-group .form-control + .valid-feedback,
.gl-form-group .form-control + .text-gl-muted, .gl-form-group .form-control.is-valid + .invalid-feedback + .text-gl-muted,
.gl-form-group .form-control + .gl-text-secondary, .gl-form-group .form-control.is-valid + .invalid-feedback + .gl-text-secondary {
  margin-top: 0.5rem;
}
.gl-form-group .text-gl-muted {
  color: var(--gl-text-color-subtle);
}
.gl-form-group legend {
  border-bottom: 0;
}

.gl-form-radio-group {
  font-size: 0.875rem;
  line-height: 1rem;
}

/*
This is a temporary measure to ensure custom select styles are not affected by our
lack of an autoprefixer tool for compiling bootstrap.

TODO: Remove once bootstrap is included in GitLab UI or we include an autoprefixer
on gitlab
See: https://gitlab.com/gitlab-org/gitlab/issues/30055
*/
/* stylelint-disable property-no-vendor-prefix */
.gl-form-select {
  font-size: 0.875rem;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #28272d;
  opacity: 1;
  line-height: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 1.75rem;
  height: auto;
  box-shadow: inset 0 0 0 1px #89888d;
  border-style: none;
  appearance: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0.21967 0.21967C0.512563 -0.0732232 0.987437 -0.0732232 1.28033 0.21967L4 2.93934L6.71967 0.21967C7.01256 -0.073223 7.48744 -0.0732229 7.78033 0.21967C8.07322 0.512563 8.07322 0.987437 7.78033 1.28033L4.53033 4.53033C4.23744 4.82322 3.76256 4.82322 3.46967 4.53033L0.21967 1.28033C-0.0732233 0.987437 -0.0732233 0.512563 0.21967 0.21967Z" fill="%23666666"/%3E%3C/svg%3E%0A');
}
@media (forced-colors: active) {
  .gl-form-select {
    box-shadow: none;
    border: 1px solid;
  }
}
.gl-form-select:focus, .gl-form-select:focus:active {
  box-shadow: inset 0 0 0 1px #28272d, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color) !important;
  outline: none !important;
}
@media (forced-colors: active) {
  .gl-form-select:focus, .gl-form-select:focus:active {
    outline: 2px solid LinkText !important;
  }
}
.gl-form-select:disabled {
  background-color: #fbfafd;
  box-shadow: inset 0 0 0 1px #dcdcde;
  color: #737278;
  cursor: not-allowed;
}
.gl-form-select.is-invalid:not(:disabled) {
  box-shadow: inset 0 0 0 1px #ec5941;
}
.gl-form-select.is-invalid:not(:disabled):focus {
  box-shadow: inset 0 0 0 1px #dd2b0e, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color) !important;
  outline: none !important;
}
@media (forced-colors: active) {
  .gl-form-select.is-invalid:not(:disabled):focus {
    outline: 2px solid LinkText !important;
  }
}
.gl-form-select.is-invalid:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px #dd2b0e;
}

.gl-form-select-xs {
  max-width: 5rem;
}

@media (min-width: 576px) {
  .gl-sm-form-select-xs {
    max-width: 5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-select-xs {
    max-width: 5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-select-xs {
    max-width: 5rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-select-xs {
    max-width: 5rem;
  }
}

.gl-form-select-sm {
  max-width: 10rem;
}

@media (min-width: 576px) {
  .gl-sm-form-select-sm {
    max-width: 10rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-select-sm {
    max-width: 10rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-select-sm {
    max-width: 10rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-select-sm {
    max-width: 10rem;
  }
}

.gl-form-select-md {
  max-width: 15rem;
}

@media (min-width: 576px) {
  .gl-sm-form-select-md {
    max-width: 15rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-select-md {
    max-width: 15rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-select-md {
    max-width: 15rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-select-md {
    max-width: 15rem;
  }
}

.gl-form-select-lg {
  max-width: 20rem;
}

@media (min-width: 576px) {
  .gl-sm-form-select-lg {
    max-width: 20rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-select-lg {
    max-width: 20rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-select-lg {
    max-width: 20rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-select-lg {
    max-width: 20rem;
  }
}

.gl-form-select-xl {
  max-width: 35rem;
}

@media (min-width: 576px) {
  .gl-sm-form-select-xl {
    max-width: 35rem;
  }
}

@media (min-width: 768px) {
  .gl-md-form-select-xl {
    max-width: 35rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-form-select-xl {
    max-width: 35rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-form-select-xl {
    max-width: 35rem;
  }
}

/* stylelint-enable property-no-vendor-prefix */
.gl-form-combobox .gl-form-combobox-inner {
  max-height: 19.5rem;
}

.gl-icon.s8 {
  width: 8px;
  height: 8px;
}
.gl-icon.s12 {
  width: 12px;
  height: 12px;
}
.gl-icon.s14 {
  width: 14px;
  height: 14px;
}
.gl-icon.s16 {
  width: 16px;
  height: 16px;
}
.gl-icon.s24 {
  width: 24px;
  height: 24px;
}
.gl-icon.s32 {
  width: 32px;
  height: 32px;
}
.gl-icon.s48 {
  width: 48px;
  height: 48px;
}
.gl-icon.s72 {
  width: 72px;
  height: 72px;
}

.gl-infinite-scroll-container {
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.875rem;
}

.gl-infinite-scroll-legend {
  text-align: center;
  font-size: 0.75rem;
  color: #28272d;
}

.gl-label {
  align-items: center;
  background-color: var(--gl-background-color-default);
  overflow: hidden;
  display: inline-flex;
  border-radius: 0.75rem;
  position: relative;
  max-width: 100%;
  font-size: 0.75rem;
  line-height: 1rem;
  box-shadow: var(--label-inset-border) !important;
}
@media (forced-colors: active) {
  .gl-label {
    border: 1px solid;
  }
}
.gl-label:not(.gl-label-scoped) {
  background-color: var(--label-background-color);
}
.gl-label:has(*:first-child:focus) {
  box-shadow: inset 0 0 0 1px var(--label-background-color, var(--gl-background-color-default)), 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color) !important;
  outline: none !important;
}
@media (forced-colors: active) {
  .gl-label:has(*:first-child:focus) {
    outline: 2px solid LinkText !important;
  }
}
.gl-label .gl-label-link {
  display: flex;
  font-weight: 400;
  overflow: hidden;
  color: inherit;
  max-width: 100%;
}
.gl-label .gl-label-link:hover, .gl-label .gl-label-link:focus, .gl-label .gl-label-link:focus:active {
  color: inherit;
  box-shadow: none;
  outline: none;
}
.gl-label .gl-label-link-underline {
  text-decoration: none;
}
.gl-label .gl-label-link-underline:hover .gl-label-text,
.gl-label .gl-label-link-underline:hover .gl-label-text-scoped, .gl-label .gl-label-link-underline:focus .gl-label-text,
.gl-label .gl-label-link-underline:focus .gl-label-text-scoped, .gl-label .gl-label-link-underline:focus:active .gl-label-text,
.gl-label .gl-label-link-underline:focus:active .gl-label-text-scoped {
  text-decoration: underline;
}
.gl-label .gl-label-text,
.gl-label .gl-label-text-scoped {
  display: block;
  padding: 0.125rem 0.375rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  max-width: 100%;
}
.gl-label > .gl-label-close.gl-button {
  border-width: 0;
  display: flex;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: -0.1875rem;
  margin-right: 0.1875rem;
  padding: 0;
  border-radius: 50%;
  box-shadow: none;
}
.gl-label > .gl-label-close.gl-button:focus, .gl-label > .gl-label-close.gl-button:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-label > .gl-label-close.gl-button:focus, .gl-label > .gl-label-close.gl-button:active {
    outline: 2px solid LinkText;
  }
}
.gl-label > .gl-label-close.gl-button .gl-icon {
  vertical-align: -1px;
}

.gl-label-text-dark {
  color: var(--gl-label-light-text-color);
}
.gl-label-text-dark .gl-label-close.gl-button {
  color: var(--gl-label-light-button-icon-color-default);
  background-color: var(--gl-label-light-button-background-color-default);
}
.gl-label-text-dark .gl-label-close.gl-button:focus, .gl-label-text-dark .gl-label-close.gl-button:hover {
  color: var(--label-background-color);
  background-color: var(--gl-label-light-button-background-color-hover);
}

.gl-label-text-light {
  color: var(--gl-label-dark-text-color);
}
.gl-label-text-light .gl-label-close.gl-button {
  color: var(--gl-label-dark-button-icon-color-default);
  background-color: var(--gl-label-dark-button-background-color-default);
}
.gl-label-text-light .gl-label-close.gl-button:focus, .gl-label-text-light .gl-label-close.gl-button:hover {
  color: var(--label-background-color);
  background-color: var(--gl-label-dark-button-background-color-hover);
}

.gl-label-scoped .gl-label-close.gl-button {
  margin-left: -0.375rem;
  color: var(--gl-label-scoped-button-icon-color-default);
}
.gl-label-scoped .gl-label-close.gl-button:focus, .gl-label-scoped .gl-label-close.gl-button:hover {
  color: var(--gl-label-scoped-button-icon-color-hover);
  background-color: var(--gl-label-scoped-button-background-color-hover);
}
.gl-label-scoped .gl-label-text {
  background-color: var(--label-background-color);
}
@media (forced-colors: active) {
  .gl-label-scoped .gl-label-text {
    border-right: 1px solid;
  }
}
.gl-label-scoped .gl-label-text-scoped {
  color: var(--gl-label-scoped-text-color);
  padding-left: 0.25rem;
  padding-right: 0.5rem;
}

.gl-label-tooltip-title {
  display: block;
  color: #a2a2e6;
  font-weight: 600;
}

.gl-link {
  color: #1f75cb;
}
.gl-link:hover {
  color: #1f75cb;
}
.gl-link:active {
  color: #0b5cad;
}
.gl-link:active, .gl-link:focus, .gl-link:focus:active {
  text-decoration: underline;
  outline: 2px solid var(--gl-focus-ring-outer-color);
  outline-offset: 2px;
}

.gl-spinner-container {
  line-height: 0;
  text-align: center;
}

.gl-spinner {
  position: relative;
  display: inline-flex;
  border-radius: 50%;
  border-style: solid;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  animation-name: gl-spinner-rotate;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: 1rem;
  height: 1rem;
  border-width: 2px;
  transform-origin: 50% 50% calc(1rem / 2 + 2px);
}
.gl-spinner.gl-spinner-md {
  width: 1.5rem;
  height: 1.5rem;
  border-width: 3px;
  transform-origin: 50% 50% calc(1.5rem / 2 + 3px);
}
.gl-spinner.gl-spinner-lg {
  width: 2rem;
  height: 2rem;
  border-width: 3px;
  transform-origin: 50% 50% calc(2rem / 2 + 3px);
}
.gl-spinner.gl-spinner-xl {
  width: 4rem;
  height: 4rem;
  border-width: 4px;
  transform-origin: 50% 50% calc(4rem / 2 + 4px);
}
.gl-spinner.gl-spinner-dark {
  border-color: var(--gl-spinner-track-color-default);
  border-top-color: var(--gl-spinner-segment-color-default);
}
.gl-spinner.gl-spinner-light {
  border-color: var(--gl-spinner-track-color-light);
  border-top-color: var(--gl-spinner-segment-color-light);
}

.gl-dots-loader {
  line-height: 0;
  text-align: center;
}

.gl-dots-loader::before,
.gl-dots-loader > span, .gl-dots-loader::after {
  content: "";
  display: inline-block;
  border-radius: 100%;
  animation: gl-dots-loader-animation 1400ms ease-in-out infinite;
  animation-fill-mode: both;
}
.gl-dots-loader::before {
  animation-delay: -0.3s;
}
.gl-dots-loader > span {
  animation-delay: -0.15s;
}
.gl-dots-loader::after {
  margin-right: 0 !important;
}
.gl-dots-loader::before,
.gl-dots-loader > span, .gl-dots-loader::after {
  width: 0.375rem;
  height: 0.375rem;
  margin-right: calc(0.375rem / 2);
}
.gl-dots-loader.gl-dots-loader::before,
.gl-dots-loader.gl-dots-loader > span, .gl-dots-loader.gl-dots-loader::after {
  background-color: var(--gl-icon-color-subtle);
}
.gl-dots-loader.gl-dots-loader-md::before,
.gl-dots-loader.gl-dots-loader-md > span, .gl-dots-loader.gl-dots-loader-md::after {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: calc(0.5rem / 2);
}
.gl-dots-loader.gl-dots-loader-lg::before,
.gl-dots-loader.gl-dots-loader-lg > span, .gl-dots-loader.gl-dots-loader-lg::after {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: calc(0.75rem / 2);
}
.gl-dots-loader.gl-dots-loader-xl::before,
.gl-dots-loader.gl-dots-loader-xl > span, .gl-dots-loader.gl-dots-loader-xl::after {
  width: 1rem;
  height: 1rem;
  margin-right: calc(1rem / 2);
}

@keyframes gl-dots-loader-animation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.gl-markdown {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #28272d;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
}
.gl-markdown :first-child {
  margin-top: 0;
}
.gl-markdown h1,
.gl-markdown .gl-h1 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.gl-markdown h2,
.gl-markdown .gl-h2 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.gl-markdown h3,
.gl-markdown .gl-h3 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.gl-markdown h4,
.gl-markdown .gl-h4 {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.gl-markdown h5,
.gl-markdown .gl-h5 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.gl-markdown h6,
.gl-markdown .gl-h6 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.gl-markdown p,
.gl-markdown .gl-paragraph {
  margin-top: 0;
  margin-bottom: 0;
}
.gl-markdown p + p,
.gl-markdown p + .gl-paragraph,
.gl-markdown .gl-paragraph + p,
.gl-markdown .gl-paragraph + .gl-paragraph {
  margin-top: 1rem;
}
.gl-markdown p.sm,
.gl-markdown .gl-paragraph.sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.gl-markdown .sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.gl-markdown .monospace,
.gl-markdown code {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-variant-ligatures: none;
}
.gl-markdown blockquote {
  color: #4c4b51;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  box-shadow: inset 4px 0 0 0 #dcdcde;
}
.gl-markdown .idiff {
  display: inline-flex;
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.gl-markdown .deletion {
  background-color: #fdd4cd;
}
.gl-markdown .addition {
  background-color: #c3e6cd;
}
.gl-markdown code {
  background-color: #ececef;
  color: #18171d;
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.gl-markdown pre {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1px #dcdcde;
  margin-top: 2rem;
  margin-bottom: 2rem;
  overflow: auto;
}
.gl-markdown pre code {
  background-color: #fff;
  border-radius: 0;
  color: #28272d;
  padding: 0;
}
.gl-markdown .audio-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.gl-markdown .audio-container audio {
  width: 100%;
}
.gl-markdown .audio-container a {
  margin-top: 0.5rem;
}
.gl-markdown .audio-container a::before {
  margin-right: 0.25rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "📎";
}
.gl-markdown table {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.gl-markdown table th,
.gl-markdown table td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-shadow: inset 0 -1px 0 0 #dcdcde;
  vertical-align: top;
}
.gl-markdown table th {
  box-shadow: inset 0 1px 0 0 #dcdcde, inset 0 -1px 0 0 #dcdcde;
  font-weight: 600;
}
.gl-markdown table thead {
  background-color: #ececef;
}
.gl-markdown table tr:nth-child(even) {
  background-color: #fbfafd;
}

.gl-compact-markdown {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.gl-compact-markdown h1,
.gl-compact-markdown .gl-h1 {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.gl-compact-markdown h2,
.gl-compact-markdown .gl-h2 {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.3125rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.gl-compact-markdown h3,
.gl-compact-markdown .gl-h3 {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.gl-compact-markdown h4,
.gl-compact-markdown .gl-h4 {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.gl-compact-markdown h5,
.gl-compact-markdown .gl-h5 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.gl-compact-markdown h6,
.gl-compact-markdown .gl-h6 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.gl-compact-markdown .sm {
  font-size: 0.75rem;
}
.gl-compact-markdown .monospace,
.gl-compact-markdown code {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-variant-ligatures: none;
}
.gl-compact-markdown table th,
.gl-compact-markdown table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

body.modal-open {
  overflow: hidden;
}

@media (min-width: 576px) {
  .gl-modal .modal-dialog-scrollable {
    max-height: calc(100% - 8rem);
  }
}
.gl-modal .modal-sm {
  max-width: 32rem;
}
.gl-modal .modal-md {
  max-width: 48rem;
}
.gl-modal .modal-lg {
  max-width: 61.875rem;
}
.gl-modal .modal-xl {
  max-width: 98%;
}
.gl-modal .modal-content {
  border-radius: 0.25rem;
  border-width: 0;
  box-shadow: 0 4px 16px rgba(5, 5, 6, 0.24);
  background-color: var(--gl-background-color-default);
  color: var(--gl-text-color-default);
}
.gl-modal .modal-content > :first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.gl-modal .modal-content > :last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.gl-modal .modal-header {
  padding-bottom: 0.5rem;
  border-style: none;
}
.gl-modal .modal-header .modal-title {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
  color: var(--gl-text-color-heading);
}
.gl-modal .modal-body {
  min-height: 80px;
  line-height: 1.5;
  position: relative;
  padding: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  white-space: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.gl-modal .modal-footer {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  padding-top: 0.5rem;
  border-style: none;
}
.gl-modal .modal-footer .btn {
  margin: 0;
}
.gl-modal .modal-footer .btn + .btn:not(.dropdown-toggle-split),
.gl-modal .modal-footer .btn + .btn-group,
.gl-modal .modal-footer .btn-group + .btn {
  margin-left: 0.5rem;
}
.gl-modal .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
@media (max-width: 575.98px) {
  .gl-modal .modal-footer {
    flex-direction: column;
  }
  .gl-modal .modal-footer .btn + .btn:not(.dropdown-toggle-split),
  .gl-modal .modal-footer .btn + .btn-group,
  .gl-modal .modal-footer .btn-group + .btn {
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .gl-modal .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
    margin-top: 0;
  }
}
.gl-modal ~ .modal-backdrop {
  background-color: var(--gl-background-color-overlay);
  opacity: 1;
}
@media (min-width: 576px) {
  .gl-modal .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
  }
}

.nav-link:focus-visible {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .nav-link:focus-visible {
    outline: 2px solid LinkText;
  }
}

/*
 * Button-specific utilities
 */
.gl-button {
  display: inline-flex;
}

.gl-button:not(.btn-link):focus, .gl-button:not(.btn-link):active, .gl-button:not(.btn-link):focus:active {
  text-decoration: none;
}

.gl-button.gl-button,
.gl-button.gl-button.btn-block {
  border-width: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: transparent;
  line-height: 1rem;
  color: #28272d;
  fill: currentColor;
  box-shadow: inset 0 0 0 1px #bfbfc3;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
@media (forced-colors: active) {
  .gl-button.gl-button,
  .gl-button.gl-button.btn-block {
    border: 1px solid;
  }
}
.gl-button.gl-button .gl-button-text,
.gl-button.gl-button.btn-block .gl-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: -1px;
  margin-bottom: -1px;
}
.gl-button.gl-button .gl-button-icon,
.gl-button.gl-button.btn-block .gl-button-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  margin-right: 0.25rem;
  top: auto;
}
.gl-button.gl-button gl-emoji,
.gl-button.gl-button.btn-block gl-emoji {
  margin-right: 0.25rem;
  position: relative;
  font-size: 1rem;
}
.gl-button.gl-button.btn-default, .gl-button.gl-button.btn-dashed,
.gl-button.gl-button.btn-block.btn-default,
.gl-button.gl-button.btn-block.btn-dashed {
  background-color: #fff;
}
.gl-button.gl-button.btn-default.btn-default-tertiary, .gl-button.gl-button.btn-dashed.btn-default-tertiary,
.gl-button.gl-button.btn-block.btn-default.btn-default-tertiary,
.gl-button.gl-button.btn-block.btn-dashed.btn-default-tertiary {
  background-color: transparent;
}
.gl-button.gl-button.btn-default:hover, .gl-button.gl-button.btn-dashed:hover,
.gl-button.gl-button.btn-block.btn-default:hover,
.gl-button.gl-button.btn-block.btn-dashed:hover {
  box-shadow: inset 0 0 0 2px #89888d, 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  background: #ececef;
}
.gl-button.gl-button.btn-default:hover .gl-icon, .gl-button.gl-button.btn-dashed:hover .gl-icon,
.gl-button.gl-button.btn-block.btn-default:hover .gl-icon,
.gl-button.gl-button.btn-block.btn-dashed:hover .gl-icon {
  color: #4c4b51;
}
.gl-button.gl-button.btn-default:focus, .gl-button.gl-button.btn-dashed:focus,
.gl-button.gl-button.btn-block.btn-default:focus,
.gl-button.gl-button.btn-block.btn-dashed:focus {
  box-shadow: inset 0 0 0 1px #89888d, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #ececef;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-default:focus, .gl-button.gl-button.btn-dashed:focus,
  .gl-button.gl-button.btn-block.btn-default:focus,
  .gl-button.gl-button.btn-block.btn-dashed:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-default:focus .gl-icon, .gl-button.gl-button.btn-dashed:focus .gl-icon,
.gl-button.gl-button.btn-block.btn-default:focus .gl-icon,
.gl-button.gl-button.btn-block.btn-dashed:focus .gl-icon {
  color: #4c4b51;
}
.gl-button.gl-button.btn-default:active, .gl-button.gl-button.btn-default.active, .gl-button.gl-button.btn-dashed:active, .gl-button.gl-button.btn-dashed.active,
.gl-button.gl-button.btn-block.btn-default:active,
.gl-button.gl-button.btn-block.btn-default.active,
.gl-button.gl-button.btn-block.btn-dashed:active,
.gl-button.gl-button.btn-block.btn-dashed.active {
  box-shadow: inset 0 0 0 1px #626168, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #dcdcde;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-default:active, .gl-button.gl-button.btn-default.active, .gl-button.gl-button.btn-dashed:active, .gl-button.gl-button.btn-dashed.active,
  .gl-button.gl-button.btn-block.btn-default:active,
  .gl-button.gl-button.btn-block.btn-default.active,
  .gl-button.gl-button.btn-block.btn-dashed:active,
  .gl-button.gl-button.btn-block.btn-dashed.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-default:active .gl-icon, .gl-button.gl-button.btn-default.active .gl-icon, .gl-button.gl-button.btn-dashed:active .gl-icon, .gl-button.gl-button.btn-dashed.active .gl-icon,
.gl-button.gl-button.btn-block.btn-default:active .gl-icon,
.gl-button.gl-button.btn-block.btn-default.active .gl-icon,
.gl-button.gl-button.btn-block.btn-dashed:active .gl-icon,
.gl-button.gl-button.btn-block.btn-dashed.active .gl-icon {
  color: #28272d;
}
.gl-button.gl-button.btn-default:active:focus, .gl-button.gl-button.btn-default.active:focus, .gl-button.gl-button.btn-dashed:active:focus, .gl-button.gl-button.btn-dashed.active:focus,
.gl-button.gl-button.btn-block.btn-default:active:focus,
.gl-button.gl-button.btn-block.btn-default.active:focus,
.gl-button.gl-button.btn-block.btn-dashed:active:focus,
.gl-button.gl-button.btn-block.btn-dashed.active:focus {
  box-shadow: inset 0 0 0 1px #626168, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-default:active:focus, .gl-button.gl-button.btn-default.active:focus, .gl-button.gl-button.btn-dashed:active:focus, .gl-button.gl-button.btn-dashed.active:focus,
  .gl-button.gl-button.btn-block.btn-default:active:focus,
  .gl-button.gl-button.btn-block.btn-default.active:focus,
  .gl-button.gl-button.btn-block.btn-dashed:active:focus,
  .gl-button.gl-button.btn-block.btn-dashed.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-default:active:focus .gl-icon, .gl-button.gl-button.btn-default.active:focus .gl-icon, .gl-button.gl-button.btn-dashed:active:focus .gl-icon, .gl-button.gl-button.btn-dashed.active:focus .gl-icon,
.gl-button.gl-button.btn-block.btn-default:active:focus .gl-icon,
.gl-button.gl-button.btn-block.btn-default.active:focus .gl-icon,
.gl-button.gl-button.btn-block.btn-dashed:active:focus .gl-icon,
.gl-button.gl-button.btn-block.btn-dashed.active:focus .gl-icon {
  color: #28272d;
}
.gl-button.gl-button.btn-default .gl-icon, .gl-button.gl-button.btn-dashed .gl-icon,
.gl-button.gl-button.btn-block.btn-default .gl-icon,
.gl-button.gl-button.btn-block.btn-dashed .gl-icon {
  color: #737278;
}
.gl-button.gl-button.selected,
.gl-button.gl-button.btn-block.selected {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #a4a3a8;
}
.gl-button.gl-button.selected:hover, .gl-button.gl-button.selected:focus,
.gl-button.gl-button.btn-block.selected:hover,
.gl-button.gl-button.btn-block.selected:focus {
  background-color: #ececef;
}
.gl-button.gl-button.selected:hover,
.gl-button.gl-button.btn-block.selected:hover {
  box-shadow: inset 0 0 0 2px #89888d;
}
.gl-button.gl-button.selected:focus,
.gl-button.gl-button.btn-block.selected:focus {
  box-shadow: inset 0 0 0 2px #89888d, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
}
.gl-button.gl-button.selected:active, .gl-button.gl-button.selected:active:focus,
.gl-button.gl-button.btn-block.selected:active,
.gl-button.gl-button.btn-block.selected:active:focus {
  background-color: #dcdcde;
  box-shadow: inset 0 0 0 2px #626168, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
}
.gl-button.gl-button.btn-confirm, .gl-button.gl-button.btn-info, .gl-button.gl-button.btn-success, .gl-button.gl-button.btn-danger,
.gl-button.gl-button.btn-block.btn-confirm,
.gl-button.gl-button.btn-block.btn-info,
.gl-button.gl-button.btn-block.btn-success,
.gl-button.gl-button.btn-block.btn-danger {
  color: #fff;
}
.gl-button.gl-button.btn-confirm, .gl-button.gl-button.btn-info,
.gl-button.gl-button.btn-block.btn-confirm,
.gl-button.gl-button.btn-block.btn-info {
  background-color: #1f75cb;
  box-shadow: inset 0 0 0 1px #1068bf;
}
.gl-button.gl-button.btn-confirm:hover, .gl-button.gl-button.btn-info:hover,
.gl-button.gl-button.btn-block.btn-confirm:hover,
.gl-button.gl-button.btn-block.btn-info:hover {
  box-shadow: inset 0 0 0 2px #064787, 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  background: #1068bf;
}
.gl-button.gl-button.btn-confirm:focus, .gl-button.gl-button.btn-info:focus,
.gl-button.gl-button.btn-block.btn-confirm:focus,
.gl-button.gl-button.btn-block.btn-info:focus {
  box-shadow: inset 0 0 0 1px #064787, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #1068bf;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-confirm:focus, .gl-button.gl-button.btn-info:focus,
  .gl-button.gl-button.btn-block.btn-confirm:focus,
  .gl-button.gl-button.btn-block.btn-info:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-confirm:active, .gl-button.gl-button.btn-confirm.active, .gl-button.gl-button.btn-info:active, .gl-button.gl-button.btn-info.active,
.gl-button.gl-button.btn-block.btn-confirm:active,
.gl-button.gl-button.btn-block.btn-confirm.active,
.gl-button.gl-button.btn-block.btn-info:active,
.gl-button.gl-button.btn-block.btn-info.active {
  box-shadow: inset 0 0 0 1px #033464, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #0b5cad;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-confirm:active, .gl-button.gl-button.btn-confirm.active, .gl-button.gl-button.btn-info:active, .gl-button.gl-button.btn-info.active,
  .gl-button.gl-button.btn-block.btn-confirm:active,
  .gl-button.gl-button.btn-block.btn-confirm.active,
  .gl-button.gl-button.btn-block.btn-info:active,
  .gl-button.gl-button.btn-block.btn-info.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-confirm:active:focus, .gl-button.gl-button.btn-confirm.active:focus, .gl-button.gl-button.btn-info:active:focus, .gl-button.gl-button.btn-info.active:focus,
.gl-button.gl-button.btn-block.btn-confirm:active:focus,
.gl-button.gl-button.btn-block.btn-confirm.active:focus,
.gl-button.gl-button.btn-block.btn-info:active:focus,
.gl-button.gl-button.btn-block.btn-info.active:focus {
  box-shadow: inset 0 0 0 1px #033464, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-confirm:active:focus, .gl-button.gl-button.btn-confirm.active:focus, .gl-button.gl-button.btn-info:active:focus, .gl-button.gl-button.btn-info.active:focus,
  .gl-button.gl-button.btn-block.btn-confirm:active:focus,
  .gl-button.gl-button.btn-block.btn-confirm.active:focus,
  .gl-button.gl-button.btn-block.btn-info:active:focus,
  .gl-button.gl-button.btn-block.btn-info.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-confirm-secondary, .gl-button.gl-button.btn-confirm-tertiary, .gl-button.gl-button.btn-info-secondary, .gl-button.gl-button.btn-info-tertiary,
.gl-button.gl-button.btn-block.btn-confirm-secondary,
.gl-button.gl-button.btn-block.btn-confirm-tertiary,
.gl-button.gl-button.btn-block.btn-info-secondary,
.gl-button.gl-button.btn-block.btn-info-tertiary {
  background-color: transparent;
  color: #1f75cb;
  font-weight: 400;
  box-shadow: inset 0 0 0 1px #1f75cb;
}
.gl-button.gl-button.btn-confirm-secondary:hover, .gl-button.gl-button.btn-confirm-tertiary:hover, .gl-button.gl-button.btn-info-secondary:hover, .gl-button.gl-button.btn-info-tertiary:hover,
.gl-button.gl-button.btn-block.btn-confirm-secondary:hover,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:hover,
.gl-button.gl-button.btn-block.btn-info-secondary:hover,
.gl-button.gl-button.btn-block.btn-info-tertiary:hover {
  color: #0b5cad;
  box-shadow: inset 0 0 0 2px #0b5cad, 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  background: #e9f3fc;
}
.gl-button.gl-button.btn-confirm-secondary:focus, .gl-button.gl-button.btn-confirm-tertiary:focus, .gl-button.gl-button.btn-info-secondary:focus, .gl-button.gl-button.btn-info-tertiary:focus,
.gl-button.gl-button.btn-block.btn-confirm-secondary:focus,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:focus,
.gl-button.gl-button.btn-block.btn-info-secondary:focus,
.gl-button.gl-button.btn-block.btn-info-tertiary:focus {
  color: #0b5cad;
  box-shadow: inset 0 0 0 1px #0b5cad, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #e9f3fc;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-confirm-secondary:focus, .gl-button.gl-button.btn-confirm-tertiary:focus, .gl-button.gl-button.btn-info-secondary:focus, .gl-button.gl-button.btn-info-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-confirm-secondary:focus,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-info-secondary:focus,
  .gl-button.gl-button.btn-block.btn-info-tertiary:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-confirm-secondary:active, .gl-button.gl-button.btn-confirm-secondary.active, .gl-button.gl-button.btn-confirm-tertiary:active, .gl-button.gl-button.btn-confirm-tertiary.active, .gl-button.gl-button.btn-info-secondary:active, .gl-button.gl-button.btn-info-secondary.active, .gl-button.gl-button.btn-info-tertiary:active, .gl-button.gl-button.btn-info-tertiary.active,
.gl-button.gl-button.btn-block.btn-confirm-secondary:active,
.gl-button.gl-button.btn-block.btn-confirm-secondary.active,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:active,
.gl-button.gl-button.btn-block.btn-confirm-tertiary.active,
.gl-button.gl-button.btn-block.btn-info-secondary:active,
.gl-button.gl-button.btn-block.btn-info-secondary.active,
.gl-button.gl-button.btn-block.btn-info-tertiary:active,
.gl-button.gl-button.btn-block.btn-info-tertiary.active {
  color: #033464;
  box-shadow: inset 0 0 0 1px #033464, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #cbe2f9;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-confirm-secondary:active, .gl-button.gl-button.btn-confirm-secondary.active, .gl-button.gl-button.btn-confirm-tertiary:active, .gl-button.gl-button.btn-confirm-tertiary.active, .gl-button.gl-button.btn-info-secondary:active, .gl-button.gl-button.btn-info-secondary.active, .gl-button.gl-button.btn-info-tertiary:active, .gl-button.gl-button.btn-info-tertiary.active,
  .gl-button.gl-button.btn-block.btn-confirm-secondary:active,
  .gl-button.gl-button.btn-block.btn-confirm-secondary.active,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary:active,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary.active,
  .gl-button.gl-button.btn-block.btn-info-secondary:active,
  .gl-button.gl-button.btn-block.btn-info-secondary.active,
  .gl-button.gl-button.btn-block.btn-info-tertiary:active,
  .gl-button.gl-button.btn-block.btn-info-tertiary.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-confirm-secondary:active:focus, .gl-button.gl-button.btn-confirm-secondary.active:focus, .gl-button.gl-button.btn-confirm-tertiary:active:focus, .gl-button.gl-button.btn-confirm-tertiary.active:focus, .gl-button.gl-button.btn-info-secondary:active:focus, .gl-button.gl-button.btn-info-secondary.active:focus, .gl-button.gl-button.btn-info-tertiary:active:focus, .gl-button.gl-button.btn-info-tertiary.active:focus,
.gl-button.gl-button.btn-block.btn-confirm-secondary:active:focus,
.gl-button.gl-button.btn-block.btn-confirm-secondary.active:focus,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:active:focus,
.gl-button.gl-button.btn-block.btn-confirm-tertiary.active:focus,
.gl-button.gl-button.btn-block.btn-info-secondary:active:focus,
.gl-button.gl-button.btn-block.btn-info-secondary.active:focus,
.gl-button.gl-button.btn-block.btn-info-tertiary:active:focus,
.gl-button.gl-button.btn-block.btn-info-tertiary.active:focus {
  box-shadow: inset 0 0 0 1px #033464, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-confirm-secondary:active:focus, .gl-button.gl-button.btn-confirm-secondary.active:focus, .gl-button.gl-button.btn-confirm-tertiary:active:focus, .gl-button.gl-button.btn-confirm-tertiary.active:focus, .gl-button.gl-button.btn-info-secondary:active:focus, .gl-button.gl-button.btn-info-secondary.active:focus, .gl-button.gl-button.btn-info-tertiary:active:focus, .gl-button.gl-button.btn-info-tertiary.active:focus,
  .gl-button.gl-button.btn-block.btn-confirm-secondary:active:focus,
  .gl-button.gl-button.btn-block.btn-confirm-secondary.active:focus,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary:active:focus,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary.active:focus,
  .gl-button.gl-button.btn-block.btn-info-secondary:active:focus,
  .gl-button.gl-button.btn-block.btn-info-secondary.active:focus,
  .gl-button.gl-button.btn-block.btn-info-tertiary:active:focus,
  .gl-button.gl-button.btn-block.btn-info-tertiary.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-success,
.gl-button.gl-button.btn-block.btn-success {
  background-color: #108548;
  box-shadow: inset 0 0 0 1px #217645;
}
.gl-button.gl-button.btn-success:hover,
.gl-button.gl-button.btn-block.btn-success:hover {
  box-shadow: inset 0 0 0 2px #0d532a, 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  background: #217645;
}
.gl-button.gl-button.btn-success:focus,
.gl-button.gl-button.btn-block.btn-success:focus {
  box-shadow: inset 0 0 0 1px #0d532a, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #217645;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-success:focus,
  .gl-button.gl-button.btn-block.btn-success:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-success:active, .gl-button.gl-button.btn-success.active,
.gl-button.gl-button.btn-block.btn-success:active,
.gl-button.gl-button.btn-block.btn-success.active {
  box-shadow: inset 0 0 0 1px #0a4020, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #24663b;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-success:active, .gl-button.gl-button.btn-success.active,
  .gl-button.gl-button.btn-block.btn-success:active,
  .gl-button.gl-button.btn-block.btn-success.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-success:active:focus, .gl-button.gl-button.btn-success.active:focus,
.gl-button.gl-button.btn-block.btn-success:active:focus,
.gl-button.gl-button.btn-block.btn-success.active:focus {
  box-shadow: inset 0 0 0 1px #0a4020, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-success:active:focus, .gl-button.gl-button.btn-success.active:focus,
  .gl-button.gl-button.btn-block.btn-success:active:focus,
  .gl-button.gl-button.btn-block.btn-success.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-success-secondary, .gl-button.gl-button.btn-success-tertiary,
.gl-button.gl-button.btn-block.btn-success-secondary,
.gl-button.gl-button.btn-block.btn-success-tertiary {
  background-color: transparent;
  color: #108548;
  font-weight: 400;
  box-shadow: inset 0 0 0 1px #108548;
}
.gl-button.gl-button.btn-success-secondary:hover, .gl-button.gl-button.btn-success-tertiary:hover,
.gl-button.gl-button.btn-block.btn-success-secondary:hover,
.gl-button.gl-button.btn-block.btn-success-tertiary:hover {
  color: #24663b;
  box-shadow: inset 0 0 0 2px #24663b, 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  background: #ecf4ee;
}
.gl-button.gl-button.btn-success-secondary:focus, .gl-button.gl-button.btn-success-tertiary:focus,
.gl-button.gl-button.btn-block.btn-success-secondary:focus,
.gl-button.gl-button.btn-block.btn-success-tertiary:focus {
  color: #24663b;
  box-shadow: inset 0 0 0 1px #24663b, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #ecf4ee;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-success-secondary:focus, .gl-button.gl-button.btn-success-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-success-secondary:focus,
  .gl-button.gl-button.btn-block.btn-success-tertiary:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-success-secondary:active, .gl-button.gl-button.btn-success-secondary.active, .gl-button.gl-button.btn-success-tertiary:active, .gl-button.gl-button.btn-success-tertiary.active,
.gl-button.gl-button.btn-block.btn-success-secondary:active,
.gl-button.gl-button.btn-block.btn-success-secondary.active,
.gl-button.gl-button.btn-block.btn-success-tertiary:active,
.gl-button.gl-button.btn-block.btn-success-tertiary.active {
  color: #0a4020;
  box-shadow: inset 0 0 0 1px #0a4020, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #c3e6cd;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-success-secondary:active, .gl-button.gl-button.btn-success-secondary.active, .gl-button.gl-button.btn-success-tertiary:active, .gl-button.gl-button.btn-success-tertiary.active,
  .gl-button.gl-button.btn-block.btn-success-secondary:active,
  .gl-button.gl-button.btn-block.btn-success-secondary.active,
  .gl-button.gl-button.btn-block.btn-success-tertiary:active,
  .gl-button.gl-button.btn-block.btn-success-tertiary.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-success-secondary:active:focus, .gl-button.gl-button.btn-success-secondary.active:focus, .gl-button.gl-button.btn-success-tertiary:active:focus, .gl-button.gl-button.btn-success-tertiary.active:focus,
.gl-button.gl-button.btn-block.btn-success-secondary:active:focus,
.gl-button.gl-button.btn-block.btn-success-secondary.active:focus,
.gl-button.gl-button.btn-block.btn-success-tertiary:active:focus,
.gl-button.gl-button.btn-block.btn-success-tertiary.active:focus {
  box-shadow: inset 0 0 0 1px #0a4020, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-success-secondary:active:focus, .gl-button.gl-button.btn-success-secondary.active:focus, .gl-button.gl-button.btn-success-tertiary:active:focus, .gl-button.gl-button.btn-success-tertiary.active:focus,
  .gl-button.gl-button.btn-block.btn-success-secondary:active:focus,
  .gl-button.gl-button.btn-block.btn-success-secondary.active:focus,
  .gl-button.gl-button.btn-block.btn-success-tertiary:active:focus,
  .gl-button.gl-button.btn-block.btn-success-tertiary.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-danger,
.gl-button.gl-button.btn-block.btn-danger {
  background-color: #dd2b0e;
  box-shadow: inset 0 0 0 1px #c91c00;
}
.gl-button.gl-button.btn-danger:hover,
.gl-button.gl-button.btn-block.btn-danger:hover {
  box-shadow: inset 0 0 0 2px #8d1300, 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  background: #c91c00;
}
.gl-button.gl-button.btn-danger:focus,
.gl-button.gl-button.btn-block.btn-danger:focus {
  box-shadow: inset 0 0 0 1px #8d1300, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #c91c00;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-danger:focus,
  .gl-button.gl-button.btn-block.btn-danger:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-danger:active, .gl-button.gl-button.btn-danger.active,
.gl-button.gl-button.btn-block.btn-danger:active,
.gl-button.gl-button.btn-block.btn-danger.active {
  box-shadow: inset 0 0 0 1px #660e00, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #ae1800;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-danger:active, .gl-button.gl-button.btn-danger.active,
  .gl-button.gl-button.btn-block.btn-danger:active,
  .gl-button.gl-button.btn-block.btn-danger.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-danger:active:focus, .gl-button.gl-button.btn-danger.active:focus,
.gl-button.gl-button.btn-block.btn-danger:active:focus,
.gl-button.gl-button.btn-block.btn-danger.active:focus {
  box-shadow: inset 0 0 0 1px #660e00, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-danger:active:focus, .gl-button.gl-button.btn-danger.active:focus,
  .gl-button.gl-button.btn-block.btn-danger:active:focus,
  .gl-button.gl-button.btn-block.btn-danger.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-danger-secondary, .gl-button.gl-button.btn-danger-tertiary,
.gl-button.gl-button.btn-block.btn-danger-secondary,
.gl-button.gl-button.btn-block.btn-danger-tertiary {
  background-color: transparent;
  color: #dd2b0e;
  font-weight: 400;
  box-shadow: inset 0 0 0 1px #dd2b0e;
}
.gl-button.gl-button.btn-danger-secondary:hover, .gl-button.gl-button.btn-danger-tertiary:hover,
.gl-button.gl-button.btn-block.btn-danger-secondary:hover,
.gl-button.gl-button.btn-block.btn-danger-tertiary:hover {
  color: #ae1800;
  box-shadow: inset 0 0 0 2px #ae1800, 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  background: #fcf1ef;
}
.gl-button.gl-button.btn-danger-secondary:focus, .gl-button.gl-button.btn-danger-tertiary:focus,
.gl-button.gl-button.btn-block.btn-danger-secondary:focus,
.gl-button.gl-button.btn-block.btn-danger-tertiary:focus {
  color: #ae1800;
  box-shadow: inset 0 0 0 1px #ae1800, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #fcf1ef;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-danger-secondary:focus, .gl-button.gl-button.btn-danger-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-danger-secondary:focus,
  .gl-button.gl-button.btn-block.btn-danger-tertiary:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-danger-secondary:active, .gl-button.gl-button.btn-danger-secondary.active, .gl-button.gl-button.btn-danger-tertiary:active, .gl-button.gl-button.btn-danger-tertiary.active,
.gl-button.gl-button.btn-block.btn-danger-secondary:active,
.gl-button.gl-button.btn-block.btn-danger-secondary.active,
.gl-button.gl-button.btn-block.btn-danger-tertiary:active,
.gl-button.gl-button.btn-block.btn-danger-tertiary.active {
  color: #660e00;
  box-shadow: inset 0 0 0 1px #660e00, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  background-color: #fdd4cd;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-danger-secondary:active, .gl-button.gl-button.btn-danger-secondary.active, .gl-button.gl-button.btn-danger-tertiary:active, .gl-button.gl-button.btn-danger-tertiary.active,
  .gl-button.gl-button.btn-block.btn-danger-secondary:active,
  .gl-button.gl-button.btn-block.btn-danger-secondary.active,
  .gl-button.gl-button.btn-block.btn-danger-tertiary:active,
  .gl-button.gl-button.btn-block.btn-danger-tertiary.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-danger-secondary:active:focus, .gl-button.gl-button.btn-danger-secondary.active:focus, .gl-button.gl-button.btn-danger-tertiary:active:focus, .gl-button.gl-button.btn-danger-tertiary.active:focus,
.gl-button.gl-button.btn-block.btn-danger-secondary:active:focus,
.gl-button.gl-button.btn-block.btn-danger-secondary.active:focus,
.gl-button.gl-button.btn-block.btn-danger-tertiary:active:focus,
.gl-button.gl-button.btn-block.btn-danger-tertiary.active:focus {
  box-shadow: inset 0 0 0 1px #660e00, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-danger-secondary:active:focus, .gl-button.gl-button.btn-danger-secondary.active:focus, .gl-button.gl-button.btn-danger-tertiary:active:focus, .gl-button.gl-button.btn-danger-tertiary.active:focus,
  .gl-button.gl-button.btn-block.btn-danger-secondary:active:focus,
  .gl-button.gl-button.btn-block.btn-danger-secondary.active:focus,
  .gl-button.gl-button.btn-block.btn-danger-tertiary:active:focus,
  .gl-button.gl-button.btn-block.btn-danger-tertiary.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-default-secondary, .gl-button.gl-button.btn-dashed-secondary, .gl-button.gl-button.btn-confirm-secondary, .gl-button.gl-button.btn-info-secondary, .gl-button.gl-button.btn-success-secondary, .gl-button.gl-button.btn-danger-secondary,
.gl-button.gl-button.btn-block.btn-default-secondary,
.gl-button.gl-button.btn-block.btn-dashed-secondary,
.gl-button.gl-button.btn-block.btn-confirm-secondary,
.gl-button.gl-button.btn-block.btn-info-secondary,
.gl-button.gl-button.btn-block.btn-success-secondary,
.gl-button.gl-button.btn-block.btn-danger-secondary {
  background-color: #fff;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-default-secondary, .gl-button.gl-button.btn-dashed-secondary, .gl-button.gl-button.btn-confirm-secondary, .gl-button.gl-button.btn-info-secondary, .gl-button.gl-button.btn-success-secondary, .gl-button.gl-button.btn-danger-secondary, .gl-button.gl-button.btn-reset-secondary, .gl-button.gl-button.btn-reset-tertiary,
  .gl-button.gl-button.btn-block.btn-default-secondary,
  .gl-button.gl-button.btn-block.btn-dashed-secondary,
  .gl-button.gl-button.btn-block.btn-confirm-secondary,
  .gl-button.gl-button.btn-block.btn-info-secondary,
  .gl-button.gl-button.btn-block.btn-success-secondary,
  .gl-button.gl-button.btn-block.btn-danger-secondary,
  .gl-button.gl-button.btn-block.btn-reset-secondary,
  .gl-button.gl-button.btn-block.btn-reset-tertiary {
    color: LinkText;
    border: 1px solid LinkText;
  }
}
.gl-button.gl-button.btn-default-tertiary, .gl-button.gl-button.btn-dashed-tertiary, .gl-button.gl-button.btn-confirm-tertiary, .gl-button.gl-button.btn-info-tertiary, .gl-button.gl-button.btn-success-tertiary, .gl-button.gl-button.btn-danger-tertiary,
.gl-button.gl-button.btn-block.btn-default-tertiary,
.gl-button.gl-button.btn-block.btn-dashed-tertiary,
.gl-button.gl-button.btn-block.btn-confirm-tertiary,
.gl-button.gl-button.btn-block.btn-info-tertiary,
.gl-button.gl-button.btn-block.btn-success-tertiary,
.gl-button.gl-button.btn-block.btn-danger-tertiary {
  box-shadow: none;
  mix-blend-mode: multiply;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-default-tertiary, .gl-button.gl-button.btn-dashed-tertiary, .gl-button.gl-button.btn-confirm-tertiary, .gl-button.gl-button.btn-info-tertiary, .gl-button.gl-button.btn-success-tertiary, .gl-button.gl-button.btn-danger-tertiary,
  .gl-button.gl-button.btn-block.btn-default-tertiary,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary,
  .gl-button.gl-button.btn-block.btn-info-tertiary,
  .gl-button.gl-button.btn-block.btn-success-tertiary,
  .gl-button.gl-button.btn-block.btn-danger-tertiary {
    color: LinkText;
    mix-blend-mode: initial;
    border: 0;
  }
}
.gl-button.gl-button.btn-default-tertiary:hover, .gl-button.gl-button.btn-dashed-tertiary:hover, .gl-button.gl-button.btn-confirm-tertiary:hover, .gl-button.gl-button.btn-info-tertiary:hover, .gl-button.gl-button.btn-success-tertiary:hover, .gl-button.gl-button.btn-danger-tertiary:hover,
.gl-button.gl-button.btn-block.btn-default-tertiary:hover,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:hover,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:hover,
.gl-button.gl-button.btn-block.btn-info-tertiary:hover,
.gl-button.gl-button.btn-block.btn-success-tertiary:hover,
.gl-button.gl-button.btn-block.btn-danger-tertiary:hover {
  box-shadow: none;
}
.gl-button.gl-button.btn-default-tertiary:active, .gl-button.gl-button.btn-default-tertiary:focus, .gl-button.gl-button.btn-default-tertiary:focus:active, .gl-button.gl-button.btn-dashed-tertiary:active, .gl-button.gl-button.btn-dashed-tertiary:focus, .gl-button.gl-button.btn-dashed-tertiary:focus:active, .gl-button.gl-button.btn-confirm-tertiary:active, .gl-button.gl-button.btn-confirm-tertiary:focus, .gl-button.gl-button.btn-confirm-tertiary:focus:active, .gl-button.gl-button.btn-info-tertiary:active, .gl-button.gl-button.btn-info-tertiary:focus, .gl-button.gl-button.btn-info-tertiary:focus:active, .gl-button.gl-button.btn-success-tertiary:active, .gl-button.gl-button.btn-success-tertiary:focus, .gl-button.gl-button.btn-success-tertiary:focus:active, .gl-button.gl-button.btn-danger-tertiary:active, .gl-button.gl-button.btn-danger-tertiary:focus, .gl-button.gl-button.btn-danger-tertiary:focus:active,
.gl-button.gl-button.btn-block.btn-default-tertiary:active,
.gl-button.gl-button.btn-block.btn-default-tertiary:focus,
.gl-button.gl-button.btn-block.btn-default-tertiary:focus:active,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:active,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:focus,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:focus:active,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:active,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:focus,
.gl-button.gl-button.btn-block.btn-confirm-tertiary:focus:active,
.gl-button.gl-button.btn-block.btn-info-tertiary:active,
.gl-button.gl-button.btn-block.btn-info-tertiary:focus,
.gl-button.gl-button.btn-block.btn-info-tertiary:focus:active,
.gl-button.gl-button.btn-block.btn-success-tertiary:active,
.gl-button.gl-button.btn-block.btn-success-tertiary:focus,
.gl-button.gl-button.btn-block.btn-success-tertiary:focus:active,
.gl-button.gl-button.btn-block.btn-danger-tertiary:active,
.gl-button.gl-button.btn-block.btn-danger-tertiary:focus,
.gl-button.gl-button.btn-block.btn-danger-tertiary:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-default-tertiary:active, .gl-button.gl-button.btn-default-tertiary:focus, .gl-button.gl-button.btn-default-tertiary:focus:active, .gl-button.gl-button.btn-dashed-tertiary:active, .gl-button.gl-button.btn-dashed-tertiary:focus, .gl-button.gl-button.btn-dashed-tertiary:focus:active, .gl-button.gl-button.btn-confirm-tertiary:active, .gl-button.gl-button.btn-confirm-tertiary:focus, .gl-button.gl-button.btn-confirm-tertiary:focus:active, .gl-button.gl-button.btn-info-tertiary:active, .gl-button.gl-button.btn-info-tertiary:focus, .gl-button.gl-button.btn-info-tertiary:focus:active, .gl-button.gl-button.btn-success-tertiary:active, .gl-button.gl-button.btn-success-tertiary:focus, .gl-button.gl-button.btn-success-tertiary:focus:active, .gl-button.gl-button.btn-danger-tertiary:active, .gl-button.gl-button.btn-danger-tertiary:focus, .gl-button.gl-button.btn-danger-tertiary:focus:active,
  .gl-button.gl-button.btn-block.btn-default-tertiary:active,
  .gl-button.gl-button.btn-block.btn-default-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-default-tertiary:focus:active,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary:active,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary:focus:active,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary:active,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary:focus:active,
  .gl-button.gl-button.btn-block.btn-info-tertiary:active,
  .gl-button.gl-button.btn-block.btn-info-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-info-tertiary:focus:active,
  .gl-button.gl-button.btn-block.btn-success-tertiary:active,
  .gl-button.gl-button.btn-block.btn-success-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-success-tertiary:focus:active,
  .gl-button.gl-button.btn-block.btn-danger-tertiary:active,
  .gl-button.gl-button.btn-block.btn-danger-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-danger-tertiary:focus:active {
    outline: 2px solid LinkText;
  }
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-default-tertiary, .gl-button.gl-button.btn-confirm-tertiary, .gl-button.gl-button.btn-danger-tertiary,
  .gl-button.gl-button.btn-block.btn-default-tertiary,
  .gl-button.gl-button.btn-block.btn-confirm-tertiary,
  .gl-button.gl-button.btn-block.btn-danger-tertiary {
    color: #050506;
    border: 0;
  }
}
.gl-button.gl-button.btn-default-tertiary.selected,
.gl-button.gl-button.btn-block.btn-default-tertiary.selected {
  box-shadow: inset 0 0 0 2px #a4a3a8;
}
.gl-button.gl-button.btn-sm, .btn-group-sm > .gl-button.gl-button.btn,
.gl-button.gl-button.btn-block.btn-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1rem;
  font-size: 0.875rem;
}
.gl-button.gl-button.btn-sm gl-emoji, .btn-group-sm > .gl-button.gl-button.btn gl-emoji,
.gl-button.gl-button.btn-block.btn-sm gl-emoji {
  font-size: 0.75rem;
}
.gl-button.gl-button.btn-dashed, .gl-button.gl-button.btn-dashed-tertiary,
.gl-button.gl-button.btn-block.btn-dashed,
.gl-button.gl-button.btn-block.btn-dashed-tertiary {
  box-shadow: inset 0 0 0 1px #89888d;
  background-color: #fff;
  outline: 3px dotted #fff;
  outline-offset: -1px;
}
.gl-button.gl-button.btn-dashed:hover, .gl-button.gl-button.btn-dashed-tertiary:hover,
.gl-button.gl-button.btn-block.btn-dashed:hover,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:hover {
  box-shadow: inset 0 0 0 1px #89888d;
  background-color: #ececef;
}
.gl-button.gl-button.btn-dashed:focus, .gl-button.gl-button.btn-dashed-tertiary:focus,
.gl-button.gl-button.btn-block.btn-dashed:focus,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:focus {
  box-shadow: inset 0 0 0 1px #89888d, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  outline: 3px dotted #ececef;
  outline-offset: -1px;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-dashed:focus, .gl-button.gl-button.btn-dashed-tertiary:focus,
  .gl-button.gl-button.btn-block.btn-dashed:focus,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-dashed:active, .gl-button.gl-button.btn-dashed.active, .gl-button.gl-button.btn-dashed-tertiary:active, .gl-button.gl-button.btn-dashed-tertiary.active,
.gl-button.gl-button.btn-block.btn-dashed:active,
.gl-button.gl-button.btn-block.btn-dashed.active,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:active,
.gl-button.gl-button.btn-block.btn-dashed-tertiary.active {
  box-shadow: inset 0 0 0 1px #626168, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  outline: 3px dotted #dcdcde;
  outline-offset: -1px;
  background-color: #dcdcde;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-dashed:active, .gl-button.gl-button.btn-dashed.active, .gl-button.gl-button.btn-dashed-tertiary:active, .gl-button.gl-button.btn-dashed-tertiary.active,
  .gl-button.gl-button.btn-block.btn-dashed:active,
  .gl-button.gl-button.btn-block.btn-dashed.active,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary:active,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary.active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-dashed:active:focus, .gl-button.gl-button.btn-dashed.active:focus, .gl-button.gl-button.btn-dashed-tertiary:active:focus, .gl-button.gl-button.btn-dashed-tertiary.active:focus,
.gl-button.gl-button.btn-block.btn-dashed:active:focus,
.gl-button.gl-button.btn-block.btn-dashed.active:focus,
.gl-button.gl-button.btn-block.btn-dashed-tertiary:active:focus,
.gl-button.gl-button.btn-block.btn-dashed-tertiary.active:focus {
  box-shadow: inset 0 0 0 1px #626168, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  outline: 3px dotted #dcdcde;
  outline-offset: -1px;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-dashed:active:focus, .gl-button.gl-button.btn-dashed.active:focus, .gl-button.gl-button.btn-dashed-tertiary:active:focus, .gl-button.gl-button.btn-dashed-tertiary.active:focus,
  .gl-button.gl-button.btn-block.btn-dashed:active:focus,
  .gl-button.gl-button.btn-block.btn-dashed.active:focus,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary:active:focus,
  .gl-button.gl-button.btn-block.btn-dashed-tertiary.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-icon,
.gl-button.gl-button.btn-block.btn-icon {
  padding: 0.5rem;
  line-height: 1rem;
}
.gl-button.gl-button.btn-icon .gl-button-icon,
.gl-button.gl-button.btn-block.btn-icon .gl-button-icon {
  margin-right: 0;
}
.gl-button.gl-button.btn-icon.btn-sm, .btn-group-sm > .gl-button.gl-button.btn-icon.btn,
.gl-button.gl-button.btn-block.btn-icon.btn-sm {
  padding: 0.25rem;
}
.gl-button.gl-button.button-ellipsis-horizontal, .gl-button.gl-button.button-ellipsis-horizontal.btn-sm,
.gl-button.gl-button.btn-block.button-ellipsis-horizontal,
.gl-button.gl-button.btn-block.button-ellipsis-horizontal.btn-sm {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.gl-button.gl-button.button-ellipsis-horizontal svg, .gl-button.gl-button.button-ellipsis-horizontal.btn-sm svg,
.gl-button.gl-button.btn-block.button-ellipsis-horizontal svg,
.gl-button.gl-button.btn-block.button-ellipsis-horizontal.btn-sm svg {
  height: 1rem;
  width: 1rem;
  margin: 0;
}
.gl-button.gl-button.btn-label, .gl-button.gl-button.btn-label:hover, .gl-button.gl-button.btn-label:focus, .gl-button.gl-button.btn-label:active,
.gl-button.gl-button.btn-block.btn-label,
.gl-button.gl-button.btn-block.btn-label:hover,
.gl-button.gl-button.btn-block.btn-label:focus,
.gl-button.gl-button.btn-block.btn-label:active {
  background-color: #fbfafd;
  color: #28272d;
  fill: currentColor;
  box-shadow: inset 0 0 0 1px #bfbfc3;
  cursor: default;
  user-select: text;
}
.gl-button.gl-button.btn-link,
.gl-button.gl-button.btn-block.btn-link {
  background-color: transparent;
  border-width: 0;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #1f75cb;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
.gl-button.gl-button.btn-link:hover,
.gl-button.gl-button.btn-block.btn-link:hover {
  background-color: transparent;
  color: #1f75cb;
}
.gl-button.gl-button.btn-link:active,
.gl-button.gl-button.btn-block.btn-link:active {
  color: #0b5cad;
  text-decoration: underline;
}
.gl-button.gl-button.btn-link:active, .gl-button.gl-button.btn-link:focus, .gl-button.gl-button.btn-link:focus:active,
.gl-button.gl-button.btn-block.btn-link:active,
.gl-button.gl-button.btn-block.btn-link:focus,
.gl-button.gl-button.btn-block.btn-link:focus:active {
  background-color: transparent;
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-button.gl-button.btn-link:active, .gl-button.gl-button.btn-link:focus, .gl-button.gl-button.btn-link:focus:active,
  .gl-button.gl-button.btn-block.btn-link:active,
  .gl-button.gl-button.btn-block.btn-link:focus,
  .gl-button.gl-button.btn-block.btn-link:focus:active {
    outline: 2px solid LinkText;
  }
}
.gl-button.gl-button.btn-link.disabled, .gl-button.gl-button.btn-link[disabled],
.gl-button.gl-button.btn-block.btn-link.disabled,
.gl-button.gl-button.btn-block.btn-link[disabled] {
  background-color: transparent;
  box-shadow: none;
}
.gl-button.gl-button.disabled, .gl-button.gl-button.disabled:hover, .gl-button.gl-button.disabled:focus, .gl-button.gl-button.disabled:active, .gl-button.gl-button.disabled.selected, .gl-button.gl-button[disabled], .gl-button.gl-button[disabled]:hover, .gl-button.gl-button[disabled]:focus, .gl-button.gl-button[disabled]:active, .gl-button.gl-button[disabled].selected,
.gl-button.gl-button.btn-block.disabled,
.gl-button.gl-button.btn-block.disabled:hover,
.gl-button.gl-button.btn-block.disabled:focus,
.gl-button.gl-button.btn-block.disabled:active,
.gl-button.gl-button.btn-block.disabled.selected,
.gl-button.gl-button.btn-block[disabled],
.gl-button.gl-button.btn-block[disabled]:hover,
.gl-button.gl-button.btn-block[disabled]:focus,
.gl-button.gl-button.btn-block[disabled]:active,
.gl-button.gl-button.btn-block[disabled].selected {
  background-color: #fbfafd;
  color: #737278;
  box-shadow: inset 0 0 0 1px #dcdcde;
  opacity: 1;
  cursor: not-allowed !important;
}
.gl-button.gl-button.disabled .gl-button-icon, .gl-button.gl-button.disabled:hover .gl-button-icon, .gl-button.gl-button.disabled:focus .gl-button-icon, .gl-button.gl-button.disabled:active .gl-button-icon, .gl-button.gl-button.disabled.selected .gl-button-icon, .gl-button.gl-button[disabled] .gl-button-icon, .gl-button.gl-button[disabled]:hover .gl-button-icon, .gl-button.gl-button[disabled]:focus .gl-button-icon, .gl-button.gl-button[disabled]:active .gl-button-icon, .gl-button.gl-button[disabled].selected .gl-button-icon,
.gl-button.gl-button.btn-block.disabled .gl-button-icon,
.gl-button.gl-button.btn-block.disabled:hover .gl-button-icon,
.gl-button.gl-button.btn-block.disabled:focus .gl-button-icon,
.gl-button.gl-button.btn-block.disabled:active .gl-button-icon,
.gl-button.gl-button.btn-block.disabled.selected .gl-button-icon,
.gl-button.gl-button.btn-block[disabled] .gl-button-icon,
.gl-button.gl-button.btn-block[disabled]:hover .gl-button-icon,
.gl-button.gl-button.btn-block[disabled]:focus .gl-button-icon,
.gl-button.gl-button.btn-block[disabled]:active .gl-button-icon,
.gl-button.gl-button.btn-block[disabled].selected .gl-button-icon {
  fill: #89888d;
}
.gl-button.gl-button.disabled[class*=-tertiary], .gl-button.gl-button[disabled][class*=-tertiary],
.gl-button.gl-button.btn-block.disabled[class*=-tertiary],
.gl-button.gl-button.btn-block[disabled][class*=-tertiary] {
  background-color: transparent;
  box-shadow: none;
}

.gl-pagination {
  font-size: 0.875rem;
}
.gl-pagination a {
  color: #28272d;
}
.gl-pagination .page-link {
  border-color: #bfbfc3;
  line-height: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.gl-pagination .page-link.prev-page-item, .gl-pagination .page-link.next-page-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.gl-pagination .page-link:not(.active):hover {
  color: #28272d;
  box-shadow: inset 0 0 0 1px #89888d;
  border-color: #89888d;
  background: #ececef;
  z-index: 1;
}
.gl-pagination .page-link:not(.active):focus {
  background-color: #ececef;
}
.gl-pagination .page-link:not(.active):active, .gl-pagination .page-link:not(.active).active {
  background-color: #dcdcde;
}
.gl-pagination .page-link:not(.active):focus, .gl-pagination .page-link:not(.active):active, .gl-pagination .page-link:not(.active).active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-pagination .page-link:not(.active):focus, .gl-pagination .page-link:not(.active):active, .gl-pagination .page-link:not(.active).active {
    outline: 2px solid LinkText;
  }
}
.gl-pagination .page-link, .gl-pagination .page-link:active {
  text-decoration: none;
}
.gl-pagination .page-item:not(.disabled) a.active {
  background-color: #1f75cb;
  border-color: #1f75cb;
  color: #fff;
  z-index: 2;
  box-shadow: none;
}
.gl-pagination .page-item:not(.disabled) a.active:focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-pagination .page-item:not(.disabled) a.active:focus {
    outline: 2px solid LinkText;
  }
}
.gl-pagination .page-item.disabled .page-link {
  background-color: #fbfafd;
  border-color: #bfbfc3;
  color: #737278;
}
.gl-pagination .prev-page-item .gl-icon,
.gl-pagination .next-page-item .gl-icon {
  vertical-align: bottom;
}

@media (max-width: 575.98px) {
  .gl-pagination .prev-page-item span,
  .gl-pagination .next-page-item span {
    display: none;
  }
}
.gl-path-nav {
  position: relative;
  display: flex;
}
.gl-path-nav .gl-path-nav-list {
  padding: 0.125rem;
  margin: 0;
  position: relative;
  list-style-type: none;
  display: inline-flex;
  overflow: hidden;
  margin-left: -1px;
}
.gl-path-nav .gl-path-nav-list-item {
  min-width: fit-content;
  padding-top: 1px;
  padding-bottom: 1px;
}
.gl-path-nav .gl-path-nav-list-item:first-of-type {
  padding-left: 1px;
}
.gl-path-nav .gl-path-button {
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  position: relative;
  font-size: 0.875rem;
  z-index: 0;
  border-style: none;
  color: #737278;
  font-weight: 600;
  line-height: 1rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: var(--path-bg-color);
  padding-right: 0.625rem;
  margin-right: 0.875rem;
}
.gl-path-nav .gl-path-button::before, .gl-path-nav .gl-path-button::after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0.25rem;
  right: -0.75rem;
  width: 1.5rem;
  z-index: -1;
  height: 1.5rem;
  transform: rotate(45deg) skew(14deg, 14deg);
  border-top-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  border-top-right-radius: 0.125rem;
}
.gl-path-nav .gl-path-button::before {
  display: none;
  z-index: 2;
  right: calc(-0.75rem + 1px);
  box-shadow: 0 0 0 1px #fff, 0.5px -0.5px 0 2.5px #428fdc;
  clip-path: polygon(0% 0%, 0% -30%, 160% 0%, 75% 130%, 100% 100%);
  transform: rotate(45deg) skew(14deg, 14deg) scale(0.99);
}
.gl-path-nav .gl-path-button[disabled] {
  color: #89888d;
  cursor: not-allowed;
}
.gl-path-nav .gl-path-button:not([disabled]):hover {
  color: #fff;
  background-color: #dcdcde;
  color: #28272d;
}
.gl-path-nav .gl-path-button:not([disabled]):hover::after {
  background-color: #dcdcde;
}
.gl-path-nav .gl-path-button:active, .gl-path-nav .gl-path-button:focus, .gl-path-nav .gl-path-button:focus:active {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  box-shadow: 5px -3px 0 -2px #fff, 5px 3px 0 -2px #fff, 0 0 0 1px #fff, 0 0 0 3px #428fdc;
  outline: none;
}
.gl-path-nav .gl-path-button:active::before, .gl-path-nav .gl-path-button:focus::before, .gl-path-nav .gl-path-button:focus:active::before {
  display: block;
}
.gl-path-nav .gl-path-fade {
  width: 2.5rem;
  height: 100%;
  bottom: 0;
  position: absolute;
  z-index: 2;
  color: #737278;
}
.gl-path-nav .gl-path-fade-left {
  left: 0;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--path-bg-color) 33%);
}
.gl-path-nav .gl-path-fade-right {
  right: 0;
  text-align: right;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--path-bg-color) 33%);
}
.gl-path-nav .gl-clear-icon-button {
  padding: 0;
  color: #89888d;
  height: 100%;
}
.gl-path-nav .gl-clear-icon-button .gl-icon {
  vertical-align: middle;
}
.gl-path-nav .gl-path-active-item-indigo,
.gl-path-nav .gl-path-active-item-indigo:hover {
  color: #fff;
  background-color: #41419f;
}
.gl-path-nav .gl-path-active-item-indigo::after,
.gl-path-nav .gl-path-active-item-indigo:hover::after {
  background-color: #41419f;
}
.gl-path-nav .gl-path-active-item-blue,
.gl-path-nav .gl-path-active-item-blue:hover {
  color: #fff;
  background-color: #4977a5;
}
.gl-path-nav .gl-path-active-item-blue::after,
.gl-path-nav .gl-path-active-item-blue:hover::after {
  background-color: #4977a5;
}
.gl-path-nav .gl-path-active-item-light-blue,
.gl-path-nav .gl-path-active-item-light-blue:hover {
  color: #fff;
  background-color: #3476b9;
}
.gl-path-nav .gl-path-active-item-light-blue::after,
.gl-path-nav .gl-path-active-item-light-blue:hover::after {
  background-color: #3476b9;
}
.gl-path-nav .gl-path-active-item-red,
.gl-path-nav .gl-path-active-item-red:hover {
  color: #fff;
  background-color: #ad4a3b;
}
.gl-path-nav .gl-path-active-item-red::after,
.gl-path-nav .gl-path-active-item-red:hover::after {
  background-color: #ad4a3b;
}
.gl-path-nav .gl-path-active-item-light-red,
.gl-path-nav .gl-path-active-item-light-red:hover {
  color: #fff;
  background-color: #c24b38;
}
.gl-path-nav .gl-path-active-item-light-red::after,
.gl-path-nav .gl-path-active-item-light-red:hover::after {
  background-color: #c24b38;
}
.gl-path-nav .gl-path-active-item-green,
.gl-path-nav .gl-path-active-item-green:hover {
  color: #fff;
  background-color: #308258;
}
.gl-path-nav .gl-path-active-item-green::after,
.gl-path-nav .gl-path-active-item-green:hover::after {
  background-color: #308258;
}

.gl-popover {
  max-width: 17.5rem;
  border-width: 1px;
  border-style: solid;
  border-style: none;
  box-shadow: 0 2px 8px var(--gl-shadow-color-default), 0 0 2px var(--gl-shadow-color-default);
  font-size: 0.75rem;
}
.gl-popover,
.gl-popover .popover-header {
  background-color: var(--gl-popover-background-color);
}
.gl-popover .popover-body {
  color: var(--gl-text-color-default);
}
.gl-popover.bs-popover-top, .gl-popover.bs-popover-auto[x-placement^=top] {
  /* When popover position is top, the arrow is translated 1 pixel
  *  due to the box-shadow include in our custom styles.
  */
}
.gl-popover.bs-popover-top > .arrow::before, .gl-popover.bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 1px;
  border-top-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-top > .arrow::after, .gl-popover.bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 2px;
  border-top-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-bottom > .arrow::before, .gl-popover.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 1px;
  border-bottom-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-bottom > .arrow::after, .gl-popover.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 2px;
  border-bottom-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-bottom > .popover-header::before, .gl-popover.bs-popover-auto[x-placement^=bottom] > .popover-header::before {
  border-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-right > .arrow::before, .gl-popover.bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 1px;
  border-right-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-right > .arrow::after, .gl-popover.bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 2px;
  border-right-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-left > .arrow::before, .gl-popover.bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 1px;
  border-left-color: var(--gl-popover-background-color);
}
.gl-popover.bs-popover-left > .arrow::after, .gl-popover.bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 2px;
  border-left-color: var(--gl-popover-background-color);
}
.gl-popover .popover-header {
  color: var(--gl-text-color-heading);
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  border-bottom: 0;
  padding-bottom: 0;
}
.gl-popover.has-title .popover-header {
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.gl-popover.has-close-button:not(.has-title) .popover-header {
  padding-top: 0.25rem;
}
.gl-popover .popover-body {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.gl-popover .popover-body > .popover-hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
}

.gl-search-box-by-type-search-icon {
  color: #737278;
  width: 1rem;
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 16px / 2);
}

.gl-search-box-by-type {
  display: flex;
  position: relative;
}

.gl-search-box-by-type-loading-icon {
  color: #737278;
  width: 1rem;
  margin-right: 0.25rem;
}

.gl-search-box-by-type-clear {
  z-index: 3;
}

.gl-search-box-by-type-input,
.gl-search-box-by-type-input.gl-form-input {
  height: 2rem;
  padding-right: 2rem;
  padding-left: 1.75rem;
}
.gl-search-box-by-type-input::-webkit-search-cancel-button,
.gl-search-box-by-type-input.gl-form-input::-webkit-search-cancel-button {
  display: none;
}

.gl-search-box-by-type-input-borderless,
.gl-search-box-by-type-input-borderless.gl-form-input {
  border-style: none;
  font-size: 0.875rem;
  height: auto;
  line-height: 1rem;
  padding-left: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-shadow: none;
  width: 100%;
  border-radius: 0;
  padding-right: calc(1.5rem + 0.25rem);
}
.gl-search-box-by-type-input-borderless:not(.form-control-plaintext):focus,
.gl-search-box-by-type-input-borderless.gl-form-input:not(.form-control-plaintext):focus {
  box-shadow: inset 0 0 0 2px var(--gl-focus-ring-outer-color), inset 0 0 0 3px var(--gl-focus-ring-inner-color), inset 0 0 0 1px var(--gl-focus-ring-inner-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-search-box-by-type-input-borderless:not(.form-control-plaintext):focus,
  .gl-search-box-by-type-input-borderless.gl-form-input:not(.form-control-plaintext):focus {
    outline: 2px solid LinkText;
  }
}
.gl-search-box-by-type-input-borderless::placeholder,
.gl-search-box-by-type-input-borderless.gl-form-input::placeholder {
  color: #89888d;
}
.gl-search-box-by-type-input-borderless::-webkit-search-cancel-button,
.gl-search-box-by-type-input-borderless.gl-form-input::-webkit-search-cancel-button {
  display: none;
}

.gl-search-box-by-type-right-icons {
  display: flex;
  align-items: center;
  line-height: 0;
  right: 0.25rem;
  position: absolute;
  height: 100%;
}

.gl-search-box-by-click {
  font-size: 0.875rem;
}
.gl-search-box-by-click .gl-search-box-by-click-history > button {
  padding-left: 0.75rem !important;
  padding-right: 0.5rem !important;
  border-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: inset 0 0 0 1px #89888d;
}
.gl-search-box-by-click .gl-search-box-by-click-search-button {
  color: #737278;
  box-shadow: inset 0 0 0 1px #89888d;
}
.gl-search-box-by-click .gl-search-box-by-click-input::-webkit-search-cancel-button {
  display: none;
}
.gl-search-box-by-click .gl-search-box-by-click-clear-button {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  margin-right: 0.25rem;
  z-index: 3;
}

.gl-search-box-by-click-with-search-button .gl-search-box-by-click-input {
  padding-right: 2rem;
}
.gl-search-box-by-click-with-search-button .gl-search-box-by-click-clear-button {
  right: 2rem;
}

/*
 * Segmented-control-specific utilities
 */
.btn-group.gl-segmented-control .btn:not(:first-child).active, .btn-group.gl-segmented-control .btn:not(:first-child).focus, .btn-group.gl-segmented-control .btn:not(:first-child):hover:not(.disabled),
.btn-group.gl-segmented-control .btn:not(:last-child).active,
.btn-group.gl-segmented-control .btn:not(:last-child).focus,
.btn-group.gl-segmented-control .btn:not(:last-child):hover:not(.disabled) {
  border-radius: 0.25rem;
}

.gl-segmented-control label:not(.disabled) {
  cursor: pointer;
}
.gl-segmented-control .btn-gl-segmented-button {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #28272d;
  fill: currentColor;
  background-color: #fbfafd;
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3;
}
.gl-segmented-control .btn-gl-segmented-button:first-child {
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3, inset 1px 0 0 0 #bfbfc3;
}
.gl-segmented-control .btn-gl-segmented-button:last-child {
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3, inset -1px 0 0 0 #bfbfc3;
}
.gl-segmented-control .btn-gl-segmented-button:hover {
  box-shadow: inset 0 0 0 2px #89888d;
  background-color: #ececef;
}
.gl-segmented-control .btn-gl-segmented-button.focus {
  z-index: 1;
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color), inset 0 0 0 2px #89888d;
  background-color: #ececef;
}
.gl-segmented-control .btn-gl-segmented-button.active {
  z-index: 2;
  box-shadow: inset 0 0 0 2px #a4a3a8;
  background-color: #fff;
}
.gl-segmented-control .btn-gl-segmented-button.active:hover {
  box-shadow: inset 0 0 0 2px #89888d;
  background-color: #ececef;
}
.gl-segmented-control .btn-gl-segmented-button.active.focus, .gl-segmented-control .btn-gl-segmented-button.active.focus:hover {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color), inset 0 0 0 2px #89888d;
  background-color: #ececef;
}
.gl-segmented-control .btn-gl-segmented-button:focus-within {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-segmented-control .btn-gl-segmented-button:focus-within {
    outline: 2px solid LinkText;
  }
}
.gl-segmented-control .btn-gl-segmented-button.disabled, .gl-segmented-control .btn-gl-segmented-button[disabled], .gl-segmented-control .btn-gl-segmented-button.disabled:hover, .gl-segmented-control .btn-gl-segmented-button[disabled]:hover {
  color: #89888d;
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3;
  z-index: 0;
  cursor: not-allowed;
}
.gl-segmented-control .btn-gl-segmented-button.disabled:first-child, .gl-segmented-control .btn-gl-segmented-button[disabled]:first-child, .gl-segmented-control .btn-gl-segmented-button.disabled:hover:first-child, .gl-segmented-control .btn-gl-segmented-button[disabled]:hover:first-child {
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3, inset 1px 0 0 0 #bfbfc3;
}
.gl-segmented-control .btn-gl-segmented-button.disabled:last-child, .gl-segmented-control .btn-gl-segmented-button[disabled]:last-child, .gl-segmented-control .btn-gl-segmented-button.disabled:hover:last-child, .gl-segmented-control .btn-gl-segmented-button[disabled]:hover:last-child {
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3, inset -1px 0 0 0 #bfbfc3;
}

.gl-skeleton-loader-default-container {
  width: 235px;
}

.gl-skeleton-loader stop {
  opacity: 1;
}
.gl-skeleton-loader .background-stop {
  stop-color: var(--gl-skeleton-loader-background-color);
}
.gl-skeleton-loader .shimmer-stop {
  stop-color: var(--gl-skeleton-loader-shimmer-color);
}

.gl-tabs-nav {
  border-style: solid;
  border-color: #dcdcde;
  border-width: 0;
  border-bottom-width: 1px;
}

.gl-tab-nav-item {
  color: #28272d;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1rem;
  font-size: 0.875rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  transition: box-shadow 100ms linear;
}
.gl-tab-nav-item:hover {
  color: #28272d;
}
.gl-tab-nav-item:hover:not(.gl-tab-nav-item-active) {
  box-shadow: inset 0 -2px 0 0 #bfbfc3;
}
.gl-tab-nav-item.disabled {
  pointer-events: auto;
  cursor: not-allowed;
  color: #89888d;
}
.gl-tab-nav-item.disabled:hover {
  box-shadow: none;
}
.gl-tab-nav-item > .gl-tab-counter-badge {
  font-weight: inherit;
  margin-left: 0.25rem;
}

.gl-tab-content {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #28272d;
}

.gl-tab-nav-item-active {
  font-weight: 600;
  color: #28272d;
  box-shadow: inset 0 -2px 0 0 #1f75cb;
}
.gl-tab-nav-item-active:active, .gl-tab-nav-item-active:focus, .gl-tab-nav-item-active:focus:active {
  box-shadow: inset 0 -2px 0 0 #1f75cb, 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}

.gl-actions-tabs-start {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .gl-actions-tabs-start {
    display: none;
  }
}

.gl-actions-tabs-end {
  display: none;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  margin-top: 0;
}
@media (min-width: 768px) {
  .gl-actions-tabs-end {
    display: flex;
  }
}

.gl-actions-tabs-start button,
.gl-actions-tabs-end button {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .gl-actions-tabs-start button,
  .gl-actions-tabs-end button {
    margin-right: 0.5rem;
  }
}
@media (min-width: 768px) {
  .gl-actions-tabs-start button,
  .gl-actions-tabs-end button {
    margin-bottom: 0;
  }
}
.gl-actions-tabs-start button:last-child,
.gl-actions-tabs-end button:last-child {
  margin: 0;
}

.gl-tabs-fade {
  width: 2.5rem;
  bottom: 0;
  position: sticky;
  color: #737278;
  padding: 0.25rem;
}

.gl-tabs-fade-left {
  left: 0;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 33%);
}

.gl-tabs-fade-right {
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 33%);
}

.gl-tabs-fade-icon-button {
  background-color: transparent;
  border-style: none;
  padding: 0;
  color: #89888d;
  height: 100%;
}

.gl-scrollable-tabs-nav {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
}

/*
* These styles are specific to the gl-toast component.
* Documentation: https://design.gitlab.com/components/toast
*/
.b-toaster.b-toaster-bottom-left .b-toaster-slot {
  bottom: 1.5rem;
  left: 1.5rem;
  right: auto;
  width: auto;
}
@media (max-width: 575.98px) {
  .b-toaster.b-toaster-bottom-left .b-toaster-slot {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.b-toaster .gl-toast {
  color: #fff;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.b-toaster .toast-body {
  font-weight: 300;
  padding-right: 0.5rem;
  order: 1;
}
.b-toaster .toast-header {
  display: flex;
  order: 2;
}
.b-toaster .gl-toast-action {
  color: #63a6e9;
  padding: 0.5rem;
  margin: 0;
  margin-left: 1rem;
  text-transform: none;
  font-size: 0.875rem;
  white-space: nowrap;
  font-weight: 600;
  cursor: pointer;
}
.b-toaster .gl-toast-close-button {
  margin-left: 1rem;
}

table.gl-table {
  background-color: var(--gl-color-alpha-0);
  color: var(--gl-text-color-default);
}
table.gl-table tr th,
table.gl-table tr td {
  border-bottom-style: solid;
  border-color: var(--gl-border-color-default);
  border-bottom-width: 1px;
  padding: 1rem;
  background-color: transparent;
  line-height: 1rem;
  font-size: 0.875rem;
  vertical-align: top;
}
table.gl-table tr th {
  font-weight: 600;
  color: var(--gl-text-color-heading);
}
table.gl-table tr th.gl-text-right > div {
  flex-direction: row-reverse;
}
table.gl-table tr th.gl-text-right > div div.gl-ml-2 {
  margin-left: 0;
  margin-right: 0.25rem;
}
table.gl-table tr th [name=sort-icon] {
  user-select: none;
  color: var(--gl-table-sorting-icon-color);
}
table.gl-table tr td {
  color: var(--gl-text-color-default);
}
table.gl-table tr:focus-visible {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
  position: relative;
  z-index: 1;
}
@media (forced-colors: active) {
  table.gl-table tr:focus-visible {
    outline: 2px solid LinkText;
  }
}
table.gl-table--sticky-header thead tr {
  position: sticky;
  top: -1px;
  background-color: var(--gl-background-color-default);
  box-shadow: inset 0 -1px 0 var(--gl-border-color-default);
}
table.gl-table .table-primary,
table.gl-table .table-primary:hover {
  background-color: var(--gl-feedback-info-background-color);
}
table.gl-table .table-primary > td,
table.gl-table .table-primary:hover > td {
  background-color: var(--gl-feedback-info-background-color);
}
table.gl-table caption {
  padding-top: 0.25rem;
  color: var(--gl-text-color-subtle);
}
table.gl-table.b-table.b-table-stacked tbody > tr::after {
  content: "";
  height: 1.5rem;
  width: 100%;
  display: block;
}
table.gl-table.b-table.b-table-stacked tbody > tr > td[data-label] {
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
}
table.gl-table.b-table.b-table-stacked tbody > tr > td[data-label]::before {
  text-align: left;
}
table.gl-table.b-table.b-table-stacked tbody > tr > td[data-label]:first-child {
  border-top-style: solid;
  border-top-width: 1px;
}
table.gl-table.b-table.b-table-stacked tbody > tr > td[data-label]:not(:first-child) {
  border-top-style: none;
}
table.gl-table.b-table.b-table-stacked tbody > tr div {
  text-align: right;
  overflow-wrap: break-word;
}
@media (max-width: 575.98px) {
  table.gl-table.b-table.b-table-stacked-sm tbody > tr::after {
    content: "";
    height: 1.5rem;
    width: 100%;
    display: block;
  }
  table.gl-table.b-table.b-table-stacked-sm tbody > tr > td[data-label] {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
  }
  table.gl-table.b-table.b-table-stacked-sm tbody > tr > td[data-label]::before {
    text-align: left;
  }
  table.gl-table.b-table.b-table-stacked-sm tbody > tr > td[data-label]:first-child {
    border-top-style: solid;
    border-top-width: 1px;
  }
  table.gl-table.b-table.b-table-stacked-sm tbody > tr > td[data-label]:not(:first-child) {
    border-top-style: none;
  }
  table.gl-table.b-table.b-table-stacked-sm tbody > tr div {
    text-align: right;
    overflow-wrap: break-word;
  }
}
@media (max-width: 767.98px) {
  table.gl-table.b-table.b-table-stacked-md tbody > tr::after {
    content: "";
    height: 1.5rem;
    width: 100%;
    display: block;
  }
  table.gl-table.b-table.b-table-stacked-md tbody > tr > td[data-label] {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
  }
  table.gl-table.b-table.b-table-stacked-md tbody > tr > td[data-label]::before {
    text-align: left;
  }
  table.gl-table.b-table.b-table-stacked-md tbody > tr > td[data-label]:first-child {
    border-top-style: solid;
    border-top-width: 1px;
  }
  table.gl-table.b-table.b-table-stacked-md tbody > tr > td[data-label]:not(:first-child) {
    border-top-style: none;
  }
  table.gl-table.b-table.b-table-stacked-md tbody > tr div {
    text-align: right;
    overflow-wrap: break-word;
  }
}
@media (max-width: 991.98px) {
  table.gl-table.b-table.b-table-stacked-lg tbody > tr::after {
    content: "";
    height: 1.5rem;
    width: 100%;
    display: block;
  }
  table.gl-table.b-table.b-table-stacked-lg tbody > tr > td[data-label] {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
  }
  table.gl-table.b-table.b-table-stacked-lg tbody > tr > td[data-label]::before {
    text-align: left;
  }
  table.gl-table.b-table.b-table-stacked-lg tbody > tr > td[data-label]:first-child {
    border-top-style: solid;
    border-top-width: 1px;
  }
  table.gl-table.b-table.b-table-stacked-lg tbody > tr > td[data-label]:not(:first-child) {
    border-top-style: none;
  }
  table.gl-table.b-table.b-table-stacked-lg tbody > tr div {
    text-align: right;
    overflow-wrap: break-word;
  }
}
@media (max-width: 1199.98px) {
  table.gl-table.b-table.b-table-stacked-xl tbody > tr::after {
    content: "";
    height: 1.5rem;
    width: 100%;
    display: block;
  }
  table.gl-table.b-table.b-table-stacked-xl tbody > tr > td[data-label] {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
  }
  table.gl-table.b-table.b-table-stacked-xl tbody > tr > td[data-label]::before {
    text-align: left;
  }
  table.gl-table.b-table.b-table-stacked-xl tbody > tr > td[data-label]:first-child {
    border-top-style: solid;
    border-top-width: 1px;
  }
  table.gl-table.b-table.b-table-stacked-xl tbody > tr > td[data-label]:not(:first-child) {
    border-top-style: none;
  }
  table.gl-table.b-table.b-table-stacked-xl tbody > tr div {
    text-align: right;
    overflow-wrap: break-word;
  }
}
table.gl-table.table-hover tbody tr:hover, table.gl-table.table-hover td.table-secondary:hover {
  background-color: var(--gl-table-row-background-color-hover);
}
table.gl-table thead th:hover {
  background-color: transparent !important;
}
table.gl-table thead th:hover [name=sort-icon] {
  display: flex !important;
}

.table.b-table > thead > tr > th,
.table.b-table > tfoot > tr > th {
  background-image: none !important;
}

.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
  padding-right: 1rem;
}

/**
* Toggle button
*
* @usage
*  ### Active and Inactive text should be provided as data attributes:
*  <button type="button" class="project-feature-toggle" data-enabled-text="Enabled" data-disabled-text="Disabled">
*  <i class="fa fa-spinner fa-spin loading-icon hidden"></i>
*  </button>

*  ### Checked should have `is-checked` class
*  <button type="button" class="project-feature-toggle is-checked" data-enabled-text="Enabled" data-disabled-text="Disabled">
*  <i class="fa fa-spinner fa-spin loading-icon hidden"></i>
*  </button>

*  ### Disabled should have `is-disabled` class
*  <button type="button" class="project-feature-toggle is-disabled" data-enabled-text="Enabled" data-disabled-text="Disabled" disabled="true">
*  <i class="fa fa-spinner fa-spin loading-icon hidden"></i>
*  </button>
*/
.gl-toggle-wrapper {
  line-height: 1rem;
  font-weight: 400;
  display: inline-flex;
}
.gl-toggle-wrapper.is-disabled {
  cursor: not-allowed;
}
.gl-toggle-wrapper.is-disabled .gl-toggle {
  cursor: not-allowed;
  background-color: #bfbfc3;
}
.gl-toggle-wrapper.is-disabled .gl-toggle .toggle-icon > svg {
  fill: #bfbfc3;
}
.gl-toggle-wrapper.is-disabled .gl-toggle.is-checked {
  background-color: #9dc7f1;
}
.gl-toggle-wrapper.is-disabled .gl-toggle.is-checked .toggle-icon > svg {
  fill: #9dc7f1;
}
.gl-toggle-wrapper.is-disabled .gl-toggle-label,
.gl-toggle-wrapper.is-disabled .gl-description-label {
  color: #737278;
}

.gl-help-label {
  margin-top: 0.5rem;
  color: #737278;
  font-weight: 400;
}

.gl-toggle-label-inline {
  flex-direction: row;
  align-items: center;
}
.gl-toggle-label-inline .gl-toggle-label {
  white-space: nowrap;
  margin-bottom: 0;
  margin-right: 0.5rem;
}
.gl-toggle-label-inline .gl-help-label {
  margin-top: 0;
  margin-left: 0.5rem;
}

.gl-toggle-label {
  font-weight: 600;
}

.gl-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 0;
  cursor: pointer;
  background-color: #626168;
  padding: 0.125rem;
  position: relative;
  width: 3rem;
  height: 1.5rem;
  outline: none;
  user-select: none;
  border-radius: 0.75rem;
  transition: all 0.4s ease;
  line-height: 1rem;
}
.gl-toggle::selection, .gl-toggle::before::selection, .gl-toggle::after::selection {
  background: none;
}
.gl-toggle:hover, .gl-toggle:active, .gl-toggle:focus, .gl-toggle:focus:active {
  background-color: #4c4b51;
}
.gl-toggle:active, .gl-toggle:focus, .gl-toggle:focus:active {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-toggle:active, .gl-toggle:focus, .gl-toggle:focus:active {
    outline: 2px solid LinkText;
  }
}
.gl-toggle .toggle-loading {
  height: 1rem;
}
.gl-toggle .toggle-icon {
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  display: inline-flex;
  align-items: center;
  left: 0.125rem;
  top: 0.125rem;
  transition: all 0.2s ease;
  justify-content: center;
  padding: 0.125rem;
}
.gl-toggle .toggle-icon > svg {
  width: 1rem;
  height: 1rem;
  fill: #89888d;
  vertical-align: baseline;
}
.gl-toggle.is-checked {
  background-color: #1f75cb;
}
.gl-toggle.is-checked:hover, .gl-toggle.is-checked:active, .gl-toggle.is-checked:focus, .gl-toggle.is-checked:focus:active {
  background-color: #1068bf;
}
.gl-toggle.is-checked .toggle-icon {
  transform: translateX(1.5rem);
}
.gl-toggle.is-checked .toggle-icon > svg {
  fill: #1f75cb;
}

.gl-token {
  color: #28272d;
  background-color: #dcdcde;
  border-radius: 0.125rem;
  padding-left: 0.5rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.gl-token.gl-token-view-only {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
}

.gl-token-search-type-variant {
  background-color: #dcdcde;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gl-token-search-value-variant {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gl-token-content {
  font-size: 0.75rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  color: inherit;
}
.gl-token-content > .gl-avatar:first-child,
.gl-token-content > .gl-spinner-container:first-child {
  margin-right: 0.25rem;
}

.gl-token-close {
  margin-left: 0.25rem;
  color: inherit;
  cursor: pointer;
  opacity: 0.8;
  color: inherit !important;
  background-color: transparent !important;
}
.gl-token-close svg {
  color: inherit !important;
  mix-blend-mode: normal !important;
}
.gl-token-close:hover, .gl-token-close:focus {
  opacity: 1;
}
.gl-token-close:focus, .gl-token-close:hover:focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color) !important;
  outline: none !important;
}
@media (forced-colors: active) {
  .gl-token-close:focus, .gl-token-close:hover:focus {
    outline: 2px solid LinkText !important;
  }
}

.gl-tooltip {
  font-size: 0.75rem;
  padding: 0.25rem;
}
.gl-tooltip .tooltip-inner {
  border-radius: 0.25rem;
  line-height: 1rem;
  font-weight: 400;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background: var(--gl-feedback-background-color-strong);
  color: var(--gl-feedback-text-color-strong);
}
.gl-tooltip .arrow {
  height: 0.5rem;
  width: 0.25rem;
}
.gl-tooltip .arrow::before {
  border-width: 4px;
}

.gl-tooltip.bs-tooltip-top .arrow, .gl-tooltip.bs-tooltip-auto[x-placement^=top] .arrow,
.gl-tooltip.bs-tooltip-bottom .arrow,
.gl-tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow {
  width: 0.5rem;
  height: 0.25rem;
}

.gl-tooltip.bs-tooltip-top .arrow::before, .gl-tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-bottom-width: 0;
  border-top-color: var(--gl-feedback-background-color-strong);
}

.gl-tooltip.bs-tooltip-right .arrow::before, .gl-tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-left-width: 0;
  border-right-color: var(--gl-feedback-background-color-strong);
}

.gl-tooltip.bs-tooltip-bottom .arrow::before, .gl-tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-top-width: 0;
  border-bottom-color: var(--gl-feedback-background-color-strong);
}

.gl-tooltip.bs-tooltip-left .arrow::before, .gl-tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-right-width: 0;
  border-left-color: var(--gl-feedback-background-color-strong);
}

.gl-heatmap {
  position: relative;
}
.gl-heatmap .gl-legend-inline-series {
  pointer-events: none;
}

.gl-legend {
  position: relative;
}

.gl-chart-h-auto .gl-legend-inline {
  max-height: 6.75rem;
  overflow: auto;
}

.gl-legend-tabular.gl-legend-b-fade::after,
.gl-chart-h-auto .gl-legend-inline.gl-legend-b-fade::after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--white, #fff));
  bottom: 0;
  content: "";
  display: block;
  height: 0.75rem;
  position: absolute;
  width: 100%;
}

.gl-legend-inline {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.gl-legend-inline .gl-legend-inline-series {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding-right: 1rem;
}
.gl-legend-inline .gl-legend-inline-series:hover {
  cursor: pointer;
  text-decoration: underline;
}
.gl-legend-inline .gl-legend-inline-series .gl-legend-inline-series-label {
  margin-right: 0.5rem;
}

.gl-legend-tabular .gl-legend-tabular-header {
  display: flex;
  justify-content: flex-end;
}
.gl-legend-tabular .gl-legend-tabular-header-cell,
.gl-legend-tabular .gl-legend-tabular-details-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  width: 12.5%;
}
.gl-legend-tabular .gl-legend-tabular-header-cell {
  font-weight: 600;
  line-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.gl-legend-tabular .gl-legend-tabular-body {
  height: 5.25rem;
  overflow-y: auto;
}
.gl-legend-tabular .gl-legend-tabular-row {
  display: flex;
}
.gl-legend-tabular .gl-legend-tabular-row:nth-child(odd) {
  background-color: var(--gray-50, #ececef);
}
.gl-legend-tabular .gl-legend-tabular-title-cell,
.gl-legend-tabular .gl-legend-tabular-details-cell {
  line-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.gl-legend-tabular .gl-legend-tabular-title-cell {
  overflow: hidden;
  width: 50%;
}

.gl-series-label-container {
  display: flex;
  font-size: 0.875rem;
  overflow: hidden;
  overflow-wrap: break-word;
}

.gl-series-label-color {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.gl-series-label-color svg {
  display: block;
}

.gl-series-label-text {
  overflow: hidden;
  overflow-wrap: break-word;
}

.gl-single-stat {
  line-height: 1;
}
.gl-single-stat:hover[tabindex="0"] {
  background-color: #ececef;
  border-radius: 0.25rem;
}
.gl-single-stat .gl-single-stat-number {
  font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
}
.gl-single-stat .gl-single-stat-content .gl-badge {
  position: relative;
  top: -0.125em;
}

.gl-chart-tooltip {
  position: absolute;
}
.gl-chart-tooltip > .popover {
  min-width: 0;
  width: max-content;
  max-width: 32rem;
}

.gl-charts-tooltip-default-format-series {
  display: flex;
  justify-content: space-between;
}
.gl-charts-tooltip-default-format-series-label, .gl-charts-tooltip-default-format-series-value {
  font-size: 0.75rem;
}
.gl-charts-tooltip-default-format-series-label {
  line-height: 1rem;
  margin-right: 2rem;
}
.gl-charts-tooltip-default-format-series-value {
  font-weight: 600;
}

.gl-truncate-component {
  display: inline-flex;
  max-width: 100%;
}

.gl-truncate-start,
.gl-truncate-end {
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
}

.gl-truncate-start {
  direction: rtl;
  text-align: left;
  text-overflow: "";
}

.gl-truncate-end {
  text-overflow: ellipsis;
}

/**
  Note: although vendor-prefixes are used here, these properties are supported by all browsers.
  See https://caniuse.com/css-line-clamp
**/
.gl-truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: var(--mobile-lines);
  -webkit-box-orient: vertical;
}
@media (min-width: 576px) {
  .gl-truncate-text {
    -webkit-line-clamp: var(--lines);
  }
}

.gl-new-dropdown {
  display: inline-flex;
  vertical-align: middle;
}
.gl-new-dropdown .gl-new-dropdown-custom-toggle *:first-child {
  cursor: pointer;
}
.gl-new-dropdown .gl-new-dropdown-custom-toggle *:first-child:focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-new-dropdown .gl-new-dropdown-custom-toggle *:first-child:focus {
    outline: 2px solid LinkText;
  }
}
.gl-new-dropdown .gl-new-dropdown-panel {
  display: none;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #bfbfc3;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px var(--gl-shadow-color-default), 0 0 2px var(--gl-shadow-color-default);
  top: 0;
  left: 0;
  min-width: 15.5rem;
  max-width: 28.5rem;
  z-index: 1000;
}
.gl-new-dropdown .gl-new-dropdown-inner {
  display: flex;
  flex-direction: column;
  max-height: 19.5rem;
}
.gl-new-dropdown .gl-new-dropdown-contents {
  position: relative;
  flex-grow: 1;
  overflow-y: auto;
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  list-style-type: none;
}
.gl-new-dropdown .gl-new-dropdown-contents:focus-visible {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-new-dropdown .gl-new-dropdown-contents:focus-visible {
    outline: 2px solid LinkText;
  }
}
.gl-new-dropdown .gl-new-dropdown-contents ul {
  list-style-type: none;
}
.gl-new-dropdown .gl-new-dropdown-toggle.gl-button:not(.gl-new-dropdown-toggle-no-caret) {
  padding-right: 0.5rem;
}
.gl-new-dropdown .gl-new-dropdown-toggle.gl-button:not(.gl-new-dropdown-toggle-no-caret).btn-sm, .gl-new-dropdown .btn-group-sm > .gl-new-dropdown-toggle.gl-button.btn:not(.gl-new-dropdown-toggle-no-caret) {
  padding-right: 0.25rem;
}
.gl-new-dropdown .gl-new-dropdown-toggle.gl-new-dropdown-toggle-no-caret .gl-new-dropdown-chevron {
  display: none;
}
.gl-new-dropdown .gl-new-dropdown-toggle .gl-button-text {
  display: inline-flex;
}
.gl-new-dropdown .gl-new-dropdown-button-text {
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gl-new-dropdown.btn-sm .gl-icon, .btn-group-sm > .gl-new-dropdown.btn .gl-icon {
  margin-top: 0;
  margin-bottom: 0;
}
.gl-new-dropdown.btn-sm .gl-icon.gl-new-dropdown-chevron, .btn-group-sm > .gl-new-dropdown.btn .gl-icon.gl-new-dropdown-chevron {
  height: 1rem;
  width: 1rem;
}
.gl-new-dropdown .gl-button .gl-button-icon.gl-new-dropdown-chevron {
  margin-left: 0.25rem;
  margin-right: 0;
}
.gl-new-dropdown .gl-new-dropdown-icon-only.gl-button:not(.gl-new-dropdown-toggle-no-caret) {
  padding-right: 0.25rem;
}
.gl-new-dropdown .gl-new-dropdown-icon-only.gl-button:not(.gl-new-dropdown-toggle-no-caret).btn-sm, .gl-new-dropdown .btn-group-sm > .gl-new-dropdown-icon-only.gl-button.btn:not(.gl-new-dropdown-toggle-no-caret) {
  padding-right: 0;
}
.gl-new-dropdown .gl-new-dropdown-icon-only .gl-button-icon.gl-button-icon {
  margin-right: 0;
}
.gl-new-dropdown .gl-new-dropdown-icon-only.btn-sm .gl-new-dropdown-chevron, .gl-new-dropdown .btn-group-sm > .gl-new-dropdown-icon-only.btn .gl-new-dropdown-chevron {
  margin-left: 0;
  margin-right: 0;
}
.gl-new-dropdown .gl-new-dropdown-caret-only {
  padding-left: 0.25rem;
}
.gl-new-dropdown .gl-new-dropdown-caret-only.btn-sm, .gl-new-dropdown .btn-group-sm > .gl-new-dropdown-caret-only.btn {
  padding-left: 0;
}
.gl-new-dropdown .gl-new-dropdown-contents-with-scrim-overlay {
  padding: 0;
}
.gl-new-dropdown .gl-new-dropdown-contents .top-scrim-wrapper,
.gl-new-dropdown .gl-new-dropdown-contents .bottom-scrim-wrapper {
  height: 0.25rem;
  opacity: 0;
  position: sticky;
  z-index: 1;
  display: block;
  overflow: visible;
  left: 1px;
  right: 1px;
  pointer-events: none;
  transition: opacity 0.1s;
}
.gl-new-dropdown .gl-new-dropdown-contents .top-scrim-wrapper {
  top: 0;
}
.gl-new-dropdown .gl-new-dropdown-contents .top-scrim-wrapper .top-scrim {
  left: 0;
  right: 0;
}
.gl-new-dropdown .gl-new-dropdown-contents .top-scrim-wrapper .top-scrim.top-scrim-light {
  height: 2.25rem;
  border-radius: 0.375rem 0.375rem 0 0;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0));
}
.gl-new-dropdown .gl-new-dropdown-contents .top-scrim-wrapper .top-scrim.top-scrim-dark {
  height: 0.25rem;
  background: linear-gradient(180deg, rgba(5, 5, 6, 0.16) 0%, rgba(255, 255, 255, 0) 100%);
}
.gl-new-dropdown .gl-new-dropdown-contents .bottom-scrim-wrapper {
  bottom: 0;
  height: 0.25rem;
}
.gl-new-dropdown .gl-new-dropdown-contents .bottom-scrim-wrapper .bottom-scrim {
  height: 0;
  position: relative;
  top: calc(-2.25rem + 0.25rem);
  border-radius: 0 0 0.375rem 0.375rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff);
}
.gl-new-dropdown .gl-new-dropdown-contents.top-scrim-visible .top-scrim-wrapper, .gl-new-dropdown .gl-new-dropdown-contents.bottom-scrim-visible .bottom-scrim-wrapper {
  opacity: 1;
}
.gl-new-dropdown .gl-new-dropdown-contents.bottom-scrim-visible .bottom-scrim {
  height: 2.25rem;
}

.btn-group .gl-new-dropdown:not(:last-child) .gl-new-dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group .gl-new-dropdown:not(:first-child) .gl-new-dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.btn-group .gl-new-dropdown:last-child .gl-new-dropdown-caret-only.btn-confirm, .btn-group .gl-new-dropdown:last-child .gl-new-dropdown-caret-only.btn-danger {
  margin-left: 1px;
}
.btn-group .gl-new-dropdown:last-child .gl-new-dropdown-caret-only:disabled, .btn-group .gl-new-dropdown:last-child .gl-new-dropdown-caret-only.disabled, .btn-group .gl-new-dropdown:last-child .gl-new-dropdown-caret-only[class*=-secondary] {
  margin-left: -1px;
}
.btn-group .gl-new-dropdown:hover .gl-new-dropdown-toggle {
  z-index: 1;
}
.btn-group .gl-new-dropdown .gl-new-dropdown-toggle:focus,
.btn-group .gl-new-dropdown .gl-new-dropdown-toggle:active {
  z-index: 1;
}

.gl-new-dropdown-item {
  cursor: pointer;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  /* when there is a scrim `li` items inside the list, the first and last real items
  do not match the selector `:first-child` and `:last-child`,
  that's why we have to target them with a different selector */
}
.gl-new-dropdown-item:first-child, .gl-new-dropdown-contents-with-scrim-overlay > .gl-new-dropdown-item:nth-child(3):not(:last-child) {
  margin-top: 0;
}
.gl-new-dropdown-item:last-child, .gl-new-dropdown-contents-with-scrim-overlay > .gl-new-dropdown-item:nth-last-child(3):not(:first-child) {
  margin-bottom: 0;
}
.gl-new-dropdown-item:hover .gl-new-dropdown-item-content, .gl-new-dropdown-item:focus .gl-new-dropdown-item-content {
  background-color: #ececef;
}
.gl-new-dropdown-item:active .gl-new-dropdown-item-content, .gl-new-dropdown-item:focus:active .gl-new-dropdown-item-content {
  background-color: #dcdcde;
}
.gl-new-dropdown-item[aria-selected=true] .gl-new-dropdown-item-content {
  background-color: #ececef;
}
.gl-new-dropdown-item[aria-selected=true]:hover .gl-new-dropdown-item-content, .gl-new-dropdown-item[aria-selected=true]:focus .gl-new-dropdown-item-content {
  background-color: #dcdcde;
}
.gl-new-dropdown-item[aria-selected=true]:hover .gl-new-dropdown-item-check-icon, .gl-new-dropdown-item[aria-selected=true]:focus .gl-new-dropdown-item-check-icon {
  color: #1068bf;
}
.gl-new-dropdown-item[aria-selected=true]:active .gl-new-dropdown-item-content, .gl-new-dropdown-item[aria-selected=true]:focus:active .gl-new-dropdown-item-content {
  background-color: #bfbfc3;
}
.gl-new-dropdown-item[aria-selected=true]:active .gl-new-dropdown-item-check-icon, .gl-new-dropdown-item[aria-selected=true]:focus:active .gl-new-dropdown-item-check-icon {
  color: #0b5cad;
}
.gl-new-dropdown-item:focus-visible {
  outline: none;
}
.gl-new-dropdown-item:active .gl-new-dropdown-item-content, .gl-new-dropdown-item:focus .gl-new-dropdown-item-content, .gl-new-dropdown-item:focus:active .gl-new-dropdown-item-content {
  box-shadow: inset 0 0 0 2px var(--gl-focus-ring-outer-color), inset 0 0 0 3px var(--gl-focus-ring-inner-color), inset 0 0 0 1px var(--gl-focus-ring-inner-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-new-dropdown-item:active .gl-new-dropdown-item-content, .gl-new-dropdown-item:focus .gl-new-dropdown-item-content, .gl-new-dropdown-item:focus:active .gl-new-dropdown-item-content {
    outline: 2px solid LinkText;
  }
}
.gl-new-dropdown-item .gl-new-dropdown-item-content {
  width: 100%;
  background-color: transparent;
  align-items: center;
  border-width: 0;
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  border-radius: 0.25rem;
  text-decoration: none;
  color: #28272d;
  text-align: left;
  white-space: normal;
}
.gl-new-dropdown-item .gl-new-dropdown-item-content .gl-new-dropdown-item-check-icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: #1f75cb;
}
.gl-new-dropdown-item .gl-new-dropdown-item-content .gl-new-dropdown-item-icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.gl-new-dropdown-item .gl-new-dropdown-item-content .gl-new-dropdown-item-text-wrapper {
  min-width: 0;
  flex-grow: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.gl-listbox-search {
  position: relative;
}
.gl-listbox-search .gl-listbox-search-input {
  width: 100%;
  line-height: 1rem;
  height: auto;
  border-style: none;
  border-radius: 0;
  padding-left: calc(2rem + 0.25rem);
  padding-right: calc(1.5rem + 0.25rem);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
}
.gl-listbox-search .gl-listbox-search-input:focus {
  box-shadow: inset 0 0 0 2px var(--gl-focus-ring-outer-color), inset 0 0 0 3px var(--gl-focus-ring-inner-color), inset 0 0 0 1px var(--gl-focus-ring-inner-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-listbox-search .gl-listbox-search-input:focus {
    outline: 2px solid LinkText;
  }
}
.gl-listbox-search .gl-listbox-search-input::placeholder {
  color: #89888d;
}
.gl-listbox-search .gl-listbox-search-input::-webkit-search-cancel-button {
  display: none;
}
.gl-listbox-search.gl-listbox-topmost .gl-listbox-search-input {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.gl-listbox-search .gl-listbox-search-icon {
  position: absolute;
  top: calc(50% - 12px / 2);
  left: 0.75rem;
  color: #737278;
}
.gl-listbox-search .gl-listbox-search-clear-button {
  position: absolute;
  top: calc(50% - 24px / 2);
  right: 0.5rem;
}

.gl-empty-state-content {
  max-width: 65ch;
}

/* auto-inject-scss-lib */
.gl-sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.gl-sr-only\! {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.gl-sr-only-focusable:not(:focus) {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.gl-sr-only-focusable\!:not(:focus) {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@keyframes gl-spinner-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes gl-keyframes-skeleton-loader {
  0% {
    background-position-x: -32rem;
  }
  100% {
    background-position-x: 32rem;
  }
}
.gl-spin {
  animation: gl-spinner-rotate 2s infinite linear;
}

.gl-spin\! {
  animation: gl-spinner-rotate 2s infinite linear !important;
}

.gl-animate-skeleton-loader {
  overflow: hidden;
  max-width: 32rem;
  background-size: 32rem 100%;
  background-position: -32rem 0;
  background-color: #dcdcde;
  background-image: linear-gradient(to right, #dcdcde 0, #ececef 23%, #ececef 27%, #dcdcde 50%);
  background-repeat: no-repeat;
}
@media (prefers-reduced-motion: no-preference) {
  .gl-animate-skeleton-loader {
    animation: gl-keyframes-skeleton-loader 2.5s linear;
    animation-delay: inherit;
    animation-iteration-count: 3;
  }
}

.gl-animate-skeleton-loader\! {
  overflow: hidden !important;
  max-width: 32rem !important !important;
  background-size: 32rem !important 100% !important;
  background-position: -32rem !important 0 !important;
  background-color: #dcdcde !important;
  background-image: linear-gradient(to right, #dcdcde 0, #ececef 23%, #ececef 27%, #dcdcde 50%) !important;
  background-repeat: no-repeat !important;
}
@media (prefers-reduced-motion: no-preference) {
  .gl-animate-skeleton-loader\! {
    animation: gl-keyframes-skeleton-loader 2.5s linear !important;
    animation-delay: inherit !important;
    animation-iteration-count: 3 !important;
  }
}

.gl-bg-transparent {
  background-color: transparent;
}

.gl-hover-bg-transparent:hover {
  background-color: transparent;
}

.gl-bg-transparent\! {
  background-color: transparent !important;
}

.gl-hover-bg-transparent\!:hover {
  background-color: transparent !important;
}

.gl-bg-current-color {
  background-color: currentColor;
}

.gl-bg-current-color\! {
  background-color: currentColor !important;
}

.gl-bg-white {
  background-color: #fff;
}

.gl-bg-white\! {
  background-color: #fff !important;
}

.gl-bg-black {
  background-color: #050506;
}

.gl-bg-black\! {
  background-color: #050506 !important;
}

.gl-reset-bg {
  background-color: inherit;
}

.gl-reset-bg\! {
  background-color: inherit !important;
}

.gl-bg-gray-10 {
  background-color: #fbfafd;
}

.gl-bg-gray-10\! {
  background-color: #fbfafd !important;
}

.gl-bg-gray-50 {
  background-color: #ececef;
}

.gl-active-bg-gray-50:active {
  background-color: #ececef;
}

.gl-focus-bg-gray-50:focus {
  background-color: #ececef;
}

.gl-hover-bg-gray-50:hover {
  background-color: #ececef;
}

.gl-bg-gray-50\! {
  background-color: #ececef !important;
}

.gl-active-bg-gray-50\!:active {
  background-color: #ececef !important;
}

.gl-focus-bg-gray-50\!:focus {
  background-color: #ececef !important;
}

.gl-hover-bg-gray-50\!:hover {
  background-color: #ececef !important;
}

.gl-bg-gray-100 {
  background-color: #dcdcde;
}

.gl-bg-gray-100\! {
  background-color: #dcdcde !important;
}

.gl-bg-gray-200 {
  background-color: #bfbfc3;
}

.gl-bg-gray-200\! {
  background-color: #bfbfc3 !important;
}

.gl-bg-gray-300 {
  background-color: #a4a3a8;
}

.gl-bg-gray-300\! {
  background-color: #a4a3a8 !important;
}

.gl-bg-gray-400 {
  background-color: #89888d;
}

.gl-bg-gray-400\! {
  background-color: #89888d !important;
}

.gl-bg-gray-500 {
  background-color: #737278;
}

.gl-bg-gray-500\! {
  background-color: #737278 !important;
}

.gl-bg-gray-600 {
  background-color: #626168;
}

.gl-bg-gray-600\! {
  background-color: #626168 !important;
}

.gl-bg-gray-700 {
  background-color: #4c4b51;
}

.gl-bg-gray-700\! {
  background-color: #4c4b51 !important;
}

.gl-bg-gray-900 {
  background-color: #28272d;
}

.gl-bg-gray-900\! {
  background-color: #28272d !important;
}

.gl-bg-gray-950 {
  background-color: #18171d;
}

.gl-bg-gray-950\! {
  background-color: #18171d !important;
}

.gl-bg-blue-50 {
  background-color: #e9f3fc;
}

.gl-hover-bg-blue-50:hover {
  background-color: #e9f3fc;
}

.gl-bg-blue-50\! {
  background-color: #e9f3fc !important;
}

.gl-hover-bg-blue-50\!:hover {
  background-color: #e9f3fc !important;
}

.gl-bg-blue-100 {
  background-color: #cbe2f9;
}

.gl-bg-blue-100\! {
  background-color: #cbe2f9 !important;
}

.gl-bg-blue-200 {
  background-color: #9dc7f1;
}

.gl-bg-blue-200\! {
  background-color: #9dc7f1 !important;
}

.gl-bg-blue-500 {
  background-color: #1f75cb;
}

.gl-bg-blue-500\! {
  background-color: #1f75cb !important;
}

.gl-bg-blue-600 {
  background-color: #1068bf;
}

.gl-bg-blue-600\! {
  background-color: #1068bf !important;
}

.gl-bg-blue-700 {
  background-color: #0b5cad;
}

.gl-bg-blue-700\! {
  background-color: #0b5cad !important;
}

.gl-bg-green-50 {
  background-color: #ecf4ee;
}

.gl-bg-green-50\! {
  background-color: #ecf4ee !important;
}

.gl-bg-green-100 {
  background-color: #c3e6cd;
}

.gl-bg-green-100\! {
  background-color: #c3e6cd !important;
}

.gl-bg-green-200 {
  background-color: #91d4a8;
}

.gl-bg-green-200\! {
  background-color: #91d4a8 !important;
}

.gl-bg-green-500 {
  background-color: #108548;
}

.gl-bg-green-500\! {
  background-color: #108548 !important;
}

.gl-bg-green-600 {
  background-color: #217645;
}

.gl-bg-green-600\! {
  background-color: #217645 !important;
}

.gl-bg-green-700 {
  background-color: #24663b;
}

.gl-bg-green-700\! {
  background-color: #24663b !important;
}

.gl-bg-theme-green-100 {
  background-color: #b1d6b5;
}

.gl-bg-theme-green-100\! {
  background-color: #b1d6b5 !important;
}

.gl-bg-orange-50 {
  background-color: #fdf1dd;
}

.gl-bg-orange-50\! {
  background-color: #fdf1dd !important;
}

.gl-bg-orange-100 {
  background-color: #f5d9a8;
}

.gl-bg-orange-100\! {
  background-color: #f5d9a8 !important;
}

.gl-bg-orange-200 {
  background-color: #e9be74;
}

.gl-bg-orange-200\! {
  background-color: #e9be74 !important;
}

.gl-bg-orange-500 {
  background-color: #ab6100;
}

.gl-bg-orange-500\! {
  background-color: #ab6100 !important;
}

.gl-bg-orange-600 {
  background-color: #9e5400;
}

.gl-bg-orange-600\! {
  background-color: #9e5400 !important;
}

.gl-bg-orange-700 {
  background-color: #8f4700;
}

.gl-bg-orange-700\! {
  background-color: #8f4700 !important;
}

.gl-bg-purple-50 {
  background-color: #f4f0ff;
}

.gl-bg-purple-50\! {
  background-color: #f4f0ff !important;
}

.gl-bg-purple-500 {
  background-color: #7b58cf;
}

.gl-bg-purple-500\! {
  background-color: #7b58cf !important;
}

.gl-bg-purple-800 {
  background-color: #453894;
}

.gl-bg-purple-800\! {
  background-color: #453894 !important;
}

.gl-bg-red-50 {
  background-color: #fcf1ef;
}

.gl-bg-red-50\! {
  background-color: #fcf1ef !important;
}

.gl-bg-red-100 {
  background-color: #fdd4cd;
}

.gl-bg-red-100\! {
  background-color: #fdd4cd !important;
}

.gl-bg-red-200 {
  background-color: #fcb5aa;
}

.gl-bg-red-200\! {
  background-color: #fcb5aa !important;
}

.gl-bg-red-500 {
  background-color: #dd2b0e;
}

.gl-bg-red-500\! {
  background-color: #dd2b0e !important;
}

.gl-bg-red-600 {
  background-color: #c91c00;
}

.gl-bg-red-600\! {
  background-color: #c91c00 !important;
}

.gl-bg-red-700 {
  background-color: #ae1800;
}

.gl-bg-red-700\! {
  background-color: #ae1800 !important;
}

.gl-bg-t-gray-a-08 {
  background-color: rgba(5, 5, 6, 0.08);
}

.gl-hover-bg-t-gray-a-08:hover {
  background-color: rgba(5, 5, 6, 0.08);
}

.gl-focus-bg-t-gray-a-08:focus {
  background-color: rgba(5, 5, 6, 0.08);
}

.gl-active-bg-t-gray-a-08:active {
  background-color: rgba(5, 5, 6, 0.08);
}

.gl-bg-t-gray-a-08\! {
  background-color: rgba(5, 5, 6, 0.08) !important;
}

.gl-hover-bg-t-gray-a-08\!:hover {
  background-color: rgba(5, 5, 6, 0.08) !important;
}

.gl-focus-bg-t-gray-a-08\!:focus {
  background-color: rgba(5, 5, 6, 0.08) !important;
}

.gl-active-bg-t-gray-a-08\!:active {
  background-color: rgba(5, 5, 6, 0.08) !important;
}

.gl-bg-theme-indigo-50 {
  background-color: #f1f1ff;
}

.gl-bg-theme-indigo-50\! {
  background-color: #f1f1ff !important;
}

.gl-bg-theme-indigo-500 {
  background-color: #6666c4;
}

.gl-bg-theme-indigo-500\! {
  background-color: #6666c4 !important;
}

.gl-bg-theme-indigo-700 {
  background-color: #41419f;
}

.gl-bg-theme-indigo-700\! {
  background-color: #41419f !important;
}

.gl-bg-theme-indigo-900 {
  background-color: #222261;
}

.gl-bg-theme-indigo-900\! {
  background-color: #222261 !important;
}

.gl-bg-theme-blue-500 {
  background-color: #4977a5;
}

.gl-bg-theme-blue-500\! {
  background-color: #4977a5 !important;
}

.gl-bg-theme-blue-700 {
  background-color: #235180;
}

.gl-bg-theme-blue-700\! {
  background-color: #235180 !important;
}

.gl-bg-theme-blue-900 {
  background-color: #0b2640;
}

.gl-bg-theme-blue-900\! {
  background-color: #0b2640 !important;
}

.gl-bg-theme-green-500 {
  background-color: #308258;
}

.gl-bg-theme-green-500\! {
  background-color: #308258 !important;
}

.gl-bg-theme-green-700 {
  background-color: #1b653f;
}

.gl-bg-theme-green-700\! {
  background-color: #1b653f !important;
}

.gl-bg-theme-green-900 {
  background-color: #0e4328;
}

.gl-bg-theme-green-900\! {
  background-color: #0e4328 !important;
}

.gl-bg-theme-red-500 {
  background-color: #ad4a3b;
}

.gl-bg-theme-red-500\! {
  background-color: #ad4a3b !important;
}

.gl-bg-theme-red-700 {
  background-color: #8f2110;
}

.gl-bg-theme-red-700\! {
  background-color: #8f2110 !important;
}

.gl-bg-theme-red-900 {
  background-color: #580d02;
}

.gl-bg-theme-red-900\! {
  background-color: #580d02 !important;
}

.gl-bg-data-viz-blue-500 {
  background-color: #617ae2;
}

.gl-bg-data-viz-blue-500\! {
  background-color: #617ae2 !important;
}

.gl-bg-data-viz-blue-600 {
  background-color: #4e65cd;
}

.gl-bg-data-viz-blue-600\! {
  background-color: #4e65cd !important;
}

.gl-bg-data-viz-blue-700 {
  background-color: #3f51ae;
}

.gl-bg-data-viz-blue-700\! {
  background-color: #3f51ae !important;
}

.gl-bg-data-viz-blue-800 {
  background-color: #374291;
}

.gl-bg-data-viz-blue-800\! {
  background-color: #374291 !important;
}

.gl-bg-data-viz-blue-900 {
  background-color: #303470;
}

.gl-bg-data-viz-blue-900\! {
  background-color: #303470 !important;
}

.gl-bg-data-viz-blue-950 {
  background-color: #2a2b59;
}

.gl-bg-data-viz-blue-950\! {
  background-color: #2a2b59 !important;
}

.gl-bg-data-viz-orange-500 {
  background-color: #c95d2e;
}

.gl-bg-data-viz-orange-500\! {
  background-color: #c95d2e !important;
}

.gl-bg-data-viz-orange-600 {
  background-color: #b14f18;
}

.gl-bg-data-viz-orange-600\! {
  background-color: #b14f18 !important;
}

.gl-bg-data-viz-orange-700 {
  background-color: #92430a;
}

.gl-bg-data-viz-orange-700\! {
  background-color: #92430a !important;
}

.gl-bg-data-viz-orange-800 {
  background-color: #6f3500;
}

.gl-bg-data-viz-orange-800\! {
  background-color: #6f3500 !important;
}

.gl-bg-data-viz-orange-900 {
  background-color: #5e2f05;
}

.gl-bg-data-viz-orange-900\! {
  background-color: #5e2f05 !important;
}

.gl-bg-data-viz-orange-950 {
  background-color: #4b2707;
}

.gl-bg-data-viz-orange-950\! {
  background-color: #4b2707 !important;
}

.gl-bg-data-viz-aqua-500 {
  background-color: #0090b1;
}

.gl-bg-data-viz-aqua-500\! {
  background-color: #0090b1 !important;
}

.gl-bg-data-viz-aqua-600 {
  background-color: #007b9b;
}

.gl-bg-data-viz-aqua-600\! {
  background-color: #007b9b !important;
}

.gl-bg-data-viz-aqua-700 {
  background-color: #006381;
}

.gl-bg-data-viz-aqua-700\! {
  background-color: #006381 !important;
}

.gl-bg-data-viz-aqua-800 {
  background-color: #00516c;
}

.gl-bg-data-viz-aqua-800\! {
  background-color: #00516c !important;
}

.gl-bg-data-viz-aqua-900 {
  background-color: #004059;
}

.gl-bg-data-viz-aqua-900\! {
  background-color: #004059 !important;
}

.gl-bg-data-viz-aqua-950 {
  background-color: #00344b;
}

.gl-bg-data-viz-aqua-950\! {
  background-color: #00344b !important;
}

.gl-bg-data-viz-green-500 {
  background-color: #619025;
}

.gl-bg-data-viz-green-500\! {
  background-color: #619025 !important;
}

.gl-bg-data-viz-green-600 {
  background-color: #4e7f0e;
}

.gl-bg-data-viz-green-600\! {
  background-color: #4e7f0e !important;
}

.gl-bg-data-viz-green-700 {
  background-color: #366800;
}

.gl-bg-data-viz-green-700\! {
  background-color: #366800 !important;
}

.gl-bg-data-viz-green-800 {
  background-color: #275600;
}

.gl-bg-data-viz-green-800\! {
  background-color: #275600 !important;
}

.gl-bg-data-viz-green-900 {
  background-color: #1a4500;
}

.gl-bg-data-viz-green-900\! {
  background-color: #1a4500 !important;
}

.gl-bg-data-viz-green-950 {
  background-color: #133a03;
}

.gl-bg-data-viz-green-950\! {
  background-color: #133a03 !important;
}

.gl-bg-data-viz-magenta-500 {
  background-color: #cf4d81;
}

.gl-bg-data-viz-magenta-500\! {
  background-color: #cf4d81 !important;
}

.gl-bg-data-viz-magenta-600 {
  background-color: #b93d71;
}

.gl-bg-data-viz-magenta-600\! {
  background-color: #b93d71 !important;
}

.gl-bg-data-viz-magenta-700 {
  background-color: #9a2e5d;
}

.gl-bg-data-viz-magenta-700\! {
  background-color: #9a2e5d !important;
}

.gl-bg-data-viz-magenta-800 {
  background-color: #7c214f;
}

.gl-bg-data-viz-magenta-800\! {
  background-color: #7c214f !important;
}

.gl-bg-data-viz-magenta-900 {
  background-color: #661e3a;
}

.gl-bg-data-viz-magenta-900\! {
  background-color: #661e3a !important;
}

.gl-bg-data-viz-magenta-950 {
  background-color: #541d31;
}

.gl-bg-data-viz-magenta-950\! {
  background-color: #541d31 !important;
}

.gl-bg-none {
  background: none;
}

.gl-bg-none\! {
  background: none !important;
}

.gl-bg-center {
  background-position: center;
}

.gl-bg-center\! {
  background-position: center !important;
}

.gl-bg-size-100p {
  background-size: 100% 100%;
}

.gl-bg-size-100p\! {
  background-size: 100% 100% !important;
}

.gl-bg-size-cover {
  background-size: cover;
}

.gl-bg-size-cover\! {
  background-size: cover !important;
}

.gl-bg-no-repeat {
  background-repeat: no-repeat;
}

.gl-bg-no-repeat\! {
  background-repeat: no-repeat !important;
}

.gl-bg-chevron-left {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414-1.414L7.414 8l2.293-2.293a1 1 0 0 0-1.414-1.414l-3 3z"/></svg>');
}

.gl-bg-chevron-left\! {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414-1.414L7.414 8l2.293-2.293a1 1 0 0 0-1.414-1.414l-3 3z"/></svg>') !important;
}

.gl-bg-chevron-right {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M10.707 7.293a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L8.586 8 6.293 5.707a1 1 0 0 1 1.414-1.414l3 3z"/></svg>');
}

.gl-bg-chevron-right\! {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M10.707 7.293a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L8.586 8 6.293 5.707a1 1 0 0 1 1.414-1.414l3 3z"/></svg>') !important;
}

.gl-bg-chevron-down {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M7.293 10.707a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L8 8.586 5.707 6.293a1 1 0 0 0-1.414 1.414l3 3z"/></svg>');
}

.gl-bg-chevron-down\! {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" d="M7.293 10.707a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L8 8.586 5.707 6.293a1 1 0 0 0-1.414 1.414l3 3z"/></svg>') !important;
}

.gl-backdrop-filter-blur-1 {
  backdrop-filter: blur(0.125rem);
}

.gl-backdrop-filter-blur-1\! {
  backdrop-filter: blur(0.125rem) !important;
}

.gl-border {
  border: solid 1px #dcdcde;
}

.gl-border\! {
  border: solid 1px #dcdcde !important;
}

.gl-border-t {
  border-top: solid 1px #dcdcde;
}

.gl-border-t\! {
  border-top: solid 1px #dcdcde !important;
}

.gl-border-b {
  border-bottom: solid 1px #dcdcde;
}

.gl-border-b\! {
  border-bottom: solid 1px #dcdcde !important;
}

.gl-border-l {
  border-left: solid 1px #dcdcde;
}

.gl-border-l\! {
  border-left: solid 1px #dcdcde !important;
}

.gl-border-r {
  border-right: solid 1px #dcdcde;
}

.gl-border-r\! {
  border-right: solid 1px #dcdcde !important;
}

.gl-border-none {
  border-style: none;
}

.gl-border-none\! {
  border-style: none !important;
}

.gl-border-t-none {
  border-top-style: none;
}

.gl-border-t-none\! {
  border-top-style: none !important;
}

.gl-border-solid {
  border-style: solid;
}

.gl-border-solid\! {
  border-style: solid !important;
}

.gl-border-dashed {
  border-style: dashed;
}

.gl-hover-border-dashed:hover {
  border-style: dashed;
}

.gl-border-dashed\! {
  border-style: dashed !important;
}

.gl-hover-border-dashed\!:hover {
  border-style: dashed !important;
}

.gl-border-dotted {
  border-style: dotted;
}

.gl-hover-border-dotted:hover {
  border-style: dotted;
}

.gl-border-dotted\! {
  border-style: dotted !important;
}

.gl-hover-border-dotted\!:hover {
  border-style: dotted !important;
}

.gl-border-t-solid {
  border-top-style: solid;
}

.gl-hover-border-t-solid:hover {
  border-top-style: solid;
}

.gl-border-t-solid\! {
  border-top-style: solid !important;
}

.gl-hover-border-t-solid\!:hover {
  border-top-style: solid !important;
}

.gl-border-t-double {
  border-top-style: double;
}

.gl-border-t-double\! {
  border-top-style: double !important;
}

.gl-border-r-solid {
  border-right-style: solid;
}

.gl-border-r-solid\! {
  border-right-style: solid !important;
}

.gl-border-b-solid {
  border-bottom-style: solid;
}

.gl-hover-border-b-solid:hover {
  border-bottom-style: solid;
}

.gl-border-b-solid\! {
  border-bottom-style: solid !important;
}

.gl-hover-border-b-solid\!:hover {
  border-bottom-style: solid !important;
}

.gl-border-b-initial {
  border-bottom-style: initial;
}

.gl-border-b-initial\! {
  border-bottom-style: initial !important;
}

.gl-border-l-solid {
  border-left-style: solid;
}

.gl-border-l-solid\! {
  border-left-style: solid !important;
}

.gl-border-l-none {
  border-left-style: none;
}

.gl-border-l-none\! {
  border-left-style: none !important;
}

.gl-border-r-none {
  border-right-style: none;
}

.gl-border-r-none\! {
  border-right-style: none !important;
}

@media (min-width: 768px) {
  .gl-md-border-l-solid {
    border-left-style: solid;
  }
}

@media (min-width: 768px) {
  .gl-md-border-l-solid\! {
    border-left-style: solid !important;
  }
}

.gl-border-white {
  border-color: #fff;
}

.gl-border-white\! {
  border-color: #fff !important;
}

.gl-border-transparent {
  border-color: transparent;
}

.gl-border-transparent\! {
  border-color: transparent !important;
}

.gl-border-t-transparent {
  border-top-color: transparent;
}

.gl-border-t-transparent\! {
  border-top-color: transparent !important;
}

.gl-border-r-transparent {
  border-right-color: transparent;
}

.gl-border-r-transparent\! {
  border-right-color: transparent !important;
}

.gl-border-b-transparent {
  border-bottom-color: transparent;
}

.gl-border-b-transparent\! {
  border-bottom-color: transparent !important;
}

.gl-border-l-transparent {
  border-left-color: transparent;
}

.gl-border-l-transparent\! {
  border-left-color: transparent !important;
}

.gl-border-gray-10 {
  border-color: #fbfafd;
}

.gl-border-gray-10\! {
  border-color: #fbfafd !important;
}

.gl-border-gray-50 {
  border-color: #ececef;
}

.gl-border-gray-50\! {
  border-color: #ececef !important;
}

.gl-border-gray-100 {
  border-color: #dcdcde;
}

.gl-hover-border-gray-100:hover {
  border-color: #dcdcde;
}

.gl-border-gray-100\! {
  border-color: #dcdcde !important;
}

.gl-hover-border-gray-100\!:hover {
  border-color: #dcdcde !important;
}

.gl-border-gray-200 {
  border-color: #bfbfc3;
}

.gl-active-border-gray-200:active {
  border-color: #bfbfc3;
}

.gl-focus-border-gray-200:focus {
  border-color: #bfbfc3;
}

.gl-hover-border-gray-200:hover {
  border-color: #bfbfc3;
}

.gl-border-gray-200\! {
  border-color: #bfbfc3 !important;
}

.gl-active-border-gray-200\!:active {
  border-color: #bfbfc3 !important;
}

.gl-focus-border-gray-200\!:focus {
  border-color: #bfbfc3 !important;
}

.gl-hover-border-gray-200\!:hover {
  border-color: #bfbfc3 !important;
}

.gl-border-gray-300 {
  border-color: #a4a3a8;
}

.gl-border-gray-300\! {
  border-color: #a4a3a8 !important;
}

.gl-border-gray-400 {
  border-color: #89888d;
}

.gl-border-gray-400\! {
  border-color: #89888d !important;
}

.gl-border-gray-500 {
  border-color: #737278;
}

.gl-border-gray-500\! {
  border-color: #737278 !important;
}

.gl-border-red-500 {
  border-color: #dd2b0e;
}

.gl-border-red-500\! {
  border-color: #dd2b0e !important;
}

.gl-border-orange-500 {
  border-color: #ab6100;
}

.gl-border-orange-500\! {
  border-color: #ab6100 !important;
}

.gl-border-green-500 {
  border-color: #108548;
}

.gl-border-green-500\! {
  border-color: #108548 !important;
}

.gl-border-blue-200 {
  border-color: #9dc7f1;
}

.gl-hover-border-blue-200:hover {
  border-color: #9dc7f1;
}

.gl-border-blue-200\! {
  border-color: #9dc7f1 !important;
}

.gl-hover-border-blue-200\!:hover {
  border-color: #9dc7f1 !important;
}

.gl-border-blue-300 {
  border-color: #63a6e9;
}

.gl-border-blue-300\! {
  border-color: #63a6e9 !important;
}

.gl-border-blue-500 {
  border-color: #1f75cb;
}

.gl-border-blue-500\! {
  border-color: #1f75cb !important;
}

.gl-border-blue-600 {
  border-color: #1068bf;
}

.gl-border-blue-600\! {
  border-color: #1068bf !important;
}

.gl-border-blue-700 {
  border-color: #0b5cad;
}

.gl-border-blue-700\! {
  border-color: #0b5cad !important;
}

.gl-border-purple-300 {
  border-color: #ac93e6;
}

.gl-border-purple-300\! {
  border-color: #ac93e6 !important;
}

.gl-border-purple-500 {
  border-color: #7b58cf;
}

.gl-border-purple-500\! {
  border-color: #7b58cf !important;
}

.gl-border-purple-700 {
  border-color: #5943b6;
}

.gl-border-purple-700\! {
  border-color: #5943b6 !important;
}

.gl-border-gray-a-08 {
  border-color: rgba(5, 5, 6, 0.08);
}

.gl-border-gray-a-08\! {
  border-color: rgba(5, 5, 6, 0.08) !important;
}

.gl-border-gray-a-24 {
  border-color: rgba(5, 5, 6, 0.24);
}

.gl-border-gray-a-24\! {
  border-color: rgba(5, 5, 6, 0.24) !important;
}

.gl-border-t-gray-100 {
  border-top-color: #dcdcde;
}

.gl-border-t-gray-100\! {
  border-top-color: #dcdcde !important;
}

.gl-border-t-gray-200 {
  border-top-color: #bfbfc3;
}

.gl-border-t-gray-200\! {
  border-top-color: #bfbfc3 !important;
}

.gl-border-r-gray-100 {
  border-right-color: #dcdcde;
}

.gl-border-r-gray-100\! {
  border-right-color: #dcdcde !important;
}

.gl-border-r-gray-200 {
  border-right-color: #bfbfc3;
}

.gl-border-r-gray-200\! {
  border-right-color: #bfbfc3 !important;
}

.gl-border-b-gray-10 {
  border-bottom-color: #fbfafd;
}

.gl-border-b-gray-10\! {
  border-bottom-color: #fbfafd !important;
}

.gl-border-b-gray-50 {
  border-bottom-color: #ececef;
}

.gl-border-b-gray-50\! {
  border-bottom-color: #ececef !important;
}

.gl-border-b-gray-100 {
  border-bottom-color: #dcdcde;
}

.gl-border-b-gray-100\! {
  border-bottom-color: #dcdcde !important;
}

.gl-border-b-gray-200 {
  border-bottom-color: #bfbfc3;
}

.gl-border-b-gray-200\! {
  border-bottom-color: #bfbfc3 !important;
}

.gl-border-l-gray-50 {
  border-left-color: #ececef;
}

.gl-border-l-gray-50\! {
  border-left-color: #ececef !important;
}

.gl-border-l-gray-100 {
  border-left-color: #dcdcde;
}

.gl-border-l-gray-100\! {
  border-left-color: #dcdcde !important;
}

.gl-border-l-gray-200 {
  border-left-color: #bfbfc3;
}

.gl-border-l-gray-200\! {
  border-left-color: #bfbfc3 !important;
}

.gl-border-l-gray-500 {
  border-left-color: #737278;
}

.gl-border-l-gray-500\! {
  border-left-color: #737278 !important;
}

.gl-border-t-blue-600 {
  border-top-color: #1068bf;
}

.gl-border-t-blue-600\! {
  border-top-color: #1068bf !important;
}

.gl-border-r-blue-600 {
  border-right-color: #1068bf;
}

.gl-border-r-blue-600\! {
  border-right-color: #1068bf !important;
}

.gl-border-b-blue-600 {
  border-bottom-color: #1068bf;
}

.gl-border-b-blue-600\! {
  border-bottom-color: #1068bf !important;
}

.gl-border-l-blue-600 {
  border-left-color: #1068bf;
}

.gl-border-l-blue-600\! {
  border-left-color: #1068bf !important;
}

.gl-border-t-red-500 {
  border-top-color: #dd2b0e;
}

.gl-border-t-red-500\! {
  border-top-color: #dd2b0e !important;
}

.gl-border-0 {
  border-width: 0;
}

.gl-border-0\! {
  border-width: 0 !important;
}

.gl-border-t-0 {
  border-top-width: 0;
}

.gl-border-t-0\! {
  border-top-width: 0 !important;
}

.gl-border-b-0 {
  border-bottom-width: 0;
}

.gl-border-b-0\! {
  border-bottom-width: 0 !important;
}

.gl-border-l-0 {
  border-left-width: 0;
}

.gl-border-l-0\! {
  border-left-width: 0 !important;
}

.gl-border-r-0 {
  border-right-width: 0;
}

.gl-border-r-0\! {
  border-right-width: 0 !important;
}

.gl-border-1 {
  border-width: 1px;
}

.gl-border-1\! {
  border-width: 1px !important;
}

.gl-border-2 {
  border-width: 2px;
}

.gl-border-2\! {
  border-width: 2px !important;
}

.gl-border-3 {
  border-width: 3px;
}

.gl-border-3\! {
  border-width: 3px !important;
}

.gl-border-4 {
  border-width: 4px;
}

.gl-border-4\! {
  border-width: 4px !important;
}

.gl-border-8 {
  border-width: 8px;
}

.gl-border-8\! {
  border-width: 8px !important;
}

.gl-border-t-1 {
  border-top-width: 1px;
}

.gl-border-t-1\! {
  border-top-width: 1px !important;
}

.gl-border-b-1 {
  border-bottom-width: 1px;
}

.gl-border-b-1\! {
  border-bottom-width: 1px !important;
}

.gl-border-l-1 {
  border-left-width: 1px;
}

.gl-border-l-1\! {
  border-left-width: 1px !important;
}

.gl-border-l-4 {
  border-left-width: 4px;
}

.gl-border-l-4\! {
  border-left-width: 4px !important;
}

.gl-border-r-1 {
  border-right-width: 1px;
}

.gl-border-r-1\! {
  border-right-width: 1px !important;
}

.gl-border-t-2 {
  border-top-width: 2px;
}

.gl-border-t-2\! {
  border-top-width: 2px !important;
}

.gl-border-b-2 {
  border-bottom-width: 2px;
}

.gl-border-b-2\! {
  border-bottom-width: 2px !important;
}

.gl-border-r-2 {
  border-right-width: 2px;
}

.gl-border-r-2\! {
  border-right-width: 2px !important;
}

.gl-border-top-0 {
  border-top: 0;
}

.gl-border-top-0\! {
  border-top: 0 !important;
}

.gl-border-right-0 {
  border-right: 0;
}

.gl-border-right-0\! {
  border-right: 0 !important;
}

.gl-border-bottom-0 {
  border-bottom: 0;
}

.gl-border-bottom-0\! {
  border-bottom: 0 !important;
}

.gl-border-left-0 {
  border-left: 0;
}

.gl-border-left-0\! {
  border-left: 0 !important;
}

.gl-rounded-0 {
  border-radius: 0;
}

.gl-rounded-0\! {
  border-radius: 0 !important;
}

.gl-rounded-6 {
  border-radius: 1.5rem;
}

.gl-rounded-6\! {
  border-radius: 1.5rem !important;
}

.gl-rounded-7 {
  border-radius: 2rem;
}

.gl-rounded-7\! {
  border-radius: 2rem !important;
}

.gl-rounded-base {
  border-radius: 0.25rem;
}

.gl-hover-rounded-base:hover {
  border-radius: 0.25rem;
}

.gl-rounded-base\! {
  border-radius: 0.25rem !important;
}

.gl-hover-rounded-base\!:hover {
  border-radius: 0.25rem !important;
}

.gl-rounded-full {
  border-radius: 50%;
}

.gl-rounded-full\! {
  border-radius: 50% !important;
}

.gl-rounded-small {
  border-radius: 0.125rem;
}

.gl-rounded-small\! {
  border-radius: 0.125rem !important;
}

.gl-rounded-lg {
  border-radius: 0.5rem;
}

.gl-rounded-lg\! {
  border-radius: 0.5rem !important;
}

.gl-rounded-pill {
  border-radius: 0.75rem;
}

.gl-rounded-pill\! {
  border-radius: 0.75rem !important;
}

.gl-rounded-left-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gl-rounded-left-none\! {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.gl-rounded-left-base {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.gl-rounded-left-base\! {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.gl-rounded-top-left-base {
  border-top-left-radius: 0.25rem;
}

.gl-rounded-top-left-base\! {
  border-top-left-radius: 0.25rem !important;
}

.gl-rounded-top-left-none {
  border-top-left-radius: 0;
}

.gl-rounded-top-left-none\! {
  border-top-left-radius: 0 !important;
}

.gl-rounded-top-right-base {
  border-top-right-radius: 0.25rem;
}

.gl-rounded-top-right-base\! {
  border-top-right-radius: 0.25rem !important;
}

.gl-rounded-top-right-none {
  border-top-right-radius: 0;
}

.gl-rounded-top-right-none\! {
  border-top-right-radius: 0 !important;
}

.gl-rounded-right-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gl-rounded-right-none\! {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.gl-rounded-top-base {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.gl-rounded-top-base\! {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.gl-rounded-bottom-left-small {
  border-bottom-left-radius: 0.125rem;
}

.gl-rounded-bottom-left-small\! {
  border-bottom-left-radius: 0.125rem !important;
}

.gl-rounded-bottom-left-base {
  border-bottom-left-radius: 0.25rem;
}

.gl-rounded-bottom-left-base\! {
  border-bottom-left-radius: 0.25rem !important;
}

.gl-rounded-bottom-left-large {
  border-bottom-left-radius: 0.5rem;
}

.gl-rounded-bottom-left-large\! {
  border-bottom-left-radius: 0.5rem !important;
}

.gl-rounded-bottom-left-none {
  border-bottom-left-radius: 0;
}

.gl-rounded-bottom-left-none\! {
  border-bottom-left-radius: 0 !important;
}

.gl-rounded-bottom-right-small {
  border-bottom-right-radius: 0.125rem;
}

.gl-rounded-bottom-right-small\! {
  border-bottom-right-radius: 0.125rem !important;
}

.gl-rounded-bottom-right-base {
  border-bottom-right-radius: 0.25rem;
}

.gl-rounded-bottom-right-base\! {
  border-bottom-right-radius: 0.25rem !important;
}

.gl-rounded-bottom-right-large {
  border-bottom-right-radius: 0.5rem;
}

.gl-rounded-bottom-right-large\! {
  border-bottom-right-radius: 0.5rem !important;
}

.gl-rounded-bottom-right-none {
  border-bottom-right-radius: 0;
}

.gl-rounded-bottom-right-none\! {
  border-bottom-right-radius: 0 !important;
}

.gl-rounded-bottom-base {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.gl-rounded-bottom-base\! {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.gl-rounded-top-left-small {
  border-top-left-radius: 0.125rem;
}

.gl-rounded-top-left-small\! {
  border-top-left-radius: 0.125rem !important;
}

.gl-rounded-top-right-small {
  border-top-right-radius: 0.125rem;
}

.gl-rounded-top-right-small\! {
  border-top-right-radius: 0.125rem !important;
}

.gl-rounded-bottom-left-6 {
  border-bottom-left-radius: 1.5rem;
}

.gl-rounded-bottom-left-6\! {
  border-bottom-left-radius: 1.5rem !important;
}

.gl-rounded-bottom-right-6 {
  border-bottom-right-radius: 1.5rem;
}

.gl-rounded-bottom-right-6\! {
  border-bottom-right-radius: 1.5rem !important;
}

.gl-rounded-top-left-6 {
  border-top-left-radius: 1.5rem;
}

.gl-rounded-top-left-6\! {
  border-top-left-radius: 1.5rem !important;
}

.gl-rounded-top-right-6 {
  border-top-right-radius: 1.5rem;
}

.gl-rounded-top-right-6\! {
  border-top-right-radius: 1.5rem !important;
}

.gl-inset-border-1-gray-100 {
  box-shadow: inset 0 0 0 1px #dcdcde;
}

.gl-inset-border-1-gray-100\! {
  box-shadow: inset 0 0 0 1px #dcdcde !important;
}

.gl-inset-border-1-gray-200 {
  box-shadow: inset 0 0 0 1px #bfbfc3;
}

.gl-inset-border-1-gray-200\! {
  box-shadow: inset 0 0 0 1px #bfbfc3 !important;
}

.gl-inset-border-1-gray-400 {
  box-shadow: inset 0 0 0 1px #89888d;
}

.gl-inset-border-1-gray-400\! {
  box-shadow: inset 0 0 0 1px #89888d !important;
}

.gl-inset-border-1-gray-600 {
  box-shadow: inset 0 0 0 1px #626168;
}

.gl-inset-border-1-gray-600\! {
  box-shadow: inset 0 0 0 1px #626168 !important;
}

.gl-inset-border-2-gray-300 {
  box-shadow: inset 0 0 0 2px #a4a3a8;
}

.gl-inset-border-2-gray-300\! {
  box-shadow: inset 0 0 0 2px #a4a3a8 !important;
}

.gl-inset-border-2-gray-400 {
  box-shadow: inset 0 0 0 2px #89888d;
}

.gl-inset-border-2-gray-400\! {
  box-shadow: inset 0 0 0 2px #89888d !important;
}

.gl-inset-border-y-1-gray-200 {
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3;
}

.gl-inset-border-y-1-gray-200\! {
  box-shadow: inset 0 1px 0 0 #bfbfc3, inset 0 -1px 0 0 #bfbfc3 !important;
}

.gl-inset-border-y-1-gray-100 {
  box-shadow: inset 0 1px 0 0 #dcdcde, inset 0 -1px 0 0 #dcdcde;
}

.gl-inset-border-y-1-gray-100\! {
  box-shadow: inset 0 1px 0 0 #dcdcde, inset 0 -1px 0 0 #dcdcde !important;
}

.gl-inset-border-b-1-gray-100 {
  box-shadow: inset 0 -1px 0 0 #dcdcde;
}

.gl-inset-border-b-1-gray-100\! {
  box-shadow: inset 0 -1px 0 0 #dcdcde !important;
}

.gl-inset-border-b-2-gray-100 {
  box-shadow: inset 0 -2px 0 0 #dcdcde;
}

.gl-inset-border-b-2-gray-100\! {
  box-shadow: inset 0 -2px 0 0 #dcdcde !important;
}

.gl-inset-border-l-4-gray-100 {
  box-shadow: inset 4px 0 0 0 #dcdcde;
}

.gl-inset-border-l-4-gray-100\! {
  box-shadow: inset 4px 0 0 0 #dcdcde !important;
}

.gl-inset-border-b-1-gray-200 {
  box-shadow: inset 0 -1px 0 0 #bfbfc3;
}

.gl-inset-border-b-1-gray-200\! {
  box-shadow: inset 0 -1px 0 0 #bfbfc3 !important;
}

.gl-inset-border-b-2-gray-200 {
  box-shadow: inset 0 -2px 0 0 #bfbfc3;
}

.gl-inset-border-b-2-gray-200\! {
  box-shadow: inset 0 -2px 0 0 #bfbfc3 !important;
}

.gl-inset-border-b-1-gray-300 {
  box-shadow: inset 0 -1px 0 0 #a4a3a8;
}

.gl-inset-border-b-1-gray-300\! {
  box-shadow: inset 0 -1px 0 0 #a4a3a8 !important;
}

.gl-inset-border-b-2-gray-300 {
  box-shadow: inset 0 -2px 0 0 #a4a3a8;
}

.gl-inset-border-b-2-gray-300\! {
  box-shadow: inset 0 -2px 0 0 #a4a3a8 !important;
}

.gl-inset-border-b-2-gray-500 {
  box-shadow: inset 0 -2px 0 0 #737278;
}

.gl-inset-border-b-2-gray-500\! {
  box-shadow: inset 0 -2px 0 0 #737278 !important;
}

.gl-inset-border-b-1-gray-900 {
  box-shadow: inset 0 -1px 0 0 #28272d;
}

.gl-inset-border-b-1-gray-900\! {
  box-shadow: inset 0 -1px 0 0 #28272d !important;
}

.gl-inset-border-1-blue-500 {
  box-shadow: inset 0 0 0 1px #1f75cb;
}

.gl-inset-border-1-blue-500\! {
  box-shadow: inset 0 0 0 1px #1f75cb !important;
}

.gl-inset-border-1-blue-600 {
  box-shadow: inset 0 0 0 1px #1068bf;
}

.gl-inset-border-1-blue-600\! {
  box-shadow: inset 0 0 0 1px #1068bf !important;
}

.gl-inset-border-b-2-blue-500 {
  box-shadow: inset 0 -2px 0 0 #1f75cb;
}

.gl-inset-border-b-2-blue-500\! {
  box-shadow: inset 0 -2px 0 0 #1f75cb !important;
}

.gl-inset-border-1-green-500 {
  box-shadow: inset 0 0 0 1px #108548;
}

.gl-inset-border-1-green-500\! {
  box-shadow: inset 0 0 0 1px #108548 !important;
}

.gl-inset-border-1-green-600 {
  box-shadow: inset 0 0 0 1px #217645;
}

.gl-inset-border-1-green-600\! {
  box-shadow: inset 0 0 0 1px #217645 !important;
}

.gl-inset-border-2-blue-400 {
  box-shadow: inset 0 0 0 2px #428fdc;
}

.gl-focus-inset-border-2-blue-400:focus {
  box-shadow: inset 0 0 0 2px #428fdc;
}

.gl-inset-border-2-blue-400\! {
  box-shadow: inset 0 0 0 2px #428fdc !important;
}

.gl-focus-inset-border-2-blue-400\!:focus {
  box-shadow: inset 0 0 0 2px #428fdc !important;
}

.gl-inset-border-2-green-400 {
  box-shadow: inset 0 0 0 2px #2da160;
}

.gl-inset-border-2-green-400\! {
  box-shadow: inset 0 0 0 2px #2da160 !important;
}

.gl-inset-border-1-orange-500 {
  box-shadow: inset 0 0 0 1px #ab6100;
}

.gl-inset-border-1-orange-500\! {
  box-shadow: inset 0 0 0 1px #ab6100 !important;
}

.gl-inset-border-1-orange-600 {
  box-shadow: inset 0 0 0 1px #9e5400;
}

.gl-inset-border-1-orange-600\! {
  box-shadow: inset 0 0 0 1px #9e5400 !important;
}

.gl-inset-border-1-red-300 {
  box-shadow: inset 0 0 0 1px #f57f6c;
}

.gl-inset-border-1-red-300\! {
  box-shadow: inset 0 0 0 1px #f57f6c !important;
}

.gl-inset-border-1-red-400 {
  box-shadow: inset 0 0 0 1px #ec5941;
}

.gl-inset-border-1-red-400\! {
  box-shadow: inset 0 0 0 1px #ec5941 !important;
}

.gl-inset-border-1-red-500 {
  box-shadow: inset 0 0 0 1px #dd2b0e;
}

.gl-inset-border-1-red-500\! {
  box-shadow: inset 0 0 0 1px #dd2b0e !important;
}

.gl-inset-border-1-red-600 {
  box-shadow: inset 0 0 0 1px #c91c00;
}

.gl-inset-border-1-red-600\! {
  box-shadow: inset 0 0 0 1px #c91c00 !important;
}

.gl-inset-border-l-3-red-600 {
  box-shadow: inset 3px 0 0 0 #c91c00;
}

.gl-inset-border-l-3-red-600\! {
  box-shadow: inset 3px 0 0 0 #c91c00 !important;
}

.gl-inset-border-1-gray-a-08 {
  box-shadow: inset 0 0 0 1px rgba(5, 5, 6, 0.08);
}

.gl-inset-border-1-gray-a-08\! {
  box-shadow: inset 0 0 0 1px rgba(5, 5, 6, 0.08) !important;
}

.gl-inset-border-b-2-theme-accent {
  box-shadow: inset 0 -2px 0 0 var(--gl-theme-accent, #6666c4);
}

.gl-inset-border-b-2-theme-accent\! {
  box-shadow: inset 0 -2px 0 0 var(--gl-theme-accent, #6666c4) !important;
}

.gl-inset-border-b-2-theme-indigo-500 {
  box-shadow: inset 0 -2px 0 0 #6666c4;
}

.gl-inset-border-b-2-theme-indigo-500\! {
  box-shadow: inset 0 -2px 0 0 #6666c4 !important;
}

.gl-inset-border-b-2-theme-indigo-300 {
  box-shadow: inset 0 -2px 0 0 #a2a2e6;
}

.gl-inset-border-b-2-theme-indigo-300\! {
  box-shadow: inset 0 -2px 0 0 #a2a2e6 !important;
}

.gl-inset-border-b-2-theme-red-500 {
  box-shadow: inset 0 -2px 0 0 #ad4a3b;
}

.gl-inset-border-b-2-theme-red-500\! {
  box-shadow: inset 0 -2px 0 0 #ad4a3b !important;
}

.gl-inset-border-b-2-theme-light-red-500 {
  box-shadow: inset 0 -2px 0 0 #c24b38;
}

.gl-inset-border-b-2-theme-light-red-500\! {
  box-shadow: inset 0 -2px 0 0 #c24b38 !important;
}

.gl-inset-border-b-2-theme-blue-500 {
  box-shadow: inset 0 -2px 0 0 #4977a5;
}

.gl-inset-border-b-2-theme-blue-500\! {
  box-shadow: inset 0 -2px 0 0 #4977a5 !important;
}

.gl-inset-border-b-2-theme-light-blue-500 {
  box-shadow: inset 0 -2px 0 0 #3476b9;
}

.gl-inset-border-b-2-theme-light-blue-500\! {
  box-shadow: inset 0 -2px 0 0 #3476b9 !important;
}

.gl-inset-border-b-2-theme-green-300 {
  box-shadow: inset 0 -2px 0 0 #69af7d;
}

.gl-inset-border-b-2-theme-green-300\! {
  box-shadow: inset 0 -2px 0 0 #69af7d !important;
}

.gl-inset-border-b-2-theme-green-500 {
  box-shadow: inset 0 -2px 0 0 #308258;
}

.gl-inset-border-b-2-theme-green-500\! {
  box-shadow: inset 0 -2px 0 0 #308258 !important;
}

.gl-shadow-none {
  box-shadow: none;
}

.gl-shadow-none\! {
  box-shadow: none !important;
}

.gl-shadow {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.gl-shadow\! {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) !important;
}

.gl-shadow-x0-y2-b4-s0 {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.gl-shadow-x0-y2-b4-s0\! {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
}

.gl-shadow-blue-200-x0-y0-b4-s2 {
  box-shadow: 0 0 4px 2px #9dc7f1;
}

.gl-shadow-blue-200-x0-y0-b4-s2\! {
  box-shadow: 0 0 4px 2px #9dc7f1 !important;
}

.gl-shadow-x0-y0-b3-s1-blue-500 {
  box-shadow: inset 0 0 3px 1px #1f75cb;
}

.gl-shadow-x0-y0-b3-s1-blue-500\! {
  box-shadow: inset 0 0 3px 1px #1f75cb !important;
}

.gl-shadow-sm {
  box-shadow: 0 1px 2px var(--gl-shadow-color-default);
}

.gl-shadow-sm\! {
  box-shadow: 0 1px 2px var(--gl-shadow-color-default) !important;
}

.gl-shadow-md {
  box-shadow: 0 2px 8px var(--gl-shadow-color-default), 0 0 2px var(--gl-shadow-color-default);
}

.gl-shadow-md\! {
  box-shadow: 0 2px 8px var(--gl-shadow-color-default), 0 0 2px var(--gl-shadow-color-default) !important;
}

.gl-shadow-lg {
  box-shadow: 0 4px 12px var(--gl-shadow-color-default), 0 0 4px var(--gl-shadow-color-default);
}

.gl-shadow-lg\! {
  box-shadow: 0 4px 12px var(--gl-shadow-color-default), 0 0 4px var(--gl-shadow-color-default) !important;
}

.gl-clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.gl-clearfix\!::after {
  display: block !important;
  clear: both !important;
  content: "" !important;
}

.gl-reset-color {
  color: inherit;
}

.gl-reset-color\! {
  color: inherit !important;
}

.gl-text-transparent {
  color: transparent;
}

.gl-text-transparent\! {
  color: transparent !important;
}

.gl-text-white {
  color: #fff;
}

.gl-hover-text-white:hover {
  color: #fff;
}

.gl-text-white\! {
  color: #fff !important;
}

.gl-hover-text-white\!:hover {
  color: #fff !important;
}

.gl-text-contrast-light {
  color: #fff;
}

.gl-text-contrast-light\! {
  color: #fff !important;
}

.gl-text-body {
  color: #28272d;
}

.gl-text-body\! {
  color: #28272d !important;
}

.gl-text-secondary {
  color: #737278;
}

.gl-text-secondary\! {
  color: #737278 !important;
}

@media (min-width: 576px) {
  .gl-sm-text-body {
    color: #28272d;
  }
}

@media (min-width: 576px) {
  .gl-sm-text-body\! {
    color: #28272d !important;
  }
}

.gl-text-black-normal {
  color: #333;
}

.gl-text-black-normal\! {
  color: #333 !important;
}

.gl-text-gray-100 {
  color: #dcdcde;
}

.gl-text-gray-100\! {
  color: #dcdcde !important;
}

.gl-text-gray-200 {
  color: #bfbfc3;
}

.gl-text-gray-200\! {
  color: #bfbfc3 !important;
}

.gl-text-gray-300 {
  color: #a4a3a8;
}

.gl-text-gray-300\! {
  color: #a4a3a8 !important;
}

.gl-text-gray-400 {
  color: #89888d;
}

.gl-text-gray-400\! {
  color: #89888d !important;
}

.gl-text-gray-500 {
  color: #737278;
}

.gl-text-gray-500\! {
  color: #737278 !important;
}

.gl-text-gray-600 {
  color: #626168;
}

.gl-text-gray-600\! {
  color: #626168 !important;
}

.gl-text-gray-700 {
  color: #4c4b51;
}

.gl-text-gray-700\! {
  color: #4c4b51 !important;
}

.gl-text-gray-800 {
  color: #3a383f;
}

.gl-text-gray-800\! {
  color: #3a383f !important;
}

.gl-text-gray-900 {
  color: #28272d;
}

.gl-active-text-gray-900:active {
  color: #28272d;
}

.gl-focus-text-gray-900:focus {
  color: #28272d;
}

.gl-hover-text-gray-900:hover {
  color: #28272d;
}

.gl-text-gray-900\! {
  color: #28272d !important;
}

.gl-active-text-gray-900\!:active {
  color: #28272d !important;
}

.gl-focus-text-gray-900\!:focus {
  color: #28272d !important;
}

.gl-hover-text-gray-900\!:hover {
  color: #28272d !important;
}

.gl-text-gray-950 {
  color: #18171d;
}

.gl-text-gray-950\! {
  color: #18171d !important;
}

.gl-text-blue-200 {
  color: #9dc7f1;
}

.gl-text-blue-200\! {
  color: #9dc7f1 !important;
}

.gl-text-blue-300 {
  color: #63a6e9;
}

.gl-text-blue-300\! {
  color: #63a6e9 !important;
}

.gl-text-blue-400 {
  color: #428fdc;
}

.gl-text-blue-400\! {
  color: #428fdc !important;
}

.gl-text-blue-500 {
  color: #1f75cb;
}

.gl-text-blue-500\! {
  color: #1f75cb !important;
}

.gl-text-blue-600 {
  color: #1068bf;
}

.gl-hover-text-blue-600:hover {
  color: #1068bf;
}

.gl-text-blue-600\! {
  color: #1068bf !important;
}

.gl-hover-text-blue-600\!:hover {
  color: #1068bf !important;
}

.gl-text-blue-700 {
  color: #0b5cad;
}

.gl-text-blue-700\! {
  color: #0b5cad !important;
}

.gl-text-blue-800 {
  color: #064787;
}

.gl-hover-text-blue-800:hover {
  color: #064787;
}

.gl-text-blue-800\! {
  color: #064787 !important;
}

.gl-hover-text-blue-800\!:hover {
  color: #064787 !important;
}

.gl-text-blue-900 {
  color: #033464;
}

.gl-text-blue-900\! {
  color: #033464 !important;
}

.gl-text-green-400 {
  color: #2da160;
}

.gl-text-green-400\! {
  color: #2da160 !important;
}

.gl-text-green-500 {
  color: #108548;
}

.gl-text-green-500\! {
  color: #108548 !important;
}

.gl-text-green-600 {
  color: #217645;
}

.gl-text-green-600\! {
  color: #217645 !important;
}

.gl-text-green-700 {
  color: #24663b;
}

.gl-text-green-700\! {
  color: #24663b !important;
}

.gl-text-green-800 {
  color: #0d532a;
}

.gl-text-green-800\! {
  color: #0d532a !important;
}

.gl-text-green-900 {
  color: #0a4020;
}

.gl-text-green-900\! {
  color: #0a4020 !important;
}

.gl-text-theme-green-800 {
  color: #155635;
}

.gl-text-theme-green-800\! {
  color: #155635 !important;
}

.gl-text-orange-300 {
  color: #d99530;
}

.gl-text-orange-300\! {
  color: #d99530 !important;
}

.gl-text-orange-400 {
  color: #c17d10;
}

.gl-text-orange-400\! {
  color: #c17d10 !important;
}

.gl-text-orange-500 {
  color: #ab6100;
}

.gl-text-orange-500\! {
  color: #ab6100 !important;
}

.gl-text-orange-600 {
  color: #9e5400;
}

.gl-text-orange-600\! {
  color: #9e5400 !important;
}

.gl-text-orange-700 {
  color: #8f4700;
}

.gl-text-orange-700\! {
  color: #8f4700 !important;
}

.gl-text-orange-800 {
  color: #703800;
}

.gl-text-orange-800\! {
  color: #703800 !important;
}

.gl-text-orange-900 {
  color: #5c2900;
}

.gl-text-orange-900\! {
  color: #5c2900 !important;
}

.gl-text-red-300 {
  color: #f57f6c;
}

.gl-text-red-300\! {
  color: #f57f6c !important;
}

.gl-text-red-500 {
  color: #dd2b0e;
}

.gl-text-red-500\! {
  color: #dd2b0e !important;
}

.gl-text-red-600 {
  color: #c91c00;
}

.gl-text-red-600\! {
  color: #c91c00 !important;
}

.gl-text-red-700 {
  color: #ae1800;
}

.gl-text-red-700\! {
  color: #ae1800 !important;
}

.gl-text-red-800 {
  color: #8d1300;
}

.gl-text-red-800\! {
  color: #8d1300 !important;
}

.gl-text-red-900 {
  color: #660e00;
}

.gl-text-red-900\! {
  color: #660e00 !important;
}

.gl-text-purple-500 {
  color: #7b58cf;
}

.gl-text-purple-500\! {
  color: #7b58cf !important;
}

.gl-text-purple-600 {
  color: #694cc0;
}

.gl-text-purple-600\! {
  color: #694cc0 !important;
}

.gl-text-purple-700 {
  color: #5943b6;
}

.gl-text-purple-700\! {
  color: #5943b6 !important;
}

.gl-text-purple-800 {
  color: #453894;
}

.gl-text-purple-800\! {
  color: #453894 !important;
}

.gl-text-theme-indigo-200 {
  color: #c7c7f2;
}

.gl-text-theme-indigo-200\! {
  color: #c7c7f2 !important;
}

.gl-text-theme-indigo-300 {
  color: #a2a2e6;
}

.gl-text-theme-indigo-300\! {
  color: #a2a2e6 !important;
}

.gl-text-theme-indigo-900 {
  color: #222261;
}

.gl-text-theme-indigo-900\! {
  color: #222261 !important;
}

.gl-dark .gl-dark-invert-keep-hue {
  filter: invert(0.8) hue-rotate(180deg);
}

.gl-dark .gl-dark-invert-keep-hue\! {
  filter: invert(0.8) hue-rotate(180deg) !important;
}

.gl--flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gl--flex-center\! {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gl--focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl--focus {
    outline: 2px solid LinkText;
  }
}

.gl-focus--focus:focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-focus--focus:focus {
    outline: 2px solid LinkText;
  }
}

.gl--focus\! {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl--focus\! {
    outline: 2px solid LinkText;
  }
}

.gl-focus--focus\!:focus {
  box-shadow: 0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color);
  outline: none;
}
@media (forced-colors: active) {
  .gl-focus--focus\!:focus {
    outline: 2px solid LinkText;
  }
}

.gl-cursor-default {
  cursor: default;
}

.gl-cursor-default\! {
  cursor: default !important;
}

.gl-cursor-pointer {
  cursor: pointer;
}

.gl-hover-cursor-pointer:hover {
  cursor: pointer;
}

.gl-cursor-pointer\! {
  cursor: pointer !important;
}

.gl-hover-cursor-pointer\!:hover {
  cursor: pointer !important;
}

.gl-cursor-grab {
  cursor: grab;
}

.gl-cursor-grab\! {
  cursor: grab !important;
}

.gl-cursor-grabbing {
  cursor: grabbing;
}

.gl-cursor-grabbing\! {
  cursor: grabbing !important;
}

.gl-cursor-not-allowed {
  cursor: not-allowed;
}

.gl-hover-cursor-not-allowed:hover {
  cursor: not-allowed;
}

.gl-cursor-not-allowed\! {
  cursor: not-allowed !important;
}

.gl-hover-cursor-not-allowed\!:hover {
  cursor: not-allowed !important;
}

.gl-cursor-text {
  cursor: text;
}

.gl-cursor-text\! {
  cursor: text !important;
}

.gl-cursor-crosshair {
  cursor: crosshair;
}

.gl-hover-cursor-crosshair:hover {
  cursor: crosshair;
}

.gl-cursor-crosshair\! {
  cursor: crosshair !important;
}

.gl-hover-cursor-crosshair\!:hover {
  cursor: crosshair !important;
}

.gl-cursor-help {
  cursor: help;
}

.gl-cursor-help\! {
  cursor: help !important;
}

.gl-deprecated-top-66vh {
  top: 66vh;
}

.gl-deprecated-top-66vh\! {
  top: 66vh !important;
}

.gl-number-as-text-input {
  -moz-appearance: textfield;
}
.gl-number-as-text-input::-webkit-outer-spin-button, .gl-number-as-text-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.gl-number-as-text-input\! {
  -moz-appearance: textfield !important;
}
.gl-number-as-text-input\!::-webkit-outer-spin-button, .gl-number-as-text-input\!::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.gl-display-none {
  display: none;
}

.gl-display-none\! {
  display: none !important;
}

@media (min-width: 576px) {
  .gl-sm-display-none {
    display: none;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-none\! {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-none {
    display: none;
  }
}

@media (min-width: 768px) {
  .gl-md-display-none\! {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-none {
    display: none;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-none\! {
    display: none !important;
  }
}

.gl-display-flex {
  display: flex;
}

.gl-display-flex\! {
  display: flex !important;
}

@media (min-width: 576px) {
  .gl-sm-display-flex {
    display: flex;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-flex\! {
    display: flex !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-flex {
    display: flex;
  }
}

@media (min-width: 768px) {
  .gl-md-display-flex\! {
    display: flex !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-flex {
    display: flex;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-flex\! {
    display: flex !important;
  }
}

.gl-display-inline-flex {
  display: inline-flex;
}

.gl-display-inline-flex\! {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .gl-sm-display-inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-inline-flex\! {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 768px) {
  .gl-md-display-inline-flex\! {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-inline-flex\! {
    display: inline-flex !important;
  }
}

.gl-display-block {
  display: block;
}

.gl-display-block\! {
  display: block !important;
}

@media (min-width: 576px) {
  .gl-sm-display-block {
    display: block;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-block\! {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .gl-md-display-block\! {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-block {
    display: block;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-block\! {
    display: block !important;
  }
}

.gl-display-inline {
  display: inline;
}

.gl-display-inline\! {
  display: inline !important;
}

@media (min-width: 576px) {
  .gl-sm-display-inline {
    display: inline;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-inline\! {
    display: inline !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-inline {
    display: inline;
  }
}

@media (min-width: 768px) {
  .gl-md-display-inline\! {
    display: inline !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-inline {
    display: inline;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-inline\! {
    display: inline !important;
  }
}

.gl-display-inline-block {
  display: inline-block;
}

.gl-display-inline-block\! {
  display: inline-block !important;
}

@media (min-width: 576px) {
  .gl-sm-display-inline-block {
    display: inline-block;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-inline-block\! {
    display: inline-block !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-inline-block {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .gl-md-display-inline-block\! {
    display: inline-block !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-inline-block {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-inline-block\! {
    display: inline-block !important;
  }
}

.gl-display-table {
  display: table;
}

.gl-display-table\! {
  display: table !important;
}

.gl-display-table-row {
  display: table-row;
}

.gl-display-table-row\! {
  display: table-row !important;
}

.gl-display-table-cell {
  display: table-cell;
}

.gl-display-table-cell\! {
  display: table-cell !important;
}

.gl-display-grid {
  display: grid;
}

.gl-display-grid\! {
  display: grid !important;
}

@media (min-width: 576px) {
  .gl-sm-display-grid {
    display: grid;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-grid\! {
    display: grid !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-grid {
    display: grid;
  }
}

@media (min-width: 768px) {
  .gl-md-display-grid\! {
    display: grid !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-grid {
    display: grid;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-grid\! {
    display: grid !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-table-cell {
    display: table-cell;
  }
}

@media (min-width: 576px) {
  .gl-sm-display-table-cell\! {
    display: table-cell !important;
  }
}

@media (min-width: 768px) {
  .gl-md-display-table-cell {
    display: table-cell;
  }
}

@media (min-width: 768px) {
  .gl-md-display-table-cell\! {
    display: table-cell !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-table-cell {
    display: table-cell;
  }
}

@media (min-width: 992px) {
  .gl-lg-display-table-cell\! {
    display: table-cell !important;
  }
}

.gl-display-contents {
  display: contents;
}

.gl-display-contents\! {
  display: contents !important;
}

.gl-align-items-baseline {
  align-items: baseline;
}

.gl-align-items-baseline\! {
  align-items: baseline !important;
}

.gl-align-items-center {
  align-items: center;
}

.gl-align-items-center\! {
  align-items: center !important;
}

.gl-align-items-flex-start {
  align-items: flex-start;
}

.gl-align-items-flex-start\! {
  align-items: flex-start !important;
}

.gl-align-items-flex-end {
  align-items: flex-end;
}

.gl-align-items-flex-end\! {
  align-items: flex-end !important;
}

.gl-align-items-stretch {
  align-items: stretch;
}

.gl-align-items-stretch\! {
  align-items: stretch !important;
}

@media (min-width: 992px) {
  .gl-lg-align-items-baseline {
    align-items: baseline;
  }
}

@media (min-width: 992px) {
  .gl-lg-align-items-baseline\! {
    align-items: baseline !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-align-items-center {
    align-items: center;
  }
}

@media (min-width: 576px) {
  .gl-sm-align-items-center\! {
    align-items: center !important;
  }
}

@media (min-width: 768px) {
  .gl-md-align-items-center {
    align-items: center;
  }
}

@media (min-width: 768px) {
  .gl-md-align-items-center\! {
    align-items: center !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-align-items-center {
    align-items: center;
  }
}

@media (min-width: 992px) {
  .gl-lg-align-items-center\! {
    align-items: center !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-align-items-flex-start {
    align-items: flex-start;
  }
}

@media (min-width: 576px) {
  .gl-sm-align-items-flex-start\! {
    align-items: flex-start !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-align-items-flex-end {
    align-items: flex-end;
  }
}

@media (min-width: 576px) {
  .gl-sm-align-items-flex-end\! {
    align-items: flex-end !important;
  }
}

@media (min-width: 768px) {
  .gl-md-align-items-flex-start {
    align-items: flex-start;
  }
}

@media (min-width: 768px) {
  .gl-md-align-items-flex-start\! {
    align-items: flex-start !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-align-items-flex-start {
    align-items: flex-start;
  }
}

@media (min-width: 992px) {
  .gl-lg-align-items-flex-start\! {
    align-items: flex-start !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-align-items-flex-end {
    align-items: flex-end;
  }
}

@media (min-width: 992px) {
  .gl-lg-align-items-flex-end\! {
    align-items: flex-end !important;
  }
}

.gl-flex-wrap {
  flex-wrap: wrap;
}

.gl-flex-wrap\! {
  flex-wrap: wrap !important;
}

@media (min-width: 992px) {
  .gl-lg-flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .gl-lg-flex-wrap\! {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1200px) {
  .gl-xl-flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  .gl-xl-flex-wrap\! {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 576px) {
  .gl-sm-flex-wrap\! {
    flex-wrap: wrap !important;
  }
}

.gl-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.gl-flex-wrap-reverse\! {
  flex-wrap: wrap-reverse !important;
}

.gl-flex-nowrap {
  flex-wrap: nowrap;
}

.gl-flex-nowrap\! {
  flex-wrap: nowrap !important;
}

@media (min-width: 768px) {
  .gl-md-flex-nowrap {
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-nowrap\! {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-flex-nowrap {
    flex-wrap: nowrap;
  }
}

@media (min-width: 576px) {
  .gl-sm-flex-nowrap\! {
    flex-wrap: nowrap !important;
  }
}

.gl-flex-direction-column {
  flex-direction: column;
}

.gl-flex-direction-column\! {
  flex-direction: column !important;
}

@media (min-width: 768px) {
  .gl-md-flex-direction-column {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-direction-column\! {
    flex-direction: column !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-flex-direction-column {
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .gl-lg-flex-direction-column\! {
    flex-direction: column !important;
  }
}

.gl-flex-direction-column-reverse {
  flex-direction: column-reverse;
}

.gl-flex-direction-column-reverse\! {
  flex-direction: column-reverse !important;
}

.gl-flex-direction-row {
  flex-direction: row;
}

.gl-flex-direction-row\! {
  flex-direction: row !important;
}

@media (min-width: 576px) {
  .gl-sm-flex-direction-row {
    flex-direction: row;
  }
}

@media (min-width: 576px) {
  .gl-sm-flex-direction-row\! {
    flex-direction: row !important;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-direction-row {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-direction-row\! {
    flex-direction: row !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-flex-direction-row {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .gl-lg-flex-direction-row\! {
    flex-direction: row !important;
  }
}

@media (min-width: 1200px) {
  .gl-xl-flex-direction-row {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .gl-xl-flex-direction-row\! {
    flex-direction: row !important;
  }
}

.gl-flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.gl-flex-direction-row-reverse\! {
  flex-direction: row-reverse !important;
}

@media (min-width: 576px) {
  .gl-sm-flex-direction-row-reverse {
    flex-direction: row-reverse;
  }
}

@media (min-width: 576px) {
  .gl-sm-flex-direction-row-reverse\! {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-direction-row-reverse {
    flex-direction: row-reverse;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-direction-row-reverse\! {
    flex-direction: row-reverse !important;
  }
}

.gl-flex-shrink-0 {
  flex-shrink: 0;
}

.gl-flex-shrink-0\! {
  flex-shrink: 0 !important;
}

.gl-flex-grow-0 {
  flex-grow: 0;
}

.gl-flex-grow-0\! {
  flex-grow: 0 !important;
}

.gl-flex-grow-1 {
  flex-grow: 1;
}

.gl-flex-grow-1\! {
  flex-grow: 1 !important;
}

.gl-flex-grow-2 {
  flex-grow: 2;
}

.gl-flex-grow-2\! {
  flex-grow: 2 !important;
}

@media (min-width: 768px) {
  .gl-md-flex-grow-0 {
    flex-grow: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-grow-0\! {
    flex-grow: 0 !important;
  }
}

@media (min-width: 992px) {
  .gl-md-flex-grow-1 {
    flex-grow: 1;
  }
}

@media (min-width: 992px) {
  .gl-md-flex-grow-1\! {
    flex-grow: 1 !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-flex-grow-1 {
    flex-grow: 1;
  }
}

@media (min-width: 992px) {
  .gl-lg-flex-grow-1\! {
    flex-grow: 1 !important;
  }
}

.gl-flex-basis-0 {
  flex-basis: 0;
}

.gl-flex-basis-0\! {
  flex-basis: 0 !important;
}

.gl-flex-basis-quarter {
  flex-basis: 25%;
}

.gl-flex-basis-quarter\! {
  flex-basis: 25% !important;
}

.gl-flex-basis-third {
  flex-basis: 33%;
}

.gl-flex-basis-third\! {
  flex-basis: 33% !important;
}

@media (min-width: 768px) {
  .gl-md-flex-basis-13 {
    flex-basis: 6rem;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-basis-13\! {
    flex-basis: 6rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-basis-third {
    flex-basis: 33%;
  }
}

@media (min-width: 768px) {
  .gl-md-flex-basis-third\! {
    flex-basis: 33% !important;
  }
}

.gl-flex-basis-two-thirds {
  flex-basis: 66%;
}

.gl-flex-basis-two-thirds\! {
  flex-basis: 66% !important;
}

.gl-flex-basis-half {
  flex-basis: 50%;
}

.gl-flex-basis-half\! {
  flex-basis: 50% !important;
}

.gl-flex-basis-full {
  flex-basis: 100%;
}

.gl-flex-basis-full\! {
  flex-basis: 100% !important;
}

.gl-flex-flow-row-wrap {
  flex-flow: row wrap;
}

.gl-flex-flow-row-wrap\! {
  flex-flow: row wrap !important;
}

.gl-justify-content-center {
  justify-content: center;
}

.gl-justify-content-center\! {
  justify-content: center !important;
}

.gl-justify-content-end {
  justify-content: flex-end;
}

.gl-justify-content-end\! {
  justify-content: flex-end !important;
}

@media (min-width: 576px) {
  .gl-sm-justify-content-end {
    justify-content: flex-end;
  }
}

@media (min-width: 576px) {
  .gl-sm-justify-content-end\! {
    justify-content: flex-end !important;
  }
}

@media (min-width: 768px) {
  .gl-md-justify-content-center {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .gl-md-justify-content-center\! {
    justify-content: center !important;
  }
}

@media (min-width: 768px) {
  .gl-md-justify-content-end {
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .gl-md-justify-content-end\! {
    justify-content: flex-end !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-justify-content-end {
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  .gl-lg-justify-content-end\! {
    justify-content: flex-end !important;
  }
}

.gl-justify-content-space-between {
  justify-content: space-between;
}

.gl-justify-content-space-between\! {
  justify-content: space-between !important;
}

@media (min-width: 768px) {
  .gl-md-justify-content-space-between {
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .gl-md-justify-content-space-between\! {
    justify-content: space-between !important;
  }
}

.gl-justify-content-start {
  justify-content: flex-start;
}

.gl-justify-content-start\! {
  justify-content: flex-start !important;
}

@media (min-width: 576px) {
  .gl-sm-justify-content-start {
    justify-content: flex-start;
  }
}

@media (min-width: 576px) {
  .gl-sm-justify-content-start\! {
    justify-content: flex-start !important;
  }
}

@media (min-width: 768px) {
  .gl-md-justify-content-start {
    justify-content: flex-start;
  }
}

@media (min-width: 768px) {
  .gl-md-justify-content-start\! {
    justify-content: flex-start !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-justify-content-start {
    justify-content: flex-start;
  }
}

@media (min-width: 992px) {
  .gl-lg-justify-content-start\! {
    justify-content: flex-start !important;
  }
}

.gl-align-self-start {
  align-self: flex-start;
}

.gl-align-self-start\! {
  align-self: flex-start !important;
}

.gl-align-self-end {
  align-self: flex-end;
}

.gl-align-self-end\! {
  align-self: flex-end !important;
}

.gl-align-self-center {
  align-self: center;
}

.gl-align-self-center\! {
  align-self: center !important;
}

@media (min-width: 576px) {
  .gl-sm-align-self-center {
    align-self: center;
  }
}

@media (min-width: 576px) {
  .gl-sm-align-self-center\! {
    align-self: center !important;
  }
}

@media (min-width: 768px) {
  .gl-md-align-self-center {
    align-self: center;
  }
}

@media (min-width: 768px) {
  .gl-md-align-self-center\! {
    align-self: center !important;
  }
}

.gl-align-self-baseline {
  align-self: baseline;
}

.gl-align-self-baseline\! {
  align-self: baseline !important;
}

.gl-order-n1 {
  order: -1;
}

.gl-order-n1\! {
  order: -1 !important;
}

.gl-grid-tpl-rows-auto {
  grid-template-rows: auto;
}

.gl-grid-tpl-rows-auto\! {
  grid-template-rows: auto !important;
}

.gl-grid-col-start-1 {
  grid-column-start: 1;
}

.gl-grid-col-start-1\! {
  grid-column-start: 1 !important;
}

.gl-grid-template-columns-2 {
  grid-template-columns: 1fr 1fr;
}

.gl-grid-template-columns-2\! {
  grid-template-columns: 1fr 1fr !important;
}

@media (min-width: 576px) {
  .gl-sm-grid-template-columns-2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 576px) {
  .gl-sm-grid-template-columns-2\! {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (min-width: 768px) {
  .gl-md-grid-template-columns-2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .gl-md-grid-template-columns-2\! {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (min-width: 768px) {
  .gl-md-grid-template-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .gl-md-grid-template-columns-3\! {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.gl-grid-template-columns-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gl-grid-template-columns-4\! {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

@media (min-width: 768px) {
  .gl-md-grid-template-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) {
  .gl-md-grid-template-columns-4\! {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-grid-template-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 992px) {
  .gl-lg-grid-template-columns-4\! {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.gl-object-fit-contain {
  object-fit: contain;
}

.gl-object-fit-contain\! {
  object-fit: contain !important;
}

.gl-list-style-none {
  list-style-type: none;
}

.gl-list-style-none\! {
  list-style-type: none !important;
}

.gl-list-style-position-inside {
  list-style-position: inside;
}

.gl-list-style-position-inside\! {
  list-style-position: inside !important;
}

.gl-opacity-0 {
  opacity: 0;
}

.gl-opacity-0\! {
  opacity: 0 !important;
}

.gl-opacity-3 {
  opacity: 0.3;
}

.gl-opacity-3\! {
  opacity: 0.3 !important;
}

.gl-opacity-4 {
  opacity: 0.4;
}

.gl-opacity-4\! {
  opacity: 0.4 !important;
}

.gl-opacity-5 {
  opacity: 0.5;
}

.gl-opacity-5\! {
  opacity: 0.5 !important;
}

.gl-opacity-6 {
  opacity: 0.6;
}

.gl-opacity-6\! {
  opacity: 0.6 !important;
}

.gl-opacity-7 {
  opacity: 0.7;
}

.gl-opacity-7\! {
  opacity: 0.7 !important;
}

.gl-opacity-10 {
  opacity: 1;
}

.gl-opacity-10\! {
  opacity: 1 !important;
}

.gl-outline-0 {
  outline: 0;
}

.gl-outline-0\! {
  outline: 0 !important;
}

.gl-outline-none {
  outline: none;
}

.gl-outline-none\! {
  outline: none !important;
}

.gl-overflow-hidden {
  overflow: hidden;
}

.gl-overflow-hidden\! {
  overflow: hidden !important;
}

.gl-overflow-x-auto {
  overflow-x: auto;
}

.gl-overflow-x-auto\! {
  overflow-x: auto !important;
}

.gl-overflow-y-auto {
  overflow-y: auto;
}

.gl-overflow-y-auto\! {
  overflow-y: auto !important;
}

.gl-overflow-x-hidden {
  overflow-x: hidden;
}

.gl-overflow-x-hidden\! {
  overflow-x: hidden !important;
}

.gl-overflow-wrap-break {
  overflow-wrap: break-word;
}

.gl-overflow-wrap-break\! {
  overflow-wrap: break-word !important;
}

.gl-overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.gl-overflow-wrap-anywhere\! {
  overflow-wrap: anywhere !important;
}

.gl-overflow-x-scroll {
  overflow-x: scroll;
}

.gl-overflow-x-scroll\! {
  overflow-x: scroll !important;
}

.gl-overflow-scroll {
  overflow: scroll;
}

.gl-overflow-scroll\! {
  overflow: scroll !important;
}

.gl-overflow-auto {
  overflow: auto;
}

.gl-overflow-auto\! {
  overflow: auto !important;
}

.gl-overflow-visible {
  overflow: visible;
}

.gl-overflow-visible\! {
  overflow: visible !important;
}

.gl-pointer-events-none {
  pointer-events: none;
}

.gl-pointer-events-none\! {
  pointer-events: none !important;
}

.gl-pointer-events-auto {
  pointer-events: auto;
}

.gl-pointer-events-auto\! {
  pointer-events: auto !important;
}

.gl-w-auto {
  width: auto;
}

.gl-w-auto\! {
  width: auto !important;
}

.gl-w-2 {
  width: 0.25rem;
}

.gl-w-2\! {
  width: 0.25rem !important;
}

.gl-w-3 {
  width: 0.5rem;
}

.gl-w-3\! {
  width: 0.5rem !important;
}

.gl-w-4 {
  width: 0.75rem;
}

.gl-w-4\! {
  width: 0.75rem !important;
}

.gl-w-5 {
  width: 1rem;
}

.gl-w-5\! {
  width: 1rem !important;
}

.gl-w-6 {
  width: 1.5rem;
}

.gl-w-6\! {
  width: 1.5rem !important;
}

.gl-w-7 {
  width: 2rem;
}

.gl-w-7\! {
  width: 2rem !important;
}

.gl-w-8 {
  width: 2.5rem;
}

.gl-w-8\! {
  width: 2.5rem !important;
}

.gl-w-9 {
  width: 3rem;
}

.gl-w-9\! {
  width: 3rem !important;
}

.gl-w-10 {
  width: 3.5rem;
}

.gl-w-10\! {
  width: 3.5rem !important;
}

.gl-w-11 {
  width: 4rem;
}

.gl-w-11\! {
  width: 4rem !important;
}

.gl-w-12 {
  width: 5rem;
}

.gl-w-12\! {
  width: 5rem !important;
}

.gl-w-13 {
  width: 6rem;
}

.gl-w-13\! {
  width: 6rem !important;
}

.gl-w-15 {
  width: 7.5rem;
}

.gl-w-15\! {
  width: 7.5rem !important;
}

.gl-w-20 {
  width: 10rem;
}

.gl-w-20\! {
  width: 10rem !important;
}

.gl-w-28 {
  width: 14rem;
}

.gl-w-28\! {
  width: 14rem !important;
}

.gl-w-30 {
  width: 15rem;
}

.gl-w-30\! {
  width: 15rem !important;
}

.gl-w-31 {
  width: 15.5rem;
}

.gl-w-31\! {
  width: 15.5rem !important;
}

.gl-w-eighth {
  width: 12.5%;
}

.gl-w-eighth\! {
  width: 12.5% !important;
}

.gl-w-5p {
  width: 5%;
}

.gl-w-5p\! {
  width: 5% !important;
}

.gl-w-10p {
  width: 10%;
}

.gl-w-10p\! {
  width: 10% !important;
}

.gl-w-15p {
  width: 15%;
}

.gl-w-15p\! {
  width: 15% !important;
}

.gl-w-20p {
  width: 20%;
}

.gl-w-20p\! {
  width: 20% !important;
}

.gl-w-30p {
  width: 30%;
}

.gl-w-30p\! {
  width: 30% !important;
}

.gl-w-40p {
  width: 40%;
}

.gl-w-40p\! {
  width: 40% !important;
}

.gl-w-quarter {
  width: 25%;
}

.gl-w-quarter\! {
  width: 25% !important;
}

.gl-w-half {
  width: 50%;
}

.gl-w-half\! {
  width: 50% !important;
}

.gl-w-70p {
  width: 70%;
}

.gl-w-70p\! {
  width: 70% !important;
}

.gl-w-85p {
  width: 85%;
}

.gl-w-85p\! {
  width: 85% !important;
}

.gl-w-90p {
  width: 90%;
}

.gl-w-90p\! {
  width: 90% !important;
}

.gl-w-full {
  width: 100%;
}

.gl-w-full\! {
  width: 100% !important;
}

.gl-w-grid-size-30 {
  width: 15rem;
}

.gl-w-grid-size-30\! {
  width: 15rem !important;
}

.gl-w-grid-size-40 {
  width: 20rem;
}

.gl-w-grid-size-40\! {
  width: 20rem !important;
}

@media (min-width: 576px) {
  .gl-sm-w-full {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-full\! {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .gl-md-w-full {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .gl-md-w-full\! {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-full {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-full\! {
    width: 100% !important;
  }
}

.gl-w-max-content {
  width: max-content;
}

.gl-w-max-content\! {
  width: max-content !important;
}

.gl-layout-w-limited {
  max-width: 990px;
}

.gl-layout-w-limited\! {
  max-width: 990px !important;
}

.gl-max-w-container-xl {
  max-width: 1280px;
}

.gl-max-w-container-xl\! {
  max-width: 1280px !important;
}

.gl-h-auto {
  height: auto;
}

.gl-h-auto\! {
  height: auto !important;
}

.gl-h-0 {
  height: 0;
}

.gl-h-0\! {
  height: 0 !important;
}

.gl-h-2 {
  height: 0.25rem;
}

.gl-h-2\! {
  height: 0.25rem !important;
}

.gl-h-3 {
  height: 0.5rem;
}

.gl-h-3\! {
  height: 0.5rem !important;
}

.gl-h-4 {
  height: 0.75rem;
}

.gl-h-4\! {
  height: 0.75rem !important;
}

.gl-h-5 {
  height: 1rem;
}

.gl-h-5\! {
  height: 1rem !important;
}

.gl-h-6 {
  height: 1.5rem;
}

.gl-h-6\! {
  height: 1.5rem !important;
}

.gl-h-7 {
  height: 2rem;
}

.gl-h-7\! {
  height: 2rem !important;
}

.gl-h-8 {
  height: 2.5rem;
}

.gl-h-8\! {
  height: 2.5rem !important;
}

.gl-h-9 {
  height: 3rem;
}

.gl-h-9\! {
  height: 3rem !important;
}

.gl-h-10 {
  height: 3.5rem;
}

.gl-h-10\! {
  height: 3.5rem !important;
}

.gl-h-11 {
  height: 4rem;
}

.gl-h-11\! {
  height: 4rem !important;
}

.gl-h-11-5 {
  height: 4.5rem;
}

.gl-h-11-5\! {
  height: 4.5rem !important;
}

.gl-h-13 {
  height: 6rem;
}

.gl-h-13\! {
  height: 6rem !important;
}

.gl-h-full {
  height: 100%;
}

.gl-h-full\! {
  height: 100% !important;
}

.gl-h-100vh {
  height: 100vh;
}

.gl-h-100vh\! {
  height: 100vh !important;
}

@media (min-width: 576px) {
  .gl-sm-w-auto {
    width: auto;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-auto\! {
    width: auto !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-half {
    width: 50%;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-half\! {
    width: 50% !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-25p {
    width: 25%;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-25p\! {
    width: 25% !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-30p {
    width: 30%;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-30p\! {
    width: 30% !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-40p {
    width: 40%;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-40p\! {
    width: 40% !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-75p {
    width: 75%;
  }
}

@media (min-width: 576px) {
  .gl-sm-w-75p\! {
    width: 75% !important;
  }
}

@media (min-width: 768px) {
  .gl-md-h-9 {
    height: 3rem;
  }
}

@media (min-width: 768px) {
  .gl-md-h-9\! {
    height: 3rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-w-15 {
    width: 7.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-w-15\! {
    width: 7.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-w-20 {
    width: 10rem;
  }
}

@media (min-width: 768px) {
  .gl-md-w-20\! {
    width: 10rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-w-30 {
    width: 15rem;
  }
}

@media (min-width: 768px) {
  .gl-md-w-30\! {
    width: 15rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-w-half {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .gl-md-w-half\! {
    width: 50% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-half {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-half\! {
    width: 50% !important;
  }
}

@media (min-width: 768px) {
  .gl-md-w-auto {
    width: auto;
  }
}

@media (min-width: 768px) {
  .gl-md-w-auto\! {
    width: auto !important;
  }
}

@media (min-width: 768px) {
  .gl-md-w-50p {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .gl-md-w-50p\! {
    width: 50% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-1px {
    width: 1px;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-1px\! {
    width: 1px !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-auto {
    width: auto;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-auto\! {
    width: auto !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-25p {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-25p\! {
    width: 25% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-30p {
    width: 30%;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-30p\! {
    width: 30% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-40p {
    width: 40%;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-40p\! {
    width: 40% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-50p {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .gl-lg-w-50p\! {
    width: 50% !important;
  }
}

.gl-min-w-0 {
  min-width: 0;
}

.gl-min-w-0\! {
  min-width: 0 !important;
}

.gl-min-w-1 {
  min-width: 0.125rem;
}

.gl-min-w-1\! {
  min-width: 0.125rem !important;
}

.gl-min-w-2 {
  min-width: 0.25rem;
}

.gl-min-w-2\! {
  min-width: 0.25rem !important;
}

.gl-min-w-3 {
  min-width: 0.5rem;
}

.gl-min-w-3\! {
  min-width: 0.5rem !important;
}

.gl-min-w-4 {
  min-width: 0.75rem;
}

.gl-min-w-4\! {
  min-width: 0.75rem !important;
}

.gl-min-w-5 {
  min-width: 1rem;
}

.gl-min-w-5\! {
  min-width: 1rem !important;
}

.gl-min-w-6 {
  min-width: 1.5rem;
}

.gl-min-w-6\! {
  min-width: 1.5rem !important;
}

.gl-min-w-7 {
  min-width: 2rem;
}

.gl-min-w-7\! {
  min-width: 2rem !important;
}

.gl-min-w-8 {
  min-width: 2.5rem;
}

.gl-min-w-8\! {
  min-width: 2.5rem !important;
}

.gl-min-w-9 {
  min-width: 3rem;
}

.gl-min-w-9\! {
  min-width: 3rem !important;
}

.gl-min-w-10 {
  min-width: 3.5rem;
}

.gl-min-w-10\! {
  min-width: 3.5rem !important;
}

.gl-min-w-20 {
  min-width: 10rem;
}

.gl-min-w-20\! {
  min-width: 10rem !important;
}

.gl-min-w-33 {
  min-width: 16.5rem;
}

.gl-min-w-33\! {
  min-width: 16.5rem !important;
}

.gl-min-w-full {
  min-width: 100%;
}

.gl-min-w-full\! {
  min-width: 100% !important;
}

.gl-min-w-fit-content {
  min-width: fit-content;
}

.gl-min-w-fit-content\! {
  min-width: fit-content !important;
}

.gl-min-h-0 {
  min-height: 0;
}

.gl-min-h-0\! {
  min-height: 0 !important;
}

.gl-min-h-5 {
  min-height: 1rem;
}

.gl-min-h-5\! {
  min-height: 1rem !important;
}

.gl-min-h-6 {
  min-height: 1.5rem;
}

.gl-min-h-6\! {
  min-height: 1.5rem !important;
}

.gl-min-h-7 {
  min-height: 2rem;
}

.gl-min-h-7\! {
  min-height: 2rem !important;
}

.gl-min-h-8 {
  min-height: 2.5rem;
}

.gl-min-h-8\! {
  min-height: 2.5rem !important;
}

.gl-min-h-100vh {
  min-height: 100vh;
}

.gl-min-h-100vh\! {
  min-height: 100vh !important;
}

.gl-max-w-0 {
  max-width: 0;
}

.gl-max-w-0\! {
  max-width: 0 !important;
}

.gl-max-w-12 {
  max-width: 5rem;
}

.gl-max-w-12\! {
  max-width: 5rem !important;
}

.gl-max-w-15 {
  max-width: 7.5rem;
}

.gl-max-w-15\! {
  max-width: 7.5rem !important;
}

.gl-max-w-20 {
  max-width: 10rem;
}

.gl-max-w-20\! {
  max-width: 10rem !important;
}

.gl-max-w-26 {
  max-width: 13rem;
}

.gl-max-w-26\! {
  max-width: 13rem !important;
}

.gl-max-w-30 {
  max-width: 15rem;
}

.gl-max-w-30\! {
  max-width: 15rem !important;
}

.gl-max-w-34 {
  max-width: 17rem;
}

.gl-max-w-34\! {
  max-width: 17rem !important;
}

.gl-max-w-37 {
  max-width: 18.5rem;
}

.gl-max-w-37\! {
  max-width: 18.5rem !important;
}

.gl-max-w-48 {
  max-width: 24rem;
}

.gl-max-w-48\! {
  max-width: 24rem !important;
}

.gl-max-w-62 {
  max-width: 31rem;
}

.gl-max-w-62\! {
  max-width: 31rem !important;
}

.gl-max-w-75 {
  max-width: 37.5rem;
}

.gl-max-w-75\! {
  max-width: 37.5rem !important;
}

.gl-max-w-80 {
  max-width: 40rem;
}

.gl-max-w-80\! {
  max-width: 40rem !important;
}

.gl-max-w-88 {
  max-width: 44rem;
}

.gl-max-w-88\! {
  max-width: 44rem !important;
}

.gl-max-w-none {
  max-width: none;
}

.gl-max-w-none\! {
  max-width: none !important;
}

.gl-max-h-none {
  max-height: none;
}

.gl-max-h-none\! {
  max-height: none !important;
}

.gl-max-w-full {
  max-width: 100%;
}

.gl-max-w-full\! {
  max-width: 100% !important;
}

.gl-max-w-max-content {
  max-width: max-content;
}

.gl-max-w-max-content\! {
  max-width: max-content !important;
}

.gl-max-h-full {
  max-height: 100%;
}

.gl-max-h-full\! {
  max-height: 100% !important;
}

.gl-max-w-100vw {
  max-width: 100vw;
}

.gl-max-w-100vw\! {
  max-width: 100vw !important;
}

.gl-max-w-50p {
  max-width: 50%;
}

.gl-max-w-50p\! {
  max-width: 50% !important;
}

@media (min-width: 768px) {
  .gl-md-max-w-26 {
    max-width: 13rem;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-26\! {
    max-width: 13rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-15p {
    max-width: 15%;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-15p\! {
    max-width: 15% !important;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-30p {
    max-width: 30%;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-30p\! {
    max-width: 30% !important;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-50p {
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-50p\! {
    max-width: 50% !important;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-70p {
    max-width: 70%;
  }
}

@media (min-width: 768px) {
  .gl-md-max-w-70p\! {
    max-width: 70% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-max-w-80p {
    max-width: 80%;
  }
}

@media (min-width: 992px) {
  .gl-lg-max-w-80p\! {
    max-width: 80% !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-max-w-50p {
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .gl-lg-max-w-50p\! {
    max-width: 50% !important;
  }
}

.gl-p-0 {
  padding: 0;
}

.gl-p-0\! {
  padding: 0 !important;
}

.gl-p-1 {
  padding: 0.125rem;
}

.gl-p-1\! {
  padding: 0.125rem !important;
}

.gl-p-2 {
  padding: 0.25rem;
}

.gl-p-2\! {
  padding: 0.25rem !important;
}

.gl-p-3 {
  padding: 0.5rem;
}

.gl-p-3\! {
  padding: 0.5rem !important;
}

.gl-p-4 {
  padding: 0.75rem;
}

.gl-p-4\! {
  padding: 0.75rem !important;
}

.gl-p-5 {
  padding: 1rem;
}

.gl-p-5\! {
  padding: 1rem !important;
}

.gl-p-6 {
  padding: 1.5rem;
}

.gl-p-6\! {
  padding: 1.5rem !important;
}

.gl-p-7 {
  padding: 2rem;
}

.gl-p-7\! {
  padding: 2rem !important;
}

.gl-p-9 {
  padding: 3rem;
}

.gl-p-9\! {
  padding: 3rem !important;
}

.gl-p-13 {
  padding: 6rem;
}

.gl-p-13\! {
  padding: 6rem !important;
}

.gl-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.gl-px-0\! {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gl-px-1 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.gl-px-1\! {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}

.gl-px-2 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.gl-px-2\! {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.gl-px-3 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.gl-px-3\! {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.gl-px-4 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.gl-px-4\! {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.gl-px-5 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.gl-px-5\! {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.gl-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.gl-px-6\! {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.gl-px-7 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.gl-px-7\! {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

@media (min-width: 992px) {
  .gl-lg-px-7 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-px-7\! {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.gl-px-8 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.gl-px-8\! {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.gl-px-9 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.gl-px-9\! {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.gl-pr-0 {
  padding-right: 0;
}

.gl-pr-0\! {
  padding-right: 0 !important;
}

.gl-pr-1 {
  padding-right: 0.125rem;
}

.gl-pr-1\! {
  padding-right: 0.125rem !important;
}

.gl-pr-2 {
  padding-right: 0.25rem;
}

.gl-pr-2\! {
  padding-right: 0.25rem !important;
}

.gl-pr-3 {
  padding-right: 0.5rem;
}

.gl-pr-3\! {
  padding-right: 0.5rem !important;
}

.gl-pr-4 {
  padding-right: 0.75rem;
}

.gl-pr-4\! {
  padding-right: 0.75rem !important;
}

.gl-pr-5 {
  padding-right: 1rem;
}

.gl-pr-5\! {
  padding-right: 1rem !important;
}

.gl-pr-6 {
  padding-right: 1.5rem;
}

.gl-pr-6\! {
  padding-right: 1.5rem !important;
}

.gl-pr-7 {
  padding-right: 2rem;
}

.gl-pr-7\! {
  padding-right: 2rem !important;
}

.gl-pr-8 {
  padding-right: 2.5rem;
}

.gl-pr-8\! {
  padding-right: 2.5rem !important;
}

.gl-pr-9 {
  padding-right: 3rem;
}

.gl-pr-9\! {
  padding-right: 3rem !important;
}

.gl-pr-10 {
  padding-right: 3.5rem;
}

.gl-pr-10\! {
  padding-right: 3.5rem !important;
}

.gl-pl-0 {
  padding-left: 0;
}

.gl-pl-0\! {
  padding-left: 0 !important;
}

.gl-pl-1 {
  padding-left: 0.125rem;
}

.gl-pl-1\! {
  padding-left: 0.125rem !important;
}

.gl-pl-2 {
  padding-left: 0.25rem;
}

.gl-pl-2\! {
  padding-left: 0.25rem !important;
}

.gl-pl-3 {
  padding-left: 0.5rem;
}

.gl-pl-3\! {
  padding-left: 0.5rem !important;
}

.gl-pl-4 {
  padding-left: 0.75rem;
}

.gl-pl-4\! {
  padding-left: 0.75rem !important;
}

.gl-pl-5 {
  padding-left: 1rem;
}

.gl-pl-5\! {
  padding-left: 1rem !important;
}

.gl-pl-6 {
  padding-left: 1.5rem;
}

.gl-pl-6\! {
  padding-left: 1.5rem !important;
}

.gl-pl-7 {
  padding-left: 2rem;
}

.gl-pl-7\! {
  padding-left: 2rem !important;
}

.gl-pl-8 {
  padding-left: 2.5rem;
}

.gl-pl-8\! {
  padding-left: 2.5rem !important;
}

.gl-pl-9 {
  padding-left: 3rem;
}

.gl-pl-9\! {
  padding-left: 3rem !important;
}

.gl-pl-10 {
  padding-left: 3.5rem;
}

.gl-pl-10\! {
  padding-left: 3.5rem !important;
}

.gl-pl-11 {
  padding-left: 4rem;
}

.gl-pl-11\! {
  padding-left: 4rem !important;
}

.gl-pl-11-5 {
  padding-left: 4.5rem;
}

.gl-pl-11-5\! {
  padding-left: 4.5rem !important;
}

.gl-pl-12 {
  padding-left: 5rem;
}

.gl-pl-12\! {
  padding-left: 5rem !important;
}

.gl-pt-0 {
  padding-top: 0;
}

.gl-pt-0\! {
  padding-top: 0 !important;
}

.gl-pt-1 {
  padding-top: 0.125rem;
}

.gl-pt-1\! {
  padding-top: 0.125rem !important;
}

.gl-pt-2 {
  padding-top: 0.25rem;
}

.gl-pt-2\! {
  padding-top: 0.25rem !important;
}

.gl-pt-3 {
  padding-top: 0.5rem;
}

.gl-pt-3\! {
  padding-top: 0.5rem !important;
}

.gl-pt-4 {
  padding-top: 0.75rem;
}

.gl-pt-4\! {
  padding-top: 0.75rem !important;
}

.gl-pt-5 {
  padding-top: 1rem;
}

.gl-pt-5\! {
  padding-top: 1rem !important;
}

.gl-pt-6 {
  padding-top: 1.5rem;
}

.gl-pt-6\! {
  padding-top: 1.5rem !important;
}

.gl-pt-7 {
  padding-top: 2rem;
}

.gl-pt-7\! {
  padding-top: 2rem !important;
}

.gl-pt-8 {
  padding-top: 2.5rem;
}

.gl-pt-8\! {
  padding-top: 2.5rem !important;
}

.gl-pt-9 {
  padding-top: 3rem;
}

.gl-pt-9\! {
  padding-top: 3rem !important;
}

.gl-pt-11 {
  padding-top: 4rem;
}

.gl-pt-11\! {
  padding-top: 4rem !important;
}

.gl-pt-12 {
  padding-top: 5rem;
}

.gl-pt-12\! {
  padding-top: 5rem !important;
}

.gl-pt-13 {
  padding-top: 6rem;
}

.gl-pt-13\! {
  padding-top: 6rem !important;
}

@media (min-width: 768px) {
  .gl-md-pt-12 {
    padding-top: 5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-12\! {
    padding-top: 5rem !important;
  }
}

.gl-pb-0 {
  padding-bottom: 0;
}

.gl-pb-0\! {
  padding-bottom: 0 !important;
}

.gl-pb-1 {
  padding-bottom: 0.125rem;
}

.gl-pb-1\! {
  padding-bottom: 0.125rem !important;
}

.gl-pb-2 {
  padding-bottom: 0.25rem;
}

.gl-pb-2\! {
  padding-bottom: 0.25rem !important;
}

.gl-pb-3 {
  padding-bottom: 0.5rem;
}

.gl-pb-3\! {
  padding-bottom: 0.5rem !important;
}

.gl-pb-4 {
  padding-bottom: 0.75rem;
}

.gl-pb-4\! {
  padding-bottom: 0.75rem !important;
}

.gl-pb-5 {
  padding-bottom: 1rem;
}

.gl-pb-5\! {
  padding-bottom: 1rem !important;
}

.gl-pb-6 {
  padding-bottom: 1.5rem;
}

.gl-pb-6\! {
  padding-bottom: 1.5rem !important;
}

.gl-pb-7 {
  padding-bottom: 2rem;
}

.gl-pb-7\! {
  padding-bottom: 2rem !important;
}

.gl-pb-8 {
  padding-bottom: 2.5rem;
}

.gl-pb-8\! {
  padding-bottom: 2.5rem !important;
}

.gl-pb-9 {
  padding-bottom: 3rem;
}

.gl-pb-9\! {
  padding-bottom: 3rem !important;
}

.gl-pb-11 {
  padding-bottom: 4rem;
}

.gl-pb-11\! {
  padding-bottom: 4rem !important;
}

.gl-pb-13 {
  padding-bottom: 6rem;
}

.gl-pb-13\! {
  padding-bottom: 6rem !important;
}

.gl-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.gl-py-0\! {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gl-py-1 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.gl-py-1\! {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.gl-py-2 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.gl-py-2\! {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.gl-py-3 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.gl-py-3\! {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.gl-py-4 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.gl-py-4\! {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.gl-py-5 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.gl-py-5\! {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.gl-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.gl-py-6\! {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.gl-py-7 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.gl-py-7\! {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.gl-py-8 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.gl-py-8\! {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.gl-py-13 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.gl-py-13\! {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.gl-m-0 {
  margin: 0;
}

.gl-m-0\! {
  margin: 0 !important;
}

.gl-m-2 {
  margin: 0.25rem;
}

.gl-m-2\! {
  margin: 0.25rem !important;
}

.gl-m-3 {
  margin: 0.5rem;
}

.gl-m-3\! {
  margin: 0.5rem !important;
}

.gl-m-4 {
  margin: 0.75rem;
}

.gl-m-4\! {
  margin: 0.75rem !important;
}

.gl-m-5 {
  margin: 1rem;
}

.gl-m-5\! {
  margin: 1rem !important;
}

.gl-m-7 {
  margin: 2rem;
}

.gl-m-7\! {
  margin: 2rem !important;
}

.gl-m-auto {
  margin: auto;
}

.gl-m-auto\! {
  margin: auto !important;
}

.gl-mt-auto {
  margin-top: auto;
}

.gl-mt-auto\! {
  margin-top: auto !important;
}

.gl-mt-0 {
  margin-top: 0;
}

.gl-mt-0\! {
  margin-top: 0 !important;
}

.gl-mt-1 {
  margin-top: 0.125rem;
}

.gl-mt-1\! {
  margin-top: 0.125rem !important;
}

.gl-mt-n1 {
  margin-top: -0.125rem;
}

.gl-mt-n1\! {
  margin-top: -0.125rem !important;
}

.gl-mt-n5 {
  margin-top: -1rem;
}

.gl-mt-n5\! {
  margin-top: -1rem !important;
}

@media (min-width: 768px) {
  .gl-md-mt-n2 {
    margin-top: -0.25rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mt-n2\! {
    margin-top: -0.25rem !important;
  }
}

.gl-mt-2 {
  margin-top: 0.25rem;
}

.gl-mt-2\! {
  margin-top: 0.25rem !important;
}

.gl-mt-n2 {
  margin-top: -0.25rem;
}

.gl-mt-n2\! {
  margin-top: -0.25rem !important;
}

.gl-mt-3 {
  margin-top: 0.5rem;
}

.gl-mt-3\! {
  margin-top: 0.5rem !important;
}

.gl-mt-n3 {
  margin-top: -0.5rem;
}

.gl-mt-n3\! {
  margin-top: -0.5rem !important;
}

.gl-mt-4 {
  margin-top: 0.75rem;
}

.gl-mt-4\! {
  margin-top: 0.75rem !important;
}

.gl-mt-5 {
  margin-top: 1rem;
}

.gl-mt-5\! {
  margin-top: 1rem !important;
}

.gl-mt-6 {
  margin-top: 1.5rem;
}

.gl-mt-6\! {
  margin-top: 1.5rem !important;
}

.gl-mt-7 {
  margin-top: 2rem;
}

.gl-mt-7\! {
  margin-top: 2rem !important;
}

.gl-mt-8 {
  margin-top: 2.5rem;
}

.gl-mt-8\! {
  margin-top: 2.5rem !important;
}

.gl-mt-9 {
  margin-top: 3rem;
}

.gl-mt-9\! {
  margin-top: 3rem !important;
}

.gl-mt-11 {
  margin-top: 4rem;
}

.gl-mt-11\! {
  margin-top: 4rem !important;
}

@media (min-width: 768px) {
  .gl-md-mt-11 {
    margin-top: 4rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mt-11\! {
    margin-top: 4rem !important;
  }
}

.gl-mr-auto {
  margin-right: auto;
}

.gl-mr-auto\! {
  margin-right: auto !important;
}

@media (min-width: 768px) {
  .gl-md-mr-auto {
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .gl-md-mr-auto\! {
    margin-right: auto !important;
  }
}

.gl-mr-0 {
  margin-right: 0;
}

.gl-mr-0\! {
  margin-right: 0 !important;
}

.gl-mr-1 {
  margin-right: 0.125rem;
}

.gl-mr-1\! {
  margin-right: 0.125rem !important;
}

.gl-mr-n1 {
  margin-right: -0.125rem;
}

.gl-mr-n1\! {
  margin-right: -0.125rem !important;
}

.gl-mr-n2 {
  margin-right: -0.25rem;
}

.gl-mr-n2\! {
  margin-right: -0.25rem !important;
}

.gl-mr-2 {
  margin-right: 0.25rem;
}

.gl-mr-2\! {
  margin-right: 0.25rem !important;
}

.gl-mr-3 {
  margin-right: 0.5rem;
}

.gl-mr-3\! {
  margin-right: 0.5rem !important;
}

.gl-mr-n3 {
  margin-right: -0.5rem;
}

.gl-mr-n3\! {
  margin-right: -0.5rem !important;
}

.gl-mr-4 {
  margin-right: 0.75rem;
}

.gl-mr-4\! {
  margin-right: 0.75rem !important;
}

.gl-mr-n4 {
  margin-right: -0.75rem;
}

.gl-mr-n4\! {
  margin-right: -0.75rem !important;
}

.gl-mr-5 {
  margin-right: 1rem;
}

.gl-mr-5\! {
  margin-right: 1rem !important;
}

.gl-mr-6 {
  margin-right: 1.5rem;
}

.gl-mr-6\! {
  margin-right: 1.5rem !important;
}

.gl-mr-7 {
  margin-right: 2rem;
}

.gl-mr-7\! {
  margin-right: 2rem !important;
}

.gl-mr-5p {
  margin-right: 5%;
}

.gl-mr-5p\! {
  margin-right: 5% !important;
}

@media (min-width: 576px) {
  .gl-sm-mr-3 {
    margin-right: 0.5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-mr-3\! {
    margin-right: 0.5rem !important;
  }
}

.gl-mb-auto {
  margin-bottom: auto;
}

.gl-mb-auto\! {
  margin-bottom: auto !important;
}

.gl-mb-0 {
  margin-bottom: 0;
}

.gl-mb-0\! {
  margin-bottom: 0 !important;
}

.gl-mb-1 {
  margin-bottom: 0.125rem;
}

.gl-mb-1\! {
  margin-bottom: 0.125rem !important;
}

.gl-mb-n1 {
  margin-bottom: -0.125rem;
}

.gl-mb-n1\! {
  margin-bottom: -0.125rem !important;
}

.gl-mb-2 {
  margin-bottom: 0.25rem;
}

.gl-mb-2\! {
  margin-bottom: 0.25rem !important;
}

.gl-mb-n2 {
  margin-bottom: -0.25rem;
}

.gl-mb-n2\! {
  margin-bottom: -0.25rem !important;
}

.gl-mb-3 {
  margin-bottom: 0.5rem;
}

.gl-mb-3\! {
  margin-bottom: 0.5rem !important;
}

.gl-mb-n3 {
  margin-bottom: -0.5rem;
}

.gl-mb-n3\! {
  margin-bottom: -0.5rem !important;
}

.gl-mb-4 {
  margin-bottom: 0.75rem;
}

.gl-mb-4\! {
  margin-bottom: 0.75rem !important;
}

.gl-mb-n4 {
  margin-bottom: -0.75rem;
}

.gl-mb-n4\! {
  margin-bottom: -0.75rem !important;
}

.gl-mb-5 {
  margin-bottom: 1rem;
}

.gl-mb-5\! {
  margin-bottom: 1rem !important;
}

.gl-mb-n5 {
  margin-bottom: -1rem;
}

.gl-mb-n5\! {
  margin-bottom: -1rem !important;
}

.gl-mb-6 {
  margin-bottom: 1.5rem;
}

.gl-mb-6\! {
  margin-bottom: 1.5rem !important;
}

.gl-mb-n6 {
  margin-bottom: -1.5rem;
}

.gl-mb-n6\! {
  margin-bottom: -1.5rem !important;
}

.gl-mb-7 {
  margin-bottom: 2rem;
}

.gl-mb-7\! {
  margin-bottom: 2rem !important;
}

.gl-mb-n7 {
  margin-bottom: -2rem;
}

.gl-mb-n7\! {
  margin-bottom: -2rem !important;
}

.gl-mb-8 {
  margin-bottom: 2.5rem;
}

.gl-mb-8\! {
  margin-bottom: 2.5rem !important;
}

.gl-mb-n8 {
  margin-bottom: -2.5rem;
}

.gl-mb-n8\! {
  margin-bottom: -2.5rem !important;
}

.gl-mb-9 {
  margin-bottom: 3rem;
}

.gl-mb-9\! {
  margin-bottom: 3rem !important;
}

.gl-mb-11 {
  margin-bottom: 4rem;
}

.gl-mb-11\! {
  margin-bottom: 4rem !important;
}

.gl-mb-12 {
  margin-bottom: 5rem;
}

.gl-mb-12\! {
  margin-bottom: 5rem !important;
}

.gl-ml-auto {
  margin-left: auto;
}

.gl-ml-auto\! {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .gl-sm-ml-auto {
    margin-left: auto;
  }
}

@media (min-width: 576px) {
  .gl-sm-ml-auto\! {
    margin-left: auto !important;
  }
}

.gl-ml-0 {
  margin-left: 0;
}

.gl-ml-0\! {
  margin-left: 0 !important;
}

.gl-ml-1 {
  margin-left: 0.125rem;
}

.gl-ml-1\! {
  margin-left: 0.125rem !important;
}

.gl-ml-n1 {
  margin-left: -0.125rem;
}

.gl-ml-n1\! {
  margin-left: -0.125rem !important;
}

.gl-ml-2 {
  margin-left: 0.25rem;
}

.gl-ml-2\! {
  margin-left: 0.25rem !important;
}

.gl-ml-n2 {
  margin-left: -0.25rem;
}

.gl-ml-n2\! {
  margin-left: -0.25rem !important;
}

.gl-ml-3 {
  margin-left: 0.5rem;
}

.gl-ml-3\! {
  margin-left: 0.5rem !important;
}

.gl-ml-n3 {
  margin-left: -0.5rem;
}

.gl-ml-n3\! {
  margin-left: -0.5rem !important;
}

.gl-ml-4 {
  margin-left: 0.75rem;
}

.gl-ml-4\! {
  margin-left: 0.75rem !important;
}

.gl-ml-n4 {
  margin-left: -0.75rem;
}

.gl-ml-n4\! {
  margin-left: -0.75rem !important;
}

.gl-ml-5 {
  margin-left: 1rem;
}

.gl-ml-5\! {
  margin-left: 1rem !important;
}

.gl-ml-6 {
  margin-left: 1.5rem;
}

.gl-ml-6\! {
  margin-left: 1.5rem !important;
}

.gl-ml-7 {
  margin-left: 2rem;
}

.gl-ml-7\! {
  margin-left: 2rem !important;
}

.gl-ml-11 {
  margin-left: 4rem;
}

.gl-ml-11\! {
  margin-left: 4rem !important;
}

.gl-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.gl-my-auto\! {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.gl-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.gl-my-0\! {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.gl-my-1 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.gl-my-1\! {
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
}

.gl-my-2 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.gl-my-2\! {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.gl-my-3 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.gl-my-3\! {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.gl-my-4 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.gl-my-4\! {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.gl-my-5 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.gl-my-5\! {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.gl-my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.gl-my-6\! {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.gl-my-7 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.gl-my-7\! {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.gl-my-8 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.gl-my-8\! {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.gl-my-9 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.gl-my-9\! {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.gl-my-11 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.gl-my-11\! {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.gl-my-12 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.gl-my-12\! {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.gl-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.gl-mx-auto\! {
  margin-left: auto !important;
  margin-right: auto !important;
}

.gl-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.gl-mx-0\! {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.gl-mx-1 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.gl-mx-1\! {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
}

.gl-mx-2 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.gl-mx-2\! {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.gl-mx-3 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.gl-mx-3\! {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.gl-mx-4 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.gl-mx-4\! {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.gl-mx-5 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.gl-mx-5\! {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.gl-mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.gl-mx-6\! {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.gl-mx-7 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.gl-mx-7\! {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.gl-mx-8 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.gl-mx-8\! {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.gl-my-n1 {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}

.gl-my-n1\! {
  margin-top: -0.125rem !important;
  margin-bottom: -0.125rem !important;
}

.gl-mx-n1 {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.gl-mx-n1\! {
  margin-left: -0.125rem !important;
  margin-right: -0.125rem !important;
}

.gl-my-n2 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.gl-my-n2\! {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.gl-mx-n2 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.gl-mx-n2\! {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.gl-my-n3 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.gl-my-n3\! {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.gl-mx-n3 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.gl-mx-n3\! {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.gl-my-n4 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.gl-my-n4\! {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}

.gl-mx-n4 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.gl-mx-n4\! {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.gl-mx-n5 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.gl-mx-n5\! {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.gl-mx-n6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.gl-mx-n6\! {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.gl-gap-1 {
  gap: 0.125rem;
}

.gl-gap-1\! {
  gap: 0.125rem !important;
}

.gl-gap-2 {
  gap: 0.25rem;
}

.gl-gap-2\! {
  gap: 0.25rem !important;
}

.gl-gap-3 {
  gap: 0.5rem;
}

.gl-gap-3\! {
  gap: 0.5rem !important;
}

@media (min-width: 576px) {
  .gl-sm-gap-3 {
    gap: 0.5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-gap-3\! {
    gap: 0.5rem !important;
  }
}

.gl-gap-4 {
  gap: 0.75rem;
}

.gl-gap-4\! {
  gap: 0.75rem !important;
}

.gl-gap-5 {
  gap: 1rem;
}

.gl-gap-5\! {
  gap: 1rem !important;
}

.gl-gap-6 {
  gap: 1.5rem;
}

.gl-gap-6\! {
  gap: 1.5rem !important;
}

.gl-gap-7 {
  gap: 2rem;
}

.gl-gap-7\! {
  gap: 2rem !important;
}

.gl-column-gap-1 {
  column-gap: 0.125rem;
}

.gl-column-gap-1\! {
  column-gap: 0.125rem !important;
}

.gl-column-gap-2 {
  column-gap: 0.25rem;
}

.gl-column-gap-2\! {
  column-gap: 0.25rem !important;
}

.gl-column-gap-3 {
  column-gap: 0.5rem;
}

.gl-column-gap-3\! {
  column-gap: 0.5rem !important;
}

.gl-column-gap-4 {
  column-gap: 0.75rem;
}

.gl-column-gap-4\! {
  column-gap: 0.75rem !important;
}

.gl-column-gap-5 {
  column-gap: 1rem;
}

.gl-column-gap-5\! {
  column-gap: 1rem !important;
}

.gl-column-gap-6 {
  column-gap: 1.5rem;
}

.gl-column-gap-6\! {
  column-gap: 1.5rem !important;
}

.gl-column-gap-7 {
  column-gap: 2rem;
}

.gl-column-gap-7\! {
  column-gap: 2rem !important;
}

.gl-row-gap-1 {
  row-gap: 0.125rem;
}

.gl-row-gap-1\! {
  row-gap: 0.125rem !important;
}

.gl-row-gap-2 {
  row-gap: 0.25rem;
}

.gl-row-gap-2\! {
  row-gap: 0.25rem !important;
}

.gl-row-gap-3 {
  row-gap: 0.5rem;
}

.gl-row-gap-3\! {
  row-gap: 0.5rem !important;
}

.gl-row-gap-4 {
  row-gap: 0.75rem;
}

.gl-row-gap-4\! {
  row-gap: 0.75rem !important;
}

.gl-row-gap-5 {
  row-gap: 1rem;
}

.gl-row-gap-5\! {
  row-gap: 1rem !important;
}

.gl-row-gap-6 {
  row-gap: 1.5rem;
}

.gl-row-gap-6\! {
  row-gap: 1.5rem !important;
}

.gl-row-gap-7 {
  row-gap: 2rem;
}

.gl-row-gap-7\! {
  row-gap: 2rem !important;
}

@media (min-width: 576px) {
  .gl-sm-ml-3 {
    margin-left: 0.5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-ml-3\! {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-ml-5 {
    margin-left: 1rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-ml-5\! {
    margin-left: 1rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-ml-7 {
    margin-left: 2rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-ml-7\! {
    margin-left: 2rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-mr-0 {
    margin-right: 0;
  }
}

@media (min-width: 576px) {
  .gl-sm-mr-0\! {
    margin-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-mt-0 {
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  .gl-sm-mt-0\! {
    margin-top: 0 !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-mt-5 {
    margin-top: 1rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-mt-5\! {
    margin-top: 1rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-mt-6 {
    margin-top: 1.5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-mt-6\! {
    margin-top: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-mb-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 576px) {
  .gl-sm-mb-0\! {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-mb-7 {
    margin-bottom: 2rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-mb-7\! {
    margin-bottom: 2rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-my-12 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-my-12\! {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 576px) {
  .gl-sm-mx-0\! {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mt-0 {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-mt-0\! {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mt-5 {
    margin-top: 1rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mt-5\! {
    margin-top: 1rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-0\! {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-3 {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-3\! {
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-6 {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-6\! {
    margin-bottom: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-12 {
    margin-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mb-12\! {
    margin-bottom: 5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mb-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .gl-lg-mb-0\! {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mb-5 {
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mb-5\! {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-ml-auto {
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .gl-md-ml-auto\! {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .gl-md-ml-2 {
    margin-left: 0.25rem;
  }
}

@media (min-width: 768px) {
  .gl-md-ml-2\! {
    margin-left: 0.25rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-ml-3 {
    margin-left: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-ml-3\! {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mr-0 {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-mr-0\! {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mr-3 {
    margin-right: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mr-3\! {
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-mr-5 {
    margin-right: 1rem;
  }
}

@media (min-width: 768px) {
  .gl-md-mr-5\! {
    margin-right: 1rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-2 {
    margin-right: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-2\! {
    margin-right: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-3 {
    margin-right: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-3\! {
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-10 {
    margin-right: 3.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-10\! {
    margin-right: 3.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-12 {
    margin-right: 5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mr-12\! {
    margin-right: 5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-2 {
    margin-left: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-2\! {
    margin-left: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-3 {
    margin-left: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-3\! {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-10 {
    margin-left: 3.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-10\! {
    margin-left: 3.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-12 {
    margin-left: 5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-ml-12\! {
    margin-left: 5rem !important;
  }
}

@media (min-width: 1200px) {
  .gl-xl-ml-3 {
    margin-left: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .gl-xl-ml-3\! {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mx-2 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mx-2\! {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mx-3 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mx-3\! {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mx-12 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mx-12\! {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-my-5 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-my-5\! {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mt-0 {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .gl-lg-mt-0\! {
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-mt-5 {
    margin-top: 1rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-mt-5\! {
    margin-top: 1rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-pr-2 {
    padding-right: 0.25rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-pr-2\! {
    padding-right: 0.25rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-pr-4 {
    padding-right: 0.75rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-pr-4\! {
    padding-right: 0.75rem !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-pl-0 {
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .gl-sm-pl-0\! {
    padding-left: 0 !important;
  }
}

@media (min-width: 576px) {
  .gl-sm-pl-6 {
    padding-left: 1.5rem;
  }
}

@media (min-width: 576px) {
  .gl-sm-pl-6\! {
    padding-left: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-0 {
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-0\! {
    padding-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-1 {
    padding-top: 0.125rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-1\! {
    padding-top: 0.125rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-2 {
    padding-top: 0.25rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-2\! {
    padding-top: 0.25rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-3 {
    padding-top: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-3\! {
    padding-top: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-4 {
    padding-top: 0.75rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-4\! {
    padding-top: 0.75rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-5 {
    padding-top: 1rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-5\! {
    padding-top: 1rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-11 {
    padding-top: 4rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pt-11\! {
    padding-top: 4rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-0\! {
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-1 {
    padding-right: 0.125rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-1\! {
    padding-right: 0.125rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-3 {
    padding-right: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-3\! {
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-4 {
    padding-right: 0.75rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-4\! {
    padding-right: 0.75rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-5 {
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pr-5\! {
    padding-right: 1rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-0 {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-0\! {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-1 {
    padding-bottom: 0.125rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-1\! {
    padding-bottom: 0.125rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-2 {
    padding-bottom: 0.25rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-2\! {
    padding-bottom: 0.25rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-3 {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-3\! {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-4 {
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-4\! {
    padding-bottom: 0.75rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-5 {
    padding-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pb-5\! {
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-0 {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-0\! {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-1 {
    padding-left: 0.125rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-1\! {
    padding-left: 0.125rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-2 {
    padding-left: 0.25rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-2\! {
    padding-left: 0.25rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-3 {
    padding-left: 0.5rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-3\! {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-4 {
    padding-left: 0.75rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-4\! {
    padding-left: 0.75rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-5 {
    padding-left: 1rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-5\! {
    padding-left: 1rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-7 {
    padding-left: 2rem;
  }
}

@media (min-width: 768px) {
  .gl-md-pl-7\! {
    padding-left: 2rem !important;
  }
}

@media (min-width: 768px) {
  .gl-md-px-7 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  .gl-md-px-7\! {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-0 {
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-0\! {
    padding-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-1 {
    padding-top: 0.125rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-1\! {
    padding-top: 0.125rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-2 {
    padding-top: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-2\! {
    padding-top: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-3 {
    padding-top: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-3\! {
    padding-top: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-4 {
    padding-top: 0.75rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-4\! {
    padding-top: 0.75rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-5 {
    padding-top: 1rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pt-5\! {
    padding-top: 1rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-0\! {
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-1 {
    padding-right: 0.125rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-1\! {
    padding-right: 0.125rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-2 {
    padding-right: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-2\! {
    padding-right: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-3 {
    padding-right: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-3\! {
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-4 {
    padding-right: 0.75rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-4\! {
    padding-right: 0.75rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-5 {
    padding-right: 1rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pr-5\! {
    padding-right: 1rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-0 {
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-0\! {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-1 {
    padding-bottom: 0.125rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-1\! {
    padding-bottom: 0.125rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-2 {
    padding-bottom: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-2\! {
    padding-bottom: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-3 {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-3\! {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-4 {
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-4\! {
    padding-bottom: 0.75rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-5 {
    padding-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pb-5\! {
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-0 {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-0\! {
    padding-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-1 {
    padding-left: 0.125rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-1\! {
    padding-left: 0.125rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-2 {
    padding-left: 0.25rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-2\! {
    padding-left: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-3 {
    padding-left: 0.5rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-3\! {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-4 {
    padding-left: 0.75rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-4\! {
    padding-left: 0.75rem !important;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-5 {
    padding-left: 1rem;
  }
}

@media (min-width: 992px) {
  .gl-lg-pl-5\! {
    padding-left: 1rem !important;
  }
}

.gl-collapse-empty:empty {
  padding: 0;
  margin: 0;
}

.gl-collapse-empty\!:empty {
  padding: 0 !important;
  margin: 0 !important;
}

.gl-fill-current-color {
  fill: currentColor;
}

.gl-fill-current-color\! {
  fill: currentColor !important;
}

.gl-fill-blue-200 {
  fill: #9dc7f1;
}

.gl-fill-blue-200\! {
  fill: #9dc7f1 !important;
}

.gl-fill-blue-500 {
  fill: #1f75cb;
}

.gl-fill-blue-500\! {
  fill: #1f75cb !important;
}

.gl-stop-color-gray-50 {
  stop-color: #ececef;
}

.gl-stop-color-gray-50\! {
  stop-color: #ececef !important;
}

.gl-stop-color-gray-100 {
  stop-color: #dcdcde;
}

.gl-stop-color-gray-100\! {
  stop-color: #dcdcde !important;
}

.gl-stop-color-gray-200 {
  stop-color: #bfbfc3;
}

.gl-stop-color-gray-200\! {
  stop-color: #bfbfc3 !important;
}

.gl-stroke-white {
  stroke: #fff;
}

.gl-stroke-white\! {
  stroke: #fff !important;
}

.gl-stroke-gray-200 {
  stroke: #bfbfc3;
}

.gl-stroke-gray-200\! {
  stroke: #bfbfc3 !important;
}

.gl-stroke-blue-400 {
  stroke: #428fdc;
}

.gl-stroke-blue-400\! {
  stroke: #428fdc !important;
}

.gl-stroke-trans {
  stroke: transparent;
}

.gl-stroke-trans\! {
  stroke: transparent !important;
}

.gl-fill-gray-100 {
  fill: #dcdcde;
}

.gl-fill-gray-100\! {
  fill: #dcdcde !important;
}

.gl-fill-gray-200 {
  fill: #bfbfc3;
}

.gl-fill-gray-200\! {
  fill: #bfbfc3 !important;
}

.gl-fill-gray-400 {
  fill: #89888d;
}

.gl-fill-gray-400\! {
  fill: #89888d !important;
}

.gl-fill-gray-600 {
  fill: #626168;
}

.gl-fill-gray-600\! {
  fill: #626168 !important;
}

.gl-fill-gray-700 {
  fill: #4c4b51;
}

.gl-fill-gray-700\! {
  fill: #4c4b51 !important;
}

.gl-fill-green-500 {
  fill: #108548;
}

.gl-fill-green-500\! {
  fill: #108548 !important;
}

.gl-fill-green-700 {
  fill: #24663b;
}

.gl-fill-green-700\! {
  fill: #24663b !important;
}

.gl-fill-transparent {
  fill: transparent;
}

.gl-fill-transparent\! {
  fill: transparent !important;
}

.gl-text-left {
  text-align: left;
}

.gl-text-left\! {
  text-align: left !important;
}

.gl-text-center {
  text-align: center;
}

.gl-text-center\! {
  text-align: center !important;
}

.gl-text-right {
  text-align: right;
}

.gl-text-right\! {
  text-align: right !important;
}

.gl-reset-text-align {
  text-align: inherit;
}

.gl-reset-text-align\! {
  text-align: inherit !important;
}

.gl-text-decoration-none {
  text-decoration: none;
}

.gl-active-text-decoration-none:active {
  text-decoration: none;
}

.gl-focus-text-decoration-none:focus {
  text-decoration: none;
}

.gl-hover-text-decoration-none:hover {
  text-decoration: none;
}

.gl-text-decoration-none\! {
  text-decoration: none !important;
}

.gl-active-text-decoration-none\!:active {
  text-decoration: none !important;
}

.gl-focus-text-decoration-none\!:focus {
  text-decoration: none !important;
}

.gl-hover-text-decoration-none\!:hover {
  text-decoration: none !important;
}

.gl-text-decoration-underline {
  text-decoration: underline;
}

.gl-active-text-decoration-underline:active {
  text-decoration: underline;
}

.gl-focus-text-decoration-underline:focus {
  text-decoration: underline;
}

.gl-hover-text-decoration-underline:hover {
  text-decoration: underline;
}

.gl-text-decoration-underline\! {
  text-decoration: underline !important;
}

.gl-active-text-decoration-underline\!:active {
  text-decoration: underline !important;
}

.gl-focus-text-decoration-underline\!:focus {
  text-decoration: underline !important;
}

.gl-hover-text-decoration-underline\!:hover {
  text-decoration: underline !important;
}

.gl-reset-text-decoration-color {
  text-decoration-color: inherit;
}

.gl-reset-text-decoration-color\! {
  text-decoration-color: inherit !important;
}

.gl-text-decoration-color-gray-500 {
  text-decoration-color: #737278;
}

.gl-text-decoration-color-gray-500\! {
  text-decoration-color: #737278 !important;
}

.gl-text-decoration-color-gray-700 {
  text-decoration-color: #4c4b51;
}

.gl-text-decoration-color-gray-700\! {
  text-decoration-color: #4c4b51 !important;
}

.gl-text-decoration-color-gray-900 {
  text-decoration-color: #28272d;
}

.gl-text-decoration-color-gray-900\! {
  text-decoration-color: #28272d !important;
}

.gl-text-transform-none {
  text-transform: none;
}

.gl-text-transform-none\! {
  text-transform: none !important;
}

.gl-text-transform-capitalize {
  text-transform: capitalize;
}

.gl-text-transform-capitalize\! {
  text-transform: capitalize !important;
}

.gl-text-transform-uppercase {
  text-transform: uppercase;
}

.gl-text-transform-uppercase\! {
  text-transform: uppercase !important;
}

.gl-text-overflow-ellipsis {
  text-overflow: ellipsis;
}

.gl-text-overflow-ellipsis\! {
  text-overflow: ellipsis !important;
}

.gl-line-clamp-1 {
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.gl-line-clamp-1\! {
  white-space: normal !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gl-line-clamp-2 {
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.gl-line-clamp-2\! {
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gl-line-clamp-3 {
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.gl-line-clamp-3\! {
  white-space: normal !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gl-text-indent-0 {
  text-indent: 0;
}

.gl-text-indent-0\! {
  text-indent: 0 !important;
}

.gl-text-indent-hide {
  text-indent: -9999px;
}

.gl-text-indent-hide\! {
  text-indent: -9999px !important;
}

.gl-white-space-normal {
  white-space: normal;
}

.gl-white-space-normal\! {
  white-space: normal !important;
}

.gl-white-space-nowrap {
  white-space: nowrap;
}

.gl-white-space-nowrap\! {
  white-space: nowrap !important;
}

.gl-white-space-pre-wrap {
  white-space: pre-wrap;
}

.gl-white-space-pre-wrap\! {
  white-space: pre-wrap !important;
}

.gl-white-space-pre-line {
  white-space: pre-line;
}

.gl-white-space-pre-line\! {
  white-space: pre-line !important;
}

@media (min-width: 768px) {
  .gl-md-white-space-nowrap {
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .gl-md-white-space-nowrap\! {
    white-space: nowrap !important;
  }
}

.gl-word-break-all {
  word-break: break-all;
}

.gl-word-break-all\! {
  word-break: break-all !important;
}

.gl-word-break-word {
  word-break: break-word;
}

.gl-word-break-word\! {
  word-break: break-word !important;
}

.gl-overflow-break-word {
  overflow-wrap: break-word;
  hyphens: auto;
}

.gl-overflow-break-word\! {
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

.gl-overflow-anywhere {
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}

.gl-overflow-anywhere\! {
  hyphens: auto !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.gl-str-truncated {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  max-width: 82%;
}

.gl-str-truncated\! {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  max-width: 82%;
}

.gl-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gl-text-truncate\! {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.gl-translate-x-0 {
  transform: translateX(0);
}

.gl-translate-x-0\! {
  transform: translateX(0) !important;
}

.gl-translate-x-100 {
  transform: translateX(100%);
}

.gl-translate-x-100\! {
  transform: translateX(100%) !important;
}

.gl-translate-x-n50 {
  transform: translateX(-50%);
}

.gl-translate-x-n50\! {
  transform: translateX(-50%) !important;
}

.gl-translate-y-0 {
  transform: translateY(0);
}

.gl-translate-y-0\! {
  transform: translateY(0) !important;
}

.gl-translate-y-100 {
  transform: translateY(100%);
}

.gl-translate-y-100\! {
  transform: translateY(100%) !important;
}

.gl-translate-y-n50 {
  transform: translateY(-50%);
}

.gl-translate-y-n50\! {
  transform: translateY(-50%) !important;
}

.gl-translate-y-n100 {
  transform: translateY(-100%);
}

.gl-translate-y-n100\! {
  transform: translateY(-100%) !important;
}

.gl-rotate-90 {
  transform: rotate(90deg);
}

.gl-rotate-90\! {
  transform: rotate(90deg) !important;
}

.gl-rotate-180 {
  transform: rotate(180deg);
}

.gl-rotate-180\! {
  transform: rotate(180deg) !important;
}

.gl-rotate-270 {
  transform: rotate(270deg);
}

.gl-rotate-270\! {
  transform: rotate(270deg) !important;
}

.gl-flip-horizontal {
  transform: scale(-1, 1);
}

.gl-flip-horizontal\! {
  transform: scale(-1, 1) !important;
}

.gl-flip-vertical {
  transform: scale(1, -1);
}

.gl-flip-vertical\! {
  transform: scale(1, -1) !important;
}

.gl-flip-both {
  transform: scale(-1, -1);
}

.gl-flip-both\! {
  transform: scale(-1, -1) !important;
}

.gl-transition-property-border-color {
  transition-property: border-color;
}

.gl-transition-property-border-color\! {
  transition-property: border-color !important;
}

.gl-transition-property-width {
  transition-property: width;
}

.gl-transition-property-width\! {
  transition-property: width !important;
}

.gl-transition-property-stroke {
  transition-property: stroke;
}

.gl-transition-property-stroke\! {
  transition-property: stroke !important;
}

.gl-transition-property-stroke-opacity {
  transition-property: stroke-opacity;
}

.gl-transition-property-stroke-opacity\! {
  transition-property: stroke-opacity !important;
}

.gl-transition-duration-slow {
  transition-duration: 0.4s;
}

.gl-transition-duration-slow\! {
  transition-duration: 0.4s !important;
}

.gl-transition-duration-medium {
  transition-duration: 0.2s;
}

.gl-transition-duration-medium\! {
  transition-duration: 0.2s !important;
}

.gl-transition-duration-fast {
  transition-duration: 0.1s;
}

.gl-transition-duration-fast\! {
  transition-duration: 0.1s !important;
}

.gl-transition-timing-function-ease {
  transition-timing-function: ease;
}

.gl-transition-timing-function-ease\! {
  transition-timing-function: ease !important;
}

.gl-transition-slow {
  transition: all 0.4s ease;
}

.gl-transition-slow\! {
  transition: all 0.4s ease !important;
}

.gl-transition-medium {
  transition: all 0.2s ease;
}

.gl-transition-medium\! {
  transition: all 0.2s ease !important;
}

.gl-font-monospace {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-variant-ligatures: none;
}

.gl-font-monospace\! {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace !important;
  font-variant-ligatures: none !important;
}

.gl-font-regular {
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.gl-font-regular\! {
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.gl-font-style-italic {
  font-style: italic;
}

.gl-font-style-italic\! {
  font-style: italic !important;
}

.gl-font-style-normal {
  font-style: normal;
}

.gl-font-style-normal\! {
  font-style: normal !important;
}

.gl-heading-6 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-6\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-6-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-6-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-5 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-5\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-5-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-5-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-4 {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-4\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-4-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-4-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-3 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-3\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-3-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-3-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.125rem;
  letter-spacing: inherit;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-2 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-2\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-2-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.3125rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-2-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.3125rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-1 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-1\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-1-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.gl-heading-1-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 1rem !important;
}

.gl-heading-display {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
  letter-spacing: -0.01em;
  line-height: 1.125;
  margin-bottom: 1.5rem;
}

.gl-heading-display\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
  letter-spacing: -0.01em;
  line-height: 1.125;
  margin-bottom: 1.5rem !important;
}

.gl-heading-scale-100 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.75rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-100\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.75rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-100-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.75rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-100-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.75rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-200 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-200\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-200-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-200-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.8125rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-300 {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-300\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-300-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-300-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.875rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-400 {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-400\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-400-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-400-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-500 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-500\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-500-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.125rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-500-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.125rem;
  letter-spacing: inherit;
  line-height: 1.25;
}

.gl-heading-scale-600 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-600\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-600-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.3125rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-600-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.3125rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-700 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-700\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-700-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-700-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.gl-heading-scale-800 {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
  letter-spacing: -0.01em;
  line-height: 1.125;
}

.gl-heading-scale-800\! {
  font-weight: 600;
  margin-top: 0;
  font-size: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
  letter-spacing: -0.01em;
  line-height: 1.125;
}

.gl-heading-scale-800-fixed {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.75rem;
  letter-spacing: -0.01em;
  line-height: 1.125;
}

.gl-heading-scale-800-fixed\! {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.75rem;
  letter-spacing: -0.01em;
  line-height: 1.125;
}

.gl-font-xs {
  font-size: 0.625rem;
}

.gl-font-xs\! {
  font-size: 0.625rem !important;
}

.gl-font-sm {
  font-size: 0.75rem;
}

.gl-font-sm\! {
  font-size: 0.75rem !important;
}

.gl-font-base {
  font-size: 0.875rem;
}

.gl-font-base\! {
  font-size: 0.875rem !important;
}

.gl-font-lg {
  font-size: 1rem;
}

.gl-font-lg\! {
  font-size: 1rem !important;
}

.gl-font-size-h-display {
  font-size: 1.75rem;
}

.gl-font-size-h-display\! {
  font-size: 1.75rem !important;
}

.gl-font-size-h1 {
  font-size: 1.4375rem;
}

.gl-font-size-h1\! {
  font-size: 1.4375rem !important;
}

.gl-font-size-h2 {
  font-size: 1.1875rem;
}

.gl-font-size-h2\! {
  font-size: 1.1875rem !important;
}

.gl-font-size-h-display-xl {
  font-size: 2.8125rem;
}

.gl-font-size-h-display-xl\! {
  font-size: 2.8125rem !important;
}

.gl-font-size-h1-xl {
  font-size: 2rem;
}

.gl-font-size-h1-xl\! {
  font-size: 2rem !important;
}

.gl-font-size-h2-xl {
  font-size: 1.4375rem;
}

.gl-font-size-h2-xl\! {
  font-size: 1.4375rem !important;
}

.gl-font-icon-size {
  font-size: 1rem;
}

.gl-font-icon-size\! {
  font-size: 1rem !important;
}

.gl-font-size-markdown-sm {
  font-size: 0.875rem;
}

.gl-font-size-markdown-sm\! {
  font-size: 0.875rem !important;
}

.gl-font-size-markdown {
  font-size: 1rem;
}

.gl-font-size-markdown\! {
  font-size: 1rem !important;
}

.gl-font-size-markdown-h1 {
  font-size: 1.75rem;
}

.gl-font-size-markdown-h1\! {
  font-size: 1.75rem !important;
}

.gl-font-size-markdown-h2 {
  font-size: 1.4375rem;
}

.gl-font-size-markdown-h2\! {
  font-size: 1.4375rem !important;
}

.gl-font-size-markdown-h3 {
  font-size: 1.1875rem;
}

.gl-font-size-markdown-h3\! {
  font-size: 1.1875rem !important;
}

.gl-font-size-compact-markdown-h1 {
  font-size: 1.1875rem;
}

.gl-font-size-compact-markdown-h1\! {
  font-size: 1.1875rem !important;
}

.gl-reset-font-size {
  font-size: inherit;
}

.gl-reset-font-size\! {
  font-size: inherit !important;
}

.gl-font-weight-100 {
  font-weight: 100;
}

.gl-font-weight-100\! {
  font-weight: 100 !important;
}

.gl-font-weight-300 {
  font-weight: 300;
}

.gl-font-weight-300\! {
  font-weight: 300 !important;
}

.gl-font-weight-normal {
  font-weight: 400;
}

.gl-font-weight-normal\! {
  font-weight: 400 !important;
}

.gl-font-weight-semibold {
  font-weight: 500;
}

.gl-font-weight-semibold\! {
  font-weight: 500 !important;
}

.gl-font-weight-bold {
  font-weight: 600;
}

.gl-font-weight-bold\! {
  font-weight: 600 !important;
}

@media (min-width: 576px) {
  .gl-sm-font-weight-bold {
    font-weight: 600;
  }
}

@media (min-width: 576px) {
  .gl-sm-font-weight-bold\! {
    font-weight: 600 !important;
  }
}

.gl-line-height-0 {
  line-height: 0;
}

.gl-line-height-0\! {
  line-height: 0 !important;
}

.gl-line-height-1 {
  line-height: 1;
}

.gl-line-height-1\! {
  line-height: 1 !important;
}

.gl-line-height-ratio-0000 {
  line-height: 0;
}

.gl-line-height-ratio-0000\! {
  line-height: 0 !important;
}

.gl-line-height-ratio-1000 {
  line-height: 1;
}

.gl-line-height-ratio-1000\! {
  line-height: 1 !important;
}

.gl-line-height-ratio-1125 {
  line-height: 1.125;
}

.gl-line-height-ratio-1125\! {
  line-height: 1.125 !important;
}

.gl-line-height-ratio-1250 {
  line-height: 1.25;
}

.gl-line-height-ratio-1250\! {
  line-height: 1.25 !important;
}

.gl-line-height-normal {
  line-height: 1rem;
}

.gl-line-height-normal\! {
  line-height: 1rem !important;
}

.gl-line-height-12 {
  line-height: 0.75rem;
}

.gl-line-height-12\! {
  line-height: 0.75rem !important;
}

.gl-line-height-20 {
  line-height: 1.25rem;
}

.gl-line-height-20\! {
  line-height: 1.25rem !important;
}

.gl-line-height-24 {
  line-height: 1.5rem;
}

.gl-line-height-24\! {
  line-height: 1.5rem !important;
}

.gl-line-height-28 {
  line-height: 1.75rem;
}

.gl-line-height-28\! {
  line-height: 1.75rem !important;
}

.gl-line-height-32 {
  line-height: 2rem;
}

.gl-line-height-32\! {
  line-height: 2rem !important;
}

.gl-line-height-36 {
  line-height: 2.25rem;
}

.gl-line-height-36\! {
  line-height: 2.25rem !important;
}

.gl-line-height-42 {
  line-height: 2.625rem;
}

.gl-line-height-42\! {
  line-height: 2.625rem !important;
}

.gl-line-height-52 {
  line-height: 3.25rem;
}

.gl-line-height-52\! {
  line-height: 3.25rem !important;
}

.gl-reset-line-height {
  line-height: inherit;
}

.gl-reset-line-height\! {
  line-height: inherit !important;
}

.gl-letter-spacing-06em {
  letter-spacing: 0.06em;
}

.gl-letter-spacing-06em\! {
  letter-spacing: 0.06em !important;
}

.gl-letter-spacing-n01em {
  letter-spacing: -0.01em;
}

.gl-letter-spacing-n01em\! {
  letter-spacing: -0.01em !important;
}

.gl-vertical-align-baseline {
  vertical-align: baseline;
}

.gl-vertical-align-baseline\! {
  vertical-align: baseline !important;
}

.gl-vertical-align-middle {
  vertical-align: middle;
}

.gl-vertical-align-middle\! {
  vertical-align: middle !important;
}

.gl-vertical-align-top {
  vertical-align: top;
}

.gl-vertical-align-top\! {
  vertical-align: top !important;
}

.gl-vertical-align-bottom {
  vertical-align: bottom;
}

.gl-vertical-align-bottom\! {
  vertical-align: bottom !important;
}

.gl-vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.gl-vertical-align-text-bottom\! {
  vertical-align: text-bottom !important;
}

.gl-visibility-hidden {
  visibility: hidden;
}

.gl-visibility-hidden\! {
  visibility: hidden !important;
}

.gl-visibility-visible {
  visibility: visible;
}

.gl-visibility-visible\! {
  visibility: visible !important;
}

.gl-z-index-0 {
  z-index: 0;
}

.gl-z-index-0\! {
  z-index: 0 !important;
}

.gl-z-index-1 {
  z-index: 1;
}

.gl-focus-z-index-1:focus {
  z-index: 1;
}

.gl-z-index-1\! {
  z-index: 1 !important;
}

.gl-focus-z-index-1\!:focus {
  z-index: 1 !important;
}

.gl-z-index-2 {
  z-index: 2;
}

.gl-z-index-2\! {
  z-index: 2 !important;
}

.gl-z-index-3 {
  z-index: 3;
}

.gl-z-index-3\! {
  z-index: 3 !important;
}

.gl-z-index-4 {
  z-index: 4;
}

.gl-z-index-4\! {
  z-index: 4 !important;
}

.gl-z-index-200 {
  z-index: 200;
}

.gl-z-index-200\! {
  z-index: 200 !important;
}

.gl-z-index-999 {
  z-index: 999;
}

.gl-z-index-999\! {
  z-index: 999 !important;
}

.gl-z-index-9999 {
  z-index: 9999;
}

.gl-z-index-9999\! {
  z-index: 9999 !important;
}

body {
  font-size: 0.875rem;
  color: #28272d;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h-display,
.gl-h1,
.gl-h2,
.gl-h3,
.gl-h4,
.gl-h5,
.gl-h6 {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}

.h-display {
  font-size: clamp(1.75rem, -0.1388888889rem + 3.9351851852vw, 2.8125rem);
  line-height: clamp(2rem, -0.2222222222rem + 4.6296296296vw, 3.25rem);
}

h1,
.gl-h1 {
  font-size: clamp(1.4375rem, 0.4375rem + 2.0833333333vw, 2rem);
  line-height: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
}

h2,
.gl-h2 {
  font-size: clamp(1.1875rem, 0.7430555556rem + 0.9259259259vw, 1.4375rem);
  line-height: clamp(1.5rem, 1.0555555556rem + 0.9259259259vw, 1.75rem);
}

h3,
.gl-h3 {
  font-size: 1rem;
  line-height: 1.25rem;
}

h4,
.gl-h4 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

h5,
.gl-h5,
h6,
.gl-h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4c4b51;
}

p,
.gl-paragraph {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
p + p,
p + .gl-paragraph,
.gl-paragraph + p,
.gl-paragraph + .gl-paragraph {
  margin-top: 1rem;
}
p.lg,
.gl-paragraph.lg {
  line-height: 1.5rem;
}

.sm {
  font-size: 0.75rem;
}

.lg {
  font-size: 1rem;
}

.monospace {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-variant-ligatures: none;
}

blockquote {
  color: #4c4b51;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  box-shadow: inset 4px 0 0 0 #dcdcde;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

body {
  background-color: #fff;
}

.zuora-payment-method-iframe-placeholder {
  height: 450px;
}

.tab-content > .active:focus {
  outline: none;
}

.gl-bg-gray-50 {
  background-color: #ececef;
}

.bg-blue-100 {
  background-color: #cbe2f9;
}

.bg-blue-400 {
  background-color: #428fdc;
}

.text-blue-100 {
  color: #cbe2f9;
}

.text-blue-600 {
  color: #1068bf;
}

.border-color-border-blue {
  border-color: #9dc7f1;
}

.w-18 {
  width: 18px;
}

.border-radius-default {
  border-radius: 0.25rem;
}

.line-through {
  text-decoration: line-through;
}

.box-shadow-gray {
  box-shadow: inset 0 0 0 1px #89888d !important;
}

.table td,
.table th {
  padding: 15px;
}

.accessible-clipboard-button .form-control:disabled,
.accessible-clipboard-button .form-control[readonly] {
  color: #28272d !important;
  box-shadow: inset 0 0 0 1px #bfbfc3 !important;
}

.purchase-success-modal .modal-content {
  padding: 2.5rem;
}
.purchase-success-modal .modal-body {
  padding: 0;
}
.purchase-success-modal .modal-footer {
  justify-content: center;
  padding: 0;
}

.navbar-gitlab {
  background-color: #ececef;
  box-shadow: 0 2px 0 0 #dcdcde;
}
.navbar-gitlab .navbar-brand {
  font-size: 0.875rem;
  line-height: 1rem;
}
@media (min-width: 576px) {
  .navbar-gitlab .navbar-brand {
    font-size: 1rem;
  }
}

/* stylelint-disable selector-max-compound-selectors */
.navbar-light .nav-item {
  color: #4c4b51;
}
.navbar-light .nav-item:hover {
  background-color: #dcdcde;
  border-radius: 4px;
}
.navbar-light .nav-item.active {
  background-color: #4c4b51;
  border-radius: 4px;
}
.navbar-light .nav-item.active a {
  color: #fff;
}
.navbar-light .dropdown-menu {
  margin-top: 0.6875rem;
}

.signin-register-page {
  /*
    The styles that are using "magic numbers" are meant to
    mimick the GitLab startup page styles, defined in
    https://gitlab.com/gitlab-org/gitlab/blob/ce4076dafcf0f6f783841121fdbc32e09098e040/app/assets/stylesheets/startup/startup-signin.scss

    At the moment, neither the GitLab startup nor the Web Store page styles
    are pajamas-compliant.

    These styles will be replaced by pajamas-compliant classes
    when the following GitLab project issue will be closed:
    https://gitlab.com/gitlab-org/gitlab/-/issues/219016
  */
}
.signin-register-page h1 {
  font-size: 2.1875rem;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 20px;
}
.signin-register-page .gl-tab-nav-item {
  background: #ececef;
}
.signin-register-page .gl-tab-nav-item-active {
  background: #fff;
  border-right: 1px solid #e7e7e7;
}
.signin-register-page .nav-item:last-child .gl-tab-nav-item-active {
  border-left: 1px solid #e7e7e7;
  border-right-width: 0;
}
@media (min-width: 768px) {
  .signin-register-page-display-button {
    width: auto;
  }
}

.price-per-month {
  font-size: 48px;
  line-height: 1;
}

.hide-close-button .gl-banner-close {
  display: none;
}

.ci-transaction .form-check-label {
  font-weight: normal;
}

.round-radio-button input[type=radio] {
  appearance: none;
  background-color: #fff;
  display: inline-block;
  position: relative;
  color: #a1a1a2;
  height: 25px;
  width: 25px;
  border: 3px solid #bfbfc3;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  margin: 0 9px 0 0 !important;
}
.round-radio-button input[type=radio]:checked {
  border: 1px solid #1068bf;
}
.round-radio-button input[type=radio]:checked::before {
  position: absolute;
  font: 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  left: 7px;
  top: 4px;
  content: "⅃";
  transform: rotate(40deg);
  color: #1068bf;
}
.round-radio-button input[type=radio]:disabled {
  background-color: #ececef;
  border-color: #dcdcde;
}
.round-radio-button input[type=radio]:disabled,
.round-radio-button input[type=radio]:disabled + label {
  cursor: not-allowed;
}
.round-radio-button input[type=radio] + label {
  margin: 0;
  color: inherit;
}
.round-radio-button input[type=radio]:checked + label {
  color: #fff;
}

.product-radio-panel {
  padding: 0.75rem;
  border: 1px solid #bfbfc3;
  border-radius: 3px;
  background-color: #fff;
  color: #4c4b51;
  cursor: pointer;
}
.product-radio-panel-selected {
  border: 1px solid #1068bf;
  background-color: #1068bf;
  color: #fff;
}
.product-radio-panel-disabled {
  background-color: #fbfafd;
  border: 1px solid #dcdcde;
  color: #444;
  cursor: not-allowed;
  outline: 0;
}

/* temporary until in GitLab UI Utils */
.gl-cursor-wait {
  cursor: wait;
}

.cancellation-modal label,
#cancellation_modal label {
  font-weight: normal;
}
.cancellation-modal .modal-body h5,
#cancellation_modal .modal-body h5 {
  margin-bottom: 0.5rem;
}
.cancellation-modal .modal-body .additional-cancel-reason,
#cancellation_modal .modal-body .additional-cancel-reason {
  display: flex;
  flex-wrap: wrap;
}
.cancellation-modal .modal-body .additional-cancel-reason .other-additional-textarea,
#cancellation_modal .modal-body .additional-cancel-reason .other-additional-textarea {
  flex-basis: 100%;
  resize: vertical;
  height: 100px;
}
.cancellation-modal .modal-footer .btn-gitlab,
#cancellation_modal .modal-footer .btn-gitlab {
  margin: 0.25rem;
  flex-basis: 150px;
  flex-grow: 1;
}

.sidebar {
  flex-grow: 1;
  position: fixed;
  z-index: 3;
  background-color: #fff;
  min-width: 16.5rem;
  max-width: 18.5rem;
  margin-right: 5%;
  top: 0;
  padding-top: 2.625rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 100%;
  border-color: #ececef;
  border-right-style: solid;
  border-right-width: 1px;
  width: 15.5rem;
  left: -18.5rem;
  transition-duration: 0.4s;
  transition-property: left;
}
.sidebar.open {
  left: 0;
}
.sidebar nav {
  margin-top: 0.75rem;
}
@media (min-width: 992px) {
  .sidebar {
    position: sticky;
    background-color: transparent;
    left: 0;
    border-right-style: none;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    padding-top: 2rem;
  }
  .sidebar .sidebar-toggle-btn {
    display: none;
  }
  .sidebar nav {
    margin-top: 0;
  }
}

.sidebar-header {
  z-index: 3;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #dcdcde;
  background-color: #fff;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: fixed;
  top: 2.625rem;
}
@media (min-width: 992px) {
  .sidebar-header {
    display: none;
  }
}

/*
* SASS preserves units in arithmetic operations. For example:
* 12em * 0 = 0em. This function return the unit of a numeric value.
*
* For more examples, see: https://codepen.io/paulgv/pen/XWrqMgQ
*/
.collapse-container {
  padding: 0.625rem;
  border-bottom: 2px solid #a4a3a8;
}

.collapse-content {
  padding: 1.5rem;
  transition: box-shadow 0.2s linear;
}
.collapse-content.expanded {
  box-shadow: 0 0 0 0.625rem #ececef;
}

.namespace-select {
  width: 100%;
}
.namespace-select header {
  padding-left: 0;
}
.namespace-select button[disabled=disabled] {
  color: #a1a1a2;
}
.namespace-select .dropdown-toggle {
  width: 100%;
}

.dropdown.show .dropdown-menu {
  overflow-y: auto;
}

#error_explanation h2 {
  color: #dd2b0e;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 0.5rem;
}

.centered-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.title {
  font-weight: bold;
  color: #050506;
}

.subtitle {
  font-size: 20px;
  font-weight: bold;
}

.note {
  font-size: 14px;
  margin: 20px 0 30px;
}

.table-cells-py-half td,
.table-cells-py-half th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.table-cells-px-0 td,
.table-cells-px-0 th {
  padding-right: 0;
  padding-left: 0;
}

.gl-alert-dismiss {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  line-height: 1rem;
  background: none;
  border-style: none;
  color: #a1a1a2;
}
.gl-alert-dismiss > svg {
  fill: currentColor;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

body {
  font-size: 0.875rem;
  color: #28272d;
  font-family: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h-display,
.gl-h1,
.gl-h2,
.gl-h3,
.gl-h4,
.gl-h5,
.gl-h6 {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}

.h-display {
  font-size: clamp(1.75rem, -0.1388888889rem + 3.9351851852vw, 2.8125rem);
  line-height: clamp(2rem, -0.2222222222rem + 4.6296296296vw, 3.25rem);
}

h1,
.gl-h1 {
  font-size: clamp(1.4375rem, 0.4375rem + 2.0833333333vw, 2rem);
  line-height: clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem);
}

h2,
.gl-h2 {
  font-size: clamp(1.1875rem, 0.7430555556rem + 0.9259259259vw, 1.4375rem);
  line-height: clamp(1.5rem, 1.0555555556rem + 0.9259259259vw, 1.75rem);
}

h3,
.gl-h3 {
  font-size: 1rem;
  line-height: 1.25rem;
}

h4,
.gl-h4 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

h5,
.gl-h5,
h6,
.gl-h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4c4b51;
}

p,
.gl-paragraph {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
p + p,
p + .gl-paragraph,
.gl-paragraph + p,
.gl-paragraph + .gl-paragraph {
  margin-top: 1rem;
}
p.lg,
.gl-paragraph.lg {
  line-height: 1.5rem;
}

.sm {
  font-size: 0.75rem;
}

.lg {
  font-size: 1rem;
}

.monospace {
  font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-variant-ligatures: none;
}

blockquote {
  color: #4c4b51;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  box-shadow: inset 4px 0 0 0 #dcdcde;
}

.page-content-deprecated {
  padding-top: 4rem;
}

.page-content {
  padding-top: calc(2.625rem + 2.5rem);
}
@media (min-width: 992px) {
  .page-content {
    padding-top: 2.75rem;
  }
}

.page-header {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .page-header {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.white-card {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  margin-bottom: 1rem;
}
.white-card .title {
  padding: 1rem 2rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.white-card .title h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 20px;
}
.white-card .content {
  padding: 2rem;
}
.white-card .content.small-card {
  padding: 1rem 2rem;
}
.white-card .content .form-group {
  margin-bottom: 1rem;
}
.white-card .content .or {
  color: #737278;
  margin-top: 1rem;
}
.white-card .content p:last-child {
  margin-bottom: 0;
}

/* stylelint-disable selector-class-pattern */
.z_hppm_iframe {
  /* stylelint-enable */
  background-color: #fff !important;
}

label.error,
.error-msg {
  color: #dd2b0e;
  font-weight: normal;
  font-size: 14px;
}

.text-purple {
  color: #6e49cb;
}

.zuora-container {
  min-height: 400px;
}
.zuora-container iframe {
  width: 100%;
  min-height: 400px;
}

.taxes {
  margin: 4px 0 1rem;
}

.forgot-password {
  margin-top: 3rem;
}

.confirmation-page .content {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.confirmation-page-image {
  margin: 20px;
}
.confirmation-page .title {
  font-size: 36px;
  font-weight: bold;
}
.confirmation-page .subtitle {
  font-size: 20px;
  font-weight: bold;
}
.confirmation-page .actions {
  margin: 2rem;
}

.instance-review-body {
  width: 400px;
}