.bg-full-width {
  position: relative;
  width: calc(100% + var(--gcds-spacing-225));
  margin-inline: calc(-1 * var(--gcds-spacing-100));
  padding-inline: var(--gcds-spacing-100);
}
.bg-full-width:before, .bg-full-width:after {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: inherit;
}
.bg-full-width:before {
  left: calc(-100vw + 0.01px);
}
.bg-full-width:after {
  right: calc(-100vw + 0.01px);
}

.bg-light-blue {
  background-color: var(--gcds-color-blue-100);
  color: var(--gcds-color-blue-800);
}

table {
  text-align: left;
  width: var(--gcds-container-full);
}

.table-overflow table {
  min-width: var(--gcds-container-md);
  box-shadow: inset calc(-1 * var(--gcds-border-width-xl)) 0 0 var(--gcds-color-grayscale-0), inset var(--gcds-border-width-xl) 0 0 var(--gcds-color-grayscale-0);
}

table tr {
  vertical-align: baseline;
}

table td,
table th {
  padding: var(--gcds-spacing-100);
  border-block-end: var(--gcds-border-width-sm) solid var(--gcds-border-default);
}

table th {
  font-weight: var(--gcds-font-weights-bold);
  border-bottom: var(--gcds-border-width-md) solid var(--gcds-border-default);
}

a[href] {
  text-decoration-color: currentColor;
}
a[href]:not([class*=link-light]):hover:not(:focus) {
  color: var(--gcds-link-hover);
}
a[href]:focus {
  border-radius: var(--gcds-link-focus-border-radius);
  background-color: var(--gcds-link-focus-background);
  color: var(--gcds-link-focus-text);
  text-decoration: none;
  box-shadow: var(--gcds-link-focus-box-shadow);
  outline-offset: var(--gcds-link-focus-outline-offset);
  outline: var(--gcds-link-focus-outline-width) solid var(--gcds-link-focus-background);
}

a[href]:not([class*=link-inherit]):not([class*=link-light]):not(:focus):not(:hover) {
  color: var(--gcds-link-default);
}

h1 {
  --gcds-heading-character-limit-h1: none;
  text-wrap: wrap;
}

h2 {
  --gcds-heading-character-limit-h1: none;
  text-wrap: wrap;
}

h3 {
  --gcds-heading-character-limit-h1: none;
  text-wrap: wrap;
}

h4 {
  --gcds-heading-character-limit-h1: none;
  text-wrap: wrap;
}

h5 {
  --gcds-heading-character-limit-h1: none;
  text-wrap: wrap;
}

h6 {
  --gcds-heading-character-limit-h1: none;
  text-wrap: wrap;
}

gcds-notice {
  --gcds-heading-character-limit-h2: none;
  max-width: var(--gcds-text-character-limit);
}

ul li,
ol li {
  font: var(--gcds-font-text);
  max-width: var(--gcds-text-character-limit);
}

ul li p:last-child,
ol li p:last-child {
  margin-block-end: var(--gcds-spacing-0) !important;
}

code,
[class*=language-] {
  font-family: var(--gcds-font-families-monospace);
}

code:not([class*=language-]) {
  font-size: 80%;
  line-height: var(--gcds-line-heights-text-small);
  padding: var(--gcds-spacing-25);
  background-color: var(--gcds-color-grayscale-50);
  border-radius: var(--gcds-border-radius-sm);
}

/*
 * General
 */
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body {
  animation: fade 0.05s normal forwards ease-in-out;
}

main {
  margin-bottom: var(--gcds-spacing-600);
}

.remove-empty-p p:empty {
  display: none;
}

iframe {
  max-width: 100%;
}

ul li p.mb-300:has(+ ul),
ul li ul.mb-300 {
  margin-block-end: 0;
}
ul li ul li {
  list-style: circle;
}

.max-width-content {
  width: var(--gcds-text-character-limit);
  max-width: 100%;
}

/*
 * Used to hide the Side navigation menu on '/resources' section on mobile devices, at the point where the main navigation menu collapses into a hamburger menu. This is to prevent displaying two hamburger menus labeled "Menu".
 */
@media (max-width: 1025px) {
  .hide-on-mobile {
    display: none;
  }
}
.search-result {
  border-block-end: solid 1px var(--gcds-color-grayscale-1000);
  padding-block-end: var(--gcds-spacing-300);
}
.search-result mark {
  background-color: inherit;
  font-weight: var(--gcds-font-weights-bold);
}

.results-loader {
  width: var(--gcds-spacing-600);
  aspect-ratio: 1;
  border-radius: var(--gcds-border-radius-xl);
  border: var(--gcds-border-width-xl) solid var(--gcds-text-primary);
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}

@keyframes l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}
@keyframes l20-2 {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}

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