/* package-version: 2.7.0 */
/* Release date: 06/25/2025 13:26:25 */
@charset "UTF-8";
/* stylelint-disable scss/operator-no-unspaced */
/* stylelint-disable scss/operator-no-unspaced */
input[type=checkbox]:not(.gaf-escape *):checked::before,
input[type=checkbox]:not(.gaf-escape *):indeterminate::before,
input[type=checkbox]:not(.gaf-escape *).mixed:checked::before {
  font-family: "Font Awesome 6 Pro", serif;
  font-weight: 400;
  font-style: normal;
}

/* c- should always be present for cases when a custom component is nested within another custom 
   component */
/* c- should always be present for cases when a custom component is nested within another custom 
   component */
/* stylelint-disable selector-max-universal */
/* stylelint-disable selector-max-universal */
/* stylelint-disable property-no-unknown, selector-max-universal */
.panel-3-column, .panel-2-column, .panel-1-column {
  column-gap: 20px;
}
.panel-3-column, .panel-2-column, .panel-1-column {
  display: grid;
  justify-items: center;
  justify-tracks: center;
}
.panel-3-column > *, .panel-2-column > *, .panel-1-column > * {
  grid-column: auto/span 1;
}
.panel-1-column {
  grid-template-columns: [first premier f p] repeat(1, minmax(auto, 1fr)) [last dernier l d];
}
.panel-2-column {
  grid-template-columns: [first premier f p] repeat(2, minmax(auto, 1fr)) [last dernier l d];
}
.panel-3-column {
  grid-template-columns: [first premier f p] repeat(3, minmax(auto, 1fr)) [last dernier l d];
}
html {
  --generic-hover: hsla(240, 1%, 35%, 0.06);
  --border-hover: hsl(240, 1%, 35%);
  --surface1: hsl(0, 0%, 100%);
  --surface2: hsl(240, 11%, 96%);
  --surface3: hsl(0, 0%, 100%);
  --generic-active: hsla(240, 1%, 35%, 0.12);
  --border: hsl(240, 0%, 53%);
  --border-light: hsl(240, 3%, 88%);
  --border-readonly: hsl(240, 0%, 53%);
  --dimmer: hsla(240, 1%, 17%, 0.8);
  --background-transparent: hsla(240, 2%, 79%, 0.2);
  --background-readonly: hsl(240, 3%, 88%);
}

html[scheme=dark] {
  --generic-hover: hsla(240, 1%, 35%, 0.12);
  --border-hover: hsl(240, 3%, 88%);
  --surface1: hsl(240, 2%, 9%);
  --surface2: hsl(240, 1%, 17%);
  --surface3: hsl(240, 2%, 9%);
  --generic-active: hsla(240, 1%, 35%, 0.18);
  --border: hsl(240, 1%, 70%);
  --border-light: hsl(240, 1%, 26%);
  --border-readonly: hsl(240, 1%, 61%);
  --dimmer: hsla(240, 1%, 26%, 0.8);
  --background-transparent: hsl(240, 2%, 79%);
  --background-readonly: hsl(240, 1%, 26%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --generic-hover: hsla(240, 1%, 35%, 0.06);
    --border-hover: hsl(240, 1%, 35%);
    --surface1: hsl(0, 0%, 100%);
    --surface2: hsl(240, 11%, 96%);
    --surface3: hsl(0, 0%, 100%);
    --generic-active: hsla(240, 1%, 35%, 0.12);
    --border: hsl(240, 0%, 53%);
    --border-light: hsl(240, 3%, 88%);
    --border-readonly: hsl(240, 0%, 53%);
    --dimmer: hsla(240, 1%, 17%, 0.8);
    --background-transparent: hsla(240, 2%, 79%, 0.2);
    --background-readonly: hsl(240, 3%, 88%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --generic-hover: hsla(240, 1%, 35%, 0.12);
    --border-hover: hsl(240, 3%, 88%);
    --surface1: hsl(240, 2%, 9%);
    --surface2: hsl(240, 1%, 17%);
    --surface3: hsl(240, 2%, 9%);
    --generic-active: hsla(240, 1%, 35%, 0.18);
    --border: hsl(240, 1%, 70%);
    --border-light: hsl(240, 1%, 26%);
    --border-readonly: hsl(240, 1%, 61%);
    --dimmer: hsla(240, 1%, 26%, 0.8);
    --background-transparent: hsl(240, 2%, 79%);
    --background-readonly: hsl(240, 1%, 26%);
  }
}

html {
  --grey-1: hsl(0, 0%, 100%);
  --grey-2: hsl(240, 11%, 96%);
  --grey-3: hsl(240, 3%, 88%);
  --grey-4: hsl(240, 2%, 79%);
  --grey-5: hsl(240, 1%, 70%);
  --grey-6: hsl(240, 1%, 61%);
  --grey-7: hsl(240, 0%, 53%);
  --grey-8: hsl(240, 1%, 44%);
  --grey-9: hsl(240, 1%, 35%);
  --grey-10: hsl(240, 1%, 26%);
  --grey-11: hsl(240, 1%, 17%);
  --grey-12: hsl(240, 2%, 9%);
}

html[scheme=dark] {
  --grey-1: hsl(240, 2%, 9%);
  --grey-2: hsl(240, 1%, 17%);
  --grey-3: hsl(240, 1%, 26%);
  --grey-4: hsl(240, 1%, 35%);
  --grey-5: hsl(240, 1%, 44%);
  --grey-6: hsl(240, 0%, 53%);
  --grey-7: hsl(240, 1%, 61%);
  --grey-8: hsl(240, 1%, 70%);
  --grey-9: hsl(240, 2%, 79%);
  --grey-10: hsl(240, 3%, 88%);
  --grey-11: hsl(240, 11%, 96%);
  --grey-12: hsl(0, 0%, 100%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --grey-1: hsl(0, 0%, 100%);
    --grey-2: hsl(240, 11%, 96%);
    --grey-3: hsl(240, 3%, 88%);
    --grey-4: hsl(240, 2%, 79%);
    --grey-5: hsl(240, 1%, 70%);
    --grey-6: hsl(240, 1%, 61%);
    --grey-7: hsl(240, 0%, 53%);
    --grey-8: hsl(240, 1%, 44%);
    --grey-9: hsl(240, 1%, 35%);
    --grey-10: hsl(240, 1%, 26%);
    --grey-11: hsl(240, 1%, 17%);
    --grey-12: hsl(240, 2%, 9%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --grey-1: hsl(240, 2%, 9%);
    --grey-2: hsl(240, 1%, 17%);
    --grey-3: hsl(240, 1%, 26%);
    --grey-4: hsl(240, 1%, 35%);
    --grey-5: hsl(240, 1%, 44%);
    --grey-6: hsl(240, 0%, 53%);
    --grey-7: hsl(240, 1%, 61%);
    --grey-8: hsl(240, 1%, 70%);
    --grey-9: hsl(240, 2%, 79%);
    --grey-10: hsl(240, 3%, 88%);
    --grey-11: hsl(240, 11%, 96%);
    --grey-12: hsl(0, 0%, 100%);
  }
}

html {
  --red-1: hsl(359, 55%, 96%);
  --red-2: hsl(0, 43%, 85%);
  --red-3: hsl(359, 45%, 76%);
  --red-4: hsl(359, 45%, 67%);
  --red-5: hsl(359, 45%, 58%);
  --red-6: hsl(359, 46%, 49%);
  --red-7: hsl(359, 67%, 40%);
  --red-8: hsl(358, 68%, 34%);
  --red-9: hsl(358, 70%, 28%);
  --red-10: hsl(359, 57%, 25%);
  --red-11: hsl(0, 53%, 19%);
  --red-12: hsl(358, 48%, 11%);
}

html[scheme=dark] {
  --red-1: hsl(358, 48%, 11%);
  --red-2: hsl(0, 53%, 19%);
  --red-3: hsl(359, 57%, 25%);
  --red-4: hsl(358, 70%, 28%);
  --red-5: hsl(358, 68%, 34%);
  --red-6: hsl(359, 67%, 40%);
  --red-7: hsl(359, 46%, 49%);
  --red-8: hsl(359, 45%, 58%);
  --red-9: hsl(359, 45%, 67%);
  --red-10: hsl(359, 45%, 76%);
  --red-11: hsl(0, 43%, 85%);
  --red-12: hsl(359, 55%, 96%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --red-1: hsl(359, 55%, 96%);
    --red-2: hsl(0, 43%, 85%);
    --red-3: hsl(359, 45%, 76%);
    --red-4: hsl(359, 45%, 67%);
    --red-5: hsl(359, 45%, 58%);
    --red-6: hsl(359, 46%, 49%);
    --red-7: hsl(359, 67%, 40%);
    --red-8: hsl(358, 68%, 34%);
    --red-9: hsl(358, 70%, 28%);
    --red-10: hsl(359, 57%, 25%);
    --red-11: hsl(0, 53%, 19%);
    --red-12: hsl(358, 48%, 11%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --red-1: hsl(358, 48%, 11%);
    --red-2: hsl(0, 53%, 19%);
    --red-3: hsl(359, 57%, 25%);
    --red-4: hsl(358, 70%, 28%);
    --red-5: hsl(358, 68%, 34%);
    --red-6: hsl(359, 67%, 40%);
    --red-7: hsl(359, 46%, 49%);
    --red-8: hsl(359, 45%, 58%);
    --red-9: hsl(359, 45%, 67%);
    --red-10: hsl(359, 45%, 76%);
    --red-11: hsl(0, 43%, 85%);
    --red-12: hsl(359, 55%, 96%);
  }
}

html {
  --orange-1: hsl(29, 55%, 96%);
  --orange-2: hsl(28, 71%, 88%);
  --orange-3: hsl(28, 73%, 80%);
  --orange-4: hsl(29, 75%, 72%);
  --orange-5: hsl(28, 76%, 64%);
  --orange-6: hsl(29, 76%, 56%);
  --orange-7: hsl(28, 82%, 48%);
  --orange-8: hsl(29, 82%, 41%);
  --orange-9: hsl(29, 82%, 33%);
  --orange-10: hsl(28, 67%, 28%);
  --orange-11: hsl(29, 61%, 21%);
  --orange-12: hsl(28, 55%, 13%);
}

html[scheme=dark] {
  --orange-1: hsl(28, 55%, 13%);
  --orange-2: hsl(29, 61%, 21%);
  --orange-3: hsl(28, 67%, 28%);
  --orange-4: hsl(29, 82%, 33%);
  --orange-5: hsl(29, 82%, 41%);
  --orange-6: hsl(28, 82%, 48%);
  --orange-7: hsl(29, 76%, 56%);
  --orange-8: hsl(28, 76%, 64%);
  --orange-9: hsl(29, 75%, 72%);
  --orange-10: hsl(28, 73%, 80%);
  --orange-11: hsl(28, 71%, 88%);
  --orange-12: hsl(29, 55%, 96%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --orange-1: hsl(29, 55%, 96%);
    --orange-2: hsl(28, 71%, 88%);
    --orange-3: hsl(28, 73%, 80%);
    --orange-4: hsl(29, 75%, 72%);
    --orange-5: hsl(28, 76%, 64%);
    --orange-6: hsl(29, 76%, 56%);
    --orange-7: hsl(28, 82%, 48%);
    --orange-8: hsl(29, 82%, 41%);
    --orange-9: hsl(29, 82%, 33%);
    --orange-10: hsl(28, 67%, 28%);
    --orange-11: hsl(29, 61%, 21%);
    --orange-12: hsl(28, 55%, 13%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --orange-1: hsl(28, 55%, 13%);
    --orange-2: hsl(29, 61%, 21%);
    --orange-3: hsl(28, 67%, 28%);
    --orange-4: hsl(29, 82%, 33%);
    --orange-5: hsl(29, 82%, 41%);
    --orange-6: hsl(28, 82%, 48%);
    --orange-7: hsl(29, 76%, 56%);
    --orange-8: hsl(28, 76%, 64%);
    --orange-9: hsl(29, 75%, 72%);
    --orange-10: hsl(28, 73%, 80%);
    --orange-11: hsl(28, 71%, 88%);
    --orange-12: hsl(29, 55%, 96%);
  }
}

html {
  --blue-1: hsl(228, 100%, 97%);
  --blue-2: hsl(225, 91%, 91%);
  --blue-3: hsl(225, 92%, 85%);
  --blue-4: hsl(225, 90%, 80%);
  --blue-5: hsl(225, 89%, 74%);
  --blue-6: hsl(225, 90%, 68%);
  --blue-7: hsl(225, 90%, 62%);
  --blue-8: hsl(225, 60%, 52%);
  --blue-9: hsl(225, 56%, 42%);
  --blue-10: hsl(226, 47%, 34%);
  --blue-11: hsl(225, 37%, 26%);
  --blue-12: hsl(226, 38%, 18%);
}

html[scheme=dark] {
  --blue-1: hsl(226, 38%, 18%);
  --blue-2: hsl(225, 37%, 26%);
  --blue-3: hsl(226, 47%, 34%);
  --blue-4: hsl(225, 56%, 42%);
  --blue-5: hsl(225, 60%, 52%);
  --blue-6: hsl(225, 90%, 62%);
  --blue-7: hsl(225, 90%, 68%);
  --blue-8: hsl(225, 89%, 74%);
  --blue-9: hsl(225, 90%, 80%);
  --blue-10: hsl(225, 92%, 85%);
  --blue-11: hsl(225, 91%, 91%);
  --blue-12: hsl(228, 100%, 97%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --blue-1: hsl(228, 100%, 97%);
    --blue-2: hsl(225, 91%, 91%);
    --blue-3: hsl(225, 92%, 85%);
    --blue-4: hsl(225, 90%, 80%);
    --blue-5: hsl(225, 89%, 74%);
    --blue-6: hsl(225, 90%, 68%);
    --blue-7: hsl(225, 90%, 62%);
    --blue-8: hsl(225, 60%, 52%);
    --blue-9: hsl(225, 56%, 42%);
    --blue-10: hsl(226, 47%, 34%);
    --blue-11: hsl(225, 37%, 26%);
    --blue-12: hsl(226, 38%, 18%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --blue-1: hsl(226, 38%, 18%);
    --blue-2: hsl(225, 37%, 26%);
    --blue-3: hsl(226, 47%, 34%);
    --blue-4: hsl(225, 56%, 42%);
    --blue-5: hsl(225, 60%, 52%);
    --blue-6: hsl(225, 90%, 62%);
    --blue-7: hsl(225, 90%, 68%);
    --blue-8: hsl(225, 89%, 74%);
    --blue-9: hsl(225, 90%, 80%);
    --blue-10: hsl(225, 92%, 85%);
    --blue-11: hsl(225, 91%, 91%);
    --blue-12: hsl(228, 100%, 97%);
  }
}

html {
  --green-1: hsl(150, 55%, 96%);
  --green-2: hsl(151, 49%, 85%);
  --green-3: hsl(150, 48%, 75%);
  --green-4: hsl(150, 47%, 65%);
  --green-5: hsl(150, 47%, 55%);
  --green-6: hsl(150, 59%, 44%);
  --green-7: hsl(150, 91%, 34%);
  --green-8: hsl(150, 90%, 29%);
  --green-9: hsl(150, 90%, 24%);
  --green-10: hsl(150, 68%, 21%);
  --green-11: hsl(149, 66%, 15%);
  --green-12: hsl(151, 49%, 10%);
}

html[scheme=dark] {
  --green-1: hsl(151, 49%, 10%);
  --green-2: hsl(149, 66%, 15%);
  --green-3: hsl(150, 68%, 21%);
  --green-4: hsl(150, 90%, 24%);
  --green-5: hsl(150, 90%, 29%);
  --green-6: hsl(150, 91%, 34%);
  --green-7: hsl(150, 59%, 44%);
  --green-8: hsl(150, 47%, 55%);
  --green-9: hsl(150, 47%, 65%);
  --green-10: hsl(150, 48%, 75%);
  --green-11: hsl(151, 49%, 85%);
  --green-12: hsl(150, 55%, 96%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --green-1: hsl(150, 55%, 96%);
    --green-2: hsl(151, 49%, 85%);
    --green-3: hsl(150, 48%, 75%);
    --green-4: hsl(150, 47%, 65%);
    --green-5: hsl(150, 47%, 55%);
    --green-6: hsl(150, 59%, 44%);
    --green-7: hsl(150, 91%, 34%);
    --green-8: hsl(150, 90%, 29%);
    --green-9: hsl(150, 90%, 24%);
    --green-10: hsl(150, 68%, 21%);
    --green-11: hsl(149, 66%, 15%);
    --green-12: hsl(151, 49%, 10%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --green-1: hsl(151, 49%, 10%);
    --green-2: hsl(149, 66%, 15%);
    --green-3: hsl(150, 68%, 21%);
    --green-4: hsl(150, 90%, 24%);
    --green-5: hsl(150, 90%, 29%);
    --green-6: hsl(150, 91%, 34%);
    --green-7: hsl(150, 59%, 44%);
    --green-8: hsl(150, 47%, 55%);
    --green-9: hsl(150, 47%, 65%);
    --green-10: hsl(150, 48%, 75%);
    --green-11: hsl(151, 49%, 85%);
    --green-12: hsl(150, 55%, 96%);
  }
}

html {
  --purple-1: hsl(270, 55%, 96%);
  --purple-2: hsl(271, 51%, 88%);
  --purple-3: hsl(271, 49%, 80%);
  --purple-4: hsl(270, 48%, 73%);
  --purple-5: hsl(270, 48%, 65%);
  --purple-6: hsl(270, 47%, 57%);
  --purple-7: hsl(270, 48%, 50%);
  --purple-8: hsl(270, 49%, 42%);
  --purple-9: hsl(270, 49%, 35%);
  --purple-10: hsl(270, 40%, 30%);
  --purple-11: hsl(270, 37%, 22%);
  --purple-12: hsl(271, 44%, 14%);
}

html[scheme=dark] {
  --purple-1: hsl(271, 44%, 14%);
  --purple-2: hsl(270, 37%, 22%);
  --purple-3: hsl(270, 40%, 30%);
  --purple-4: hsl(270, 49%, 35%);
  --purple-5: hsl(270, 49%, 42%);
  --purple-6: hsl(270, 48%, 50%);
  --purple-7: hsl(270, 47%, 57%);
  --purple-8: hsl(270, 48%, 65%);
  --purple-9: hsl(270, 48%, 73%);
  --purple-10: hsl(271, 49%, 80%);
  --purple-11: hsl(271, 51%, 88%);
  --purple-12: hsl(270, 55%, 96%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --purple-1: hsl(270, 55%, 96%);
    --purple-2: hsl(271, 51%, 88%);
    --purple-3: hsl(271, 49%, 80%);
    --purple-4: hsl(270, 48%, 73%);
    --purple-5: hsl(270, 48%, 65%);
    --purple-6: hsl(270, 47%, 57%);
    --purple-7: hsl(270, 48%, 50%);
    --purple-8: hsl(270, 49%, 42%);
    --purple-9: hsl(270, 49%, 35%);
    --purple-10: hsl(270, 40%, 30%);
    --purple-11: hsl(270, 37%, 22%);
    --purple-12: hsl(271, 44%, 14%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --purple-1: hsl(271, 44%, 14%);
    --purple-2: hsl(270, 37%, 22%);
    --purple-3: hsl(270, 40%, 30%);
    --purple-4: hsl(270, 49%, 35%);
    --purple-5: hsl(270, 49%, 42%);
    --purple-6: hsl(270, 48%, 50%);
    --purple-7: hsl(270, 47%, 57%);
    --purple-8: hsl(270, 48%, 65%);
    --purple-9: hsl(270, 48%, 73%);
    --purple-10: hsl(271, 49%, 80%);
    --purple-11: hsl(271, 51%, 88%);
    --purple-12: hsl(270, 55%, 96%);
  }
}

html {
  --teal-1: hsl(194, 55%, 96%);
  --teal-2: hsl(193, 55%, 87%);
  --teal-3: hsl(193, 53%, 78%);
  --teal-4: hsl(193, 53%, 70%);
  --teal-5: hsl(194, 53%, 61%);
  --teal-6: hsl(193, 53%, 53%);
  --teal-7: hsl(194, 66%, 44%);
  --teal-8: hsl(194, 68%, 38%);
  --teal-9: hsl(193, 68%, 31%);
  --teal-10: hsl(194, 57%, 26%);
  --teal-11: hsl(192, 61%, 19%);
  --teal-12: hsl(193, 55%, 13%);
}

html[scheme=dark] {
  --teal-1: hsl(193, 55%, 13%);
  --teal-2: hsl(192, 61%, 19%);
  --teal-3: hsl(194, 57%, 26%);
  --teal-4: hsl(193, 68%, 31%);
  --teal-5: hsl(194, 68%, 38%);
  --teal-6: hsl(194, 66%, 44%);
  --teal-7: hsl(193, 53%, 53%);
  --teal-8: hsl(194, 53%, 61%);
  --teal-9: hsl(193, 53%, 70%);
  --teal-10: hsl(193, 53%, 78%);
  --teal-11: hsl(193, 55%, 87%);
  --teal-12: hsl(194, 55%, 96%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --teal-1: hsl(194, 55%, 96%);
    --teal-2: hsl(193, 55%, 87%);
    --teal-3: hsl(193, 53%, 78%);
    --teal-4: hsl(193, 53%, 70%);
    --teal-5: hsl(194, 53%, 61%);
    --teal-6: hsl(193, 53%, 53%);
    --teal-7: hsl(194, 66%, 44%);
    --teal-8: hsl(194, 68%, 38%);
    --teal-9: hsl(193, 68%, 31%);
    --teal-10: hsl(194, 57%, 26%);
    --teal-11: hsl(192, 61%, 19%);
    --teal-12: hsl(193, 55%, 13%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --teal-1: hsl(193, 55%, 13%);
    --teal-2: hsl(192, 61%, 19%);
    --teal-3: hsl(194, 57%, 26%);
    --teal-4: hsl(193, 68%, 31%);
    --teal-5: hsl(194, 68%, 38%);
    --teal-6: hsl(194, 66%, 44%);
    --teal-7: hsl(193, 53%, 53%);
    --teal-8: hsl(194, 53%, 61%);
    --teal-9: hsl(193, 53%, 70%);
    --teal-10: hsl(193, 53%, 78%);
    --teal-11: hsl(193, 55%, 87%);
    --teal-12: hsl(194, 55%, 96%);
  }
}

html {
  --navy-1: hsl(218, 71%, 97%);
  --navy-2: hsl(218, 33%, 86%);
  --navy-3: hsl(219, 30%, 75%);
  --navy-4: hsl(218, 27%, 65%);
  --navy-5: hsl(218, 26%, 54%);
  --navy-6: hsl(218, 33%, 44%);
  --navy-7: hsl(218, 51%, 33%);
  --navy-8: hsl(218, 53%, 29%);
  --navy-9: hsl(219, 54%, 25%);
  --navy-10: hsl(218, 46%, 22%);
  --navy-11: hsl(219, 43%, 18%);
  --navy-12: hsl(219, 51%, 17%);
}

html[scheme=dark] {
  --navy-1: hsl(219, 51%, 17%);
  --navy-2: hsl(219, 43%, 18%);
  --navy-3: hsl(218, 46%, 22%);
  --navy-4: hsl(219, 54%, 25%);
  --navy-5: hsl(218, 53%, 29%);
  --navy-6: hsl(218, 51%, 33%);
  --navy-7: hsl(218, 33%, 44%);
  --navy-8: hsl(218, 26%, 54%);
  --navy-9: hsl(218, 27%, 65%);
  --navy-10: hsl(219, 30%, 75%);
  --navy-11: hsl(218, 33%, 86%);
  --navy-12: hsl(218, 71%, 97%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --navy-1: hsl(218, 71%, 97%);
    --navy-2: hsl(218, 33%, 86%);
    --navy-3: hsl(219, 30%, 75%);
    --navy-4: hsl(218, 27%, 65%);
    --navy-5: hsl(218, 26%, 54%);
    --navy-6: hsl(218, 33%, 44%);
    --navy-7: hsl(218, 51%, 33%);
    --navy-8: hsl(218, 53%, 29%);
    --navy-9: hsl(219, 54%, 25%);
    --navy-10: hsl(218, 46%, 22%);
    --navy-11: hsl(219, 43%, 18%);
    --navy-12: hsl(219, 51%, 17%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --navy-1: hsl(219, 51%, 17%);
    --navy-2: hsl(219, 43%, 18%);
    --navy-3: hsl(218, 46%, 22%);
    --navy-4: hsl(219, 54%, 25%);
    --navy-5: hsl(218, 53%, 29%);
    --navy-6: hsl(218, 51%, 33%);
    --navy-7: hsl(218, 33%, 44%);
    --navy-8: hsl(218, 26%, 54%);
    --navy-9: hsl(218, 27%, 65%);
    --navy-10: hsl(219, 30%, 75%);
    --navy-11: hsl(218, 33%, 86%);
    --navy-12: hsl(218, 71%, 97%);
  }
}

html {
  --navigation-hover: hsl(225, 60%, 52%);
  --navigation-weak-hover: hsl(225, 91%, 91%);
  --formcontrol-hover: hsl(225, 60%, 52%);
  --formcontrol-weak-hover: hsl(225, 91%, 91%);
  --navigation: hsl(225, 90%, 62%);
  --navigation-active: hsl(225, 56%, 42%);
  --navigation-weak: hsl(228, 100%, 97%);
  --navigation-weak-active: hsl(225, 92%, 85%);
  --navigation-disabled: hsl(225, 92%, 85%);
  --formcontrol: hsl(225, 90%, 62%);
  --formcontrol-active: hsl(225, 56%, 42%);
  --formcontrol-disabled: hsl(225, 92%, 85%);
  --formcontrol-weak: hsl(228, 100%, 97%);
  --formcontrol-weak-active: hsl(225, 92%, 85%);
  --text-disabled: hsl(228, 100%, 97%);
}

html[scheme=dark] {
  --navigation-hover: hsl(225, 89%, 74%);
  --navigation-weak-hover: hsl(225, 37%, 26%);
  --formcontrol-hover: hsl(225, 89%, 74%);
  --formcontrol-weak-hover: hsl(225, 37%, 26%);
  --navigation: hsl(225, 90%, 68%);
  --navigation-active: hsl(225, 90%, 80%);
  --navigation-weak: hsl(226, 38%, 18%);
  --navigation-weak-active: hsl(226, 47%, 34%);
  --navigation-disabled: hsl(226, 47%, 34%);
  --formcontrol: hsl(225, 90%, 68%);
  --formcontrol-active: hsl(225, 90%, 80%);
  --formcontrol-disabled: hsl(226, 47%, 34%);
  --formcontrol-weak: hsl(226, 38%, 18%);
  --formcontrol-weak-active: hsl(226, 47%, 34%);
  --text-disabled: hsl(226, 38%, 18%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --navigation-hover: hsl(225, 60%, 52%);
    --navigation-weak-hover: hsl(225, 91%, 91%);
    --formcontrol-hover: hsl(225, 60%, 52%);
    --formcontrol-weak-hover: hsl(225, 91%, 91%);
    --navigation: hsl(225, 90%, 62%);
    --navigation-active: hsl(225, 56%, 42%);
    --navigation-weak: hsl(228, 100%, 97%);
    --navigation-weak-active: hsl(225, 92%, 85%);
    --navigation-disabled: hsl(225, 92%, 85%);
    --formcontrol: hsl(225, 90%, 62%);
    --formcontrol-active: hsl(225, 56%, 42%);
    --formcontrol-disabled: hsl(225, 92%, 85%);
    --formcontrol-weak: hsl(228, 100%, 97%);
    --formcontrol-weak-active: hsl(225, 92%, 85%);
    --text-disabled: hsl(228, 100%, 97%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --navigation-hover: hsl(225, 89%, 74%);
    --navigation-weak-hover: hsl(225, 37%, 26%);
    --formcontrol-hover: hsl(225, 89%, 74%);
    --formcontrol-weak-hover: hsl(225, 37%, 26%);
    --navigation: hsl(225, 90%, 68%);
    --navigation-active: hsl(225, 90%, 80%);
    --navigation-weak: hsl(226, 38%, 18%);
    --navigation-weak-active: hsl(226, 47%, 34%);
    --navigation-disabled: hsl(226, 47%, 34%);
    --formcontrol: hsl(225, 90%, 68%);
    --formcontrol-active: hsl(225, 90%, 80%);
    --formcontrol-disabled: hsl(226, 47%, 34%);
    --formcontrol-weak: hsl(226, 38%, 18%);
    --formcontrol-weak-active: hsl(226, 47%, 34%);
    --text-disabled: hsl(226, 38%, 18%);
  }
}

html {
  --text-primary: hsl(240, 2%, 9%);
  --text-secondary: hsl(240, 1%, 35%);
  --text-placeholder: hsl(240, 1%, 35%);
  --text: var(--text-primary);
  --text-strong: hsl(0, 0%, 100%);
  --text-readonly: hsl(240, 1%, 26%);
}

html[scheme=dark] {
  --text-primary: hsl(240, 11%, 96%);
  --text-secondary: hsl(240, 1%, 70%);
  --text-placeholder: hsl(240, 1%, 70%);
  --text: var(--text-primary);
  --text-strong: hsl(240, 2%, 9%);
  --text-readonly: hsl(240, 3%, 88%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --text-primary: hsl(240, 2%, 9%);
    --text-secondary: hsl(240, 1%, 35%);
    --text-placeholder: hsl(240, 1%, 35%);
    --text: var(--text-primary);
    --text-strong: hsl(0, 0%, 100%);
    --text-readonly: hsl(240, 1%, 26%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --text-primary: hsl(240, 11%, 96%);
    --text-secondary: hsl(240, 1%, 70%);
    --text-placeholder: hsl(240, 1%, 70%);
    --text: var(--text-primary);
    --text-strong: hsl(240, 2%, 9%);
    --text-readonly: hsl(240, 3%, 88%);
  }
}

:host .text-secondary:not(.gaf-escape *), :root .text-secondary:not(.gaf-escape *) {
  color: var(--text-secondary);
  --text: var(--text-secondary);
}

html {
  --critical-validation-background-weak: hsl(359, 55%, 96%);
  --critical-validation-background-weak-active: hsl(359, 45%, 76%);
  --critical-validation-background-weak-hover: hsl(0, 43%, 85%);
  --critical-validation-background-weak-disabled: hsla(359, 55%, 96%, 0.5);
  --critical-validation-text-weak: hsl(358, 68%, 34%);
  --critical-validation-background: hsl(358, 68%, 34%);
  --critical-validation-background-active: hsl(358, 70%, 28%);
  --critical-validation-background-disabled: hsl(359, 45%, 76%);
  --critical-validation-border: hsl(359, 67%, 40%);
  --critical-validation-border-disabled: hsl(359, 45%, 76%);
}
@media (any-hover: hover) {
  html {
    --critical-validation-background-hover: hsl(358, 68%, 34%);
    --critical-validation-border-hover: hsl(358, 68%, 34%);
  }
}

html[scheme=dark] {
  --critical-validation-background-weak: hsl(358, 48%, 11%);
  --critical-validation-background-weak-active: hsl(359, 57%, 25%);
  --critical-validation-background-weak-hover: hsl(0, 53%, 19%);
  --critical-validation-background-weak-disabled: hsla(358, 48%, 11%, 0.5);
  --critical-validation-background: hsl(359, 46%, 49%);
  --critical-validation-background-active: hsl(359, 45%, 67%);
  --critical-validation-background-disabled: hsl(359, 57%, 25%);
  --critical-validation-border: hsl(359, 46%, 49%);
  --critical-validation-border-disabled: hsl(359, 57%, 25%);
  --critical-validation-text: hsl(359, 45%, 58%);
}
@media (any-hover: hover) {
  html[scheme=dark] {
    --critical-validation-background-hover: hsl(359, 45%, 58%);
    --critical-validation-border-hover: hsl(359, 45%, 58%);
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --critical-validation-background-weak: hsl(359, 55%, 96%);
    --critical-validation-background-weak-active: hsl(359, 45%, 76%);
    --critical-validation-background-weak-hover: hsl(0, 43%, 85%);
    --critical-validation-background-weak-disabled: hsla(359, 55%, 96%, 0.5);
    --critical-validation-text-weak: hsl(358, 68%, 34%);
    --critical-validation-background: hsl(358, 68%, 34%);
    --critical-validation-background-active: hsl(358, 70%, 28%);
    --critical-validation-background-disabled: hsl(359, 45%, 76%);
    --critical-validation-border: hsl(359, 67%, 40%);
    --critical-validation-border-disabled: hsl(359, 45%, 76%);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] {
    --critical-validation-background-hover: hsl(358, 68%, 34%);
    --critical-validation-border-hover: hsl(358, 68%, 34%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --critical-validation-background-weak: hsl(358, 48%, 11%);
    --critical-validation-background-weak-active: hsl(359, 57%, 25%);
    --critical-validation-background-weak-hover: hsl(0, 53%, 19%);
    --critical-validation-background-weak-disabled: hsla(358, 48%, 11%, 0.5);
    --critical-validation-background: hsl(359, 46%, 49%);
    --critical-validation-background-active: hsl(359, 45%, 67%);
    --critical-validation-background-disabled: hsl(359, 57%, 25%);
    --critical-validation-border: hsl(359, 46%, 49%);
    --critical-validation-border-disabled: hsl(359, 57%, 25%);
    --critical-validation-text: hsl(359, 45%, 58%);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] {
    --critical-validation-background-hover: hsl(359, 45%, 58%);
    --critical-validation-border-hover: hsl(359, 45%, 58%);
  }
}

:host .critical-text:not(.gaf-escape *), :root .critical-text:not(.gaf-escape *) {
  color: var(--critical-validation-text-weak);
  --text: var(--critical-validation-text-weak);
}

html {
  --success-validation-background-weak: hsl(150, 55%, 96%);
  --success-validation-background-weak-active: hsl(150, 48%, 75%);
  --success-validation-background-weak-hover: hsl(151, 49%, 85%);
  --success-validation-background-weak-disabled: hsla(150, 55%, 96%, 0.5);
  --success-validation-text-weak: hsl(150, 68%, 21%);
  --success-validation-background: hsl(150, 68%, 21%);
  --success-validation-background-active: hsl(150, 90%, 24%);
  --success-validation-background-disabled: hsl(150, 48%, 75%);
  --success-validation-border: hsl(150, 91%, 34%);
  --success-validation-border-disabled: hsl(150, 48%, 75%);
}
@media (any-hover: hover) {
  html {
    --success-validation-background-hover: hsl(150, 90%, 29%);
    --success-validation-border-hover: hsl(150, 90%, 29%);
  }
}

html[scheme=dark] {
  --success-validation-background-weak: hsl(151, 49%, 10%);
  --success-validation-background-weak-active: hsl(150, 68%, 21%);
  --success-validation-background-weak-hover: hsl(149, 66%, 15%);
  --success-validation-background-weak-disabled: hsla(151, 49%, 10%, 0.5);
  --success-validation-background: hsl(150, 59%, 44%);
  --success-validation-background-active: hsl(150, 47%, 65%);
  --success-validation-background-disabled: hsl(150, 68%, 21%);
  --success-validation-border: hsl(150, 59%, 44%);
  --success-validation-border-disabled: hsl(150, 68%, 21%);
  --success-validation-text: hsl(150, 47%, 55%);
}
@media (any-hover: hover) {
  html[scheme=dark] {
    --success-validation-background-hover: hsl(150, 47%, 55%);
    --success-validation-border-hover: hsl(150, 47%, 55%);
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --success-validation-background-weak: hsl(150, 55%, 96%);
    --success-validation-background-weak-active: hsl(150, 48%, 75%);
    --success-validation-background-weak-hover: hsl(151, 49%, 85%);
    --success-validation-background-weak-disabled: hsla(150, 55%, 96%, 0.5);
    --success-validation-text-weak: hsl(150, 68%, 21%);
    --success-validation-background: hsl(150, 68%, 21%);
    --success-validation-background-active: hsl(150, 90%, 24%);
    --success-validation-background-disabled: hsl(150, 48%, 75%);
    --success-validation-border: hsl(150, 91%, 34%);
    --success-validation-border-disabled: hsl(150, 48%, 75%);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] {
    --success-validation-background-hover: hsl(150, 90%, 29%);
    --success-validation-border-hover: hsl(150, 90%, 29%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --success-validation-background-weak: hsl(151, 49%, 10%);
    --success-validation-background-weak-active: hsl(150, 68%, 21%);
    --success-validation-background-weak-hover: hsl(149, 66%, 15%);
    --success-validation-background-weak-disabled: hsla(151, 49%, 10%, 0.5);
    --success-validation-background: hsl(150, 59%, 44%);
    --success-validation-background-active: hsl(150, 47%, 65%);
    --success-validation-background-disabled: hsl(150, 68%, 21%);
    --success-validation-border: hsl(150, 59%, 44%);
    --success-validation-border-disabled: hsl(150, 68%, 21%);
    --success-validation-text: hsl(150, 47%, 55%);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] {
    --success-validation-background-hover: hsl(150, 47%, 55%);
    --success-validation-border-hover: hsl(150, 47%, 55%);
  }
}

:host .success-text:not(.gaf-escape *), :root .success-text:not(.gaf-escape *) {
  color: var(--success-validation-text-weak);
  --text: var(--success-validation-text-weak);
}

html {
  --information-validation-background-weak: hsl(194, 55%, 96%);
  --information-validation-background-weak-active: hsl(193, 53%, 78%);
  --information-validation-background-weak-hover: hsl(193, 55%, 87%);
  --information-validation-background-weak-disabled: hsla(194, 55%, 96%, 0.5);
  --information-validation-text-weak: hsl(194, 57%, 26%);
  --information-validation-background: hsl(194, 57%, 26%);
  --information-validation-background-active: hsl(193, 68%, 31%);
  --information-validation-background-disabled: hsl(193, 53%, 78%);
  --information-validation-border: hsl(194, 66%, 44%);
  --information-validation-border-disabled: hsl(193, 53%, 78%);
}
@media (any-hover: hover) {
  html {
    --information-validation-background-hover: hsl(194, 68%, 38%);
    --information-validation-border-hover: hsl(194, 68%, 38%);
  }
}

html[scheme=dark] {
  --information-validation-background-weak: hsl(193, 55%, 13%);
  --information-validation-background-weak-active: hsl(194, 57%, 26%);
  --information-validation-background-weak-hover: hsl(192, 61%, 19%);
  --information-validation-background-weak-disabled: hsla(193, 55%, 13%, 0.5);
  --information-validation-background: hsl(193, 53%, 53%);
  --information-validation-background-active: hsl(193, 53%, 70%);
  --information-validation-background-disabled: hsl(194, 57%, 26%);
  --information-validation-border: hsl(193, 53%, 53%);
  --information-validation-border-disabled: hsl(194, 57%, 26%);
  --information-validation-text: hsl(194, 53%, 61%);
}
@media (any-hover: hover) {
  html[scheme=dark] {
    --information-validation-background-hover: hsl(194, 53%, 61%);
    --information-validation-border-hover: hsl(194, 53%, 61%);
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --information-validation-background-weak: hsl(194, 55%, 96%);
    --information-validation-background-weak-active: hsl(193, 53%, 78%);
    --information-validation-background-weak-hover: hsl(193, 55%, 87%);
    --information-validation-background-weak-disabled: hsla(194, 55%, 96%, 0.5);
    --information-validation-text-weak: hsl(194, 57%, 26%);
    --information-validation-background: hsl(194, 57%, 26%);
    --information-validation-background-active: hsl(193, 68%, 31%);
    --information-validation-background-disabled: hsl(193, 53%, 78%);
    --information-validation-border: hsl(194, 66%, 44%);
    --information-validation-border-disabled: hsl(193, 53%, 78%);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] {
    --information-validation-background-hover: hsl(194, 68%, 38%);
    --information-validation-border-hover: hsl(194, 68%, 38%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --information-validation-background-weak: hsl(193, 55%, 13%);
    --information-validation-background-weak-active: hsl(194, 57%, 26%);
    --information-validation-background-weak-hover: hsl(192, 61%, 19%);
    --information-validation-background-weak-disabled: hsla(193, 55%, 13%, 0.5);
    --information-validation-background: hsl(193, 53%, 53%);
    --information-validation-background-active: hsl(193, 53%, 70%);
    --information-validation-background-disabled: hsl(194, 57%, 26%);
    --information-validation-border: hsl(193, 53%, 53%);
    --information-validation-border-disabled: hsl(194, 57%, 26%);
    --information-validation-text: hsl(194, 53%, 61%);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] {
    --information-validation-background-hover: hsl(194, 53%, 61%);
    --information-validation-border-hover: hsl(194, 53%, 61%);
  }
}

:host .information-text:not(.gaf-escape *), :root .information-text:not(.gaf-escape *) {
  color: var(--information-validation-text-weak);
  --text: var(--information-validation-text-weak);
}

html {
  --warning-validation-background-weak: hsl(29, 55%, 96%);
  --warning-validation-background-weak-active: hsl(28, 73%, 80%);
  --warning-validation-background-weak-hover: hsl(28, 71%, 88%);
  --warning-validation-background-weak-disabled: hsla(29, 55%, 96%, 0.5);
  --warning-validation-text-weak: hsl(28, 67%, 28%);
  --warning-validation-background: hsl(28, 67%, 28%);
  --warning-validation-background-active: hsl(29, 82%, 33%);
  --warning-validation-background-disabled: hsl(28, 73%, 80%);
  --warning-validation-border: hsl(28, 82%, 48%);
  --warning-validation-border-disabled: hsl(28, 73%, 80%);
}
@media (any-hover: hover) {
  html {
    --warning-validation-background-hover: hsl(29, 82%, 41%);
    --warning-validation-border-hover: hsl(29, 82%, 41%);
  }
}

html[scheme=dark] {
  --warning-validation-background-weak: hsl(28, 55%, 13%);
  --warning-validation-background-weak-active: hsl(28, 67%, 28%);
  --warning-validation-background-weak-hover: hsl(29, 61%, 21%);
  --warning-validation-background-weak-disabled: hsla(28, 55%, 13%, 0.5);
  --warning-validation-background: hsl(29, 76%, 56%);
  --warning-validation-background-active: hsl(29, 75%, 72%);
  --warning-validation-background-disabled: hsl(28, 67%, 28%);
  --warning-validation-border: hsl(29, 76%, 56%);
  --warning-validation-border-disabled: hsl(28, 67%, 28%);
  --warning-validation-text: hsl(28, 76%, 64%);
}
@media (any-hover: hover) {
  html[scheme=dark] {
    --warning-validation-background-hover: hsl(28, 76%, 64%);
    --warning-validation-border-hover: hsl(28, 76%, 64%);
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --warning-validation-background-weak: hsl(29, 55%, 96%);
    --warning-validation-background-weak-active: hsl(28, 73%, 80%);
    --warning-validation-background-weak-hover: hsl(28, 71%, 88%);
    --warning-validation-background-weak-disabled: hsla(29, 55%, 96%, 0.5);
    --warning-validation-text-weak: hsl(28, 67%, 28%);
    --warning-validation-background: hsl(28, 67%, 28%);
    --warning-validation-background-active: hsl(29, 82%, 33%);
    --warning-validation-background-disabled: hsl(28, 73%, 80%);
    --warning-validation-border: hsl(28, 82%, 48%);
    --warning-validation-border-disabled: hsl(28, 73%, 80%);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] {
    --warning-validation-background-hover: hsl(29, 82%, 41%);
    --warning-validation-border-hover: hsl(29, 82%, 41%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --warning-validation-background-weak: hsl(28, 55%, 13%);
    --warning-validation-background-weak-active: hsl(28, 67%, 28%);
    --warning-validation-background-weak-hover: hsl(29, 61%, 21%);
    --warning-validation-background-weak-disabled: hsla(28, 55%, 13%, 0.5);
    --warning-validation-background: hsl(29, 76%, 56%);
    --warning-validation-background-active: hsl(29, 75%, 72%);
    --warning-validation-background-disabled: hsl(28, 67%, 28%);
    --warning-validation-border: hsl(29, 76%, 56%);
    --warning-validation-border-disabled: hsl(28, 67%, 28%);
    --warning-validation-text: hsl(28, 76%, 64%);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] {
    --warning-validation-background-hover: hsl(28, 76%, 64%);
    --warning-validation-border-hover: hsl(28, 76%, 64%);
  }
}

:host .warning-text:not(.gaf-escape *), :root .warning-text:not(.gaf-escape *) {
  color: var(--warning-validation-text-weak);
  --text: var(--warning-validation-text-weak);
}

html {
  --primary-validation-background-weak: hsl(228, 100%, 97%);
  --primary-validation-background-weak-active: hsl(225, 92%, 85%);
  --primary-validation-background-weak-hover: hsl(225, 91%, 91%);
  --primary-validation-background-weak-disabled: hsla(228, 100%, 97%, 0.5);
  --primary-validation-text-weak: hsl(226, 47%, 34%);
  --primary-validation-background: hsl(225, 56%, 42%);
  --primary-validation-background-active: hsl(225, 56%, 42%);
  --primary-validation-background-disabled: hsl(225, 92%, 85%);
  --primary-validation-border: hsl(225, 90%, 62%);
  --primary-validation-border-disabled: hsl(225, 92%, 85%);
}
@media (any-hover: hover) {
  html {
    --primary-validation-background-hover: hsl(225, 60%, 52%);
    --primary-validation-border-hover: hsl(225, 60%, 52%);
  }
}

html[scheme=dark] {
  --primary-validation-background-weak: hsl(226, 38%, 18%);
  --primary-validation-background-weak-active: hsl(226, 47%, 34%);
  --primary-validation-background-weak-hover: hsl(225, 37%, 26%);
  --primary-validation-background-weak-disabled: hsla(226, 38%, 18%, 0.5);
  --primary-validation-background: hsl(225, 90%, 68%);
  --primary-validation-background-active: hsl(225, 90%, 80%);
  --primary-validation-background-disabled: hsl(226, 47%, 34%);
  --primary-validation-border: hsl(225, 90%, 68%);
  --primary-validation-border-disabled: hsl(226, 47%, 34%);
  --primary-validation-text: hsl(225, 89%, 74%);
}
@media (any-hover: hover) {
  html[scheme=dark] {
    --primary-validation-background-hover: hsl(225, 89%, 74%);
    --primary-validation-border-hover: hsl(225, 89%, 74%);
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --primary-validation-background-weak: hsl(228, 100%, 97%);
    --primary-validation-background-weak-active: hsl(225, 92%, 85%);
    --primary-validation-background-weak-hover: hsl(225, 91%, 91%);
    --primary-validation-background-weak-disabled: hsla(228, 100%, 97%, 0.5);
    --primary-validation-text-weak: hsl(226, 47%, 34%);
    --primary-validation-background: hsl(225, 56%, 42%);
    --primary-validation-background-active: hsl(225, 56%, 42%);
    --primary-validation-background-disabled: hsl(225, 92%, 85%);
    --primary-validation-border: hsl(225, 90%, 62%);
    --primary-validation-border-disabled: hsl(225, 92%, 85%);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] {
    --primary-validation-background-hover: hsl(225, 60%, 52%);
    --primary-validation-border-hover: hsl(225, 60%, 52%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --primary-validation-background-weak: hsl(226, 38%, 18%);
    --primary-validation-background-weak-active: hsl(226, 47%, 34%);
    --primary-validation-background-weak-hover: hsl(225, 37%, 26%);
    --primary-validation-background-weak-disabled: hsla(226, 38%, 18%, 0.5);
    --primary-validation-background: hsl(225, 90%, 68%);
    --primary-validation-background-active: hsl(225, 90%, 80%);
    --primary-validation-background-disabled: hsl(226, 47%, 34%);
    --primary-validation-border: hsl(225, 90%, 68%);
    --primary-validation-border-disabled: hsl(226, 47%, 34%);
    --primary-validation-text: hsl(225, 89%, 74%);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] {
    --primary-validation-background-hover: hsl(225, 89%, 74%);
    --primary-validation-border-hover: hsl(225, 89%, 74%);
  }
}

:host .primary-text:not(.gaf-escape *), :root .primary-text:not(.gaf-escape *) {
  color: var(--primary-validation-text-weak);
  --text: var(--primary-validation-text-weak);
}

html {
  --neutral-validation-background-weak: hsl(240, 11%, 96%);
  --neutral-validation-background-weak-active: hsl(240, 2%, 79%);
  --neutral-validation-background-weak-hover: hsl(240, 3%, 88%);
  --neutral-validation-background-weak-disabled: hsla(240, 11%, 96%, 0.5);
  --neutral-validation-text-weak: hsl(240, 1%, 26%);
  --neutral-validation-background: hsl(240, 1%, 35%);
  --neutral-validation-background-active: hsl(240, 1%, 35%);
  --neutral-validation-background-disabled: hsl(240, 3%, 88%);
  --neutral-validation-border: hsl(240, 0%, 53%);
  --neutral-validation-border-disabled: hsl(240, 3%, 88%);
}
@media (any-hover: hover) {
  html {
    --neutral-validation-background-hover: hsl(240, 1%, 44%);
    --neutral-validation-border-hover: hsl(240, 1%, 44%);
  }
}

html[scheme=dark] {
  --neutral-validation-background-weak: hsl(240, 1%, 17%);
  --neutral-validation-background-weak-active: hsl(240, 1%, 35%);
  --neutral-validation-background-weak-hover: hsl(240, 1%, 26%);
  --neutral-validation-background-weak-disabled: hsla(240, 1%, 17%, 0.5);
  --neutral-validation-background: hsl(240, 1%, 61%);
  --neutral-validation-background-active: hsl(240, 2%, 79%);
  --neutral-validation-background-disabled: hsl(240, 1%, 26%);
  --neutral-validation-border: hsl(240, 1%, 61%);
  --neutral-validation-border-disabled: hsl(240, 1%, 26%);
  --neutral-validation-text: hsl(240, 1%, 70%);
}
@media (any-hover: hover) {
  html[scheme=dark] {
    --neutral-validation-background-hover: hsl(240, 1%, 70%);
    --neutral-validation-border-hover: hsl(240, 1%, 70%);
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --neutral-validation-background-weak: hsl(240, 11%, 96%);
    --neutral-validation-background-weak-active: hsl(240, 2%, 79%);
    --neutral-validation-background-weak-hover: hsl(240, 3%, 88%);
    --neutral-validation-background-weak-disabled: hsla(240, 11%, 96%, 0.5);
    --neutral-validation-text-weak: hsl(240, 1%, 26%);
    --neutral-validation-background: hsl(240, 1%, 35%);
    --neutral-validation-background-active: hsl(240, 1%, 35%);
    --neutral-validation-background-disabled: hsl(240, 3%, 88%);
    --neutral-validation-border: hsl(240, 0%, 53%);
    --neutral-validation-border-disabled: hsl(240, 3%, 88%);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] {
    --neutral-validation-background-hover: hsl(240, 1%, 44%);
    --neutral-validation-border-hover: hsl(240, 1%, 44%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --neutral-validation-background-weak: hsl(240, 1%, 17%);
    --neutral-validation-background-weak-active: hsl(240, 1%, 35%);
    --neutral-validation-background-weak-hover: hsl(240, 1%, 26%);
    --neutral-validation-background-weak-disabled: hsla(240, 1%, 17%, 0.5);
    --neutral-validation-background: hsl(240, 1%, 61%);
    --neutral-validation-background-active: hsl(240, 2%, 79%);
    --neutral-validation-background-disabled: hsl(240, 1%, 26%);
    --neutral-validation-border: hsl(240, 1%, 61%);
    --neutral-validation-border-disabled: hsl(240, 1%, 26%);
    --neutral-validation-text: hsl(240, 1%, 70%);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] {
    --neutral-validation-background-hover: hsl(240, 1%, 70%);
    --neutral-validation-border-hover: hsl(240, 1%, 70%);
  }
}

:host .neutral-text:not(.gaf-escape *), :root .neutral-text:not(.gaf-escape *) {
  color: var(--neutral-validation-text-weak);
  --text: var(--neutral-validation-text-weak);
}

html {
  --grey-category-background: hsl(240, 1%, 35%);
  --grey-category-background-weak: hsl(240, 11%, 96%);
  --grey-category-text-weak: hsl(240, 1%, 26%);
}

html[scheme=dark] {
  --grey-category-background: hsl(240, 1%, 70%);
  --grey-category-background-weak: hsl(240, 1%, 17%);
  --grey-category-text-weak: hsl(240, 11%, 96%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --grey-category-background: hsl(240, 1%, 35%);
    --grey-category-background-weak: hsl(240, 11%, 96%);
    --grey-category-text-weak: hsl(240, 1%, 26%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --grey-category-background: hsl(240, 1%, 70%);
    --grey-category-background-weak: hsl(240, 1%, 17%);
    --grey-category-text-weak: hsl(240, 11%, 96%);
  }
}

html {
  --red-category-background: hsl(358, 68%, 34%);
  --red-category-background-weak: hsl(359, 55%, 96%);
  --red-category-text-weak: hsl(358, 68%, 34%);
}

html[scheme=dark] {
  --red-category-background: hsl(359, 45%, 58%);
  --red-category-background-weak: hsl(358, 48%, 11%);
  --red-category-text-weak: hsl(0, 43%, 85%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --red-category-background: hsl(358, 68%, 34%);
    --red-category-background-weak: hsl(359, 55%, 96%);
    --red-category-text-weak: hsl(358, 68%, 34%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --red-category-background: hsl(359, 45%, 58%);
    --red-category-background-weak: hsl(358, 48%, 11%);
    --red-category-text-weak: hsl(0, 43%, 85%);
  }
}

html {
  --orange-category-background: hsl(28, 67%, 28%);
  --orange-category-background-weak: hsl(29, 55%, 96%);
  --orange-category-text-weak: hsl(28, 67%, 28%);
}

html[scheme=dark] {
  --orange-category-background: hsl(28, 76%, 64%);
  --orange-category-background-weak: hsl(28, 55%, 13%);
  --orange-category-text-weak: hsl(28, 71%, 88%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --orange-category-background: hsl(28, 67%, 28%);
    --orange-category-background-weak: hsl(29, 55%, 96%);
    --orange-category-text-weak: hsl(28, 67%, 28%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --orange-category-background: hsl(28, 76%, 64%);
    --orange-category-background-weak: hsl(28, 55%, 13%);
    --orange-category-text-weak: hsl(28, 71%, 88%);
  }
}

html {
  --blue-category-background: hsl(225, 56%, 42%);
  --blue-category-background-weak: hsl(228, 100%, 97%);
  --blue-category-text-weak: hsl(226, 47%, 34%);
}

html[scheme=dark] {
  --blue-category-background: hsl(225, 89%, 74%);
  --blue-category-background-weak: hsl(226, 38%, 18%);
  --blue-category-text-weak: hsl(225, 91%, 91%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --blue-category-background: hsl(225, 56%, 42%);
    --blue-category-background-weak: hsl(228, 100%, 97%);
    --blue-category-text-weak: hsl(226, 47%, 34%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --blue-category-background: hsl(225, 89%, 74%);
    --blue-category-background-weak: hsl(226, 38%, 18%);
    --blue-category-text-weak: hsl(225, 91%, 91%);
  }
}

html {
  --green-category-background: hsl(150, 68%, 21%);
  --green-category-background-weak: hsl(150, 55%, 96%);
  --green-category-text-weak: hsl(150, 68%, 21%);
}

html[scheme=dark] {
  --green-category-background: hsl(150, 47%, 55%);
  --green-category-background-weak: hsl(151, 49%, 10%);
  --green-category-text-weak: hsl(151, 49%, 85%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --green-category-background: hsl(150, 68%, 21%);
    --green-category-background-weak: hsl(150, 55%, 96%);
    --green-category-text-weak: hsl(150, 68%, 21%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --green-category-background: hsl(150, 47%, 55%);
    --green-category-background-weak: hsl(151, 49%, 10%);
    --green-category-text-weak: hsl(151, 49%, 85%);
  }
}

html {
  --purple-category-background: hsl(270, 40%, 30%);
  --purple-category-background-weak: hsl(270, 55%, 96%);
  --purple-category-text-weak: hsl(270, 40%, 30%);
}

html[scheme=dark] {
  --purple-category-background: hsl(270, 48%, 65%);
  --purple-category-background-weak: hsl(271, 44%, 14%);
  --purple-category-text-weak: hsl(271, 51%, 88%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --purple-category-background: hsl(270, 40%, 30%);
    --purple-category-background-weak: hsl(270, 55%, 96%);
    --purple-category-text-weak: hsl(270, 40%, 30%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --purple-category-background: hsl(270, 48%, 65%);
    --purple-category-background-weak: hsl(271, 44%, 14%);
    --purple-category-text-weak: hsl(271, 51%, 88%);
  }
}

html {
  --teal-category-background: hsl(194, 57%, 26%);
  --teal-category-background-weak: hsl(194, 55%, 96%);
  --teal-category-text-weak: hsl(194, 57%, 26%);
}

html[scheme=dark] {
  --teal-category-background: hsl(194, 53%, 61%);
  --teal-category-background-weak: hsl(193, 55%, 13%);
  --teal-category-text-weak: hsl(193, 55%, 87%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --teal-category-background: hsl(194, 57%, 26%);
    --teal-category-background-weak: hsl(194, 55%, 96%);
    --teal-category-text-weak: hsl(194, 57%, 26%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --teal-category-background: hsl(194, 53%, 61%);
    --teal-category-background-weak: hsl(193, 55%, 13%);
    --teal-category-text-weak: hsl(193, 55%, 87%);
  }
}

html {
  --navy-category-background: hsl(218, 46%, 22%);
  --navy-category-background-weak: hsl(218, 71%, 97%);
  --navy-category-text-weak: hsl(218, 46%, 22%);
}

html[scheme=dark] {
  --navy-category-background: hsl(218, 26%, 54%);
  --navy-category-background-weak: hsl(219, 51%, 17%);
  --navy-category-text-weak: hsl(218, 33%, 86%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --navy-category-background: hsl(218, 46%, 22%);
    --navy-category-background-weak: hsl(218, 71%, 97%);
    --navy-category-text-weak: hsl(218, 46%, 22%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --navy-category-background: hsl(218, 26%, 54%);
    --navy-category-background-weak: hsl(219, 51%, 17%);
    --navy-category-text-weak: hsl(218, 33%, 86%);
  }
}

:host, :root {
  background: var(--surface1);
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url("https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url("https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:host .body3, :root .body3, :host body,
:host p, :root body,
:root p, :host .body2, :root .body2, :host .body1, :root .body1 {
  color: var(--text);
  margin-block: 0;
  font-weight: 400;
  font-family: "Noto Sans";
}
:host .body3 strong, :root .body3 strong, :host body strong,
:host p strong, :root body strong,
:root p strong, :host .body2 strong, :root .body2 strong, :host .body1 strong, :root .body1 strong, :host .emphasis.body3, :root .emphasis.body3, :host body.emphasis,
:host p.emphasis, :root body.emphasis,
:root p.emphasis, :host .emphasis.body2, :root .emphasis.body2, :host .emphasis.body1, :root .emphasis.body1, :host .body3 b, :root .body3 b, :host body b,
:host p b, :root body b,
:root p b, :host .body2 b, :root .body2 b, :host .body1 b, :root .body1 b, :host .bold.body3, :root .bold.body3, :host body.bold,
:host p.bold, :root body.bold,
:root p.bold, :host .bold.body2, :root .bold.body2, :host .bold.body1, :root .bold.body1 {
  font-weight: 600;
}
:host .italic.body3, :root .italic.body3, :host body.italic,
:host p.italic, :root body.italic,
:root p.italic, :host .italic.body2, :root .italic.body2, :host .italic.body1, :root .italic.body1 {
  font-style: italic;
}
:host .body3:last-child, :root .body3:last-child, :host body:last-child,
:host p:last-child, :root body:last-child,
:root p:last-child, :host .body2:last-child, :root .body2:last-child, :host .body1:last-child, :root .body1:last-child {
  margin-bottom: 0;
}

:host .body1, :root .body1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: var(--spacing-x-large);
}
:host .in.body1, :root .in.body1 {
  margin-bottom: var(--spacing-x-large);
}

:host body,
:host p, :root body,
:root p, :host .body2, :root .body2 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
}
:host body.in,
:host p.in, :root body.in,
:root p.in, :host .in.body2, :root .in.body2 {
  margin-bottom: var(--spacing-x-small);
}

:host .body3, :root .body3 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
}
:host .in.body3, :root .in.body3 {
  margin-bottom: var(--spacing-small);
}

:host h6,
:host .h6, :root h6,
:root .h6, :host h5,
:host .h5, :root h5,
:root .h5, :host h4,
:host .h4, :root h4,
:root .h4, :host h3,
:host .h3, :root h3,
:root .h3, :host h2,
:host .h2, :root h2,
:root .h2, :host h1,
:host .h1, :root h1,
:root .h1 {
  color: var(--text);
  margin-block: 0;
  font-family: "Lato";
}
:host h6 strong,
:host .h6 strong, :root h6 strong,
:root .h6 strong, :host h5 strong,
:host .h5 strong, :root h5 strong,
:root .h5 strong, :host h4 strong,
:host .h4 strong, :root h4 strong,
:root .h4 strong, :host h3 strong,
:host .h3 strong, :root h3 strong,
:root .h3 strong, :host h2 strong,
:host .h2 strong, :root h2 strong,
:root .h2 strong, :host h1 strong,
:host .h1 strong, :root h1 strong,
:root .h1 strong, :host h6.emphasis,
:host .emphasis.h6, :root h6.emphasis,
:root .emphasis.h6, :host h5.emphasis,
:host .emphasis.h5, :root h5.emphasis,
:root .emphasis.h5, :host h4.emphasis,
:host .emphasis.h4, :root h4.emphasis,
:root .emphasis.h4, :host h3.emphasis,
:host .emphasis.h3, :root h3.emphasis,
:root .emphasis.h3, :host h2.emphasis,
:host .emphasis.h2, :root h2.emphasis,
:root .emphasis.h2, :host h1.emphasis,
:host .emphasis.h1, :root h1.emphasis,
:root .emphasis.h1, :host h6 b,
:host .h6 b, :root h6 b,
:root .h6 b, :host h5 b,
:host .h5 b, :root h5 b,
:root .h5 b, :host h4 b,
:host .h4 b, :root h4 b,
:root .h4 b, :host h3 b,
:host .h3 b, :root h3 b,
:root .h3 b, :host h2 b,
:host .h2 b, :root h2 b,
:root .h2 b, :host h1 b,
:host .h1 b, :root h1 b,
:root .h1 b, :host h6.bold,
:host .bold.h6, :root h6.bold,
:root .bold.h6, :host h5.bold,
:host .bold.h5, :root h5.bold,
:root .bold.h5, :host h4.bold,
:host .bold.h4, :root h4.bold,
:root .bold.h4, :host h3.bold,
:host .bold.h3, :root h3.bold,
:root .bold.h3, :host h2.bold,
:host .bold.h2, :root h2.bold,
:root .bold.h2, :host h1.bold,
:host .bold.h1, :root h1.bold,
:root .bold.h1 {
  font-weight: 700;
}
:host h6:last-child,
:host .h6:last-child, :root h6:last-child,
:root .h6:last-child, :host h5:last-child,
:host .h5:last-child, :root h5:last-child,
:root .h5:last-child, :host h4:last-child,
:host .h4:last-child, :root h4:last-child,
:root .h4:last-child, :host h3:last-child,
:host .h3:last-child, :root h3:last-child,
:root .h3:last-child, :host h2:last-child,
:host .h2:last-child, :root h2:last-child,
:root .h2:last-child, :host h1:last-child,
:host .h1:last-child, :root h1:last-child,
:root .h1:last-child {
  margin-bottom: 0;
}

:host h1,
:host .h1, :root h1,
:root .h1 {
  font-size: 2.25rem;
  line-height: 3.25rem;
  margin-bottom: var(--spacing-large);
  font-weight: 700;
}
:host h1:not(.h2,
.h3,
.h4,
.h5,
.label1,
.label2,
.label3,
.title1,
.title2,
.title3,
.body1,
.body2,
.body3)::after,
:host .h1:not(.h2,
.h3,
.h4,
.h5,
.label1,
.label2,
.label3,
.title1,
.title2,
.title3,
.body1,
.body2,
.body3)::after, :root h1:not(.h2,
.h3,
.h4,
.h5,
.label1,
.label2,
.label3,
.title1,
.title2,
.title3,
.body1,
.body2,
.body3)::after,
:root .h1:not(.h2,
.h3,
.h4,
.h5,
.label1,
.label2,
.label3,
.title1,
.title2,
.title3,
.body1,
.body2,
.body3)::after {
  background: none repeat scroll 0 0 var(--red-5);
  bottom: -8px;
  content: "";
  display: block;
  height: 2px;
  width: 4rem;
  position: relative;
}
:host h1.in,
:host .h1.in, :root h1.in,
:root .h1.in {
  margin-bottom: var(--spacing-medium);
}
:host h2,
:host .h2, :root h2,
:root .h2 {
  font-size: 1.875rem;
  line-height: 2.75rem;
  margin-bottom: var(--spacing-medium);
  font-weight: 700;
}
:host h2.in,
:host .h2.in, :root h2.in,
:root .h2.in {
  margin-bottom: var(--spacing-x-small);
}
:host h3,
:host .h3, :root h3,
:root .h3 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: var(--spacing-medium);
  font-weight: 400;
}
:host h3.in,
:host .h3.in, :root h3.in,
:root .h3.in {
  margin-bottom: var(--spacing-medium);
}
:host h4,
:host .h4, :root h4,
:root .h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: var(--spacing-medium);
  font-weight: 400;
}
:host h4.in,
:host .h4.in, :root h4.in,
:root .h4.in {
  margin-bottom: var(--spacing-medium);
}
:host h5,
:host .h5, :root h5,
:root .h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-weight: 700;
}
:host h5.in,
:host .h5.in, :root h5.in,
:root .h5.in {
  margin-bottom: var(--spacing-small);
}
:host h6,
:host .h6, :root h6,
:root .h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-weight: 700;
}
:host h6.in,
:host .h6.in, :root h6.in,
:root .h6.in {
  margin-bottom: var(--spacing-small);
}

:host .title3, :root .title3, :host .title2, :root .title2, :host .title1, :root .title1 {
  color: var(--text);
  margin-block: 0;
  font-family: "Lato";
}
:host .title3 strong, :root .title3 strong, :host .title2 strong, :root .title2 strong, :host .title1 strong, :root .title1 strong, :host .emphasis.title3, :root .emphasis.title3, :host .emphasis.title2, :root .emphasis.title2, :host .emphasis.title1, :root .emphasis.title1, :host .title3 b, :root .title3 b, :host .title2 b, :root .title2 b, :host .title1 b, :root .title1 b, :host .bold.title3, :root .bold.title3, :host .bold.title2, :root .bold.title2, :host .bold.title1, :root .bold.title1 {
  font-weight: 700;
}
:host .title3:last-child, :root .title3:last-child, :host .title2:last-child, :root .title2:last-child, :host .title1:last-child, :root .title1:last-child {
  margin-bottom: 0;
}

:host .title1, :root .title1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: var(--spacing-medium);
  font-weight: 700;
}
:host .title1.in, :root .title1.in {
  margin-bottom: var(--spacing-x-small);
}
:host .title2, :root .title2 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-weight: 700;
}
:host .title2.in, :root .title2.in {
  margin-bottom: var(--spacing-xx-small);
}
:host .title3, :root .title3 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-weight: 400;
}
:host .title3.in, :root .title3.in {
  margin-bottom: var(--spacing-none);
}

:host .label3, :root .label3, :host .label2, :root .label2, :host .label1, :root .label1 {
  color: var(--text);
  margin-block: 0;
  font-family: "Lato";
}
:host .label3 strong, :root .label3 strong, :host .label2 strong, :root .label2 strong, :host .label1 strong, :root .label1 strong, :host .emphasis.label3, :root .emphasis.label3, :host .emphasis.label2, :root .emphasis.label2, :host .emphasis.label1, :root .emphasis.label1, :host .label3 b, :root .label3 b, :host .label2 b, :root .label2 b, :host .label1 b, :root .label1 b, :host .bold.label3, :root .bold.label3, :host .bold.label2, :root .bold.label2, :host .bold.label1, :root .bold.label1 {
  font-weight: 700;
}
:host .label3:last-child, :root .label3:last-child, :host .label2:last-child, :root .label2:last-child, :host .label1:last-child, :root .label1:last-child {
  margin-bottom: 0;
}

:host .label1, :root .label1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: var(--spacing-medium);
  font-weight: 700;
}
:host .label1.in, :root .label1.in {
  margin-bottom: var(--spacing-x-small);
}
:host .label2, :root .label2 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-weight: 400;
}
:host .label2.in, :root .label2.in {
  margin-bottom: var(--spacing-none);
}
:host .label3, :root .label3 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-weight: 400;
}
:host .label3.in, :root .label3.in {
  margin-bottom: var(--spacing-none);
}

html {
  --primary-background-hover: hsl(218, 53%, 29%);
  --secondary-border-hover: hsl(218, 53%, 29%);
  --primary-background: hsl(218, 51%, 33%);
  --primary-background-active: hsl(219, 54%, 25%);
  --primary-background-disabled: hsl(219, 30%, 75%);
  --primary-btn-text: hsl(0, 0%, 100%);
  --primary-btn-text-disabled: hsl(0, 0%, 100%);
  --secondary-btn-text: hsl(218, 51%, 33%);
  --secondary-border-active: hsl(219, 54%, 25%);
  --secondary-btn-text-disabled: hsl(219, 30%, 75%);
  --link-btn-text: hsl(218, 51%, 33%);
  --link-btn-text-disabled: hsl(219, 30%, 75%);
}

html[scheme=dark] {
  --primary-background-hover: hsl(218, 26%, 54%);
  --secondary-border-hover: hsl(219, 30%, 75%);
  --primary-background: hsl(218, 33%, 44%);
  --primary-background-active: hsl(218, 27%, 65%);
  --primary-background-disabled: hsl(218, 46%, 22%);
  --primary-btn-text: hsl(240, 11%, 96%);
  --primary-btn-text-disabled: hsl(240, 2%, 9%);
  --secondary-btn-text: hsl(218, 27%, 65%);
  --secondary-border-active: hsl(218, 33%, 86%);
  --secondary-btn-text-disabled: hsl(219, 51%, 17%);
  --link-btn-text: hsl(218, 27%, 65%);
  --link-btn-text-disabled: hsl(219, 54%, 25%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --primary-background-hover: hsl(218, 53%, 29%);
    --secondary-border-hover: hsl(218, 53%, 29%);
    --primary-background: hsl(218, 51%, 33%);
    --primary-background-active: hsl(219, 54%, 25%);
    --primary-background-disabled: hsl(219, 30%, 75%);
    --primary-btn-text: hsl(0, 0%, 100%);
    --primary-btn-text-disabled: hsl(0, 0%, 100%);
    --secondary-btn-text: hsl(218, 51%, 33%);
    --secondary-border-active: hsl(219, 54%, 25%);
    --secondary-btn-text-disabled: hsl(219, 30%, 75%);
    --link-btn-text: hsl(218, 51%, 33%);
    --link-btn-text-disabled: hsl(219, 30%, 75%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --primary-background-hover: hsl(218, 26%, 54%);
    --secondary-border-hover: hsl(219, 30%, 75%);
    --primary-background: hsl(218, 33%, 44%);
    --primary-background-active: hsl(218, 27%, 65%);
    --primary-background-disabled: hsl(218, 46%, 22%);
    --primary-btn-text: hsl(240, 11%, 96%);
    --primary-btn-text-disabled: hsl(240, 2%, 9%);
    --secondary-btn-text: hsl(218, 27%, 65%);
    --secondary-border-active: hsl(218, 33%, 86%);
    --secondary-btn-text-disabled: hsl(219, 51%, 17%);
    --link-btn-text: hsl(218, 27%, 65%);
    --link-btn-text-disabled: hsl(219, 54%, 25%);
  }
}

html {
  --spacing-none: 0;
  --spacing-xxx-small: 2px;
  --spacing-xx-small: 4px;
  --spacing-x-small: 8px;
  --spacing-small: 12px;
  --spacing-medium: 16px;
  --spacing-large: 24px;
  --spacing-x-large: 32px;
  --spacing-xx-large: 48px;
  --spacing-xxx-large: 80px;
  --max-width: 1152px;
}
html fieldset {
  border: none;
  padding: var(--spacing-none);
  margin: var(--spacing-none);
}
html .modal-open {
  overflow: hidden;
  position: relative;
  overscroll-behavior: contain;
}
html .dialog-open {
  overflow: hidden;
  position: relative;
  overscroll-behavior: contain;
  height: 100dvh;
  width: 100dvw;
}
html:has(.modal-open), html:has(.dialog-open) {
  overflow: hidden;
}
html body {
  margin: var(--spacing-none);
}
html div.gaf-form-container {
  gap: var(--spacing-xxx-large);
  max-width: 600px;
  display: flex;
  flex-direction: column;
}
html div.gaf-form-container > h1, html div.gaf-form-container > h2, html div.gaf-form-container > h3, html div.gaf-form-container > h4, html div.gaf-form-container > h5, html div.gaf-form-container > h6, html div.gaf-form-container > p, html div.gaf-form-container > span {
  margin-bottom: var(--spacing-none);
}
html div.gaf-content-container {
  gap: var(--spacing-xx-large);
  max-width: 600px;
  display: flex;
  flex-direction: column;
}
html div.gaf-content-container > h1, html div.gaf-content-container > h2, html div.gaf-content-container > h3, html div.gaf-content-container > h4, html div.gaf-content-container > h5, html div.gaf-content-container > h6, html div.gaf-content-container > p, html div.gaf-content-container > span {
  margin-bottom: var(--spacing-none);
}
html div.gaf-content-section-container {
  gap: var(--spacing-x-large);
  max-width: 600px;
  display: flex;
  flex-direction: column;
}
html div.gaf-content-section-container > h1, html div.gaf-content-section-container > h2, html div.gaf-content-section-container > h3, html div.gaf-content-section-container > h4, html div.gaf-content-section-container > h5, html div.gaf-content-section-container > h6, html div.gaf-content-section-container > p, html div.gaf-content-section-container > span {
  margin-bottom: var(--spacing-none);
}
html div.gaf-ds-card-container {
  gap: var(--spacing-x-large);
  display: flex;
  align-items: stretch;
}
html div.gaf-ds-card-container > c-ds-card:not(.gaf-escape *) {
  flex: 1;
}
html div.gaf-ds-card-container > c-ds-card:not(.gaf-escape *) .dscard {
  height: 100%;
}
html div.gaf-ds-card-container > gaf-ds-card:not(.gaf-escape *) {
  flex: 1;
}
html div.gaf-ds-card-container > gaf-ds-card:not(.gaf-escape *) .dscard {
  height: 100%;
}
html div .gaf-page-header {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  max-width: 740px;
}
html div .gaf-page-header > h1 {
  margin-bottom: var(--spacing-large);
}
html div .gaf-page-header > p {
  margin-bottom: var(--spacing-x-large);
}
html div .gaf-page-header:last-child {
  margin-bottom: var(--spacing-none);
}

html .gaf-checklist {
  margin: var(--spacing-medium) var(--spacing-none);
  padding: var(--spacing-none);
}
html .gaf-checklist > li {
  list-style: none;
  margin-bottom: var(--spacing-xx-small);
}
html .gaf-checklist:last-child {
  margin-bottom: var(--spacing-none);
}
html .gaf-checklist > li::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f058";
  color: var(--success-alert-icon);
  margin-right: var(--spacing-x-small);
}

html button:not(.gaf-escape *):where([category=primary]):where([color=critical]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]) {
  --primary-background-hover: hsl(358, 68%, 34%);
  --secondary-border-hover: hsl(358, 68%, 34%);
  --primary-background: hsl(359, 67%, 40%);
  --primary-background-active: hsl(358, 70%, 28%);
  --primary-background-disabled: hsl(359, 45%, 76%);
  --primary-btn-text: hsl(0, 0%, 100%);
  --primary-btn-text-disabled: hsl(0, 0%, 100%);
  --secondary-btn-text: hsl(359, 67%, 40%);
  --secondary-border-active: hsl(358, 70%, 28%);
  --secondary-btn-text-disabled: hsl(359, 45%, 76%);
  --link-btn-text: hsl(359, 67%, 40%);
  --link-btn-text-disabled: hsl(359, 45%, 76%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  background-color: var(--primary-background);
  border: 1px solid transparent;
  box-shadow: none;
}
html button:not(.gaf-escape *):where([category=primary]):where([color=critical])[fill-container], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):not([const-width]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    cursor: pointer;
  }
  html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover:disabled, html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover[button-readonly], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover:disabled, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):active, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):active {
  background-color: var(--primary-background-active);
}
html button:not(.gaf-escape *):where([category=primary]):where([color=critical]):disabled, html button:not(.gaf-escape *):where([category=primary]):where([color=critical])[button-readonly], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):disabled, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[button-readonly] {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}
html button:not(.gaf-escape *):where([category=primary]):not([color]), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  background-color: var(--primary-background);
  border: 1px solid transparent;
  box-shadow: none;
}
html button:not(.gaf-escape *):where([category=primary]):not([color])[fill-container], html button:not(.gaf-escape *):where([category=primary]):where([color=cta])[fill-container], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[fill-container], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html button:not(.gaf-escape *):where([category=primary]):not([color]):not([const-width]), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):not([const-width]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):not([const-width]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
  padding: 8px 16px;
}
html button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    cursor: pointer;
  }
  html button:not(.gaf-escape *):where([category=primary]):not([color]):hover:disabled, html button:not(.gaf-escape *):where([category=primary]):not([color]):hover[button-readonly], html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover:disabled, html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover[button-readonly], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover:disabled, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover[button-readonly], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover:disabled, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    background-color: var(--primary-background-hover);
  }
}
html button:not(.gaf-escape *):where([category=primary]):not([color]):active, html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):active, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):active, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):active {
  background-color: var(--primary-background-active);
}
html button:not(.gaf-escape *):where([category=primary]):not([color]):disabled, html button:not(.gaf-escape *):where([category=primary]):not([color])[button-readonly], html button:not(.gaf-escape *):where([category=primary]):where([color=cta]):disabled, html button:not(.gaf-escape *):where([category=primary]):where([color=cta])[button-readonly], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):disabled, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[button-readonly], html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):disabled, html button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[button-readonly] {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}

html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]) {
  --primary-background-hover: hsl(359, 45%, 58%);
  --secondary-border-hover: hsl(359, 45%, 76%);
  --primary-background: hsl(359, 46%, 49%);
  --primary-background-active: hsl(359, 45%, 67%);
  --primary-background-disabled: hsl(359, 57%, 25%);
  --primary-btn-text: hsl(240, 11%, 96%);
  --primary-btn-text-disabled: hsl(240, 2%, 9%);
  --secondary-btn-text: hsl(359, 45%, 67%);
  --secondary-border-active: hsl(0, 43%, 85%);
  --secondary-btn-text-disabled: hsl(358, 48%, 11%);
  --link-btn-text: hsl(359, 45%, 67%);
  --link-btn-text-disabled: hsl(358, 70%, 28%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  background-color: var(--primary-background);
  border: 1px solid transparent;
  box-shadow: none;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical])[fill-container], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):not([const-width]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover[button-readonly], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):active, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):active {
  background-color: var(--primary-background-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=critical])[button-readonly], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):disabled, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[button-readonly] {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  background-color: var(--primary-background);
  border: 1px solid transparent;
  box-shadow: none;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color])[fill-container], html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta])[fill-container], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[fill-container], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):not([const-width]), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):not([const-width]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):not([const-width]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):hover[button-readonly], html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover[button-readonly], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover[button-readonly], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    background-color: var(--primary-background-hover);
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):active, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):active, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):active, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):active {
  background-color: var(--primary-background-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):not([color])[button-readonly], html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=primary]):where([color=cta])[button-readonly], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):disabled, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[button-readonly], html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):disabled, html[scheme=dark] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[button-readonly] {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]) {
    --primary-background-hover: hsl(358, 68%, 34%);
    --secondary-border-hover: hsl(358, 68%, 34%);
    --primary-background: hsl(359, 67%, 40%);
    --primary-background-active: hsl(358, 70%, 28%);
    --primary-background-disabled: hsl(359, 45%, 76%);
    --primary-btn-text: hsl(0, 0%, 100%);
    --primary-btn-text-disabled: hsl(0, 0%, 100%);
    --secondary-btn-text: hsl(359, 67%, 40%);
    --secondary-border-active: hsl(358, 70%, 28%);
    --secondary-btn-text-disabled: hsl(359, 45%, 76%);
    --link-btn-text: hsl(359, 67%, 40%);
    --link-btn-text-disabled: hsl(359, 45%, 76%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    background-color: var(--primary-background);
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical])[fill-container], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):active, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical])[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[button-readonly] {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    background-color: var(--primary-background);
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta])[fill-container], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):active, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):active, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):active, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta])[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[button-readonly] {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]) {
    --primary-background-hover: hsl(359, 45%, 58%);
    --secondary-border-hover: hsl(359, 45%, 76%);
    --primary-background: hsl(359, 46%, 49%);
    --primary-background-active: hsl(359, 45%, 67%);
    --primary-background-disabled: hsl(359, 57%, 25%);
    --primary-btn-text: hsl(240, 11%, 96%);
    --primary-btn-text-disabled: hsl(240, 2%, 9%);
    --secondary-btn-text: hsl(359, 45%, 67%);
    --secondary-border-active: hsl(0, 43%, 85%);
    --secondary-btn-text-disabled: hsl(358, 48%, 11%);
    --link-btn-text: hsl(359, 45%, 67%);
    --link-btn-text-disabled: hsl(358, 70%, 28%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    background-color: var(--primary-background);
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical])[fill-container], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):active, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=critical])[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=critical])[button-readonly] {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    background-color: var(--primary-background);
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta])[fill-container], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):active, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):active, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):active, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=primary]):where([color=cta])[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):not([category]):where(:not(nav *)):where([color=cta])[button-readonly] {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
}

html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]) {
  --primary-background-hover: hsl(358, 68%, 34%);
  --secondary-border-hover: hsl(358, 68%, 34%);
  --primary-background: hsl(359, 67%, 40%);
  --primary-background-active: hsl(358, 70%, 28%);
  --primary-background-disabled: hsl(359, 45%, 76%);
  --primary-btn-text: hsl(0, 0%, 100%);
  --primary-btn-text-disabled: hsl(0, 0%, 100%);
  --secondary-btn-text: hsl(359, 67%, 40%);
  --secondary-border-active: hsl(358, 70%, 28%);
  --secondary-btn-text-disabled: hsl(359, 45%, 76%);
  --link-btn-text: hsl(359, 67%, 40%);
  --link-btn-text-disabled: hsl(359, 45%, 76%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  background-color: transparent;
}
html button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover:disabled, html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):active {
  background-color: var(--generic-active);
}
html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled, html button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled:hover, html button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly]:hover {
    background-color: transparent;
  }
}
html button:not(.gaf-escape *):where([category=secondary]):not([color]), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  background-color: transparent;
}
html button:not(.gaf-escape *):where([category=secondary]):not([color])[fill-container], html button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html button:not(.gaf-escape *):where([category=secondary]):not([color]):not([const-width]), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
  padding: 8px 16px;
}
html button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    cursor: pointer;
  }
  html button:not(.gaf-escape *):where([category=secondary]):not([color]):hover:disabled, html button:not(.gaf-escape *):where([category=secondary]):not([color]):hover[button-readonly], html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover:disabled, html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    background-color: var(--generic-hover);
  }
}
html button:not(.gaf-escape *):where([category=secondary]):not([color]):active, html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):active {
  background-color: var(--generic-active);
}
html button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled, html button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly], html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled, html button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled:hover, html button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly]:hover, html button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled:hover, html button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly]:hover {
    background-color: transparent;
  }
}

html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]) {
  --primary-background-hover: hsl(359, 45%, 58%);
  --secondary-border-hover: hsl(359, 45%, 76%);
  --primary-background: hsl(359, 46%, 49%);
  --primary-background-active: hsl(359, 45%, 67%);
  --primary-background-disabled: hsl(359, 57%, 25%);
  --primary-btn-text: hsl(240, 11%, 96%);
  --primary-btn-text-disabled: hsl(240, 2%, 9%);
  --secondary-btn-text: hsl(359, 45%, 67%);
  --secondary-border-active: hsl(0, 43%, 85%);
  --secondary-btn-text-disabled: hsl(358, 48%, 11%);
  --link-btn-text: hsl(359, 45%, 67%);
  --link-btn-text-disabled: hsl(358, 70%, 28%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  background-color: transparent;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):active {
  background-color: var(--generic-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly]:hover {
    background-color: transparent;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  background-color: transparent;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color])[fill-container], html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):not([const-width]), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover[button-readonly], html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    background-color: var(--generic-hover);
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):active, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):active {
  background-color: var(--generic-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly], html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly]:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly]:hover {
    background-color: transparent;
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]) {
    --primary-background-hover: hsl(358, 68%, 34%);
    --secondary-border-hover: hsl(358, 68%, 34%);
    --primary-background: hsl(359, 67%, 40%);
    --primary-background-active: hsl(358, 70%, 28%);
    --primary-background-disabled: hsl(359, 45%, 76%);
    --primary-btn-text: hsl(0, 0%, 100%);
    --primary-btn-text-disabled: hsl(0, 0%, 100%);
    --secondary-btn-text: hsl(359, 67%, 40%);
    --secondary-border-active: hsl(358, 70%, 28%);
    --secondary-btn-text-disabled: hsl(359, 45%, 76%);
    --link-btn-text: hsl(359, 67%, 40%);
    --link-btn-text-disabled: hsl(359, 45%, 76%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    background-color: transparent;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly]:hover {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    background-color: transparent;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):active, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly]:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly]:hover {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]) {
    --primary-background-hover: hsl(359, 45%, 58%);
    --secondary-border-hover: hsl(359, 45%, 76%);
    --primary-background: hsl(359, 46%, 49%);
    --primary-background-active: hsl(359, 45%, 67%);
    --primary-background-disabled: hsl(359, 57%, 25%);
    --primary-btn-text: hsl(240, 11%, 96%);
    --primary-btn-text-disabled: hsl(240, 2%, 9%);
    --secondary-btn-text: hsl(359, 45%, 67%);
    --secondary-border-active: hsl(0, 43%, 85%);
    --secondary-btn-text-disabled: hsl(358, 48%, 11%);
    --link-btn-text: hsl(359, 45%, 67%);
    --link-btn-text-disabled: hsl(358, 70%, 28%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    background-color: transparent;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=critical])[button-readonly]:hover {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    background-color: transparent;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):active, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):not([color])[button-readonly]:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=secondary]):where([color=cta])[button-readonly]:hover {
    background-color: transparent;
  }
}

html button:not(.gaf-escape *):where([category=plain]):where([color=critical]) {
  --primary-background-hover: hsl(358, 68%, 34%);
  --secondary-border-hover: hsl(358, 68%, 34%);
  --primary-background: hsl(359, 67%, 40%);
  --primary-background-active: hsl(358, 70%, 28%);
  --primary-background-disabled: hsl(359, 45%, 76%);
  --primary-btn-text: hsl(0, 0%, 100%);
  --primary-btn-text-disabled: hsl(0, 0%, 100%);
  --secondary-btn-text: hsl(359, 67%, 40%);
  --secondary-border-active: hsl(358, 70%, 28%);
  --secondary-btn-text-disabled: hsl(359, 45%, 76%);
  --link-btn-text: hsl(359, 67%, 40%);
  --link-btn-text-disabled: hsl(359, 45%, 76%);
  --text: var(--secondary-btn-text);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
html button:not(.gaf-escape *):where([category=plain]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    cursor: pointer;
  }
  html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover:disabled, html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    background: var(--generic-hover);
  }
}
html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):active {
  background: var(--generic-active);
}
html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled, html button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled:hover, html button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly]:hover {
    background: transparent;
  }
}
html button:not(.gaf-escape *):where([category=plain]):not([color]), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]) {
  --text: var(--secondary-btn-text);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
html button:not(.gaf-escape *):where([category=plain]):not([color])[fill-container], html button:not(.gaf-escape *):where([category=plain]):where([color=cta])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html button:not(.gaf-escape *):where([category=plain]):not([color]):not([const-width]), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
  padding: 8px 16px;
}
html button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    cursor: pointer;
  }
  html button:not(.gaf-escape *):where([category=plain]):not([color]):hover:disabled, html button:not(.gaf-escape *):where([category=plain]):not([color]):hover[button-readonly], html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover:disabled, html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    background: var(--generic-hover);
  }
}
html button:not(.gaf-escape *):where([category=plain]):not([color]):active, html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):active {
  background: var(--generic-active);
}
html button:not(.gaf-escape *):where([category=plain]):not([color]):disabled, html button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly], html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled, html button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=plain]):not([color]):disabled:hover, html button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly]:hover, html button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled:hover, html button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly]:hover {
    background: transparent;
  }
}

html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]) {
  --primary-background-hover: hsl(359, 45%, 58%);
  --secondary-border-hover: hsl(359, 45%, 76%);
  --primary-background: hsl(359, 46%, 49%);
  --primary-background-active: hsl(359, 45%, 67%);
  --primary-background-disabled: hsl(359, 57%, 25%);
  --primary-btn-text: hsl(240, 11%, 96%);
  --primary-btn-text-disabled: hsl(240, 2%, 9%);
  --secondary-btn-text: hsl(359, 45%, 67%);
  --secondary-border-active: hsl(0, 43%, 85%);
  --secondary-btn-text-disabled: hsl(358, 48%, 11%);
  --link-btn-text: hsl(359, 45%, 67%);
  --link-btn-text-disabled: hsl(358, 70%, 28%);
  --text: var(--secondary-btn-text);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    background: var(--generic-hover);
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):active {
  background: var(--generic-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly]:hover {
    background: transparent;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]) {
  --text: var(--secondary-btn-text);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color])[fill-container], html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):not([const-width]), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):hover[button-readonly], html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover:disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    background: var(--generic-hover);
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):active, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):active {
  background: var(--generic-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly], html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly] {
  --text: var(--secondary-btn-text-disabled);
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color]):disabled:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly]:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled:hover, html[scheme=dark] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly]:hover {
    background: transparent;
  }
}

@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]) {
    --primary-background-hover: hsl(358, 68%, 34%);
    --secondary-border-hover: hsl(358, 68%, 34%);
    --primary-background: hsl(359, 67%, 40%);
    --primary-background-active: hsl(358, 70%, 28%);
    --primary-background-disabled: hsl(359, 45%, 76%);
    --primary-btn-text: hsl(0, 0%, 100%);
    --primary-btn-text-disabled: hsl(0, 0%, 100%);
    --secondary-btn-text: hsl(359, 67%, 40%);
    --secondary-border-active: hsl(358, 70%, 28%);
    --secondary-btn-text-disabled: hsl(359, 45%, 76%);
    --link-btn-text: hsl(359, 67%, 40%);
    --link-btn-text-disabled: hsl(359, 45%, 76%);
    --text: var(--secondary-btn-text);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    background: var(--generic-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):active {
    background: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly]:hover {
    background: transparent;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]) {
    --text: var(--secondary-btn-text);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    background: var(--generic-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):active, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):active {
    background: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly]:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly]:hover {
    background: transparent;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]) {
    --primary-background-hover: hsl(359, 45%, 58%);
    --secondary-border-hover: hsl(359, 45%, 76%);
    --primary-background: hsl(359, 46%, 49%);
    --primary-background-active: hsl(359, 45%, 67%);
    --primary-background-disabled: hsl(359, 57%, 25%);
    --primary-btn-text: hsl(240, 11%, 96%);
    --primary-btn-text-disabled: hsl(240, 2%, 9%);
    --secondary-btn-text: hsl(359, 45%, 67%);
    --secondary-border-active: hsl(0, 43%, 85%);
    --secondary-btn-text-disabled: hsl(358, 48%, 11%);
    --link-btn-text: hsl(359, 45%, 67%);
    --link-btn-text-disabled: hsl(358, 70%, 28%);
    --text: var(--secondary-btn-text);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):hover {
    background: var(--generic-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):active {
    background: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=critical])[button-readonly]:hover {
    background: transparent;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]) {
    --text: var(--secondary-btn-text);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color])[fill-container], html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):not([const-width]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=small]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where(:not([size])), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):where([size=large]), html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    cursor: pointer;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover:disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):hover {
    background: var(--generic-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):active, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):active {
    background: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly], html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly] {
    --text: var(--secondary-btn-text-disabled);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):not([color])[button-readonly]:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta]):disabled:hover, html[scheme=system] button:not(.gaf-escape *):where([category=plain]):where([color=cta])[button-readonly]:hover {
    background: transparent;
  }
}

select:not(.gaf-escape *) .ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
select:not(.gaf-escape *) .ng-invalid.ng-touched:active {
  background-color: var(--critical-validation-background-weak-hover);
}

html button:not(.gaf-escape *):where([category=link]):where([color=critical]) {
  --primary-background-hover: hsl(358, 68%, 34%);
  --secondary-border-hover: hsl(358, 68%, 34%);
  --primary-background: hsl(359, 67%, 40%);
  --primary-background-active: hsl(358, 70%, 28%);
  --primary-background-disabled: hsl(359, 45%, 76%);
  --primary-btn-text: hsl(0, 0%, 100%);
  --primary-btn-text-disabled: hsl(0, 0%, 100%);
  --secondary-btn-text: hsl(359, 67%, 40%);
  --secondary-border-active: hsl(358, 70%, 28%);
  --secondary-btn-text-disabled: hsl(359, 45%, 76%);
  --link-btn-text: hsl(359, 67%, 40%);
  --link-btn-text-disabled: hsl(359, 45%, 76%);
  border: none;
  background-color: transparent;
  padding: var(--spacing-none);
  margin: var(--spacing-none);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  border-radius: 4px;
  width: fit-content;
  text-decoration: underline;
  --text: var(--link-text);
  color: var(--text);
  margin-bottom: var(--spacing-none);
}
html button:not(.gaf-escape *):where([category=link]):where([color=critical]).no-underline {
  text-decoration: none;
}
html button:not(.gaf-escape *):where([category=link]):where([color=critical]):link {
  --text: var(--link-text);
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=link]):where([color=critical]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
html button:not(.gaf-escape *):where([category=link]):where([color=critical]):active {
  --text: var(--link-text-active);
  background-color: var(--generic-active);
}
html button:not(.gaf-escape *):where([category=link]):where([color=critical]):visited {
  color: var(--link-text-visited);
}
html button:not(.gaf-escape *):where([category=link]):not([color]) {
  border: none;
  background-color: transparent;
  padding: var(--spacing-none);
  margin: var(--spacing-none);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  border-radius: 4px;
  width: fit-content;
  text-decoration: underline;
  --text: var(--link-text);
  color: var(--text);
  margin-bottom: var(--spacing-none);
}
html button:not(.gaf-escape *):where([category=link]):not([color]).no-underline {
  text-decoration: none;
}
html button:not(.gaf-escape *):where([category=link]):not([color]):link {
  --text: var(--link-text);
}
@media (any-hover: hover) {
  html button:not(.gaf-escape *):where([category=link]):not([color]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
html button:not(.gaf-escape *):where([category=link]):not([color]):active {
  --text: var(--link-text-active);
  background-color: var(--generic-active);
}
html button:not(.gaf-escape *):where([category=link]):not([color]):visited {
  color: var(--link-text-visited);
}

html[scheme=dark] button:not(.gaf-escape *):where([category=link]):where([color=critical]) {
  --primary-background-hover: hsl(359, 45%, 58%);
  --secondary-border-hover: hsl(359, 45%, 76%);
  --primary-background: hsl(359, 46%, 49%);
  --primary-background-active: hsl(359, 45%, 67%);
  --primary-background-disabled: hsl(359, 57%, 25%);
  --primary-btn-text: hsl(240, 11%, 96%);
  --primary-btn-text-disabled: hsl(240, 2%, 9%);
  --secondary-btn-text: hsl(359, 45%, 67%);
  --secondary-border-active: hsl(0, 43%, 85%);
  --secondary-btn-text-disabled: hsl(358, 48%, 11%);
  --link-btn-text: hsl(359, 45%, 67%);
  --link-btn-text-disabled: hsl(358, 70%, 28%);
  border: none;
  background-color: transparent;
  padding: var(--spacing-none);
  margin: var(--spacing-none);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  border-radius: 4px;
  width: fit-content;
  text-decoration: underline;
  --text: var(--link-text);
  color: var(--text);
  margin-bottom: var(--spacing-none);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):where([color=critical]).no-underline {
  text-decoration: none;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):where([color=critical]):link {
  --text: var(--link-text);
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=link]):where([color=critical]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):where([color=critical]):active {
  --text: var(--link-text-active);
  background-color: var(--generic-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):where([color=critical]):visited {
  color: var(--link-text-visited);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):not([color]) {
  border: none;
  background-color: transparent;
  padding: var(--spacing-none);
  margin: var(--spacing-none);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  border-radius: 4px;
  width: fit-content;
  text-decoration: underline;
  --text: var(--link-text);
  color: var(--text);
  margin-bottom: var(--spacing-none);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):not([color]).no-underline {
  text-decoration: none;
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):not([color]):link {
  --text: var(--link-text);
}
@media (any-hover: hover) {
  html[scheme=dark] button:not(.gaf-escape *):where([category=link]):not([color]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):not([color]):active {
  --text: var(--link-text-active);
  background-color: var(--generic-active);
}
html[scheme=dark] button:not(.gaf-escape *):where([category=link]):not([color]):visited {
  color: var(--link-text-visited);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]) {
    --primary-background-hover: hsl(358, 68%, 34%);
    --secondary-border-hover: hsl(358, 68%, 34%);
    --primary-background: hsl(359, 67%, 40%);
    --primary-background-active: hsl(358, 70%, 28%);
    --primary-background-disabled: hsl(359, 45%, 76%);
    --primary-btn-text: hsl(0, 0%, 100%);
    --primary-btn-text-disabled: hsl(0, 0%, 100%);
    --secondary-btn-text: hsl(359, 67%, 40%);
    --secondary-border-active: hsl(358, 70%, 28%);
    --secondary-btn-text-disabled: hsl(359, 45%, 76%);
    --link-btn-text: hsl(359, 67%, 40%);
    --link-btn-text-disabled: hsl(359, 45%, 76%);
    border: none;
    background-color: transparent;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: var(--spacing-small);
    font-family: "Noto Sans";
    font-weight: 400;
    border-radius: 4px;
    width: fit-content;
    text-decoration: underline;
    --text: var(--link-text);
    color: var(--text);
    margin-bottom: var(--spacing-none);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]).no-underline {
    text-decoration: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):link {
    --text: var(--link-text);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):active {
    --text: var(--link-text-active);
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):visited {
    color: var(--link-text-visited);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]) {
    border: none;
    background-color: transparent;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: var(--spacing-small);
    font-family: "Noto Sans";
    font-weight: 400;
    border-radius: 4px;
    width: fit-content;
    text-decoration: underline;
    --text: var(--link-text);
    color: var(--text);
    margin-bottom: var(--spacing-none);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]).no-underline {
    text-decoration: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):link {
    --text: var(--link-text);
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):active {
    --text: var(--link-text-active);
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):visited {
    color: var(--link-text-visited);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]) {
    --primary-background-hover: hsl(359, 45%, 58%);
    --secondary-border-hover: hsl(359, 45%, 76%);
    --primary-background: hsl(359, 46%, 49%);
    --primary-background-active: hsl(359, 45%, 67%);
    --primary-background-disabled: hsl(359, 57%, 25%);
    --primary-btn-text: hsl(240, 11%, 96%);
    --primary-btn-text-disabled: hsl(240, 2%, 9%);
    --secondary-btn-text: hsl(359, 45%, 67%);
    --secondary-border-active: hsl(0, 43%, 85%);
    --secondary-btn-text-disabled: hsl(358, 48%, 11%);
    --link-btn-text: hsl(359, 45%, 67%);
    --link-btn-text-disabled: hsl(358, 70%, 28%);
    border: none;
    background-color: transparent;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: var(--spacing-small);
    font-family: "Noto Sans";
    font-weight: 400;
    border-radius: 4px;
    width: fit-content;
    text-decoration: underline;
    --text: var(--link-text);
    color: var(--text);
    margin-bottom: var(--spacing-none);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]).no-underline {
    text-decoration: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):link {
    --text: var(--link-text);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):active {
    --text: var(--link-text-active);
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):where([color=critical]):visited {
    color: var(--link-text-visited);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]) {
    border: none;
    background-color: transparent;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: var(--spacing-small);
    font-family: "Noto Sans";
    font-weight: 400;
    border-radius: 4px;
    width: fit-content;
    text-decoration: underline;
    --text: var(--link-text);
    color: var(--text);
    margin-bottom: var(--spacing-none);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]).no-underline {
    text-decoration: none;
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):link {
    --text: var(--link-text);
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):active {
    --text: var(--link-text-active);
    background-color: var(--generic-active);
  }
  html[scheme=system] button:not(.gaf-escape *):where([category=link]):not([color]):visited {
    color: var(--link-text-visited);
  }
}

a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  background: transparent;
  --text: var(--text-primary);
  text-decoration: none;
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 4px;
  box-shadow: none;
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *)[fill-container],
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *)[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):not([const-width]),
  button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where(:not([size])), a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=small]),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where(:not([size])),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=large]),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where(:not([size])), a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=small]),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where(:not([size])),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=small]) {
  padding: 8px 16px;
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=large]),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover,
  button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover {
    cursor: pointer;
  }
  a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover:disabled, a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover[button-readonly],
  button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover:disabled,
  button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover[button-readonly] {
    cursor: not-allowed;
  }
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where(:not([size])):where([selected])::after, a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=small]):where([selected])::after,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where(:not([size])):where([selected])::after,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=small]):where([selected])::after {
  transform: translateY(8px);
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=large]):where([selected])::after,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([size=large]):where([selected])::after {
  transform: translateY(12px);
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([selected]),
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):where([selected]) {
  --text: var(--text-primary);
}
@media (any-hover: hover) {
  a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover,
  button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover {
    background: var(--generic-hover);
  }
  a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover:where([selected])::after,
  button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):hover:where([selected])::after {
    background: var(--navigation-hover);
  }
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):active,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):active {
  background: var(--generic-active);
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):active:where([selected])::after,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):active:where([selected])::after {
  background: var(--navigation-hover);
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):disabled, a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *)[button-readonly],
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):disabled,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *)[button-readonly] {
  background: var(--surface1);
  color: var(--text-readonly);
}
a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):disabled:where([selected])::after, a:any-link:not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *)[button-readonly]:where([selected])::after,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *):disabled:where([selected])::after,
button:where(:not([category])):not(.gaf-escape *):where(nav:not(.breadcrumb-nav) *)[button-readonly]:where([selected])::after {
  background: var(--navigation-disabled);
}

c-ds-card:not(.gaf-escape *) .subtitle {
  color: var(--text-secondary);
  margin-bottom: var(--spacing-none);
}
c-ds-card:not(.gaf-escape *) .hidden {
  display: none;
}
c-ds-card:not(.gaf-escape *) .dscard {
  max-width: 740px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: var(--spacing-xx-small);
}
c-ds-card:not(.gaf-escape *) .dscard-image {
  width: 100%;
}
c-ds-card:not(.gaf-escape *) .dscard-textbody {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  flex-grow: 1;
}
c-ds-card:not(.gaf-escape *) .dscard-borderbottom {
  border-bottom: 1px solid var(--border-light);
  width: 100%;
}
c-ds-card:not(.gaf-escape *) .dscard-title {
  overflow-wrap: anywhere;
  align-self: center;
  display: flex;
  flex-direction: column;
  padding-left: var(--spacing-large);
  padding-top: var(--spacing-large);
  padding-right: var(--spacing-large);
}
c-ds-card:not(.gaf-escape *) .dscard-text {
  overflow-wrap: anywhere;
  align-self: center;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-large);
}
c-ds-card:not(.gaf-escape *) .dscard-linkmargin {
  display: flex;
  flex-direction: row;
  padding-left: var(--spacing-large);
  padding-right: var(--spacing-large);
  margin-top: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
c-ds-card:not(.gaf-escape *) .dscard-btnslinks {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: space-between;
}
c-ds-card:not(.gaf-escape *) .dscard-link-container {
  display: flex;
  align-items: center;
  min-height: 44px;
}
c-ds-card:not(.gaf-escape *) .dscard-link-container > a {
  margin-right: var(--spacing-xx-small);
}

gaf-ds-card:not(.gaf-escape *) .subtitle {
  color: var(--text-secondary);
  margin-bottom: var(--spacing-none);
}
gaf-ds-card:not(.gaf-escape *) .hidden {
  display: none;
}
gaf-ds-card:not(.gaf-escape *) .dscard {
  max-width: 740px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: var(--spacing-xx-small);
}
gaf-ds-card:not(.gaf-escape *) .dscard-image {
  width: 100%;
}
gaf-ds-card:not(.gaf-escape *) .dscard-textbody {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  flex-grow: 1;
}
gaf-ds-card:not(.gaf-escape *) .dscard-borderbottom {
  border-bottom: 1px solid var(--border-light);
  width: 100%;
}
gaf-ds-card:not(.gaf-escape *) .dscard-title {
  overflow-wrap: anywhere;
  align-self: center;
  display: flex;
  flex-direction: column;
  padding-left: var(--spacing-large);
  padding-top: var(--spacing-large);
  padding-right: var(--spacing-large);
}
gaf-ds-card:not(.gaf-escape *) .dscard-text {
  overflow-wrap: anywhere;
  align-self: center;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-large);
}
gaf-ds-card:not(.gaf-escape *) .dscard-linkmargin {
  display: flex;
  flex-direction: row;
  padding-left: var(--spacing-large);
  padding-right: var(--spacing-large);
  margin-top: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
gaf-ds-card:not(.gaf-escape *) .dscard-btnslinks {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: space-between;
}
gaf-ds-card:not(.gaf-escape *) .dscard-link-container {
  display: flex;
  align-items: center;
  min-height: 44px;
}
gaf-ds-card:not(.gaf-escape *) .dscard-link-container > a {
  margin-right: var(--spacing-xx-small);
}

input[type=checkbox]:not(.gaf-escape *) {
  border-radius: 4px;
  appearance: none;
  margin: var(--spacing-none) var(--spacing-small) var(--spacing-none) var(--spacing-none);
  box-sizing: border-box;
  box-shadow: 0 0 0 1px var(--border) inset;
  vertical-align: middle;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-none);
  /* Checked with hover */
  /* Indeterminate with hover */
  /* Readonly and active combinations */
  /* Checked with active */
  /* Indeterminate with active */
  /* Checked with disabled or readonly */
  /* Indeterminate with disabled or readonly */
}
input[type=checkbox]:not(.gaf-escape *):where(:not([size])), input[type=checkbox]:not(.gaf-escape *):where([size=small]) {
  width: 1.25rem;
  height: 1.25rem;
}
input[type=checkbox]:not(.gaf-escape *):where(:not([size])):checked::before, input[type=checkbox]:not(.gaf-escape *):where(:not([size])):indeterminate::before, input[type=checkbox]:not(.gaf-escape *):where([size=small]):checked::before, input[type=checkbox]:not(.gaf-escape *):where([size=small]):indeterminate::before {
  width: 0.875rem;
  height: 1rem;
  left: calc(50% - 0.4375rem);
  top: calc(50% - 0.5rem);
  font-size: 1rem;
  line-height: 1rem;
}
input[type=checkbox]:not(.gaf-escape *):where([size=large]) {
  width: 1.5rem;
  height: 1.5rem;
}
input[type=checkbox]:not(.gaf-escape *):where([size=large]):checked::before, input[type=checkbox]:not(.gaf-escape *):where([size=large]):indeterminate::before {
  width: 1.125rem;
  height: 1.25rem;
  left: calc(50% - 0.5625rem);
  top: calc(50% - 0.625rem);
  font-size: 1.25rem;
  line-height: 1.25rem;
}
input[type=checkbox]:not(.gaf-escape *) + label {
  padding-left: var(--spacing-none);
  width: 130px;
  height: 20px;
  font-style: normal;
  color: var(--text-primary);
  flex: none;
  order: 0;
  flex-grow: 1;
}
@media (any-hover: hover) {
  input[type=checkbox]:not(.gaf-escape *):hover {
    --border: var(--border-hover);
  }
}
input[type=checkbox]:not(.gaf-escape *):active {
  background-color: var(--generic-active);
}
input[type=checkbox]:not(.gaf-escape *):disabled, input[type=checkbox]:not(.gaf-escape *)[readonly] {
  --border: var(--border-readonly);
  cursor: not-allowed;
}
input[type=checkbox]:not(.gaf-escape *):disabled + label, input[type=checkbox]:not(.gaf-escape *)[readonly] + label {
  color: var(--text-readonly);
}
@media (any-hover: hover) {
  input[type=checkbox]:not(.gaf-escape *):checked:hover {
    background-color: var(--formcontrol-hover);
  }
}
@media (any-hover: hover) {
  input[type=checkbox]:not(.gaf-escape *):indeterminate:hover {
    background-color: var(--formcontrol-hover);
  }
}
input[type=checkbox]:not(.gaf-escape *)[readonly] input[type=checkbox]:not(.gaf-escape *):active {
  --border: var(--border-readonly);
  background-color: var(--surface1);
}
input[type=checkbox]:not(.gaf-escape *):checked:active {
  background-color: var(--formcontrol-hover);
}
input[type=checkbox]:not(.gaf-escape *):indeterminate:active {
  background-color: var(--formcontrol-hover);
}
input[type=checkbox]:not(.gaf-escape *):checked:disabled, input[type=checkbox]:not(.gaf-escape *):checked[readonly] {
  background-color: var(--formcontrol-disabled);
}
input[type=checkbox]:not(.gaf-escape *):indeterminate:disabled, input[type=checkbox]:not(.gaf-escape *):indeterminate[readonly] {
  background-color: var(--formcontrol-disabled);
}
input[type=checkbox]:not(.gaf-escape *):checked {
  box-shadow: none;
  background-color: var(--formcontrol);
}
input[type=checkbox]:not(.gaf-escape *):checked::before {
  content: "\f00c";
  color: var(--surface1);
  position: relative;
}
input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched, input[type=checkbox]:not(.gaf-escape *).error {
  --border: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:hover, input[type=checkbox]:not(.gaf-escape *).error:hover {
    --border: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}
input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:active, input[type=checkbox]:not(.gaf-escape *).error:active {
  --border: var(--critical-border-hover);
  background-color: var(--critical-validation-background-weak-active);
}
input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:indeterminate, input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:checked, input[type=checkbox]:not(.gaf-escape *).error:indeterminate, input[type=checkbox]:not(.gaf-escape *).error:checked {
  box-shadow: none;
  background-color: var(--critical-validation-background);
}
@media (any-hover: hover) {
  input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:indeterminate:hover, input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:checked:hover, input[type=checkbox]:not(.gaf-escape *).error:indeterminate:hover, input[type=checkbox]:not(.gaf-escape *).error:checked:hover {
    background-color: var(--critical-validation-background-hover);
  }
}
input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:indeterminate:active, input[type=checkbox]:not(.gaf-escape *).ng-invalid.ng-touched:checked:active, input[type=checkbox]:not(.gaf-escape *).error:indeterminate:active, input[type=checkbox]:not(.gaf-escape *).error:checked:active {
  background-color: var(--critical-validation-background-active);
}
input[type=checkbox]:not(.gaf-escape *):indeterminate, input[type=checkbox]:not(.gaf-escape *).mixed:checked {
  box-shadow: none;
  background-color: var(--formcontrol);
}
input[type=checkbox]:not(.gaf-escape *):indeterminate::before, input[type=checkbox]:not(.gaf-escape *).mixed:checked::before {
  content: "\f068";
  color: var(--surface1);
  position: relative;
}

hr:not(.gaf-escape *) {
  border: 0;
  border-top: 1px solid var(--border-light);
  margin: var(--spacing-none);
  width: 100%;
}
hr:not(.gaf-escape *).section {
  border-top: 2px solid var(--border);
}

input[type=radio]:not(.gaf-escape *) {
  border-radius: 99999px;
  appearance: none;
  margin: 0 12px 0 0;
  aspect-ratio: 1/1;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px var(--border) inset;
  vertical-align: top;
  cursor: pointer;
}
input[type=radio]:not(.gaf-escape *):where(:not([size])), input[type=radio]:not(.gaf-escape *):where([size=small]) {
  height: 1.25rem;
  width: 1.25rem;
}
input[type=radio]:not(.gaf-escape *):where(:not([size])):checked, input[type=radio]:not(.gaf-escape *):where([size=small]):checked {
  box-shadow: 0 0 0 6px var(--border) inset;
}
input[type=radio]:not(.gaf-escape *):where(:not([size])).large, input[type=radio]:not(.gaf-escape *):where([size=small]).large {
  height: 1.5rem;
  width: 1.5rem;
}
input[type=radio]:not(.gaf-escape *):where(:not([size])).large:checked, input[type=radio]:not(.gaf-escape *):where([size=small]).large:checked {
  box-shadow: 0 0 0 8px var(--border) inset;
}
input[type=radio]:not(.gaf-escape *):where([size=large]) {
  height: 1.5rem;
  width: 1.5rem;
}
input[type=radio]:not(.gaf-escape *):where([size=large]):checked {
  box-shadow: 0 0 0 8px var(--border) inset;
}
input[type=radio]:not(.gaf-escape *):where([size=large]).small {
  height: 1.25rem;
  width: 1.25rem;
}
input[type=radio]:not(.gaf-escape *):where([size=large]).small:checked {
  box-shadow: 0 0 0 6px var(--border) inset;
}
@media (any-hover: hover) {
  input[type=radio]:not(.gaf-escape *):hover {
    --border: var(--border-hover);
  }
}
input[type=radio]:not(.gaf-escape *):disabled, input[type=radio]:not(.gaf-escape *)[readonly] {
  --border: var(--border-readonly);
  cursor: not-allowed;
}
input[type=radio]:not(.gaf-escape *):disabled + label, input[type=radio]:not(.gaf-escape *)[readonly] + label {
  color: var(--text-readonly);
}
input[type=radio]:not(.gaf-escape *):enabled:active {
  background-color: var(--generic-active);
}
input[type=radio]:not(.gaf-escape *):checked {
  --border: var(--formcontrol);
}
input[type=radio]:not(.gaf-escape *):checked:disabled, input[type=radio]:not(.gaf-escape *):checked[readonly] {
  --border: var(--background-readonly);
  background: var(--border-readonly);
  border: 1px solid var(--border-readonly);
}
@media (any-hover: hover) {
  input[type=radio]:not(.gaf-escape *):checked:enabled:hover {
    --border: var(--formcontrol-hover);
  }
}
input[type=radio]:not(.gaf-escape *):checked:enabled:active {
  --border: var(--formcontrol-hover);
}
input[type=radio]:not(.gaf-escape *).ng-invalid.ng-touched:not(:disabled) {
  --border: var(--critical-validation-background);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input[type=radio]:not(.gaf-escape *).ng-invalid.ng-touched:not(:disabled):hover {
    --border: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}
input[type=radio]:not(.gaf-escape *).ng-invalid.ng-touched:not(:disabled):active {
  --border: var(--critical-border-hover);
  background-color: var(--critical-validation-background-weak-active);
}
input[type=radio]:not(.gaf-escape *).ng-invalid.ng-touched:not(:disabled):checked {
  background-color: var(--surface1);
}
@media (any-hover: hover) {
  input[type=radio]:not(.gaf-escape *).ng-invalid.ng-touched:not(:disabled):checked:hover {
    --border: var(--critical-validation-background-hover);
  }
}
input[type=radio]:not(.gaf-escape *).ng-invalid.ng-touched:not(:disabled):checked:active {
  --border: var(--critical-validation-background-active);
}

input:not(.gaf-escape *):where(:not([type])), input:not(.gaf-escape *):where([type=text]) {
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  --text: var(--text-primary);
  color: var(--text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin-bottom: var(--spacing-none);
  border-color: var(--border);
  background-color: var(--surface1);
  padding: var(--spacing-x-small) var(--spacing-small) calc(var(--spacing-small) - var(--spacing-xxx-small)) var(--spacing-small);
}
input:not(.gaf-escape *):where(:not([type])):autofill, input:not(.gaf-escape *):where([type=text]):autofill {
  animation-name: auto-fill;
}
@keyframes auto-fill {
  from {
    outline-color: var(--critical-validation-background-weak);
  }
  to {
    outline-color: var(--success-validation-background-weak);
  }
}
input:not(.gaf-escape *):where(:not([type])):focus, input:not(.gaf-escape *):where([type=text]):focus {
  outline-width: 4px;
  outline-offset: 4px;
}
input:not(.gaf-escape *):where(:not([type]))::placeholder, input:not(.gaf-escape *):where([type=text])::placeholder {
  color: var(--text);
  --text: var(--text-placeholder);
  opacity: 1;
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where(:not([type])):hover, input:not(.gaf-escape *):where([type=text]):hover {
    border-color: var(--border-hover);
  }
}
input:not(.gaf-escape *):where(:not([type])):focus, input:not(.gaf-escape *):where([type=text]):focus {
  border-color: var(--border);
}
input:not(.gaf-escape *):where(:not([type])):active, input:not(.gaf-escape *):where([type=text]):active {
  border-color: var(--border-hover);
  background-color: var(--generic-active);
}
input:not(.gaf-escape *):where(:not([type])):disabled, input:not(.gaf-escape *):where(:not([type])):read-only, input:not(.gaf-escape *):where([type=text]):disabled, input:not(.gaf-escape *):where([type=text]):read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where(:not([type])):disabled::placeholder, input:not(.gaf-escape *):where(:not([type])):read-only::placeholder, input:not(.gaf-escape *):where([type=text]):disabled::placeholder, input:not(.gaf-escape *):where([type=text]):read-only::placeholder {
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where(:not([type])).ng-invalid.ng-touched, input:not(.gaf-escape *):where([type=text]).ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where(:not([type])).ng-invalid.ng-touched:hover, input:not(.gaf-escape *):where([type=text]).ng-invalid.ng-touched:hover {
    border-color: var(--critical-border-hover);
  }
}
input:not(.gaf-escape *):where(:not([type])).ng-invalid.ng-touched:focus, input:not(.gaf-escape *):where([type=text]).ng-invalid.ng-touched:focus {
  border-color: var(--critical-validation-border);
}
@media (pointer: coarse) {
  input:not(.gaf-escape *):where(:not([type])).ng-invalid.ng-touched:active, input:not(.gaf-escape *):where([type=text]).ng-invalid.ng-touched:active {
    border-color: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}
input:not(.gaf-escape *):where([type=password]) {
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  --text: var(--text-primary);
  color: var(--text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin-bottom: var(--spacing-none);
  border-color: var(--border);
  background-color: var(--surface1);
  padding: var(--spacing-x-small) var(--spacing-small) calc(var(--spacing-small) - var(--spacing-xxx-small)) var(--spacing-small);
}
input:not(.gaf-escape *):where([type=password]):autofill {
  animation-name: auto-fill;
}
@keyframes auto-fill {
  from {
    outline-color: var(--critical-validation-background-weak);
  }
  to {
    outline-color: var(--success-validation-background-weak);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  outline-width: 4px;
  outline-offset: 4px;
}
input:not(.gaf-escape *):where([type=password])::placeholder {
  color: var(--text);
  --text: var(--text-placeholder);
  opacity: 1;
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]):hover {
    border-color: var(--border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  border-color: var(--border);
}
input:not(.gaf-escape *):where([type=password]):active {
  border-color: var(--border-hover);
  background-color: var(--generic-active);
}
input:not(.gaf-escape *):where([type=password]):disabled, input:not(.gaf-escape *):where([type=password]):read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]):disabled::placeholder, input:not(.gaf-escape *):where([type=password]):read-only::placeholder {
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:hover {
    border-color: var(--critical-border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:focus {
  border-color: var(--critical-validation-border);
}
@media (pointer: coarse) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:active {
    border-color: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}

input:not(.gaf-escape *):where([type=password]) {
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  --text: var(--text-primary);
  color: var(--text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin-bottom: var(--spacing-none);
  border-color: var(--border);
  background-color: var(--surface1);
  padding: var(--spacing-x-small) var(--spacing-small) calc(var(--spacing-small) - var(--spacing-xxx-small)) var(--spacing-small);
}
input:not(.gaf-escape *):where([type=password]):autofill {
  animation-name: auto-fill;
}
@keyframes auto-fill {
  from {
    outline-color: var(--critical-validation-background-weak);
  }
  to {
    outline-color: var(--success-validation-background-weak);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  outline-width: 4px;
  outline-offset: 4px;
}
input:not(.gaf-escape *):where([type=password])::placeholder {
  color: var(--text);
  --text: var(--text-placeholder);
  opacity: 1;
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]):hover {
    border-color: var(--border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  border-color: var(--border);
}
input:not(.gaf-escape *):where([type=password]):active {
  border-color: var(--border-hover);
  background-color: var(--generic-active);
}
input:not(.gaf-escape *):where([type=password]):disabled, input:not(.gaf-escape *):where([type=password]):read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]):disabled::placeholder, input:not(.gaf-escape *):where([type=password]):read-only::placeholder {
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:hover {
    border-color: var(--critical-border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:focus {
  border-color: var(--critical-validation-border);
}
@media (pointer: coarse) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:active {
    border-color: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}
input:not(.gaf-escape *):where([type=password]) {
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  --text: var(--text-primary);
  color: var(--text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin-bottom: var(--spacing-none);
  border-color: var(--border);
  background-color: var(--surface1);
  padding: var(--spacing-x-small) var(--spacing-small) calc(var(--spacing-small) - var(--spacing-xxx-small)) var(--spacing-small);
}
input:not(.gaf-escape *):where([type=password]):autofill {
  animation-name: auto-fill;
}
@keyframes auto-fill {
  from {
    outline-color: var(--critical-validation-background-weak);
  }
  to {
    outline-color: var(--success-validation-background-weak);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  outline-width: 4px;
  outline-offset: 4px;
}
input:not(.gaf-escape *):where([type=password])::placeholder {
  color: var(--text);
  --text: var(--text-placeholder);
  opacity: 1;
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]):hover {
    border-color: var(--border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  border-color: var(--border);
}
input:not(.gaf-escape *):where([type=password]):active {
  border-color: var(--border-hover);
  background-color: var(--generic-active);
}
input:not(.gaf-escape *):where([type=password]):disabled, input:not(.gaf-escape *):where([type=password]):read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]):disabled::placeholder, input:not(.gaf-escape *):where([type=password]):read-only::placeholder {
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:hover {
    border-color: var(--critical-border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:focus {
  border-color: var(--critical-validation-border);
}
@media (pointer: coarse) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:active {
    border-color: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}

input:not(.gaf-escape *):where([type=email]) {
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  --text: var(--text-primary);
  color: var(--text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin-bottom: var(--spacing-none);
  border-color: var(--border);
  background-color: var(--surface1);
  padding: var(--spacing-x-small) var(--spacing-small) calc(var(--spacing-small) - var(--spacing-xxx-small)) var(--spacing-small);
}
input:not(.gaf-escape *):where([type=email]):autofill {
  animation-name: auto-fill;
}
@keyframes auto-fill {
  from {
    outline-color: var(--critical-validation-background-weak);
  }
  to {
    outline-color: var(--success-validation-background-weak);
  }
}
input:not(.gaf-escape *):where([type=email]):focus {
  outline-width: 4px;
  outline-offset: 4px;
}
input:not(.gaf-escape *):where([type=email])::placeholder {
  color: var(--text);
  --text: var(--text-placeholder);
  opacity: 1;
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=email]):hover {
    border-color: var(--border-hover);
  }
}
input:not(.gaf-escape *):where([type=email]):focus {
  border-color: var(--border);
}
input:not(.gaf-escape *):where([type=email]):active {
  border-color: var(--border-hover);
  background-color: var(--generic-active);
}
input:not(.gaf-escape *):where([type=email]):disabled, input:not(.gaf-escape *):where([type=email]):read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=email]):disabled::placeholder, input:not(.gaf-escape *):where([type=email]):read-only::placeholder {
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=email]).ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=email]).ng-invalid.ng-touched:hover {
    border-color: var(--critical-border-hover);
  }
}
input:not(.gaf-escape *):where([type=email]).ng-invalid.ng-touched:focus {
  border-color: var(--critical-validation-border);
}
@media (pointer: coarse) {
  input:not(.gaf-escape *):where([type=email]).ng-invalid.ng-touched:active {
    border-color: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}
input:not(.gaf-escape *):where([type=password]) {
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  --text: var(--text-primary);
  color: var(--text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin-bottom: var(--spacing-none);
  border-color: var(--border);
  background-color: var(--surface1);
  padding: var(--spacing-x-small) var(--spacing-small) calc(var(--spacing-small) - var(--spacing-xxx-small)) var(--spacing-small);
}
input:not(.gaf-escape *):where([type=password]):autofill {
  animation-name: auto-fill;
}
@keyframes auto-fill {
  from {
    outline-color: var(--critical-validation-background-weak);
  }
  to {
    outline-color: var(--success-validation-background-weak);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  outline-width: 4px;
  outline-offset: 4px;
}
input:not(.gaf-escape *):where([type=password])::placeholder {
  color: var(--text);
  --text: var(--text-placeholder);
  opacity: 1;
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]):hover {
    border-color: var(--border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]):focus {
  border-color: var(--border);
}
input:not(.gaf-escape *):where([type=password]):active {
  border-color: var(--border-hover);
  background-color: var(--generic-active);
}
input:not(.gaf-escape *):where([type=password]):disabled, input:not(.gaf-escape *):where([type=password]):read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]):disabled::placeholder, input:not(.gaf-escape *):where([type=password]):read-only::placeholder {
  --text: var(--text-readonly);
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:hover {
    border-color: var(--critical-border-hover);
  }
}
input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:focus {
  border-color: var(--critical-validation-border);
}
@media (pointer: coarse) {
  input:not(.gaf-escape *):where([type=password]).ng-invalid.ng-touched:active {
    border-color: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}

textarea:not(.gaf-escape *) {
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  --text: var(--text-primary);
  color: var(--text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin-bottom: var(--spacing-none);
  border-color: var(--border);
  background-color: var(--surface1);
  resize: both;
}
textarea:not(.gaf-escape *):autofill {
  animation-name: auto-fill;
}
@keyframes auto-fill {
  from {
    outline-color: var(--critical-validation-background-weak);
  }
  to {
    outline-color: var(--success-validation-background-weak);
  }
}
textarea:not(.gaf-escape *):focus {
  outline-width: 4px;
  outline-offset: 4px;
}
textarea:not(.gaf-escape *)::placeholder {
  color: var(--text);
  --text: var(--text-placeholder);
  opacity: 1;
}
@media (any-hover: hover) {
  textarea:not(.gaf-escape *):hover {
    border-color: var(--border-hover);
  }
}
textarea:not(.gaf-escape *):focus {
  border-color: var(--border);
}
textarea:not(.gaf-escape *):active {
  border-color: var(--border-hover);
  background-color: var(--generic-active);
}
textarea:not(.gaf-escape *):disabled, textarea:not(.gaf-escape *):read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
textarea:not(.gaf-escape *):disabled::placeholder, textarea:not(.gaf-escape *):read-only::placeholder {
  --text: var(--text-readonly);
}
textarea:not(.gaf-escape *).ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
@media (any-hover: hover) {
  textarea:not(.gaf-escape *).ng-invalid.ng-touched:hover {
    border-color: var(--critical-border-hover);
  }
}
textarea:not(.gaf-escape *).ng-invalid.ng-touched:focus {
  border-color: var(--critical-validation-border);
}
@media (pointer: coarse) {
  textarea:not(.gaf-escape *).ng-invalid.ng-touched:active {
    border-color: var(--critical-border-hover);
    background-color: var(--critical-validation-background-weak-hover);
  }
}
textarea:not(.gaf-escape *):where(:not([size])), textarea:not(.gaf-escape *):where([size=small]) {
  padding: 10px var(--spacing-medium) 10px 14px;
}
textarea:not(.gaf-escape *):where([size=large]) {
  padding: 14px var(--spacing-medium) 14px 20px;
}

html {
  --link-text-hover: hsl(225, 60%, 52%);
  --link-text: hsl(218, 51%, 33%);
  --link-text-active: hsl(219, 54%, 25%);
  --link-text-visited: hsl(270, 49%, 42%);
}

html[scheme=dark] {
  --link-text-hover: hsl(225, 89%, 74%);
  --link-text: hsl(218, 27%, 65%);
  --link-text-active: hsl(219, 30%, 75%);
  --link-text-visited: hsl(270, 48%, 65%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --link-text-hover: hsl(225, 60%, 52%);
    --link-text: hsl(218, 51%, 33%);
    --link-text-active: hsl(219, 54%, 25%);
    --link-text-visited: hsl(270, 49%, 42%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --link-text-hover: hsl(225, 89%, 74%);
    --link-text: hsl(218, 27%, 65%);
    --link-text-active: hsl(219, 30%, 75%);
    --link-text-visited: hsl(270, 48%, 65%);
  }
}

a:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]),
.link:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]) {
  border-radius: 4px;
  width: fit-content;
  text-decoration: underline;
  --text: var(--link-text);
  color: var(--text);
  margin-bottom: var(--spacing-none);
}
a:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]).no-underline,
.link:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]).no-underline {
  text-decoration: none;
}
a:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):link,
.link:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):link {
  --text: var(--link-text);
}
@media (any-hover: hover) {
  a:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):hover,
  .link:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):hover {
    --text: var(--link-text-hover);
    background-color: var(--generic-hover);
    cursor: pointer;
  }
}
a:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):active,
.link:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):active {
  --text: var(--link-text-active);
  background-color: var(--generic-active);
}
a:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):visited,
.link:not(.gaf-escape *):not(nav:not(.breadcrumb-nav) *):not([category]):visited {
  color: var(--link-text-visited);
}

html a:where([category=primary]):where([color=critical]),
html .link:where([category=primary]):where([color=critical]) {
  --primary-background-hover: hsl(358, 68%, 34%);
  --secondary-border-hover: hsl(358, 68%, 34%);
  --primary-background: hsl(359, 67%, 40%);
  --primary-background-active: hsl(358, 70%, 28%);
  --primary-background-disabled: hsl(359, 45%, 76%);
  --primary-btn-text: hsl(0, 0%, 100%);
  --primary-btn-text-disabled: hsl(0, 0%, 100%);
  --secondary-btn-text: hsl(359, 67%, 40%);
  --secondary-border-active: hsl(358, 70%, 28%);
  --secondary-btn-text-disabled: hsl(359, 45%, 76%);
  --link-btn-text: hsl(359, 67%, 40%);
  --link-btn-text-disabled: hsl(359, 45%, 76%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  text-decoration: none;
  background-color: var(--primary-background);
}
html a:where([category=primary]):where([color=critical])[fill-container],
html .link:where([category=primary]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html a:where([category=primary]):where([color=critical]):not([const-width]),
  html .link:where([category=primary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html a:where([category=primary]):where([color=critical]):where(:not([size])), html a:where([category=primary]):where([color=critical]):where([size=small]),
html .link:where([category=primary]):where([color=critical]):where(:not([size])),
html .link:where([category=primary]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html a:where([category=primary]):where([color=critical]):where([size=large]),
html .link:where([category=primary]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html a:where([category=primary]):where([color=critical]):where(:not([size])), html a:where([category=primary]):where([color=critical]):where([size=small]),
html .link:where([category=primary]):where([color=critical]):where(:not([size])),
html .link:where([category=primary]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html a:where([category=primary]):where([color=critical]):where([size=large]),
html .link:where([category=primary]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html a:where([category=primary]):where([color=critical]):hover,
  html .link:where([category=primary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html a:where([category=primary]):where([color=critical]):hover:disabled, html a:where([category=primary]):where([color=critical]):hover[button-readonly],
  html .link:where([category=primary]):where([color=critical]):hover:disabled,
  html .link:where([category=primary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html a:where([category=primary]):where([color=critical]):hover,
  html .link:where([category=primary]):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
html a:where([category=primary]):where([color=critical]):active,
html .link:where([category=primary]):where([color=critical]):active {
  background-color: var(--primary-background-active);
}
html a:where([category=primary]):where([color=critical]):disabled,
html .link:where([category=primary]):where([color=critical]):disabled {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}
html a:where([category=primary]):not([color]),
html .link:where([category=primary]):not([color]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  text-decoration: none;
  background-color: var(--primary-background);
}
html a:where([category=primary]):not([color])[fill-container],
html .link:where([category=primary]):not([color])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html a:where([category=primary]):not([color]):not([const-width]),
  html .link:where([category=primary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html a:where([category=primary]):not([color]):where(:not([size])), html a:where([category=primary]):not([color]):where([size=small]),
html .link:where([category=primary]):not([color]):where(:not([size])),
html .link:where([category=primary]):not([color]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html a:where([category=primary]):not([color]):where([size=large]),
html .link:where([category=primary]):not([color]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html a:where([category=primary]):not([color]):where(:not([size])), html a:where([category=primary]):not([color]):where([size=small]),
html .link:where([category=primary]):not([color]):where(:not([size])),
html .link:where([category=primary]):not([color]):where([size=small]) {
  padding: 8px 16px;
}
html a:where([category=primary]):not([color]):where([size=large]),
html .link:where([category=primary]):not([color]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html a:where([category=primary]):not([color]):hover,
  html .link:where([category=primary]):not([color]):hover {
    cursor: pointer;
  }
  html a:where([category=primary]):not([color]):hover:disabled, html a:where([category=primary]):not([color]):hover[button-readonly],
  html .link:where([category=primary]):not([color]):hover:disabled,
  html .link:where([category=primary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html a:where([category=primary]):not([color]):hover,
  html .link:where([category=primary]):not([color]):hover {
    background-color: var(--primary-background-hover);
  }
}
html a:where([category=primary]):not([color]):active,
html .link:where([category=primary]):not([color]):active {
  background-color: var(--primary-background-active);
}
html a:where([category=primary]):not([color]):disabled,
html .link:where([category=primary]):not([color]):disabled {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}

html[scheme=dark] a:where([category=primary]):where([color=critical]),
html[scheme=dark] .link:where([category=primary]):where([color=critical]) {
  --primary-background-hover: hsl(359, 45%, 58%);
  --secondary-border-hover: hsl(359, 45%, 76%);
  --primary-background: hsl(359, 46%, 49%);
  --primary-background-active: hsl(359, 45%, 67%);
  --primary-background-disabled: hsl(359, 57%, 25%);
  --primary-btn-text: hsl(240, 11%, 96%);
  --primary-btn-text-disabled: hsl(240, 2%, 9%);
  --secondary-btn-text: hsl(359, 45%, 67%);
  --secondary-border-active: hsl(0, 43%, 85%);
  --secondary-btn-text-disabled: hsl(358, 48%, 11%);
  --link-btn-text: hsl(359, 45%, 67%);
  --link-btn-text-disabled: hsl(358, 70%, 28%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  text-decoration: none;
  background-color: var(--primary-background);
}
html[scheme=dark] a:where([category=primary]):where([color=critical])[fill-container],
html[scheme=dark] .link:where([category=primary]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] a:where([category=primary]):where([color=critical]):not([const-width]),
  html[scheme=dark] .link:where([category=primary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] a:where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=dark] a:where([category=primary]):where([color=critical]):where([size=small]),
html[scheme=dark] .link:where([category=primary]):where([color=critical]):where(:not([size])),
html[scheme=dark] .link:where([category=primary]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] a:where([category=primary]):where([color=critical]):where([size=large]),
html[scheme=dark] .link:where([category=primary]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] a:where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=dark] a:where([category=primary]):where([color=critical]):where([size=small]),
html[scheme=dark] .link:where([category=primary]):where([color=critical]):where(:not([size])),
html[scheme=dark] .link:where([category=primary]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] a:where([category=primary]):where([color=critical]):where([size=large]),
html[scheme=dark] .link:where([category=primary]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=primary]):where([color=critical]):hover,
  html[scheme=dark] .link:where([category=primary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=dark] a:where([category=primary]):where([color=critical]):hover:disabled, html[scheme=dark] a:where([category=primary]):where([color=critical]):hover[button-readonly],
  html[scheme=dark] .link:where([category=primary]):where([color=critical]):hover:disabled,
  html[scheme=dark] .link:where([category=primary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=primary]):where([color=critical]):hover,
  html[scheme=dark] .link:where([category=primary]):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
html[scheme=dark] a:where([category=primary]):where([color=critical]):active,
html[scheme=dark] .link:where([category=primary]):where([color=critical]):active {
  background-color: var(--primary-background-active);
}
html[scheme=dark] a:where([category=primary]):where([color=critical]):disabled,
html[scheme=dark] .link:where([category=primary]):where([color=critical]):disabled {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}
html[scheme=dark] a:where([category=primary]):not([color]),
html[scheme=dark] .link:where([category=primary]):not([color]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--primary-btn-text);
  text-decoration: none;
  background-color: var(--primary-background);
}
html[scheme=dark] a:where([category=primary]):not([color])[fill-container],
html[scheme=dark] .link:where([category=primary]):not([color])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] a:where([category=primary]):not([color]):not([const-width]),
  html[scheme=dark] .link:where([category=primary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] a:where([category=primary]):not([color]):where(:not([size])), html[scheme=dark] a:where([category=primary]):not([color]):where([size=small]),
html[scheme=dark] .link:where([category=primary]):not([color]):where(:not([size])),
html[scheme=dark] .link:where([category=primary]):not([color]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] a:where([category=primary]):not([color]):where([size=large]),
html[scheme=dark] .link:where([category=primary]):not([color]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] a:where([category=primary]):not([color]):where(:not([size])), html[scheme=dark] a:where([category=primary]):not([color]):where([size=small]),
html[scheme=dark] .link:where([category=primary]):not([color]):where(:not([size])),
html[scheme=dark] .link:where([category=primary]):not([color]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] a:where([category=primary]):not([color]):where([size=large]),
html[scheme=dark] .link:where([category=primary]):not([color]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=primary]):not([color]):hover,
  html[scheme=dark] .link:where([category=primary]):not([color]):hover {
    cursor: pointer;
  }
  html[scheme=dark] a:where([category=primary]):not([color]):hover:disabled, html[scheme=dark] a:where([category=primary]):not([color]):hover[button-readonly],
  html[scheme=dark] .link:where([category=primary]):not([color]):hover:disabled,
  html[scheme=dark] .link:where([category=primary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=primary]):not([color]):hover,
  html[scheme=dark] .link:where([category=primary]):not([color]):hover {
    background-color: var(--primary-background-hover);
  }
}
html[scheme=dark] a:where([category=primary]):not([color]):active,
html[scheme=dark] .link:where([category=primary]):not([color]):active {
  background-color: var(--primary-background-active);
}
html[scheme=dark] a:where([category=primary]):not([color]):disabled,
html[scheme=dark] .link:where([category=primary]):not([color]):disabled {
  background-color: var(--primary-background-disabled);
  --text: var(--primary-btn-text-disabled);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=primary]):where([color=critical]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]) {
    --primary-background-hover: hsl(358, 68%, 34%);
    --secondary-border-hover: hsl(358, 68%, 34%);
    --primary-background: hsl(359, 67%, 40%);
    --primary-background-active: hsl(358, 70%, 28%);
    --primary-background-disabled: hsl(359, 45%, 76%);
    --primary-btn-text: hsl(0, 0%, 100%);
    --primary-btn-text-disabled: hsl(0, 0%, 100%);
    --secondary-btn-text: hsl(359, 67%, 40%);
    --secondary-border-active: hsl(358, 70%, 28%);
    --secondary-btn-text-disabled: hsl(359, 45%, 76%);
    --link-btn-text: hsl(359, 67%, 40%);
    --link-btn-text-disabled: hsl(359, 45%, 76%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    text-decoration: none;
    background-color: var(--primary-background);
  }
  html[scheme=system] a:where([category=primary]):where([color=critical])[fill-container],
  html[scheme=system] .link:where([category=primary]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):not([const-width]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):hover:disabled, html[scheme=system] a:where([category=primary]):where([color=critical]):hover[button-readonly],
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover:disabled,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):active,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):disabled,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):disabled {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
  html[scheme=system] a:where([category=primary]):not([color]),
  html[scheme=system] .link:where([category=primary]):not([color]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    text-decoration: none;
    background-color: var(--primary-background);
  }
  html[scheme=system] a:where([category=primary]):not([color])[fill-container],
  html[scheme=system] .link:where([category=primary]):not([color])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=primary]):not([color]):not([const-width]),
  html[scheme=system] .link:where([category=primary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=primary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=primary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=primary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=primary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=primary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=primary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):not([color]):hover,
  html[scheme=system] .link:where([category=primary]):not([color]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=primary]):not([color]):hover:disabled, html[scheme=system] a:where([category=primary]):not([color]):hover[button-readonly],
  html[scheme=system] .link:where([category=primary]):not([color]):hover:disabled,
  html[scheme=system] .link:where([category=primary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):not([color]):hover,
  html[scheme=system] .link:where([category=primary]):not([color]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=primary]):not([color]):active,
  html[scheme=system] .link:where([category=primary]):not([color]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] a:where([category=primary]):not([color]):disabled,
  html[scheme=system] .link:where([category=primary]):not([color]):disabled {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=primary]):where([color=critical]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]) {
    --primary-background-hover: hsl(359, 45%, 58%);
    --secondary-border-hover: hsl(359, 45%, 76%);
    --primary-background: hsl(359, 46%, 49%);
    --primary-background-active: hsl(359, 45%, 67%);
    --primary-background-disabled: hsl(359, 57%, 25%);
    --primary-btn-text: hsl(240, 11%, 96%);
    --primary-btn-text-disabled: hsl(240, 2%, 9%);
    --secondary-btn-text: hsl(359, 45%, 67%);
    --secondary-border-active: hsl(0, 43%, 85%);
    --secondary-btn-text-disabled: hsl(358, 48%, 11%);
    --link-btn-text: hsl(359, 45%, 67%);
    --link-btn-text-disabled: hsl(358, 70%, 28%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    text-decoration: none;
    background-color: var(--primary-background);
  }
  html[scheme=system] a:where([category=primary]):where([color=critical])[fill-container],
  html[scheme=system] .link:where([category=primary]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):not([const-width]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):hover:disabled, html[scheme=system] a:where([category=primary]):where([color=critical]):hover[button-readonly],
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover:disabled,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=primary]):where([color=critical]):active,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] a:where([category=primary]):where([color=critical]):disabled,
  html[scheme=system] .link:where([category=primary]):where([color=critical]):disabled {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
  html[scheme=system] a:where([category=primary]):not([color]),
  html[scheme=system] .link:where([category=primary]):not([color]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--primary-btn-text);
    text-decoration: none;
    background-color: var(--primary-background);
  }
  html[scheme=system] a:where([category=primary]):not([color])[fill-container],
  html[scheme=system] .link:where([category=primary]):not([color])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=primary]):not([color]):not([const-width]),
  html[scheme=system] .link:where([category=primary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=primary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=primary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=primary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=primary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=primary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=primary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=primary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=primary]):not([color]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):not([color]):hover,
  html[scheme=system] .link:where([category=primary]):not([color]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=primary]):not([color]):hover:disabled, html[scheme=system] a:where([category=primary]):not([color]):hover[button-readonly],
  html[scheme=system] .link:where([category=primary]):not([color]):hover:disabled,
  html[scheme=system] .link:where([category=primary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=primary]):not([color]):hover,
  html[scheme=system] .link:where([category=primary]):not([color]):hover {
    background-color: var(--primary-background-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=primary]):not([color]):active,
  html[scheme=system] .link:where([category=primary]):not([color]):active {
    background-color: var(--primary-background-active);
  }
  html[scheme=system] a:where([category=primary]):not([color]):disabled,
  html[scheme=system] .link:where([category=primary]):not([color]):disabled {
    background-color: var(--primary-background-disabled);
    --text: var(--primary-btn-text-disabled);
  }
}

html a:where([category=secondary]):where([color=critical]),
html .link:where([category=secondary]):where([color=critical]) {
  --primary-background-hover: hsl(358, 68%, 34%);
  --secondary-border-hover: hsl(358, 68%, 34%);
  --primary-background: hsl(359, 67%, 40%);
  --primary-background-active: hsl(358, 70%, 28%);
  --primary-background-disabled: hsl(359, 45%, 76%);
  --primary-btn-text: hsl(0, 0%, 100%);
  --primary-btn-text-disabled: hsl(0, 0%, 100%);
  --secondary-btn-text: hsl(359, 67%, 40%);
  --secondary-border-active: hsl(358, 70%, 28%);
  --secondary-btn-text-disabled: hsl(359, 45%, 76%);
  --link-btn-text: hsl(359, 67%, 40%);
  --link-btn-text-disabled: hsl(359, 45%, 76%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--border) inset;
  background-color: transparent;
}
html a:where([category=secondary]):where([color=critical])[fill-container],
html .link:where([category=secondary]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html a:where([category=secondary]):where([color=critical]):not([const-width]),
  html .link:where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html a:where([category=secondary]):where([color=critical]):where(:not([size])), html a:where([category=secondary]):where([color=critical]):where([size=small]),
html .link:where([category=secondary]):where([color=critical]):where(:not([size])),
html .link:where([category=secondary]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html a:where([category=secondary]):where([color=critical]):where([size=large]),
html .link:where([category=secondary]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html a:where([category=secondary]):where([color=critical]):where(:not([size])), html a:where([category=secondary]):where([color=critical]):where([size=small]),
html .link:where([category=secondary]):where([color=critical]):where(:not([size])),
html .link:where([category=secondary]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html a:where([category=secondary]):where([color=critical]):where([size=large]),
html .link:where([category=secondary]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html a:where([category=secondary]):where([color=critical]):hover,
  html .link:where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html a:where([category=secondary]):where([color=critical]):hover:disabled, html a:where([category=secondary]):where([color=critical]):hover[button-readonly],
  html .link:where([category=secondary]):where([color=critical]):hover:disabled,
  html .link:where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html a:where([category=secondary]):where([color=critical]):hover,
  html .link:where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
html a:where([category=secondary]):where([color=critical]):active,
html .link:where([category=secondary]):where([color=critical]):active {
  background-color: var(--generic-active);
}
html a:where([category=secondary]):where([color=critical]):disabled,
html .link:where([category=secondary]):where([color=critical]):disabled {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html a:where([category=secondary]):where([color=critical]):disabled:hover,
  html .link:where([category=secondary]):where([color=critical]):disabled:hover {
    background-color: transparent;
  }
}
html a:where([category=secondary]):where([color=critical]):focus,
html .link:where([category=secondary]):where([color=critical]):focus {
  box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
}
html a:where([category=secondary]):not([color]),
html .link:where([category=secondary]):not([color]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--border) inset;
  background-color: transparent;
}
html a:where([category=secondary]):not([color])[fill-container],
html .link:where([category=secondary]):not([color])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html a:where([category=secondary]):not([color]):not([const-width]),
  html .link:where([category=secondary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html a:where([category=secondary]):not([color]):where(:not([size])), html a:where([category=secondary]):not([color]):where([size=small]),
html .link:where([category=secondary]):not([color]):where(:not([size])),
html .link:where([category=secondary]):not([color]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html a:where([category=secondary]):not([color]):where([size=large]),
html .link:where([category=secondary]):not([color]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html a:where([category=secondary]):not([color]):where(:not([size])), html a:where([category=secondary]):not([color]):where([size=small]),
html .link:where([category=secondary]):not([color]):where(:not([size])),
html .link:where([category=secondary]):not([color]):where([size=small]) {
  padding: 8px 16px;
}
html a:where([category=secondary]):not([color]):where([size=large]),
html .link:where([category=secondary]):not([color]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html a:where([category=secondary]):not([color]):hover,
  html .link:where([category=secondary]):not([color]):hover {
    cursor: pointer;
  }
  html a:where([category=secondary]):not([color]):hover:disabled, html a:where([category=secondary]):not([color]):hover[button-readonly],
  html .link:where([category=secondary]):not([color]):hover:disabled,
  html .link:where([category=secondary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html a:where([category=secondary]):not([color]):hover,
  html .link:where([category=secondary]):not([color]):hover {
    background-color: var(--generic-hover);
  }
}
html a:where([category=secondary]):not([color]):active,
html .link:where([category=secondary]):not([color]):active {
  background-color: var(--generic-active);
}
html a:where([category=secondary]):not([color]):disabled,
html .link:where([category=secondary]):not([color]):disabled {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html a:where([category=secondary]):not([color]):disabled:hover,
  html .link:where([category=secondary]):not([color]):disabled:hover {
    background-color: transparent;
  }
}
html a:where([category=secondary]):not([color]):focus,
html .link:where([category=secondary]):not([color]):focus {
  box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
}

html[scheme=dark] a:where([category=secondary]):where([color=critical]),
html[scheme=dark] .link:where([category=secondary]):where([color=critical]) {
  --primary-background-hover: hsl(359, 45%, 58%);
  --secondary-border-hover: hsl(359, 45%, 76%);
  --primary-background: hsl(359, 46%, 49%);
  --primary-background-active: hsl(359, 45%, 67%);
  --primary-background-disabled: hsl(359, 57%, 25%);
  --primary-btn-text: hsl(240, 11%, 96%);
  --primary-btn-text-disabled: hsl(240, 2%, 9%);
  --secondary-btn-text: hsl(359, 45%, 67%);
  --secondary-border-active: hsl(0, 43%, 85%);
  --secondary-btn-text-disabled: hsl(358, 48%, 11%);
  --link-btn-text: hsl(359, 45%, 67%);
  --link-btn-text-disabled: hsl(358, 70%, 28%);
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--border) inset;
  background-color: transparent;
}
html[scheme=dark] a:where([category=secondary]):where([color=critical])[fill-container],
html[scheme=dark] .link:where([category=secondary]):where([color=critical])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] a:where([category=secondary]):where([color=critical]):not([const-width]),
  html[scheme=dark] .link:where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] a:where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=dark] a:where([category=secondary]):where([color=critical]):where([size=small]),
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):where(:not([size])),
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] a:where([category=secondary]):where([color=critical]):where([size=large]),
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] a:where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=dark] a:where([category=secondary]):where([color=critical]):where([size=small]),
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):where(:not([size])),
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] a:where([category=secondary]):where([color=critical]):where([size=large]),
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=secondary]):where([color=critical]):hover,
  html[scheme=dark] .link:where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=dark] a:where([category=secondary]):where([color=critical]):hover:disabled, html[scheme=dark] a:where([category=secondary]):where([color=critical]):hover[button-readonly],
  html[scheme=dark] .link:where([category=secondary]):where([color=critical]):hover:disabled,
  html[scheme=dark] .link:where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=secondary]):where([color=critical]):hover,
  html[scheme=dark] .link:where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
html[scheme=dark] a:where([category=secondary]):where([color=critical]):active,
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):active {
  background-color: var(--generic-active);
}
html[scheme=dark] a:where([category=secondary]):where([color=critical]):disabled,
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):disabled {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=secondary]):where([color=critical]):disabled:hover,
  html[scheme=dark] .link:where([category=secondary]):where([color=critical]):disabled:hover {
    background-color: transparent;
  }
}
html[scheme=dark] a:where([category=secondary]):where([color=critical]):focus,
html[scheme=dark] .link:where([category=secondary]):where([color=critical]):focus {
  box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
}
html[scheme=dark] a:where([category=secondary]):not([color]),
html[scheme=dark] .link:where([category=secondary]):not([color]) {
  min-height: 44px;
  max-width: 400px;
  color: var(--text);
  border-radius: 4px;
  --text: var(--secondary-btn-text);
  border: 1px solid var(--text);
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--border) inset;
  background-color: transparent;
}
html[scheme=dark] a:where([category=secondary]):not([color])[fill-container],
html[scheme=dark] .link:where([category=secondary]):not([color])[fill-container] {
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  html[scheme=dark] a:where([category=secondary]):not([color]):not([const-width]),
  html[scheme=dark] .link:where([category=secondary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
html[scheme=dark] a:where([category=secondary]):not([color]):where(:not([size])), html[scheme=dark] a:where([category=secondary]):not([color]):where([size=small]),
html[scheme=dark] .link:where([category=secondary]):not([color]):where(:not([size])),
html[scheme=dark] .link:where([category=secondary]):not([color]):where([size=small]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
  min-width: 52px;
}
html[scheme=dark] a:where([category=secondary]):not([color]):where([size=large]),
html[scheme=dark] .link:where([category=secondary]):not([color]):where([size=large]) {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 400;
  min-width: 64px;
}
html[scheme=dark] a:where([category=secondary]):not([color]):where(:not([size])), html[scheme=dark] a:where([category=secondary]):not([color]):where([size=small]),
html[scheme=dark] .link:where([category=secondary]):not([color]):where(:not([size])),
html[scheme=dark] .link:where([category=secondary]):not([color]):where([size=small]) {
  padding: 8px 16px;
}
html[scheme=dark] a:where([category=secondary]):not([color]):where([size=large]),
html[scheme=dark] .link:where([category=secondary]):not([color]):where([size=large]) {
  padding: 12px 20px;
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=secondary]):not([color]):hover,
  html[scheme=dark] .link:where([category=secondary]):not([color]):hover {
    cursor: pointer;
  }
  html[scheme=dark] a:where([category=secondary]):not([color]):hover:disabled, html[scheme=dark] a:where([category=secondary]):not([color]):hover[button-readonly],
  html[scheme=dark] .link:where([category=secondary]):not([color]):hover:disabled,
  html[scheme=dark] .link:where([category=secondary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=secondary]):not([color]):hover,
  html[scheme=dark] .link:where([category=secondary]):not([color]):hover {
    background-color: var(--generic-hover);
  }
}
html[scheme=dark] a:where([category=secondary]):not([color]):active,
html[scheme=dark] .link:where([category=secondary]):not([color]):active {
  background-color: var(--generic-active);
}
html[scheme=dark] a:where([category=secondary]):not([color]):disabled,
html[scheme=dark] .link:where([category=secondary]):not([color]):disabled {
  --text: var(--secondary-btn-text-disabled);
  box-shadow: 0 0 0 1px var(--text) inset;
}
@media (any-hover: hover) {
  html[scheme=dark] a:where([category=secondary]):not([color]):disabled:hover,
  html[scheme=dark] .link:where([category=secondary]):not([color]):disabled:hover {
    background-color: transparent;
  }
}
html[scheme=dark] a:where([category=secondary]):not([color]):focus,
html[scheme=dark] .link:where([category=secondary]):not([color]):focus {
  box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]) {
    --primary-background-hover: hsl(358, 68%, 34%);
    --secondary-border-hover: hsl(358, 68%, 34%);
    --primary-background: hsl(359, 67%, 40%);
    --primary-background-active: hsl(358, 70%, 28%);
    --primary-background-disabled: hsl(359, 45%, 76%);
    --primary-btn-text: hsl(0, 0%, 100%);
    --primary-btn-text-disabled: hsl(0, 0%, 100%);
    --secondary-btn-text: hsl(359, 67%, 40%);
    --secondary-border-active: hsl(358, 70%, 28%);
    --secondary-btn-text-disabled: hsl(359, 45%, 76%);
    --link-btn-text: hsl(359, 67%, 40%);
    --link-btn-text-disabled: hsl(359, 45%, 76%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    text-decoration: none;
    box-shadow: 0 0 0 1px var(--border) inset;
    background-color: transparent;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical])[fill-container],
  html[scheme=system] .link:where([category=secondary]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):not([const-width]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):hover:disabled, html[scheme=system] a:where([category=secondary]):where([color=critical]):hover[button-readonly],
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover:disabled,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):active,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):disabled,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):disabled {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):disabled:hover,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):disabled:hover {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):focus,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):focus {
    box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
  }
  html[scheme=system] a:where([category=secondary]):not([color]),
  html[scheme=system] .link:where([category=secondary]):not([color]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    text-decoration: none;
    box-shadow: 0 0 0 1px var(--border) inset;
    background-color: transparent;
  }
  html[scheme=system] a:where([category=secondary]):not([color])[fill-container],
  html[scheme=system] .link:where([category=secondary]):not([color])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: light) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=secondary]):not([color]):not([const-width]),
  html[scheme=system] .link:where([category=secondary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=secondary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=secondary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):not([color]):hover,
  html[scheme=system] .link:where([category=secondary]):not([color]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):hover:disabled, html[scheme=system] a:where([category=secondary]):not([color]):hover[button-readonly],
  html[scheme=system] .link:where([category=secondary]):not([color]):hover:disabled,
  html[scheme=system] .link:where([category=secondary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):not([color]):hover,
  html[scheme=system] .link:where([category=secondary]):not([color]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=secondary]):not([color]):active,
  html[scheme=system] .link:where([category=secondary]):not([color]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] a:where([category=secondary]):not([color]):disabled,
  html[scheme=system] .link:where([category=secondary]):not([color]):disabled {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: light) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):not([color]):disabled:hover,
  html[scheme=system] .link:where([category=secondary]):not([color]):disabled:hover {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: light) {
  html[scheme=system] a:where([category=secondary]):not([color]):focus,
  html[scheme=system] .link:where([category=secondary]):not([color]):focus {
    box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]) {
    --primary-background-hover: hsl(359, 45%, 58%);
    --secondary-border-hover: hsl(359, 45%, 76%);
    --primary-background: hsl(359, 46%, 49%);
    --primary-background-active: hsl(359, 45%, 67%);
    --primary-background-disabled: hsl(359, 57%, 25%);
    --primary-btn-text: hsl(240, 11%, 96%);
    --primary-btn-text-disabled: hsl(240, 2%, 9%);
    --secondary-btn-text: hsl(359, 45%, 67%);
    --secondary-border-active: hsl(0, 43%, 85%);
    --secondary-btn-text-disabled: hsl(358, 48%, 11%);
    --link-btn-text: hsl(359, 45%, 67%);
    --link-btn-text-disabled: hsl(358, 70%, 28%);
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    text-decoration: none;
    box-shadow: 0 0 0 1px var(--border) inset;
    background-color: transparent;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical])[fill-container],
  html[scheme=system] .link:where([category=secondary]):where([color=critical])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):not([const-width]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where(:not([size])), html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):hover:disabled, html[scheme=system] a:where([category=secondary]):where([color=critical]):hover[button-readonly],
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover:disabled,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):hover,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):active,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] a:where([category=secondary]):where([color=critical]):disabled,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):disabled {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):disabled:hover,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):disabled:hover {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=secondary]):where([color=critical]):focus,
  html[scheme=system] .link:where([category=secondary]):where([color=critical]):focus {
    box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
  }
  html[scheme=system] a:where([category=secondary]):not([color]),
  html[scheme=system] .link:where([category=secondary]):not([color]) {
    min-height: 44px;
    max-width: 400px;
    color: var(--text);
    border-radius: 4px;
    --text: var(--secondary-btn-text);
    border: 1px solid var(--text);
    text-decoration: none;
    box-shadow: 0 0 0 1px var(--border) inset;
    background-color: transparent;
  }
  html[scheme=system] a:where([category=secondary]):not([color])[fill-container],
  html[scheme=system] .link:where([category=secondary]):not([color])[fill-container] {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (prefers-color-scheme: dark) and (min-width: 0) and (max-width: 766px) {
  html[scheme=system] a:where([category=secondary]):not([color]):not([const-width]),
  html[scheme=system] .link:where([category=secondary]):not([color]):not([const-width]) {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=secondary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=small]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-none);
    font-family: "Lato";
    font-weight: 400;
    min-width: 52px;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=large]) {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: var(--spacing-small);
    font-family: "Lato";
    font-weight: 400;
    min-width: 64px;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):where(:not([size])), html[scheme=system] a:where([category=secondary]):not([color]):where([size=small]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where(:not([size])),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=small]) {
    padding: 8px 16px;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):where([size=large]),
  html[scheme=system] .link:where([category=secondary]):not([color]):where([size=large]) {
    padding: 12px 20px;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):not([color]):hover,
  html[scheme=system] .link:where([category=secondary]):not([color]):hover {
    cursor: pointer;
  }
  html[scheme=system] a:where([category=secondary]):not([color]):hover:disabled, html[scheme=system] a:where([category=secondary]):not([color]):hover[button-readonly],
  html[scheme=system] .link:where([category=secondary]):not([color]):hover:disabled,
  html[scheme=system] .link:where([category=secondary]):not([color]):hover[button-readonly] {
    cursor: not-allowed;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):not([color]):hover,
  html[scheme=system] .link:where([category=secondary]):not([color]):hover {
    background-color: var(--generic-hover);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=secondary]):not([color]):active,
  html[scheme=system] .link:where([category=secondary]):not([color]):active {
    background-color: var(--generic-active);
  }
  html[scheme=system] a:where([category=secondary]):not([color]):disabled,
  html[scheme=system] .link:where([category=secondary]):not([color]):disabled {
    --text: var(--secondary-btn-text-disabled);
    box-shadow: 0 0 0 1px var(--text) inset;
  }
}
@media (prefers-color-scheme: dark) and (any-hover: hover) {
  html[scheme=system] a:where([category=secondary]):not([color]):disabled:hover,
  html[scheme=system] .link:where([category=secondary]):not([color]):disabled:hover {
    background-color: transparent;
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] a:where([category=secondary]):not([color]):focus,
  html[scheme=system] .link:where([category=secondary]):not([color]):focus {
    box-shadow: 0 0 0 1px var(--border) inset, 0 0 0 4px var(--surface1);
  }
}

html {
  --focus-border: hsl(225, 90%, 62%);
}

html[scheme=dark] {
  --focus-border: hsl(225, 90%, 68%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --focus-border: hsl(225, 90%, 62%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --focus-border: hsl(225, 90%, 68%);
  }
}

*:focus-visible,
*:focus {
  outline: var(--focus-border) solid 4px;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--surface1);
  z-index: 2;
  overflow: visible;
  position: relative;
  border-radius: 4px;
}
@media (width <= 768px) {
  *:focus-visible,
  *:focus {
    outline: var(--focus-border) solid 4px;
    box-shadow: 0 0 0 4px var(--surface1);
    z-index: 3;
    overflow: visible;
    position: relative;
    border-radius: 4px;
  }
}

*:disabled:not(.gaf-escape *),
*[readonly]:not(.gaf-escape *) {
  cursor: not-allowed;
  pointer-events: none;
}

c-checkbox:not(.gaf-escape *) .checkbox {
  padding-bottom: var(--spacing-x-small);
}
c-checkbox:not(.gaf-escape *) .checkbox:has(input[readonly]), c-checkbox:not(.gaf-escape *) .checkbox:has(input:disabled) {
  cursor: not-allowed;
}
c-checkbox:not(.gaf-escape *) .checkbox:has(input[readonly]) input, c-checkbox:not(.gaf-escape *) .checkbox:has(input:disabled) input {
  pointer-events: none;
}
c-checkbox:not(.gaf-escape *) ul {
  margin: var(--spacing-none);
}
c-checkbox:not(.gaf-escape *) .checkbox-layout {
  display: flex;
  align-items: baseline;
}
c-checkbox:not(.gaf-escape *) .checkbox-desc {
  margin-bottom: var(--spacing-none);
}
c-checkbox:not(.gaf-escape *) label .custom-label {
  margin-top: auto;
}
c-checkbox:not(.gaf-escape *) label .custom-label.disabled-label {
  color: var(--text-readonly);
}
c-checkbox:not(.gaf-escape *):where(:not([size])) p, c-checkbox:not(.gaf-escape *):where([size=small]) p {
  font-size: 14px;
  margin-bottom: var(--spacing-x-small);
}
c-checkbox:not(.gaf-escape *):where(:not([size])) .checkbox-desc-label, c-checkbox:not(.gaf-escape *):where([size=small]) .checkbox-desc-label {
  font-size: 14px;
}
c-checkbox:not(.gaf-escape *):where(:not([size])) div.check-error, c-checkbox:not(.gaf-escape *):where([size=small]) div.check-error {
  font-size: 14px;
}
c-checkbox:not(.gaf-escape *):where([size=large]) .small p {
  font-size: 14px;
  margin-bottom: var(--spacing-x-small);
}
c-checkbox:not(.gaf-escape *):where([size=large]) .small .checkbox-desc-label {
  font-size: 14px;
}
c-checkbox:not(.gaf-escape *):where([size=large]) .small div.check-error {
  font-size: 14px;
}

gaf-checkbox:not(.gaf-escape *) .checkbox {
  padding-bottom: var(--spacing-x-small);
}
gaf-checkbox:not(.gaf-escape *) .checkbox:has(input[readonly]), gaf-checkbox:not(.gaf-escape *) .checkbox:has(input:disabled) {
  cursor: not-allowed;
}
gaf-checkbox:not(.gaf-escape *) .checkbox:has(input[readonly]) input, gaf-checkbox:not(.gaf-escape *) .checkbox:has(input:disabled) input {
  pointer-events: none;
}
gaf-checkbox:not(.gaf-escape *) ul {
  margin: var(--spacing-none);
}
gaf-checkbox:not(.gaf-escape *) .checkbox-layout {
  display: flex;
  align-items: baseline;
}
gaf-checkbox:not(.gaf-escape *) .checkbox-desc {
  margin-bottom: var(--spacing-none);
}
gaf-checkbox:not(.gaf-escape *) label .custom-label {
  margin-top: auto;
}
gaf-checkbox:not(.gaf-escape *) label .custom-label.disabled-label {
  color: var(--text-readonly);
}
gaf-checkbox:not(.gaf-escape *):where(:not([size])) p, gaf-checkbox:not(.gaf-escape *):where([size=small]) p {
  font-size: 14px;
  margin-bottom: var(--spacing-x-small);
}
gaf-checkbox:not(.gaf-escape *):where(:not([size])) .checkbox-desc-label, gaf-checkbox:not(.gaf-escape *):where([size=small]) .checkbox-desc-label {
  font-size: 14px;
}
gaf-checkbox:not(.gaf-escape *):where(:not([size])) div.check-error, gaf-checkbox:not(.gaf-escape *):where([size=small]) div.check-error {
  font-size: 14px;
}
gaf-checkbox:not(.gaf-escape *):where([size=large]) .small p {
  font-size: 14px;
  margin-bottom: var(--spacing-x-small);
}
gaf-checkbox:not(.gaf-escape *):where([size=large]) .small .checkbox-desc-label {
  font-size: 14px;
}
gaf-checkbox:not(.gaf-escape *):where([size=large]) .small div.check-error {
  font-size: 14px;
}

c-input:not(.gaf-escape *) {
  width: 100%;
  /* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
}
c-input:not(.gaf-escape *) .input-icon-container {
  position: absolute;
  right: 0;
  z-index: 3;
}
c-input:not(.gaf-escape *) .input-icon-container c-ds-icon-button button.icon-btn {
  margin-bottom: var(--spacing-none);
}
c-input:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
c-input:not(.gaf-escape *) .label_container .input-desc {
  word-break: break-word;
  white-space: normal;
}
c-input:not(.gaf-escape *) .label_container .input-label-margin {
  margin-bottom: var(--spacing-x-small);
}
c-input:not(.gaf-escape *) .input-field {
  background-color: transparent;
}
c-input:not(.gaf-escape *) .input-field:active {
  background-color: var(--generic-active);
}
c-input:not(.gaf-escape *) .input-content-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: nowrap;
}
c-input:not(.gaf-escape *) .input-content-area input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
c-input:not(.gaf-escape *) .input-content-area:has(c-ds-icon.search-icon) input {
  padding-left: var(--spacing-x-large);
}
c-input:not(.gaf-escape *) .input-content-area > c-ds-icon {
  position: absolute;
  left: 12px;
  z-index: 3;
}
c-input:not(.gaf-escape *) .input-content-area:has(input:read-only), c-input:not(.gaf-escape *) .input-content-area:has(input:disabled) {
  cursor: not-allowed;
}
c-input:not(.gaf-escape *) .input-content-area:has(input:read-only) input, c-input:not(.gaf-escape *) .input-content-area:has(input:disabled) input {
  pointer-events: none;
}
c-input:not(.gaf-escape *) .input-content-area .custom-icon {
  line-height: 24px;
  z-index: 2;
  cursor: pointer;
  font-weight: 300;
  color: var(--text);
}
c-input:not(.gaf-escape *) .input-content-area .input-prefix,
c-input:not(.gaf-escape *) .input-content-area .input-suffix {
  display: flex;
  align-items: center;
  max-width: 40%;
  line-height: 24px;
  z-index: 2;
  pointer-events: none;
  font-weight: 300;
  font-size: 12px;
  height: 20px;
  color: var(--text-secondary);
  min-width: 0;
}
c-input:not(.gaf-escape *) .input-content-area .input-prefix span,
c-input:not(.gaf-escape *) .input-content-area .input-suffix span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
c-input:not(.gaf-escape *) .input-content-area .input-prefix {
  padding-left: 6px;
  padding-right: 8px;
}
c-input:not(.gaf-escape *) .input-content-area .input-suffix {
  padding-left: 8px;
  padding-right: 6px;
}
c-input:not(.gaf-escape *) .input-content-area .input-text-field {
  flex: 1 1;
  min-width: 150px;
  box-sizing: border-box;
  resize: none;
}
c-input:not(.gaf-escape *) ::-ms-reveal {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 0) and (max-width: 766px) {
  c-input:not(.gaf-escape *) input, c-input:not(.gaf-escape *):focus, c-input:not(.gaf-escape *):active {
    font-size: 16px;
  }
}

gaf-input:not(.gaf-escape *) {
  width: 100%;
  /* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
}
gaf-input:not(.gaf-escape *) .input-icon-container {
  position: absolute;
  right: 0;
  z-index: 3;
}
gaf-input:not(.gaf-escape *) .input-icon-container c-ds-icon-button button.icon-btn {
  margin-bottom: var(--spacing-none);
}
gaf-input:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
gaf-input:not(.gaf-escape *) .label_container .input-desc {
  word-break: break-word;
  white-space: normal;
}
gaf-input:not(.gaf-escape *) .label_container .input-label-margin {
  margin-bottom: var(--spacing-x-small);
}
gaf-input:not(.gaf-escape *) .input-field {
  background-color: transparent;
}
gaf-input:not(.gaf-escape *) .input-field:active {
  background-color: var(--generic-active);
}
gaf-input:not(.gaf-escape *) .input-content-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: nowrap;
}
gaf-input:not(.gaf-escape *) .input-content-area input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
gaf-input:not(.gaf-escape *) .input-content-area:has(c-ds-icon.search-icon) input {
  padding-left: var(--spacing-x-large);
}
gaf-input:not(.gaf-escape *) .input-content-area > c-ds-icon {
  position: absolute;
  left: 12px;
  z-index: 3;
}
gaf-input:not(.gaf-escape *) .input-content-area:has(input:read-only), gaf-input:not(.gaf-escape *) .input-content-area:has(input:disabled) {
  cursor: not-allowed;
}
gaf-input:not(.gaf-escape *) .input-content-area:has(input:read-only) input, gaf-input:not(.gaf-escape *) .input-content-area:has(input:disabled) input {
  pointer-events: none;
}
gaf-input:not(.gaf-escape *) .input-content-area .custom-icon {
  line-height: 24px;
  z-index: 2;
  cursor: pointer;
  font-weight: 300;
  color: var(--text);
}
gaf-input:not(.gaf-escape *) .input-content-area .input-prefix,
gaf-input:not(.gaf-escape *) .input-content-area .input-suffix {
  display: flex;
  align-items: center;
  max-width: 40%;
  line-height: 24px;
  z-index: 2;
  pointer-events: none;
  font-weight: 300;
  font-size: 12px;
  height: 20px;
  color: var(--text-secondary);
  min-width: 0;
}
gaf-input:not(.gaf-escape *) .input-content-area .input-prefix span,
gaf-input:not(.gaf-escape *) .input-content-area .input-suffix span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
gaf-input:not(.gaf-escape *) .input-content-area .input-prefix {
  padding-left: 6px;
  padding-right: 8px;
}
gaf-input:not(.gaf-escape *) .input-content-area .input-suffix {
  padding-left: 8px;
  padding-right: 6px;
}
gaf-input:not(.gaf-escape *) .input-content-area .input-text-field {
  flex: 1 1;
  min-width: 150px;
  box-sizing: border-box;
  resize: none;
}
gaf-input:not(.gaf-escape *) ::-ms-reveal {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 0) and (max-width: 766px) {
  gaf-input:not(.gaf-escape *) input, gaf-input:not(.gaf-escape *):focus, gaf-input:not(.gaf-escape *):active {
    font-size: 16px;
  }
}

html {
  --neutral-alert-background: hsl(240, 11%, 96%);
  --neutral-alert-border: hsl(240, 0%, 53%);
  --neutral-alert-icon: hsl(240, 1%, 44%);
}

html[scheme=dark] {
  --neutral-alert-background: hsl(240, 1%, 17%);
  --neutral-alert-border: hsl(240, 1%, 61%);
  --neutral-alert-icon: hsl(240, 1%, 70%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --neutral-alert-background: hsl(240, 11%, 96%);
    --neutral-alert-border: hsl(240, 0%, 53%);
    --neutral-alert-icon: hsl(240, 1%, 44%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --neutral-alert-background: hsl(240, 1%, 17%);
    --neutral-alert-border: hsl(240, 1%, 61%);
    --neutral-alert-icon: hsl(240, 1%, 70%);
  }
}

html {
  --critical-alert-background: hsl(359, 55%, 96%);
  --critical-alert-border: hsl(359, 67%, 40%);
  --critical-alert-icon: hsl(358, 68%, 34%);
}

html[scheme=dark] {
  --critical-alert-background: hsl(358, 48%, 11%);
  --critical-alert-border: hsl(359, 46%, 49%);
  --critical-alert-icon: hsl(359, 45%, 58%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --critical-alert-background: hsl(359, 55%, 96%);
    --critical-alert-border: hsl(359, 67%, 40%);
    --critical-alert-icon: hsl(358, 68%, 34%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --critical-alert-background: hsl(358, 48%, 11%);
    --critical-alert-border: hsl(359, 46%, 49%);
    --critical-alert-icon: hsl(359, 45%, 58%);
  }
}

html {
  --success-alert-background: hsl(150, 55%, 96%);
  --success-alert-border: hsl(150, 91%, 34%);
  --success-alert-icon: hsl(150, 90%, 29%);
}

html[scheme=dark] {
  --success-alert-background: hsl(151, 49%, 10%);
  --success-alert-border: hsl(150, 59%, 44%);
  --success-alert-icon: hsl(150, 47%, 55%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --success-alert-background: hsl(150, 55%, 96%);
    --success-alert-border: hsl(150, 91%, 34%);
    --success-alert-icon: hsl(150, 90%, 29%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --success-alert-background: hsl(151, 49%, 10%);
    --success-alert-border: hsl(150, 59%, 44%);
    --success-alert-icon: hsl(150, 47%, 55%);
  }
}

html {
  --information-alert-background: hsl(194, 55%, 96%);
  --information-alert-border: hsl(194, 66%, 44%);
  --information-alert-icon: hsl(194, 68%, 38%);
}

html[scheme=dark] {
  --information-alert-background: hsl(193, 55%, 13%);
  --information-alert-border: hsl(193, 53%, 53%);
  --information-alert-icon: hsl(194, 53%, 61%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --information-alert-background: hsl(194, 55%, 96%);
    --information-alert-border: hsl(194, 66%, 44%);
    --information-alert-icon: hsl(194, 68%, 38%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --information-alert-background: hsl(193, 55%, 13%);
    --information-alert-border: hsl(193, 53%, 53%);
    --information-alert-icon: hsl(194, 53%, 61%);
  }
}

html {
  --warning-alert-background: hsl(29, 55%, 96%);
  --warning-alert-border: hsl(28, 82%, 48%);
  --warning-alert-icon: hsl(29, 82%, 41%);
}

html[scheme=dark] {
  --warning-alert-background: hsl(28, 55%, 13%);
  --warning-alert-border: hsl(29, 76%, 56%);
  --warning-alert-icon: hsl(28, 76%, 64%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --warning-alert-background: hsl(29, 55%, 96%);
    --warning-alert-border: hsl(28, 82%, 48%);
    --warning-alert-icon: hsl(29, 82%, 41%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --warning-alert-background: hsl(28, 55%, 13%);
    --warning-alert-border: hsl(29, 76%, 56%);
    --warning-alert-icon: hsl(28, 76%, 64%);
  }
}

html {
  --primary-alert-background: hsl(228, 100%, 97%);
  --primary-alert-border: hsl(225, 90%, 62%);
  --primary-alert-icon: hsl(225, 60%, 52%);
}

html[scheme=dark] {
  --primary-alert-background: hsl(226, 38%, 18%);
  --primary-alert-border: hsl(225, 90%, 68%);
  --primary-alert-icon: hsl(225, 89%, 74%);
}

@media (prefers-color-scheme: light) {
  html[scheme=system] {
    --primary-alert-background: hsl(228, 100%, 97%);
    --primary-alert-border: hsl(225, 90%, 62%);
    --primary-alert-icon: hsl(225, 60%, 52%);
  }
}
@media (prefers-color-scheme: dark) {
  html[scheme=system] {
    --primary-alert-background: hsl(226, 38%, 18%);
    --primary-alert-border: hsl(225, 90%, 68%);
    --primary-alert-icon: hsl(225, 89%, 74%);
  }
}

c-ds-banner:not(.gaf-escape *) .banner-btn {
  top: 8px;
  right: 7px;
}
c-ds-banner:not(.gaf-escape *) .banner-title {
  margin-bottom: var(--spacing-none);
}
c-ds-banner:not(.gaf-escape *) .cta-link {
  font-size: 16px;
}
c-ds-banner:not(.gaf-escape *) .banner-component {
  max-width: 600px;
  width: 100%;
  min-width: 240px;
  height: auto;
  background-color: var(--neutral-alert-background);
  display: flex;
  justify-content: space-between;
  transition: opacity 0.2s linear;
  border-radius: 4px;
  gap: var(--spacing-medium);
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-small);
  width: 100%;
  padding: var(--spacing-medium);
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-left {
  display: flex;
  flex-direction: column;
  place-items: center center;
  height: 100%;
  gap: var(--spacing-small);
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-left div {
  align-items: center;
  display: flex;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-left .banner-line {
  height: 100%;
  width: 4px;
  border-radius: 4px;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right {
  display: flex;
  flex-direction: column;
  width: 100%;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body .banner-text {
  overflow-wrap: break-word;
  align-self: center;
  display: flex;
  flex-direction: column;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body .banner-text .banner-content {
  align-self: flex-start;
  word-break: break-word;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body .banner-text .banner-content slot p {
  font-size: 16px;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas {
    gap: var(--spacing-large);
  }
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container {
  display: flex;
  align-items: center;
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container .cta-link {
  align-self: center;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--link-text);
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container .cta-link:visited {
  color: var(--link-text-visited);
}
c-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container i {
  color: var(--link-text);
  margin-left: var(--spacing-x-small);
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-ds-banner:not(.gaf-escape *) .banner-ctas {
    gap: var(--spacing-x-small);
  }
  c-ds-banner:not(.gaf-escape *) .banner-ctas .cta-btn {
    width: inherit;
  }
}
c-ds-banner:not(.gaf-escape *) .information {
  background-color: var(--information-alert-background);
}
c-ds-banner:not(.gaf-escape *) .information .banner-left .banner-line {
  background-color: var(--information-alert-border);
}
c-ds-banner:not(.gaf-escape *) .information .banner-left .alert-icon {
  color: var(--information-alert-icon);
}
c-ds-banner:not(.gaf-escape *) .critical {
  background-color: var(--critical-alert-background);
}
c-ds-banner:not(.gaf-escape *) .critical .banner-left .banner-line {
  background-color: var(--critical-alert-border);
}
c-ds-banner:not(.gaf-escape *) .critical .banner-left .alert-icon {
  color: var(--critical-alert-icon);
}
c-ds-banner:not(.gaf-escape *) .warning {
  background-color: var(--warning-alert-background);
}
c-ds-banner:not(.gaf-escape *) .warning .banner-left .banner-line {
  background-color: var(--warning-alert-border);
}
c-ds-banner:not(.gaf-escape *) .warning .banner-left .alert-icon {
  color: var(--warning-alert-icon);
}
c-ds-banner:not(.gaf-escape *) .success {
  background-color: var(--success-alert-background);
}
c-ds-banner:not(.gaf-escape *) .success .banner-left .banner-line {
  background-color: var(--success-alert-border);
}
c-ds-banner:not(.gaf-escape *) .success .banner-left .alert-icon {
  color: var(--success-alert-icon);
}

gaf-ds-banner:not(.gaf-escape *) .banner-btn {
  top: 8px;
  right: 7px;
}
gaf-ds-banner:not(.gaf-escape *) .banner-title {
  margin-bottom: var(--spacing-none);
}
gaf-ds-banner:not(.gaf-escape *) .cta-link {
  font-size: 16px;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component {
  max-width: 600px;
  width: 100%;
  min-width: 240px;
  height: auto;
  background-color: var(--neutral-alert-background);
  display: flex;
  justify-content: space-between;
  transition: opacity 0.2s linear;
  border-radius: 4px;
  gap: var(--spacing-medium);
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-small);
  width: 100%;
  padding: var(--spacing-medium);
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-left {
  display: flex;
  flex-direction: column;
  place-items: center center;
  height: 100%;
  gap: var(--spacing-small);
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-left div {
  align-items: center;
  display: flex;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-left .banner-line {
  height: 100%;
  width: 4px;
  border-radius: 4px;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right {
  display: flex;
  flex-direction: column;
  width: 100%;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body .banner-text {
  overflow-wrap: break-word;
  align-self: center;
  display: flex;
  flex-direction: column;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body .banner-text .banner-content {
  align-self: flex-start;
  word-break: break-word;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-body .banner-text .banner-content slot p {
  font-size: 16px;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas {
    gap: var(--spacing-large);
  }
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container {
  display: flex;
  align-items: center;
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container .cta-link {
  align-self: center;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--link-text);
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container .cta-link:visited {
  color: var(--link-text-visited);
}
gaf-ds-banner:not(.gaf-escape *) .banner-component .banner-container .banner-right .banner-ctas .banner__link-container i {
  color: var(--link-text);
  margin-left: var(--spacing-x-small);
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-ds-banner:not(.gaf-escape *) .banner-ctas {
    gap: var(--spacing-x-small);
  }
  gaf-ds-banner:not(.gaf-escape *) .banner-ctas .cta-btn {
    width: inherit;
  }
}
gaf-ds-banner:not(.gaf-escape *) .information {
  background-color: var(--information-alert-background);
}
gaf-ds-banner:not(.gaf-escape *) .information .banner-left .banner-line {
  background-color: var(--information-alert-border);
}
gaf-ds-banner:not(.gaf-escape *) .information .banner-left .alert-icon {
  color: var(--information-alert-icon);
}
gaf-ds-banner:not(.gaf-escape *) .critical {
  background-color: var(--critical-alert-background);
}
gaf-ds-banner:not(.gaf-escape *) .critical .banner-left .banner-line {
  background-color: var(--critical-alert-border);
}
gaf-ds-banner:not(.gaf-escape *) .critical .banner-left .alert-icon {
  color: var(--critical-alert-icon);
}
gaf-ds-banner:not(.gaf-escape *) .warning {
  background-color: var(--warning-alert-background);
}
gaf-ds-banner:not(.gaf-escape *) .warning .banner-left .banner-line {
  background-color: var(--warning-alert-border);
}
gaf-ds-banner:not(.gaf-escape *) .warning .banner-left .alert-icon {
  color: var(--warning-alert-icon);
}
gaf-ds-banner:not(.gaf-escape *) .success {
  background-color: var(--success-alert-background);
}
gaf-ds-banner:not(.gaf-escape *) .success .banner-left .banner-line {
  background-color: var(--success-alert-border);
}
gaf-ds-banner:not(.gaf-escape *) .success .banner-left .alert-icon {
  color: var(--success-alert-icon);
}

c-breadcrumb:not(.gaf-escape *) .breadcrumb-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
c-breadcrumb:not(.gaf-escape *) ol {
  margin: var(--spacing-none);
  padding: var(--spacing-none);
}
c-breadcrumb:not(.gaf-escape *) .breadcrumb-item {
  display: flex;
  min-height: 48px;
  align-items: center;
  flex-shrink: 0;
  max-width: 80dvw;
}
c-breadcrumb:not(.gaf-escape *) .breadcrumb-item a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
c-breadcrumb:not(.gaf-escape *) .breadcrumb-link a {
  display: flex;
  align-items: center;
  border-radius: 4px;
}
c-breadcrumb:not(.gaf-escape *) a.breadcrumb-link:active {
  background: none;
}
@media (any-hover: hover) {
  c-breadcrumb:not(.gaf-escape *) a.breadcrumb-link:hover {
    --generic-hover: transparent;
  }
}
c-breadcrumb:not(.gaf-escape *) .breadcrumb-separator {
  margin-left: var(--spacing-x-small);
  margin-right: var(--spacing-small);
  display: flex;
  align-items: center;
  width: 13px;
  height: 20px;
}

gaf-breadcrumb:not(.gaf-escape *) .breadcrumb-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
gaf-breadcrumb:not(.gaf-escape *) ol {
  margin: var(--spacing-none);
  padding: var(--spacing-none);
}
gaf-breadcrumb:not(.gaf-escape *) .breadcrumb-item {
  display: flex;
  min-height: 48px;
  align-items: center;
  flex-shrink: 0;
  max-width: 80dvw;
}
gaf-breadcrumb:not(.gaf-escape *) .breadcrumb-item a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
gaf-breadcrumb:not(.gaf-escape *) .breadcrumb-link a {
  display: flex;
  align-items: center;
  border-radius: 4px;
}
gaf-breadcrumb:not(.gaf-escape *) a.breadcrumb-link:active {
  background: none;
}
@media (any-hover: hover) {
  gaf-breadcrumb:not(.gaf-escape *) a.breadcrumb-link:hover {
    --generic-hover: transparent;
  }
}
gaf-breadcrumb:not(.gaf-escape *) .breadcrumb-separator {
  margin-left: var(--spacing-x-small);
  margin-right: var(--spacing-small);
  display: flex;
  align-items: center;
  width: 13px;
  height: 20px;
}

c-radio-button:not(.gaf-escape *) fieldset {
  max-width: 600px;
}
c-radio-button:not(.gaf-escape *) fieldset .label_container {
  display: flex;
  flex-direction: column;
}
c-radio-button:not(.gaf-escape *) fieldset .label_container.no-desc {
  margin-bottom: var(--spacing-x-small);
}
c-radio-button:not(.gaf-escape *) fieldset .label_container .radio-desc {
  margin-bottom: var(--spacing-medium);
}
c-radio-button:not(.gaf-escape *) fieldset div.radio {
  display: flex;
  margin-top: var(--spacing-x-small);
  margin-bottom: var(--spacing-x-small);
}
c-radio-button:not(.gaf-escape *) fieldset div.radio input {
  place-self: center center;
  padding: var(--spacing-none);
  min-width: 1.25rem;
}
c-radio-button:not(.gaf-escape *) fieldset div.radio:first-of-type {
  margin-top: var(--spacing-none);
}
c-radio-button:not(.gaf-escape *) fieldset div.radio:last-child {
  margin-bottom: var(--spacing-none);
}
c-radio-button:not(.gaf-escape *) fieldset div.radio:has(input[readonly]), c-radio-button:not(.gaf-escape *) fieldset div.radio:has(input:disabled) {
  cursor: not-allowed;
}
c-radio-button:not(.gaf-escape *) fieldset div.radio:has(input[readonly]) input, c-radio-button:not(.gaf-escape *) fieldset div.radio:has(input:disabled) input {
  pointer-events: none;
  background-color: var(--background-readonly);
  border-color: var(--border-readonly);
}
c-radio-button:not(.gaf-escape *) fieldset div.radio label {
  justify-self: center;
  padding: var(--spacing-none);
}
c-radio-button:not(.gaf-escape *) fieldset div.radio .label_container {
  margin-bottom: var(--spacing-none);
}
c-radio-button:not(.gaf-escape *) fieldset .radio-error i {
  margin-right: var(--spacing-xx-small);
}

gaf-radio-button:not(.gaf-escape *) fieldset {
  max-width: 600px;
}
gaf-radio-button:not(.gaf-escape *) fieldset .label_container {
  display: flex;
  flex-direction: column;
}
gaf-radio-button:not(.gaf-escape *) fieldset .label_container.no-desc {
  margin-bottom: var(--spacing-x-small);
}
gaf-radio-button:not(.gaf-escape *) fieldset .label_container .radio-desc {
  margin-bottom: var(--spacing-medium);
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio {
  display: flex;
  margin-top: var(--spacing-x-small);
  margin-bottom: var(--spacing-x-small);
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio input {
  place-self: center center;
  padding: var(--spacing-none);
  min-width: 1.25rem;
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio:first-of-type {
  margin-top: var(--spacing-none);
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio:last-child {
  margin-bottom: var(--spacing-none);
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio:has(input[readonly]), gaf-radio-button:not(.gaf-escape *) fieldset div.radio:has(input:disabled) {
  cursor: not-allowed;
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio:has(input[readonly]) input, gaf-radio-button:not(.gaf-escape *) fieldset div.radio:has(input:disabled) input {
  pointer-events: none;
  background-color: var(--background-readonly);
  border-color: var(--border-readonly);
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio label {
  justify-self: center;
  padding: var(--spacing-none);
}
gaf-radio-button:not(.gaf-escape *) fieldset div.radio .label_container {
  margin-bottom: var(--spacing-none);
}
gaf-radio-button:not(.gaf-escape *) fieldset .radio-error i {
  margin-right: var(--spacing-xx-small);
}

c-ds-icon-button:not(.gaf-escape *) button.icon-btn {
  height: fit-content;
  width: fit-content;
  border-radius: 100px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
c-ds-icon-button:not(.gaf-escape *) .small c-ds-icon,
c-ds-icon-button:not(.gaf-escape *) .large c-ds-icon {
  height: fit-content;
  display: block;
}
c-ds-icon-button:not(.gaf-escape *) button.small,
c-ds-icon-button:not(.gaf-escape *) button.large,
c-ds-icon-button:not(.gaf-escape *) button.extra-small {
  padding: var(--spacing-xx-small);
}
c-ds-icon-button:not(.gaf-escape *) button:not([color]) {
  --text: var(--text-primary);
}

gaf-ds-icon-button:not(.gaf-escape *) button.icon-btn {
  height: fit-content;
  width: fit-content;
  border-radius: 100px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
gaf-ds-icon-button:not(.gaf-escape *) .small c-ds-icon,
gaf-ds-icon-button:not(.gaf-escape *) .large c-ds-icon {
  height: fit-content;
  display: block;
}
gaf-ds-icon-button:not(.gaf-escape *) button.small,
gaf-ds-icon-button:not(.gaf-escape *) button.large,
gaf-ds-icon-button:not(.gaf-escape *) button.extra-small {
  padding: var(--spacing-xx-small);
}
gaf-ds-icon-button:not(.gaf-escape *) button:not([color]) {
  --text: var(--text-primary);
}

c-global-header:not(.gaf-escape *) .heading {
  display: flex;
  background-color: var(--surface1);
  border-bottom: 2px solid var(--navy-11);
  container-type: inline-size;
  container-name: header-container;
  align-items: center;
  align-self: stretch;
  justify-content: center;
}
c-global-header:not(.gaf-escape *) .heading a:hover {
  --generic-hover: transparent;
}
c-global-header:not(.gaf-escape *) .heading .header-content {
  display: flex;
  max-width: var(--max-width);
  justify-content: space-between;
  flex-basis: 100%;
}
c-global-header:not(.gaf-escape *) .heading .image-container {
  align-self: center;
  padding: var(--spacing-large) var(--spacing-none) var(--spacing-large) var(--spacing-xx-large);
}
c-global-header:not(.gaf-escape *) .heading .image-container a {
  display: flex;
  line-height: 0.7rem;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-global-header:not(.gaf-escape *) .heading .image-container {
    width: auto;
    padding: var(--spacing-large) var(--spacing-none) var(--spacing-large) var(--spacing-large);
  }
  c-global-header:not(.gaf-escape *) .heading .image-container .header-content {
    padding: var(--spacing-none) var(--spacing-large);
  }
}
c-global-header:not(.gaf-escape *) .heading .image-container c-svg-provider svg {
  height: 100%;
  object-fit: contain;
  width: 360px;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-global-header:not(.gaf-escape *) .heading .image-container c-svg-provider svg {
    max-width: 250px;
    width: 70vw;
  }
}
c-global-header:not(.gaf-escape *) .heading .language-switch {
  place-self: center end;
  padding-right: var(--spacing-xx-large);
  padding-left: var(--spacing-xx-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-global-header:not(.gaf-escape *) .heading .language-switch {
    padding-right: var(--spacing-large);
  }
}
c-global-header:not(.gaf-escape *) .heading .language-switch a {
  display: block;
}
c-global-header:not(.gaf-escape *) .heading .language-switch span {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
c-global-header:not(.gaf-escape *) abbr[title] {
  cursor: help;
}
c-global-header:not(.gaf-escape *) abbr {
  font-size: 1.2em;
  text-transform: uppercase;
}
c-global-header:not(.gaf-escape *) .visible-xs {
  display: none;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-global-header:not(.gaf-escape *) .hidden-xs {
    display: none;
  }
  c-global-header:not(.gaf-escape *) .visible-xs {
    display: block;
  }
}
c-global-header:not(.gaf-escape *) ircc-cl-lib-theme-switch {
  place-self: center end;
}
@container header-container (width > 95vw) {
  c-global-header:not(.gaf-escape *) .header-line {
    overflow: visible;
    margin-left: -var(--spacing-x-small);
    margin-right: -var(--spacing-x-small);
  }
}
c-global-header:not(.gaf-escape *) .header-line {
  color: var(--navy-11);
  border-width: 2px;
  border-style: solid;
  margin-top: var(--spacing-none);
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-global-header:not(.gaf-escape *) .header-line {
    margin-left: -var(--spacing-x-small);
    margin-right: -var(--spacing-x-small);
  }
}
@media (width <= 979px) {
  c-global-header:not(.gaf-escape *) .header-line {
    margin-left: -var(--spacing-x-small);
    margin-right: -var(--spacing-x-small);
  }
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-global-header:not(.gaf-escape *) :focus {
    outline-offset: 4px;
  }
}

gaf-global-header:not(.gaf-escape *) .heading {
  display: flex;
  background-color: var(--surface1);
  border-bottom: 2px solid var(--navy-11);
  container-type: inline-size;
  container-name: header-container;
  align-items: center;
  align-self: stretch;
  justify-content: center;
}
gaf-global-header:not(.gaf-escape *) .heading a:hover {
  --generic-hover: transparent;
}
gaf-global-header:not(.gaf-escape *) .heading .header-content {
  display: flex;
  max-width: var(--max-width);
  justify-content: space-between;
  flex-basis: 100%;
}
gaf-global-header:not(.gaf-escape *) .heading .image-container {
  align-self: center;
  padding: var(--spacing-large) var(--spacing-none) var(--spacing-large) var(--spacing-xx-large);
}
gaf-global-header:not(.gaf-escape *) .heading .image-container a {
  display: flex;
  line-height: 0.7rem;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-global-header:not(.gaf-escape *) .heading .image-container {
    width: auto;
    padding: var(--spacing-large) var(--spacing-none) var(--spacing-large) var(--spacing-large);
  }
  gaf-global-header:not(.gaf-escape *) .heading .image-container .header-content {
    padding: var(--spacing-none) var(--spacing-large);
  }
}
gaf-global-header:not(.gaf-escape *) .heading .image-container c-svg-provider svg {
  height: 100%;
  object-fit: contain;
  width: 360px;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-global-header:not(.gaf-escape *) .heading .image-container c-svg-provider svg {
    max-width: 250px;
    width: 70vw;
  }
}
gaf-global-header:not(.gaf-escape *) .heading .language-switch {
  place-self: center end;
  padding-right: var(--spacing-xx-large);
  padding-left: var(--spacing-xx-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-global-header:not(.gaf-escape *) .heading .language-switch {
    padding-right: var(--spacing-large);
  }
}
gaf-global-header:not(.gaf-escape *) .heading .language-switch a {
  display: block;
}
gaf-global-header:not(.gaf-escape *) .heading .language-switch span {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
gaf-global-header:not(.gaf-escape *) abbr[title] {
  cursor: help;
}
gaf-global-header:not(.gaf-escape *) abbr {
  font-size: 1.2em;
  text-transform: uppercase;
}
gaf-global-header:not(.gaf-escape *) .visible-xs {
  display: none;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-global-header:not(.gaf-escape *) .hidden-xs {
    display: none;
  }
  gaf-global-header:not(.gaf-escape *) .visible-xs {
    display: block;
  }
}
gaf-global-header:not(.gaf-escape *) ircc-cl-lib-theme-switch {
  place-self: center end;
}
@container header-container (width > 95vw) {
  gaf-global-header:not(.gaf-escape *) .header-line {
    overflow: visible;
    margin-left: -var(--spacing-x-small);
    margin-right: -var(--spacing-x-small);
  }
}
gaf-global-header:not(.gaf-escape *) .header-line {
  color: var(--navy-11);
  border-width: 2px;
  border-style: solid;
  margin-top: var(--spacing-none);
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-global-header:not(.gaf-escape *) .header-line {
    margin-left: -var(--spacing-x-small);
    margin-right: -var(--spacing-x-small);
  }
}
@media (width <= 979px) {
  gaf-global-header:not(.gaf-escape *) .header-line {
    margin-left: -var(--spacing-x-small);
    margin-right: -var(--spacing-x-small);
  }
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-global-header:not(.gaf-escape *) :focus {
    outline-offset: 4px;
  }
}

c-global-footer:not(.gaf-escape *) a.external-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
}
c-global-footer:not(.gaf-escape *) .footing {
  background: var(--surface2);
  display: flex;
  align-items: center;
  flex-direction: column;
}
c-global-footer:not(.gaf-escape *) .footing__bottom-content {
  display: flex;
  justify-content: center;
  flex: 1 0 0;
  background: var(--surface1);
  width: 100%;
  padding-bottom: var(--spacing-medium);
}
c-global-footer:not(.gaf-escape *) .footing__main-content {
  display: flex;
  justify-content: center;
  width: 100%;
}
c-global-footer:not(.gaf-escape *) .footing__main-content--container {
  flex: 1 0 0;
  display: flex;
  justify-content: space-between;
  max-width: var(--max-width);
  align-items: center;
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-x-large) var(--spacing-large);
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--container {
    padding-left: var(--spacing-xx-large);
    padding-right: var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--container {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }
}
c-global-footer:not(.gaf-escape *) .footing__main-content--nav-links {
  flex: 1;
  padding-right: var(--spacing-medium);
}
@media only screen and (min-width: 1023px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--nav-links {
    padding-left: var(--spacing-xx-large);
  }
}
c-global-footer:not(.gaf-escape *) .footing__main-content--link {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: var(--spacing-none);
  padding: var(--spacing-none);
}
c-global-footer:not(.gaf-escape *) .footing__main-content--link li {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-medium);
}
c-global-footer:not(.gaf-escape *) .footing__main-content--link li:last-child {
  padding-bottom: var(--spacing-none);
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--link li {
    padding-bottom: var(--spacing-small);
    max-width: 480px;
  }
  c-global-footer:not(.gaf-escape *) .footing__main-content--link li:last-child {
    padding-bottom: var(--spacing-none);
  }
}
@media only screen and (min-width: 1023px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--link li {
    padding: var(--spacing-none);
  }
}
c-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link {
  color: var(--link-text);
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  font-family: "Noto Sans", sans-serif;
  margin-bottom: var(--spacing-none);
  padding: var(--spacing-none);
}
@media (any-hover: hover) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link:hover {
    color: var(--link-text-hover);
    background-color: transparent;
    cursor: pointer;
  }
}
c-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link:active {
  color: var(--link-text-active);
  background-color: var(--generic-active);
}
c-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link:visited {
  color: var(--link-text-visited);
}
@media only screen and (min-width: 1023px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--link {
    flex-direction: row;
  }
  c-global-footer:not(.gaf-escape *) .footing__main-content--link li:first-child::before {
    content: "";
  }
  c-global-footer:not(.gaf-escape *) .footing__main-content--link li:not(:first-child)::before {
    content: "•";
    margin: var(--spacing-none) var(--spacing-small);
    width: 4px;
  }
}
c-global-footer:not(.gaf-escape *) .footing__main-content--logo {
  align-self: flex-end;
}
@media only screen and (min-width: 1023px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--logo {
    padding-right: var(--spacing-xx-large);
  }
}
c-global-footer:not(.gaf-escape *) .footing__main-content--img > c-svg-provider > svg {
  height: 100%;
  width: 100%;
  max-width: 168px;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-global-footer:not(.gaf-escape *) .footing__main-content--img > c-svg-provider > svg {
    max-width: 105px;
  }
}

gaf-global-footer:not(.gaf-escape *) a.external-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
}
gaf-global-footer:not(.gaf-escape *) .footing {
  background: var(--surface2);
  display: flex;
  align-items: center;
  flex-direction: column;
}
gaf-global-footer:not(.gaf-escape *) .footing__bottom-content {
  display: flex;
  justify-content: center;
  flex: 1 0 0;
  background: var(--surface1);
  width: 100%;
  padding-bottom: var(--spacing-medium);
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content {
  display: flex;
  justify-content: center;
  width: 100%;
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--container {
  flex: 1 0 0;
  display: flex;
  justify-content: space-between;
  max-width: var(--max-width);
  align-items: center;
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-x-large) var(--spacing-large);
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--container {
    padding-left: var(--spacing-xx-large);
    padding-right: var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--container {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--nav-links {
  flex: 1;
  padding-right: var(--spacing-medium);
}
@media only screen and (min-width: 1023px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--nav-links {
    padding-left: var(--spacing-xx-large);
  }
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--link {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: var(--spacing-none);
  padding: var(--spacing-none);
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--link li {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-medium);
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--link li:last-child {
  padding-bottom: var(--spacing-none);
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--link li {
    padding-bottom: var(--spacing-small);
    max-width: 480px;
  }
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--link li:last-child {
    padding-bottom: var(--spacing-none);
  }
}
@media only screen and (min-width: 1023px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--link li {
    padding: var(--spacing-none);
  }
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link {
  color: var(--link-text);
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  font-family: "Noto Sans", sans-serif;
  margin-bottom: var(--spacing-none);
  padding: var(--spacing-none);
}
@media (any-hover: hover) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link:hover {
    color: var(--link-text-hover);
    background-color: transparent;
    cursor: pointer;
  }
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link:active {
  color: var(--link-text-active);
  background-color: var(--generic-active);
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--link a.external-link:visited {
  color: var(--link-text-visited);
}
@media only screen and (min-width: 1023px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--link {
    flex-direction: row;
  }
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--link li:first-child::before {
    content: "";
  }
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--link li:not(:first-child)::before {
    content: "•";
    margin: var(--spacing-none) var(--spacing-small);
    width: 4px;
  }
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--logo {
  align-self: flex-end;
}
@media only screen and (min-width: 1023px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--logo {
    padding-right: var(--spacing-xx-large);
  }
}
gaf-global-footer:not(.gaf-escape *) .footing__main-content--img > c-svg-provider > svg {
  height: 100%;
  width: 100%;
  max-width: 168px;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-global-footer:not(.gaf-escape *) .footing__main-content--img > c-svg-provider > svg {
    max-width: 105px;
  }
}

c-custom-autocomplete:not(.gaf-escape *) {
  position: relative;
  width: 100%;
}
c-custom-autocomplete:not(.gaf-escape *):where([size=large]) ircc-cl-lib-flyout {
  top: 90px;
}
c-custom-autocomplete:not(.gaf-escape *) .wrapper {
  --option-height: 39px;
  min-width: 92px;
  margin-bottom: var(--spacing-medium);
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout {
  background-color: var(--grey-1);
  padding: var(--spacing-none);
  box-shadow: rgba(0, 0, 0, 0.257) 0 2px 6px;
  left: 0;
  top: calc(100% + 8px);
  z-index: 100;
  color: var(--text-primary);
  margin: var(--spacing-none);
  max-height: calc(var(--option-height) * 5);
  overflow-x: hidden;
  position: absolute;
  width: 100%;
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.large {
  top: 85px;
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up {
  top: calc(var(--option-height) * -5);
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(1)) {
  height: calc(var(--option-height) * 1);
  top: calc(var(--option-height) * -1);
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(2)) {
  height: calc(var(--option-height) * 2);
  top: calc(var(--option-height) * -2);
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(3)) {
  height: calc(var(--option-height) * 3);
  top: calc(var(--option-height) * -3);
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(4)) {
  height: calc(var(--option-height) * 4);
  top: calc(var(--option-height) * -4);
}
c-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-middle {
  top: -70px;
}
c-custom-autocomplete:not(.gaf-escape *) .autocomplete__option--focused {
  background-color: var(--grey-3);
  border-color: var(--grey-3);
  outline: none;
  border-radius: 4px;
}
c-custom-autocomplete:not(.gaf-escape *) .autocomplete__option,
c-custom-autocomplete:not(.gaf-escape *) .autocomplete__option--focused {
  box-sizing: border-box;
  list-style-type: none;
  padding: var(--spacing-x-small) var(--spacing-medium);
  margin: auto;
}
c-custom-autocomplete:not(.gaf-escape *) .autocomplete__option--focused:hover,
c-custom-autocomplete:not(.gaf-escape *) .autocomplete__option:hover {
  background-color: var(--grey-2);
  border-color: var(--grey-2);
  outline: none;
  border-radius: 4px;
}
c-custom-autocomplete:not(.gaf-escape *) .wrapper,
c-custom-autocomplete:not(.gaf-escape *) .autocomplete__input,
c-custom-autocomplete:not(.gaf-escape *) .input-container {
  position: relative;
}
c-custom-autocomplete:not(.gaf-escape *) c-input > .input-content-area {
  overflow: visible;
}

gaf-custom-autocomplete:not(.gaf-escape *) {
  position: relative;
  width: 100%;
}
gaf-custom-autocomplete:not(.gaf-escape *):where([size=large]) ircc-cl-lib-flyout {
  top: 90px;
}
gaf-custom-autocomplete:not(.gaf-escape *) .wrapper {
  --option-height: 39px;
  min-width: 92px;
  margin-bottom: var(--spacing-medium);
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout {
  background-color: var(--grey-1);
  padding: var(--spacing-none);
  box-shadow: rgba(0, 0, 0, 0.257) 0 2px 6px;
  left: 0;
  top: calc(100% + 8px);
  z-index: 100;
  color: var(--text-primary);
  margin: var(--spacing-none);
  max-height: calc(var(--option-height) * 5);
  overflow-x: hidden;
  position: absolute;
  width: 100%;
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.large {
  top: 85px;
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up {
  top: calc(var(--option-height) * -5);
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(1)) {
  height: calc(var(--option-height) * 1);
  top: calc(var(--option-height) * -1);
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(2)) {
  height: calc(var(--option-height) * 2);
  top: calc(var(--option-height) * -2);
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(3)) {
  height: calc(var(--option-height) * 3);
  top: calc(var(--option-height) * -3);
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-up:has(> :last-child:nth-child(4)) {
  height: calc(var(--option-height) * 4);
  top: calc(var(--option-height) * -4);
}
gaf-custom-autocomplete:not(.gaf-escape *) .ircc-cl-lib-flyout.open-middle {
  top: -70px;
}
gaf-custom-autocomplete:not(.gaf-escape *) .autocomplete__option--focused {
  background-color: var(--grey-3);
  border-color: var(--grey-3);
  outline: none;
  border-radius: 4px;
}
gaf-custom-autocomplete:not(.gaf-escape *) .autocomplete__option,
gaf-custom-autocomplete:not(.gaf-escape *) .autocomplete__option--focused {
  box-sizing: border-box;
  list-style-type: none;
  padding: var(--spacing-x-small) var(--spacing-medium);
  margin: auto;
}
gaf-custom-autocomplete:not(.gaf-escape *) .autocomplete__option--focused:hover,
gaf-custom-autocomplete:not(.gaf-escape *) .autocomplete__option:hover {
  background-color: var(--grey-2);
  border-color: var(--grey-2);
  outline: none;
  border-radius: 4px;
}
gaf-custom-autocomplete:not(.gaf-escape *) .wrapper,
gaf-custom-autocomplete:not(.gaf-escape *) .autocomplete__input,
gaf-custom-autocomplete:not(.gaf-escape *) .input-container {
  position: relative;
}
gaf-custom-autocomplete:not(.gaf-escape *) c-input > .input-content-area {
  overflow: visible;
}

c-date-picker:not(.gaf-escape *) .date-picker-container {
  display: flex;
  flex-direction: column;
  max-width: 600px;
}
c-date-picker:not(.gaf-escape *) .date-input-fields-container {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-small);
}
c-date-picker:not(.gaf-escape *) .date-input-fields-container c-custom-autocomplete c-input label,
c-date-picker:not(.gaf-escape *) .date-input-fields-container c-input label {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
}
c-date-picker:not(.gaf-escape *) .date-input-fields-container c-input {
  width: auto;
}
c-date-picker:not(.gaf-escape *) .date-input-fields-container > * {
  flex-basis: 33%;
}
c-date-picker:not(.gaf-escape *) fieldset .label_container {
  margin-bottom: var(--spacing-none);
}
c-date-picker:not(.gaf-escape *) .date-checkbox-container:empty {
  padding-bottom: var(--spacing-x-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-date-picker:not(.gaf-escape *) .date-input-fields-container {
    flex-direction: column;
  }
}

gaf-date-picker:not(.gaf-escape *) .date-picker-container {
  display: flex;
  flex-direction: column;
  max-width: 600px;
}
gaf-date-picker:not(.gaf-escape *) .date-input-fields-container {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-small);
}
gaf-date-picker:not(.gaf-escape *) .date-input-fields-container c-custom-autocomplete c-input label,
gaf-date-picker:not(.gaf-escape *) .date-input-fields-container c-input label {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-none);
  font-family: "Lato";
  font-weight: 400;
}
gaf-date-picker:not(.gaf-escape *) .date-input-fields-container c-input {
  width: auto;
}
gaf-date-picker:not(.gaf-escape *) .date-input-fields-container > * {
  flex-basis: 33%;
}
gaf-date-picker:not(.gaf-escape *) fieldset .label_container {
  margin-bottom: var(--spacing-none);
}
gaf-date-picker:not(.gaf-escape *) .date-checkbox-container:empty {
  padding-bottom: var(--spacing-x-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-date-picker:not(.gaf-escape *) .date-input-fields-container {
    flex-direction: column;
  }
}

c-ds-icon:not(.gaf-escape *) .icon-container[size="12px"] {
  height: 12px;
  width: 12px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="12px"] i {
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="16px"] {
  height: 16px;
  width: 16px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="16px"] i {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="20px"] {
  height: 20px;
  width: 20px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="20px"] i {
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="24px"] {
  height: 24px;
  width: 24px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="24px"] i {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="28px"] {
  height: 28px;
  width: 28px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="28px"] i {
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="32px"] {
  height: 32px;
  width: 32px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="32px"] i {
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="36px"] {
  height: 36px;
  width: 36px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="36px"] i {
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="40px"] {
  height: 40px;
  width: 40px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size="40px"] i {
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 300;
}
c-ds-icon:not(.gaf-escape *) .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
c-ds-icon:not(.gaf-escape *) .icon-container,
c-ds-icon:not(.gaf-escape *) .icon-container[size=extra-small] {
  height: 16px;
  width: 16px;
}
c-ds-icon:not(.gaf-escape *) .icon-container i,
c-ds-icon:not(.gaf-escape *) .icon-container[size=extra-small] i {
  font-size: 12px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size=small] {
  height: 20px;
  width: 20px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size=small] i {
  font-size: 16px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size=large] {
  height: 24px;
  width: 24px;
}
c-ds-icon:not(.gaf-escape *) .icon-container[size=large] i {
  font-size: 20px;
}

gaf-ds-icon:not(.gaf-escape *) .icon-container[size="12px"] {
  height: 12px;
  width: 12px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="12px"] i {
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="16px"] {
  height: 16px;
  width: 16px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="16px"] i {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="20px"] {
  height: 20px;
  width: 20px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="20px"] i {
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="24px"] {
  height: 24px;
  width: 24px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="24px"] i {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="28px"] {
  height: 28px;
  width: 28px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="28px"] i {
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="32px"] {
  height: 32px;
  width: 32px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="32px"] i {
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="36px"] {
  height: 36px;
  width: 36px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="36px"] i {
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="40px"] {
  height: 40px;
  width: 40px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size="40px"] i {
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 300;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container,
gaf-ds-icon:not(.gaf-escape *) .icon-container[size=extra-small] {
  height: 16px;
  width: 16px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container i,
gaf-ds-icon:not(.gaf-escape *) .icon-container[size=extra-small] i {
  font-size: 12px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size=small] {
  height: 20px;
  width: 20px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size=small] i {
  font-size: 16px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size=large] {
  height: 24px;
  width: 24px;
}
gaf-ds-icon:not(.gaf-escape *) .icon-container[size=large] i {
  font-size: 20px;
}

c-ds-button:not(.gaf-escape *):has(button[fill-container]) {
  width: 100%;
}
c-ds-button:not(.gaf-escape *) .lib-button .button-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-x-small);
}
c-ds-button:not(.gaf-escape *) .lib-button .icon {
  font-weight: 300;
}
c-ds-button:not(.gaf-escape *) .lib-button .text {
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-ds-button:not(.gaf-escape *) .lib-button .button-content-container {
    justify-content: center;
  }
}
c-ds-button:not(.gaf-escape *) .lib-button.open .dropdown-icon {
  transform: rotate(180deg);
}
c-ds-button:not(.gaf-escape *) button[category=link] {
  text-decoration: none;
}
c-ds-button:not(.gaf-escape *) button[category=link] .text {
  text-decoration: underline;
}
c-ds-button:not(.gaf-escape *) button[fill-container] .button-content-container {
  justify-content: center;
}

gaf-ds-button:not(.gaf-escape *):has(button[fill-container]) {
  width: 100%;
}
gaf-ds-button:not(.gaf-escape *) .lib-button .button-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-x-small);
}
gaf-ds-button:not(.gaf-escape *) .lib-button .icon {
  font-weight: 300;
}
gaf-ds-button:not(.gaf-escape *) .lib-button .text {
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-ds-button:not(.gaf-escape *) .lib-button .button-content-container {
    justify-content: center;
  }
}
gaf-ds-button:not(.gaf-escape *) .lib-button.open .dropdown-icon {
  transform: rotate(180deg);
}
gaf-ds-button:not(.gaf-escape *) button[category=link] {
  text-decoration: none;
}
gaf-ds-button:not(.gaf-escape *) button[category=link] .text {
  text-decoration: underline;
}
gaf-ds-button:not(.gaf-escape *) button[fill-container] .button-content-container {
  justify-content: center;
}

c-errors:not(.gaf-escape *):where([size=large]).error-component,
c-errors:not(.gaf-escape *):where([size=large]) .error-component {
  line-height: 24px;
}
c-errors:not(.gaf-escape *):where([size=large]) .error-icon {
  font-size: 20px;
}
c-errors:not(.gaf-escape *):where([size=large]) .error-icon i {
  font-weight: 300;
  line-height: 20px;
}
c-errors:not(.gaf-escape *):where([size=large]) .error-text {
  font-size: 16px;
}
c-errors:not(.gaf-escape *):where([size=large]) .small.error-component,
c-errors:not(.gaf-escape *):where([size=large]) .small .error-component {
  line-height: 20px;
}
c-errors:not(.gaf-escape *):where([size=large]) .small .error-icon {
  font-size: 16px;
}
c-errors:not(.gaf-escape *):where([size=large]) .small .error-icon i {
  font-weight: 300;
  line-height: 16px;
}
c-errors:not(.gaf-escape *):where([size=large]) .small .error-text {
  font-size: 14px;
}
c-errors:not(.gaf-escape *):where(:not([size])).error-component,
c-errors:not(.gaf-escape *):where(:not([size])) .error-component, c-errors:not(.gaf-escape *):where([size=small]).error-component,
c-errors:not(.gaf-escape *):where([size=small]) .error-component {
  line-height: 20px;
}
c-errors:not(.gaf-escape *):where(:not([size])) .error-icon, c-errors:not(.gaf-escape *):where([size=small]) .error-icon {
  font-size: 16px;
}
c-errors:not(.gaf-escape *):where(:not([size])) .error-icon i, c-errors:not(.gaf-escape *):where([size=small]) .error-icon i {
  font-weight: 300;
  line-height: 16px;
}
c-errors:not(.gaf-escape *):where(:not([size])) .error-text, c-errors:not(.gaf-escape *):where([size=small]) .error-text {
  font-size: 14px;
}
c-errors:not(.gaf-escape *):where(:not([size])) .large.error-component,
c-errors:not(.gaf-escape *):where(:not([size])) .large .error-component, c-errors:not(.gaf-escape *):where([size=small]) .large.error-component,
c-errors:not(.gaf-escape *):where([size=small]) .large .error-component {
  line-height: 24px;
}
c-errors:not(.gaf-escape *):where(:not([size])) .large .error-icon, c-errors:not(.gaf-escape *):where([size=small]) .large .error-icon {
  font-size: 20px;
}
c-errors:not(.gaf-escape *):where(:not([size])) .large .error-icon i, c-errors:not(.gaf-escape *):where([size=small]) .large .error-icon i {
  font-weight: 300;
  line-height: 20px;
}
c-errors:not(.gaf-escape *):where(:not([size])) .large .error-text, c-errors:not(.gaf-escape *):where([size=small]) .large .error-text {
  font-size: 16px;
}
c-errors:not(.gaf-escape *) .error-component {
  display: flex;
  color: var(--critical-validation-text-weak);
  margin-top: var(--spacing-x-small);
}
c-errors:not(.gaf-escape *) .error-component .error-icon {
  display: flex;
  align-self: flex-start;
  margin-right: var(--spacing-xx-small);
}
c-errors:not(.gaf-escape *) .error-component .error-text__container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
c-errors:not(.gaf-escape *) .error-component .error-text {
  color: var(--critical-validation-text-weak);
}

gaf-errors:not(.gaf-escape *):where([size=large]).error-component,
gaf-errors:not(.gaf-escape *):where([size=large]) .error-component {
  line-height: 24px;
}
gaf-errors:not(.gaf-escape *):where([size=large]) .error-icon {
  font-size: 20px;
}
gaf-errors:not(.gaf-escape *):where([size=large]) .error-icon i {
  font-weight: 300;
  line-height: 20px;
}
gaf-errors:not(.gaf-escape *):where([size=large]) .error-text {
  font-size: 16px;
}
gaf-errors:not(.gaf-escape *):where([size=large]) .small.error-component,
gaf-errors:not(.gaf-escape *):where([size=large]) .small .error-component {
  line-height: 20px;
}
gaf-errors:not(.gaf-escape *):where([size=large]) .small .error-icon {
  font-size: 16px;
}
gaf-errors:not(.gaf-escape *):where([size=large]) .small .error-icon i {
  font-weight: 300;
  line-height: 16px;
}
gaf-errors:not(.gaf-escape *):where([size=large]) .small .error-text {
  font-size: 14px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])).error-component,
gaf-errors:not(.gaf-escape *):where(:not([size])) .error-component, gaf-errors:not(.gaf-escape *):where([size=small]).error-component,
gaf-errors:not(.gaf-escape *):where([size=small]) .error-component {
  line-height: 20px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])) .error-icon, gaf-errors:not(.gaf-escape *):where([size=small]) .error-icon {
  font-size: 16px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])) .error-icon i, gaf-errors:not(.gaf-escape *):where([size=small]) .error-icon i {
  font-weight: 300;
  line-height: 16px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])) .error-text, gaf-errors:not(.gaf-escape *):where([size=small]) .error-text {
  font-size: 14px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])) .large.error-component,
gaf-errors:not(.gaf-escape *):where(:not([size])) .large .error-component, gaf-errors:not(.gaf-escape *):where([size=small]) .large.error-component,
gaf-errors:not(.gaf-escape *):where([size=small]) .large .error-component {
  line-height: 24px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])) .large .error-icon, gaf-errors:not(.gaf-escape *):where([size=small]) .large .error-icon {
  font-size: 20px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])) .large .error-icon i, gaf-errors:not(.gaf-escape *):where([size=small]) .large .error-icon i {
  font-weight: 300;
  line-height: 20px;
}
gaf-errors:not(.gaf-escape *):where(:not([size])) .large .error-text, gaf-errors:not(.gaf-escape *):where([size=small]) .large .error-text {
  font-size: 16px;
}
gaf-errors:not(.gaf-escape *) .error-component {
  display: flex;
  color: var(--critical-validation-text-weak);
  margin-top: var(--spacing-x-small);
}
gaf-errors:not(.gaf-escape *) .error-component .error-icon {
  display: flex;
  align-self: flex-start;
  margin-right: var(--spacing-xx-small);
}
gaf-errors:not(.gaf-escape *) .error-component .error-text__container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
gaf-errors:not(.gaf-escape *) .error-component .error-text {
  color: var(--critical-validation-text-weak);
}

c-ds-progress-tag:not(.gaf-escape *):where([size=large]) .tag-container {
  padding: var(--spacing-xx-small) var(--spacing-x-small);
}
c-ds-progress-tag:not(.gaf-escape *):where([size=large]) .tag-icon {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
c-ds-progress-tag:not(.gaf-escape *):where([size=large]) .content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
c-ds-progress-tag:not(.gaf-escape *):where([size=large]) .small .tag-container {
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
}
c-ds-progress-tag:not(.gaf-escape *):where([size=large]) .small .tag-icon {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
c-ds-progress-tag:not(.gaf-escape *):where([size=large]) .small .content {
  font-family: "Noto Sans";
  font-weight: 600;
}
c-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .tag-container, c-ds-progress-tag:not(.gaf-escape *):where([size=small]) .tag-container {
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
}
c-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .tag-icon, c-ds-progress-tag:not(.gaf-escape *):where([size=small]) .tag-icon {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
c-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .content, c-ds-progress-tag:not(.gaf-escape *):where([size=small]) .content {
  font-family: "Noto Sans";
  font-weight: 600;
}
c-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .large .tag-container, c-ds-progress-tag:not(.gaf-escape *):where([size=small]) .large .tag-container {
  padding: var(--spacing-xx-small) var(--spacing-x-small);
}
c-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .large .tag-icon, c-ds-progress-tag:not(.gaf-escape *):where([size=small]) .large .tag-icon {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
c-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .large .content, c-ds-progress-tag:not(.gaf-escape *):where([size=small]) .large .content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
c-ds-progress-tag:not(.gaf-escape *) .tag-container {
  display: flex;
  width: 100%;
}
c-ds-progress-tag:not(.gaf-escape *) .tag-container:has(.icon-container) {
  padding-left: var(--spacing-xx-small);
  padding-right: var(--spacing-xx-small);
}
c-ds-progress-tag:not(.gaf-escape *) .tag-component {
  width: fit-content;
  height: auto;
  background-color: var(--primary-validation-background-weak);
  display: flex;
  flex-direction: row;
  position: relative;
  transition: opacity 0.2s linear;
  border-radius: 100px;
}
c-ds-progress-tag:not(.gaf-escape *) .tag-left {
  display: flex;
  flex-direction: column;
  place-items: center center;
  height: 100%;
  gap: var(--spacing-small);
  --text: var(--primary-validation-text-weak);
  color: var(--text);
}
c-ds-progress-tag:not(.gaf-escape *) .tag-left div {
  align-items: center;
  display: flex;
}
c-ds-progress-tag:not(.gaf-escape *) .tag-left div .content {
  margin-left: var(--spacing-xx-small);
  white-space: nowrap;
}
c-ds-progress-tag:not(.gaf-escape *) .tag-left .text-container .content {
  margin-left: var(--spacing-none);
}
c-ds-progress-tag:not(.gaf-escape *) .neutral {
  background-color: var(--neutral-validation-background-weak);
}
c-ds-progress-tag:not(.gaf-escape *) .neutral .tag-left {
  --text: var(--neutral-text);
}
c-ds-progress-tag:not(.gaf-escape *) .success {
  background-color: var(--success-validation-background-weak);
}
c-ds-progress-tag:not(.gaf-escape *) .success .tag-left {
  --text: var(--success-text);
}
c-ds-progress-tag:not(.gaf-escape *) .critical {
  background-color: var(--critical-validation-background-weak);
}
c-ds-progress-tag:not(.gaf-escape *) .critical .tag-left {
  --text: var(--critical-text);
}

gaf-ds-progress-tag:not(.gaf-escape *):where([size=large]) .tag-container {
  padding: var(--spacing-xx-small) var(--spacing-x-small);
}
gaf-ds-progress-tag:not(.gaf-escape *):where([size=large]) .tag-icon {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
gaf-ds-progress-tag:not(.gaf-escape *):where([size=large]) .content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
gaf-ds-progress-tag:not(.gaf-escape *):where([size=large]) .small .tag-container {
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
}
gaf-ds-progress-tag:not(.gaf-escape *):where([size=large]) .small .tag-icon {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
gaf-ds-progress-tag:not(.gaf-escape *):where([size=large]) .small .content {
  font-family: "Noto Sans";
  font-weight: 600;
}
gaf-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .tag-container, gaf-ds-progress-tag:not(.gaf-escape *):where([size=small]) .tag-container {
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
}
gaf-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .tag-icon, gaf-ds-progress-tag:not(.gaf-escape *):where([size=small]) .tag-icon {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
gaf-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .content, gaf-ds-progress-tag:not(.gaf-escape *):where([size=small]) .content {
  font-family: "Noto Sans";
  font-weight: 600;
}
gaf-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .large .tag-container, gaf-ds-progress-tag:not(.gaf-escape *):where([size=small]) .large .tag-container {
  padding: var(--spacing-xx-small) var(--spacing-x-small);
}
gaf-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .large .tag-icon, gaf-ds-progress-tag:not(.gaf-escape *):where([size=small]) .large .tag-icon {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
gaf-ds-progress-tag:not(.gaf-escape *):where(:not([size])) .large .content, gaf-ds-progress-tag:not(.gaf-escape *):where([size=small]) .large .content {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
gaf-ds-progress-tag:not(.gaf-escape *) .tag-container {
  display: flex;
  width: 100%;
}
gaf-ds-progress-tag:not(.gaf-escape *) .tag-container:has(.icon-container) {
  padding-left: var(--spacing-xx-small);
  padding-right: var(--spacing-xx-small);
}
gaf-ds-progress-tag:not(.gaf-escape *) .tag-component {
  width: fit-content;
  height: auto;
  background-color: var(--primary-validation-background-weak);
  display: flex;
  flex-direction: row;
  position: relative;
  transition: opacity 0.2s linear;
  border-radius: 100px;
}
gaf-ds-progress-tag:not(.gaf-escape *) .tag-left {
  display: flex;
  flex-direction: column;
  place-items: center center;
  height: 100%;
  gap: var(--spacing-small);
  --text: var(--primary-validation-text-weak);
  color: var(--text);
}
gaf-ds-progress-tag:not(.gaf-escape *) .tag-left div {
  align-items: center;
  display: flex;
}
gaf-ds-progress-tag:not(.gaf-escape *) .tag-left div .content {
  margin-left: var(--spacing-xx-small);
  white-space: nowrap;
}
gaf-ds-progress-tag:not(.gaf-escape *) .tag-left .text-container .content {
  margin-left: var(--spacing-none);
}
gaf-ds-progress-tag:not(.gaf-escape *) .neutral {
  background-color: var(--neutral-validation-background-weak);
}
gaf-ds-progress-tag:not(.gaf-escape *) .neutral .tag-left {
  --text: var(--neutral-text);
}
gaf-ds-progress-tag:not(.gaf-escape *) .success {
  background-color: var(--success-validation-background-weak);
}
gaf-ds-progress-tag:not(.gaf-escape *) .success .tag-left {
  --text: var(--success-text);
}
gaf-ds-progress-tag:not(.gaf-escape *) .critical {
  background-color: var(--critical-validation-background-weak);
}
gaf-ds-progress-tag:not(.gaf-escape *) .critical .tag-left {
  --text: var(--critical-text);
}

c-select:not(.gaf-escape *) {
  width: 100%;
}
c-select:not(.gaf-escape *) .custom-select {
  padding: var(--spacing-x-small) var(--spacing-x-large) var(--spacing-x-small) var(--spacing-small);
  line-height: 22px;
}
c-select:not(.gaf-escape *) .select-error i {
  margin-right: var(--spacing-xx-small);
}
c-select:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
c-select:not(.gaf-escape *) .select-icon-container {
  position: absolute;
  top: 20%;
  right: 8px;
  z-index: 2;
  pointer-events: none;
}
c-select:not(.gaf-escape *) select {
  margin-top: var(--spacing-x-small);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text);
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid var(--border);
  width: 100%;
  appearance: none;
  cursor: pointer;
}
c-select:not(.gaf-escape *) .custom-chevron {
  font-weight: 300;
  color: var(--text);
}
c-select:not(.gaf-escape *) .control-container {
  position: relative;
  display: flex;
  align-items: center;
}
c-select:not(.gaf-escape *) .control-container:has(select[readonly]), c-select:not(.gaf-escape *) .control-container:has(select[disabled]), c-select:not(.gaf-escape *) .control-container:has(input[readonly]) {
  cursor: not-allowed;
}
c-select:not(.gaf-escape *) .control-container:has(select[readonly]) select[readonly],
c-select:not(.gaf-escape *) .control-container:has(select[readonly]) input[readonly], c-select:not(.gaf-escape *) .control-container:has(select[disabled]) select[readonly],
c-select:not(.gaf-escape *) .control-container:has(select[disabled]) input[readonly], c-select:not(.gaf-escape *) .control-container:has(input[readonly]) select[readonly],
c-select:not(.gaf-escape *) .control-container:has(input[readonly]) input[readonly] {
  pointer-events: none;
}
c-select:not(.gaf-escape *) .control-container .activited-select {
  color: var(--text-primary);
}
c-select:not(.gaf-escape *) .select-placeholder {
  --text: var(--text-placeholder);
  color: var(--text);
}
c-select:not(.gaf-escape *) .select-option {
  color: var(--grey-12);
}
c-select:not(.gaf-escape *) .select-clicked .select-icon-container {
  transform: rotateZ(180deg);
}
c-select:not(.gaf-escape *) select.ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
c-select:not(.gaf-escape *) select.ng-invalid.ng-touched:active {
  background-color: var(--critical-validation-background-weak-hover);
}
c-select:not(.gaf-escape *) select:disabled,
c-select:not(.gaf-escape *) select[readonly],
c-select:not(.gaf-escape *) input:read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
c-select:not(.gaf-escape *) option {
  background: var(--surface1);
}

gaf-select:not(.gaf-escape *) {
  width: 100%;
}
gaf-select:not(.gaf-escape *) .custom-select {
  padding: var(--spacing-x-small) var(--spacing-x-large) var(--spacing-x-small) var(--spacing-small);
  line-height: 22px;
}
gaf-select:not(.gaf-escape *) .select-error i {
  margin-right: var(--spacing-xx-small);
}
gaf-select:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
gaf-select:not(.gaf-escape *) .select-icon-container {
  position: absolute;
  top: 20%;
  right: 8px;
  z-index: 2;
  pointer-events: none;
}
gaf-select:not(.gaf-escape *) select {
  margin-top: var(--spacing-x-small);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text);
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid var(--border);
  width: 100%;
  appearance: none;
  cursor: pointer;
}
gaf-select:not(.gaf-escape *) .custom-chevron {
  font-weight: 300;
  color: var(--text);
}
gaf-select:not(.gaf-escape *) .control-container {
  position: relative;
  display: flex;
  align-items: center;
}
gaf-select:not(.gaf-escape *) .control-container:has(select[readonly]), gaf-select:not(.gaf-escape *) .control-container:has(select[disabled]), gaf-select:not(.gaf-escape *) .control-container:has(input[readonly]) {
  cursor: not-allowed;
}
gaf-select:not(.gaf-escape *) .control-container:has(select[readonly]) select[readonly],
gaf-select:not(.gaf-escape *) .control-container:has(select[readonly]) input[readonly], gaf-select:not(.gaf-escape *) .control-container:has(select[disabled]) select[readonly],
gaf-select:not(.gaf-escape *) .control-container:has(select[disabled]) input[readonly], gaf-select:not(.gaf-escape *) .control-container:has(input[readonly]) select[readonly],
gaf-select:not(.gaf-escape *) .control-container:has(input[readonly]) input[readonly] {
  pointer-events: none;
}
gaf-select:not(.gaf-escape *) .control-container .activited-select {
  color: var(--text-primary);
}
gaf-select:not(.gaf-escape *) .select-placeholder {
  --text: var(--text-placeholder);
  color: var(--text);
}
gaf-select:not(.gaf-escape *) .select-option {
  color: var(--grey-12);
}
gaf-select:not(.gaf-escape *) .select-clicked .select-icon-container {
  transform: rotateZ(180deg);
}
gaf-select:not(.gaf-escape *) select.ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
gaf-select:not(.gaf-escape *) select.ng-invalid.ng-touched:active {
  background-color: var(--critical-validation-background-weak-hover);
}
gaf-select:not(.gaf-escape *) select:disabled,
gaf-select:not(.gaf-escape *) select[readonly],
gaf-select:not(.gaf-escape *) input:read-only {
  border-color: var(--border-readonly);
  --text: var(--text-readonly);
}
gaf-select:not(.gaf-escape *) option {
  background: var(--surface1);
}

c-label:not(.gaf-escape *) .required-star {
  font-size: 12px;
  color: var(--critical-validation-text-weak);
  position: absolute;
  left: -16px;
}
c-label:not(.gaf-escape *) .extra_padding {
  margin-bottom: var(--spacing-x-small);
}
c-label:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
  margin-bottom: var(--spacing-x-small);
}
c-label:not(.gaf-escape *) .label_container .label_field_container {
  display: flex;
  word-break: break-word;
  white-space: normal;
}
c-label:not(.gaf-escape *) .label_container .label_field_container .icon_container {
  display: flex;
}
c-label:not(.gaf-escape *) .label_container .label {
  display: flex;
}
c-label:not(.gaf-escape *) .label_container .input-desc {
  word-break: break-word;
  white-space: normal;
  margin: var(--spacing-xx-small) var(--spacing-none) var(--spacing-none) var(--spacing-none);
}
c-label:not(.gaf-escape *) .label_container .required-field-container {
  display: flex;
}
c-label:not(.gaf-escape *) .label_container .required-field-container .required-star {
  color: var(--critical-validation-text-weak);
  font-weight: 400;
  line-height: 16px;
  justify-self: flex-start;
  margin-right: var(--spacing-xx-small);
}
c-label:not(.gaf-escape *) .check-error {
  padding: var(--spacing-x-small) var(--spacing-none);
}

gaf-label:not(.gaf-escape *) .required-star {
  font-size: 12px;
  color: var(--critical-validation-text-weak);
  position: absolute;
  left: -16px;
}
gaf-label:not(.gaf-escape *) .extra_padding {
  margin-bottom: var(--spacing-x-small);
}
gaf-label:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
  margin-bottom: var(--spacing-x-small);
}
gaf-label:not(.gaf-escape *) .label_container .label_field_container {
  display: flex;
  word-break: break-word;
  white-space: normal;
}
gaf-label:not(.gaf-escape *) .label_container .label_field_container .icon_container {
  display: flex;
}
gaf-label:not(.gaf-escape *) .label_container .label {
  display: flex;
}
gaf-label:not(.gaf-escape *) .label_container .input-desc {
  word-break: break-word;
  white-space: normal;
  margin: var(--spacing-xx-small) var(--spacing-none) var(--spacing-none) var(--spacing-none);
}
gaf-label:not(.gaf-escape *) .label_container .required-field-container {
  display: flex;
}
gaf-label:not(.gaf-escape *) .label_container .required-field-container .required-star {
  color: var(--critical-validation-text-weak);
  font-weight: 400;
  line-height: 16px;
  justify-self: flex-start;
  margin-right: var(--spacing-xx-small);
}
gaf-label:not(.gaf-escape *) .check-error {
  padding: var(--spacing-x-small) var(--spacing-none);
}

c-hidden-nav:not(.gaf-escape *) .hidden-nav-container {
  position: absolute;
  top: 2%;
  left: -200000%;
  display: flex;
  justify-content: center;
  opacity: 0;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-hidden-nav:not(.gaf-escape *) .hidden-nav-container {
    width: 90%;
    justify-self: center;
  }
}
c-hidden-nav:not(.gaf-escape *) .hidden-nav-container:nth-child(3) {
  display: none;
}
@media only screen and (min-width: 1023px) {
  c-hidden-nav:not(.gaf-escape *) .hidden-nav-container:nth-child(3) {
    display: flex;
  }
}
c-hidden-nav:not(.gaf-escape *) .hidden-nav-container:has(button:focus) {
  left: 0;
  right: 0;
  opacity: 1;
}

gaf-hidden-nav:not(.gaf-escape *) .hidden-nav-container {
  position: absolute;
  top: 2%;
  left: -200000%;
  display: flex;
  justify-content: center;
  opacity: 0;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-hidden-nav:not(.gaf-escape *) .hidden-nav-container {
    width: 90%;
    justify-self: center;
  }
}
gaf-hidden-nav:not(.gaf-escape *) .hidden-nav-container:nth-child(3) {
  display: none;
}
@media only screen and (min-width: 1023px) {
  gaf-hidden-nav:not(.gaf-escape *) .hidden-nav-container:nth-child(3) {
    display: flex;
  }
}
gaf-hidden-nav:not(.gaf-escape *) .hidden-nav-container:has(button:focus) {
  left: 0;
  right: 0;
  opacity: 1;
}

c-textarea:not(.gaf-escape *) {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  /* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
}
c-textarea:not(.gaf-escape *) textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 700;
}
c-textarea:not(.gaf-escape *) textarea:disabled, c-textarea:not(.gaf-escape *) textarea:read-only {
  color: var(--text);
}
c-textarea:not(.gaf-escape *) textarea:disabled::placeholder, c-textarea:not(.gaf-escape *) textarea:read-only::placeholder {
  --text: var(--text-readonly);
}
c-textarea:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
c-textarea:not(.gaf-escape *) .textarea-counter-area {
  color: var(--text-placeholder);
}
c-textarea:not(.gaf-escape *) .soft-limit-exceeded {
  color: var(--critical-validation-text-weak);
}
c-textarea:not(.gaf-escape *) .input-text-field {
  width: 100%;
  margin-bottom: var(--spacing-x-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
c-textarea:not(.gaf-escape *) .preventResize {
  resize: none;
}
c-textarea:not(.gaf-escape *) .max-width {
  width: 100%;
}
c-textarea:not(.gaf-escape *) textarea.ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
c-textarea:not(.gaf-escape *) textarea.ng-invalid.ng-touched:active {
  background-color: var(--critical-validation-background-weak-hover);
}
c-textarea:not(.gaf-escape *) .textarea-container:has(textarea:read-only), c-textarea:not(.gaf-escape *) .textarea-container:has(textarea:disabled) {
  cursor: not-allowed;
}
c-textarea:not(.gaf-escape *) .textarea-container:has(textarea:read-only) textarea, c-textarea:not(.gaf-escape *) .textarea-container:has(textarea:disabled) textarea {
  pointer-events: none;
}
c-textarea:not(.gaf-escape *) .textarea-container .content-area {
  display: block;
}
c-textarea:not(.gaf-escape *) .textarea-container .content-area .character-count {
  text-align: left;
  --text: var(--text-placeholder);
}
c-textarea:not(.gaf-escape *) .textarea-container .content-area .character-count.maxLimit {
  --text: var(--critical-validation-text-weak);
}
c-textarea:not(.gaf-escape *) .textarea-container .content-area .character-count.warningLimit {
  --text: var(--warning-validation-text-weak);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 0) and (max-width: 766px) {
  c-textarea:not(.gaf-escape *) textarea, c-textarea:not(.gaf-escape *):focus, c-textarea:not(.gaf-escape *):active {
    font-size: 16px;
  }
}
c-textarea:not(.gaf-escape *) .resize-none textarea {
  resize: none;
}
c-textarea:not(.gaf-escape *) .resize-both textarea {
  resize: both;
}
c-textarea:not(.gaf-escape *) .resize-horizontal textarea {
  resize: horizontal;
}
c-textarea:not(.gaf-escape *) .resize-vertical textarea {
  resize: vertical;
}

gaf-textarea:not(.gaf-escape *) {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  /* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
}
gaf-textarea:not(.gaf-escape *) textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Lato";
  font-weight: 700;
}
gaf-textarea:not(.gaf-escape *) textarea:disabled, gaf-textarea:not(.gaf-escape *) textarea:read-only {
  color: var(--text);
}
gaf-textarea:not(.gaf-escape *) textarea:disabled::placeholder, gaf-textarea:not(.gaf-escape *) textarea:read-only::placeholder {
  --text: var(--text-readonly);
}
gaf-textarea:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
gaf-textarea:not(.gaf-escape *) .textarea-counter-area {
  color: var(--text-placeholder);
}
gaf-textarea:not(.gaf-escape *) .soft-limit-exceeded {
  color: var(--critical-validation-text-weak);
}
gaf-textarea:not(.gaf-escape *) .input-text-field {
  width: 100%;
  margin-bottom: var(--spacing-x-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
gaf-textarea:not(.gaf-escape *) .preventResize {
  resize: none;
}
gaf-textarea:not(.gaf-escape *) .max-width {
  width: 100%;
}
gaf-textarea:not(.gaf-escape *) textarea.ng-invalid.ng-touched {
  border-color: var(--critical-validation-border);
  background-color: var(--critical-validation-background-weak);
}
gaf-textarea:not(.gaf-escape *) textarea.ng-invalid.ng-touched:active {
  background-color: var(--critical-validation-background-weak-hover);
}
gaf-textarea:not(.gaf-escape *) .textarea-container:has(textarea:read-only), gaf-textarea:not(.gaf-escape *) .textarea-container:has(textarea:disabled) {
  cursor: not-allowed;
}
gaf-textarea:not(.gaf-escape *) .textarea-container:has(textarea:read-only) textarea, gaf-textarea:not(.gaf-escape *) .textarea-container:has(textarea:disabled) textarea {
  pointer-events: none;
}
gaf-textarea:not(.gaf-escape *) .textarea-container .content-area {
  display: block;
}
gaf-textarea:not(.gaf-escape *) .textarea-container .content-area .character-count {
  text-align: left;
  --text: var(--text-placeholder);
}
gaf-textarea:not(.gaf-escape *) .textarea-container .content-area .character-count.maxLimit {
  --text: var(--critical-validation-text-weak);
}
gaf-textarea:not(.gaf-escape *) .textarea-container .content-area .character-count.warningLimit {
  --text: var(--warning-validation-text-weak);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 0) and (max-width: 766px) {
  gaf-textarea:not(.gaf-escape *) textarea, gaf-textarea:not(.gaf-escape *):focus, gaf-textarea:not(.gaf-escape *):active {
    font-size: 16px;
  }
}
gaf-textarea:not(.gaf-escape *) .resize-none textarea {
  resize: none;
}
gaf-textarea:not(.gaf-escape *) .resize-both textarea {
  resize: both;
}
gaf-textarea:not(.gaf-escape *) .resize-horizontal textarea {
  resize: horizontal;
}
gaf-textarea:not(.gaf-escape *) .resize-vertical textarea {
  resize: vertical;
}

c-ds-badge:not(.gaf-escape *) {
  display: inline-flex;
}
c-ds-badge:not(.gaf-escape *) .strong.grey {
  background: var(--grey-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.grey {
  background: var(--grey-category-background-weak);
  color: var(--grey-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.red {
  background: var(--red-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.red {
  background: var(--red-category-background-weak);
  color: var(--red-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.orange {
  background: var(--orange-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.orange {
  background: var(--orange-category-background-weak);
  color: var(--orange-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.blue {
  background: var(--blue-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.blue {
  background: var(--blue-category-background-weak);
  color: var(--blue-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.green {
  background: var(--green-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.green {
  background: var(--green-category-background-weak);
  color: var(--green-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.purple {
  background: var(--purple-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.purple {
  background: var(--purple-category-background-weak);
  color: var(--purple-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.teal {
  background: var(--teal-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.teal {
  background: var(--teal-category-background-weak);
  color: var(--teal-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.navy {
  background: var(--navy-category-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.navy {
  background: var(--navy-category-background-weak);
  color: var(--navy-category-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.neutral {
  background: var(--neutral-validation-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.neutral {
  background: var(--neutral-validation-background-weak);
  color: var(--neutral-validation-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.critical {
  background: var(--critical-validation-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.critical {
  background: var(--critical-validation-background-weak);
  color: var(--critical-validation-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.success {
  background: var(--success-validation-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.success {
  background: var(--success-validation-background-weak);
  color: var(--success-validation-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.information {
  background: var(--information-validation-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.information {
  background: var(--information-validation-background-weak);
  color: var(--information-validation-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.warning {
  background: var(--warning-validation-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.warning {
  background: var(--warning-validation-background-weak);
  color: var(--warning-validation-text-weak);
}
c-ds-badge:not(.gaf-escape *) .strong.primary {
  background: var(--primary-validation-background);
  color: var(--text-strong);
}
c-ds-badge:not(.gaf-escape *) .weak.primary {
  background: var(--primary-validation-background-weak);
  color: var(--primary-validation-text-weak);
}
c-ds-badge:not(.gaf-escape *) .dot {
  height: 6px;
  width: 6px;
  border-radius: 100px;
}
c-ds-badge:not(.gaf-escape *) .text-cont {
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
  border-radius: 100px;
  align-items: center;
}
c-ds-badge:not(.gaf-escape *) .text-icon-cont {
  align-items: center;
  gap: var(--spacing-xxx-small);
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
  border-radius: 100px;
}
c-ds-badge:not(.gaf-escape *) .text-icon-cont div {
  display: flex;
  align-items: center;
  justify-content: center;
}
c-ds-badge:not(.gaf-escape *) .icon-cont {
  padding: var(--spacing-xx-small);
  border-radius: 100px;
  align-items: center;
}
c-ds-badge:not(.gaf-escape *) .num-cont {
  height: 24px;
  width: 24px;
  border-radius: 100px;
  align-items: center;
}
c-ds-badge:not(.gaf-escape *) .num-cont-plus {
  height: 24px;
  width: auto;
  padding: var(--spacing-none) var(--spacing-xx-small) var(--spacing-none) var(--spacing-xx-small);
  border-radius: 100px;
  align-items: center;
}

gaf-ds-badge:not(.gaf-escape *) {
  display: inline-flex;
}
gaf-ds-badge:not(.gaf-escape *) .strong.grey {
  background: var(--grey-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.grey {
  background: var(--grey-category-background-weak);
  color: var(--grey-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.red {
  background: var(--red-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.red {
  background: var(--red-category-background-weak);
  color: var(--red-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.orange {
  background: var(--orange-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.orange {
  background: var(--orange-category-background-weak);
  color: var(--orange-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.blue {
  background: var(--blue-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.blue {
  background: var(--blue-category-background-weak);
  color: var(--blue-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.green {
  background: var(--green-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.green {
  background: var(--green-category-background-weak);
  color: var(--green-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.purple {
  background: var(--purple-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.purple {
  background: var(--purple-category-background-weak);
  color: var(--purple-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.teal {
  background: var(--teal-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.teal {
  background: var(--teal-category-background-weak);
  color: var(--teal-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.navy {
  background: var(--navy-category-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.navy {
  background: var(--navy-category-background-weak);
  color: var(--navy-category-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.neutral {
  background: var(--neutral-validation-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.neutral {
  background: var(--neutral-validation-background-weak);
  color: var(--neutral-validation-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.critical {
  background: var(--critical-validation-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.critical {
  background: var(--critical-validation-background-weak);
  color: var(--critical-validation-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.success {
  background: var(--success-validation-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.success {
  background: var(--success-validation-background-weak);
  color: var(--success-validation-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.information {
  background: var(--information-validation-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.information {
  background: var(--information-validation-background-weak);
  color: var(--information-validation-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.warning {
  background: var(--warning-validation-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.warning {
  background: var(--warning-validation-background-weak);
  color: var(--warning-validation-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .strong.primary {
  background: var(--primary-validation-background);
  color: var(--text-strong);
}
gaf-ds-badge:not(.gaf-escape *) .weak.primary {
  background: var(--primary-validation-background-weak);
  color: var(--primary-validation-text-weak);
}
gaf-ds-badge:not(.gaf-escape *) .dot {
  height: 6px;
  width: 6px;
  border-radius: 100px;
}
gaf-ds-badge:not(.gaf-escape *) .text-cont {
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
  border-radius: 100px;
  align-items: center;
}
gaf-ds-badge:not(.gaf-escape *) .text-icon-cont {
  align-items: center;
  gap: var(--spacing-xxx-small);
  padding: var(--spacing-xxx-small) var(--spacing-x-small);
  border-radius: 100px;
}
gaf-ds-badge:not(.gaf-escape *) .text-icon-cont div {
  display: flex;
  align-items: center;
  justify-content: center;
}
gaf-ds-badge:not(.gaf-escape *) .icon-cont {
  padding: var(--spacing-xx-small);
  border-radius: 100px;
  align-items: center;
}
gaf-ds-badge:not(.gaf-escape *) .num-cont {
  height: 24px;
  width: 24px;
  border-radius: 100px;
  align-items: center;
}
gaf-ds-badge:not(.gaf-escape *) .num-cont-plus {
  height: 24px;
  width: auto;
  padding: var(--spacing-none) var(--spacing-xx-small) var(--spacing-none) var(--spacing-xx-small);
  border-radius: 100px;
  align-items: center;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
c-loader:not(.gaf-escape *) .full-screen {
  z-index: 1020;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* stylelint-disable-next-line color-function-notation, alpha-value-notation  */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(20px);
}
c-loader:not(.gaf-escape *) .gaf-loader {
  display: flex;
  gap: var(--spacing-medium);
  align-items: center;
  justify-content: center;
}
c-loader:not(.gaf-escape *) .gaf-loader__icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
c-loader:not(.gaf-escape *) .gaf-loader__spinner {
  animation-name: rotate;
  animation-duration: 1.1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
c-loader:not(.gaf-escape *) .gaf-loader__spinner--success {
  background-color: var(--success-validation-background-weak);
  color: var(--success-validation-text-weak);
}
c-loader:not(.gaf-escape *) .gaf-loader__spinner--error {
  background-color: var(--critical-validation-background-weak);
  color: var(--critical-validation-text-weak);
}
c-loader:not(.gaf-escape *) .gaf-loader__text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
}
c-loader:not(.gaf-escape *) .gaf-loader__text--label {
  margin-bottom: var(--spacing-none);
}
c-loader:not(.gaf-escape *) .gaf-loader__text--description {
  color: var(--text-secondary);
}
c-loader:not(.gaf-escape *) .gaf-loader--large .gaf-loader__spinner, c-loader:not(.gaf-escape *) .gaf-loader--large .gaf-loader__icon {
  width: 80px;
}
c-loader:not(.gaf-escape *) .gaf-loader--small .gaf-loader__spinner, c-loader:not(.gaf-escape *) .gaf-loader--small .gaf-loader__icon {
  width: 28px;
  height: 28px;
}
c-loader:not(.gaf-escape *) .gaf-loader--extra-small .gaf-loader__spinner, c-loader:not(.gaf-escape *) .gaf-loader--extra-small .gaf-loader__icon {
  width: 20px;
  height: 20px;
}
c-loader:not(.gaf-escape *) .gaf-loader--vertical {
  flex-direction: column;
}
c-loader:not(.gaf-escape *) .gaf-loader--vertical .gaf-loader__text {
  align-items: center;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
gaf-loader:not(.gaf-escape *) .full-screen {
  z-index: 1020;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* stylelint-disable-next-line color-function-notation, alpha-value-notation  */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(20px);
}
gaf-loader:not(.gaf-escape *) .gaf-loader {
  display: flex;
  gap: var(--spacing-medium);
  align-items: center;
  justify-content: center;
}
gaf-loader:not(.gaf-escape *) .gaf-loader__icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
gaf-loader:not(.gaf-escape *) .gaf-loader__spinner {
  animation-name: rotate;
  animation-duration: 1.1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
gaf-loader:not(.gaf-escape *) .gaf-loader__spinner--success {
  background-color: var(--success-validation-background-weak);
  color: var(--success-validation-text-weak);
}
gaf-loader:not(.gaf-escape *) .gaf-loader__spinner--error {
  background-color: var(--critical-validation-background-weak);
  color: var(--critical-validation-text-weak);
}
gaf-loader:not(.gaf-escape *) .gaf-loader__text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
}
gaf-loader:not(.gaf-escape *) .gaf-loader__text--label {
  margin-bottom: var(--spacing-none);
}
gaf-loader:not(.gaf-escape *) .gaf-loader__text--description {
  color: var(--text-secondary);
}
gaf-loader:not(.gaf-escape *) .gaf-loader--large .gaf-loader__spinner, gaf-loader:not(.gaf-escape *) .gaf-loader--large .gaf-loader__icon {
  width: 80px;
}
gaf-loader:not(.gaf-escape *) .gaf-loader--small .gaf-loader__spinner, gaf-loader:not(.gaf-escape *) .gaf-loader--small .gaf-loader__icon {
  width: 28px;
  height: 28px;
}
gaf-loader:not(.gaf-escape *) .gaf-loader--extra-small .gaf-loader__spinner, gaf-loader:not(.gaf-escape *) .gaf-loader--extra-small .gaf-loader__icon {
  width: 20px;
  height: 20px;
}
gaf-loader:not(.gaf-escape *) .gaf-loader--vertical {
  flex-direction: column;
}
gaf-loader:not(.gaf-escape *) .gaf-loader--vertical .gaf-loader__text {
  align-items: center;
}

c-flyout:not(.gaf-escape *) .selected {
  background: var(--generic-hover);
}
c-flyout:not(.gaf-escape *) .option-text {
  color: var(--text-primary);
}
c-flyout:not(.gaf-escape *) .disabled-option * {
  cursor: not-allowed;
}
c-flyout:not(.gaf-escape *) .disabled-option .option-text {
  color: var(--text-readonly);
}
c-flyout:not(.gaf-escape *) .flyout-container {
  margin-top: var(--spacing-x-small);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  overflow: auto;
  border: 1px solid var(--grey-5);
  border-radius: 4px;
  background-color: var(--surface1);
  z-index: 9999;
  position: relative;
}
c-flyout:not(.gaf-escape *) .flyout-option-container:not(.disabled-option):hover, c-flyout:not(.gaf-escape *) .flyout-option-container:not(.disabled-option):focus {
  background: var(--generic-hover);
}
c-flyout:not(.gaf-escape *):where([size=large]) .flyout-container, c-flyout:not(.gaf-escape *):where([size=large]).flyout-container {
  max-height: 200px;
}
c-flyout:not(.gaf-escape *):where([size=large]) .small .flyout-container, c-flyout:not(.gaf-escape *):where([size=large]) .small.flyout-container {
  max-height: 180px;
}
c-flyout:not(.gaf-escape *):where(:not([size])) .flyout-container, c-flyout:not(.gaf-escape *):where(:not([size])).flyout-container, c-flyout:not(.gaf-escape *):where([size=small]) .flyout-container, c-flyout:not(.gaf-escape *):where([size=small]).flyout-container {
  max-height: 180px;
}
c-flyout:not(.gaf-escape *):where(:not([size])) .large .flyout-container, c-flyout:not(.gaf-escape *):where(:not([size])) .large.flyout-container, c-flyout:not(.gaf-escape *):where([size=small]) .large .flyout-container, c-flyout:not(.gaf-escape *):where([size=small]) .large.flyout-container {
  max-height: 200px;
}

gaf-flyout:not(.gaf-escape *) .selected {
  background: var(--generic-hover);
}
gaf-flyout:not(.gaf-escape *) .option-text {
  color: var(--text-primary);
}
gaf-flyout:not(.gaf-escape *) .disabled-option * {
  cursor: not-allowed;
}
gaf-flyout:not(.gaf-escape *) .disabled-option .option-text {
  color: var(--text-readonly);
}
gaf-flyout:not(.gaf-escape *) .flyout-container {
  margin-top: var(--spacing-x-small);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  overflow: auto;
  border: 1px solid var(--grey-5);
  border-radius: 4px;
  background-color: var(--surface1);
  z-index: 9999;
  position: relative;
}
gaf-flyout:not(.gaf-escape *) .flyout-option-container:not(.disabled-option):hover, gaf-flyout:not(.gaf-escape *) .flyout-option-container:not(.disabled-option):focus {
  background: var(--generic-hover);
}
gaf-flyout:not(.gaf-escape *):where([size=large]) .flyout-container, gaf-flyout:not(.gaf-escape *):where([size=large]).flyout-container {
  max-height: 200px;
}
gaf-flyout:not(.gaf-escape *):where([size=large]) .small .flyout-container, gaf-flyout:not(.gaf-escape *):where([size=large]) .small.flyout-container {
  max-height: 180px;
}
gaf-flyout:not(.gaf-escape *):where(:not([size])) .flyout-container, gaf-flyout:not(.gaf-escape *):where(:not([size])).flyout-container, gaf-flyout:not(.gaf-escape *):where([size=small]) .flyout-container, gaf-flyout:not(.gaf-escape *):where([size=small]).flyout-container {
  max-height: 180px;
}
gaf-flyout:not(.gaf-escape *):where(:not([size])) .large .flyout-container, gaf-flyout:not(.gaf-escape *):where(:not([size])) .large.flyout-container, gaf-flyout:not(.gaf-escape *):where([size=small]) .large .flyout-container, gaf-flyout:not(.gaf-escape *):where([size=small]) .large.flyout-container {
  max-height: 200px;
}

c-listbox-item:not(.gaf-escape *) label.highlighted,
c-listbox-item:not(.gaf-escape *) .highlighted button {
  background-color: var(--grey-3);
  outline: none;
  border-radius: 4px;
}
c-listbox-item:not(.gaf-escape *):has(button[disabled]) span.body2,
c-listbox-item:not(.gaf-escape *):has(button[disabled]) span.description {
  color: var(--text-readonly);
}
c-listbox-item:not(.gaf-escape *):has(button[disabled]) span.icon {
  color: var(--navigation-disabled);
}
c-listbox-item:not(.gaf-escape *):has(button[disabled]) span.icon:not(.selected) {
  color: var(--text-readonly);
}
c-listbox-item:not(.gaf-escape *):has(button[listbox-style]) button {
  width: 100%;
  min-height: 48px;
  text-align: left;
}
c-listbox-item:not(.gaf-escape *):has(button[listbox-style]) .button-content-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: none;
}
c-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.icon {
  color: var(--navigation);
}
c-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.icon:not(.selected) {
  color: var(--text-primary);
}
c-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.body2 {
  flex-grow: 1;
  margin: 0;
  color: var(--text-primary);
}
c-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.description {
  display: block;
  color: var(--text-secondary);
}
c-listbox-item:not(.gaf-escape *) .listbox-item-component {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-none) var(--spacing-x-small);
}
c-listbox-item:not(.gaf-escape *) .listbox-item-component:last-child {
  padding-bottom: var(--spacing-x-small);
}
c-listbox-item:not(.gaf-escape *) .checkbox-container {
  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-xx-small);
  display: flex;
  align-items: center;
  height: 24px;
  cursor: pointer;
}
c-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled):hover {
  background: var(--generic-hover);
}
c-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled):active {
  background: var(--generic-active);
}
c-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled):focus {
  outline: var(--focus-border) solid 4px;
  outline-offset: 2px;
  z-index: 2;
  overflow: visible;
  border-radius: 4px;
  box-shadow: none;
}
c-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled, .highlighted):focus-within {
  outline: var(--focus-border) solid 4px;
  outline-offset: 2px;
  z-index: 2;
  overflow: visible;
  border-radius: 4px;
}
c-listbox-item:not(.gaf-escape *) .checkbox-container.disabled span {
  color: var(--text-readonly);
}
c-listbox-item:not(.gaf-escape *) .checkbox-container.disabled {
  cursor: default;
}
c-listbox-item:not(.gaf-escape *) .header-container {
  min-height: var(--spacing-xx-large);
}
c-listbox-item:not(.gaf-escape *) .header {
  padding: var(--spacing-small) var(--spacing-medium);
}
c-listbox-item:not(.gaf-escape *) .checkbox-input {
  margin-left: var(--spacing-small);
}
c-listbox-item:not(.gaf-escape *) .checkbox-input {
  height: 24px;
  width: 24px;
}
c-listbox-item:not(.gaf-escape *) .checkbox-input:focus {
  outline: none;
}
c-listbox-item:not(.gaf-escape *) .checkbox-label {
  display: flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
}
c-listbox-item:not(.gaf-escape *) .header,
c-listbox-item:not(.gaf-escape *) .placeholder {
  color: var(--text-secondary);
}
c-listbox-item:not(.gaf-escape *) .chevron {
  width: 13px;
}
c-listbox-item:not(.gaf-escape *) .divider-container {
  display: flex;
  align-items: center;
  height: 24px;
}

gaf-listbox-item:not(.gaf-escape *) label.highlighted,
gaf-listbox-item:not(.gaf-escape *) .highlighted button {
  background-color: var(--grey-3);
  outline: none;
  border-radius: 4px;
}
gaf-listbox-item:not(.gaf-escape *):has(button[disabled]) span.body2,
gaf-listbox-item:not(.gaf-escape *):has(button[disabled]) span.description {
  color: var(--text-readonly);
}
gaf-listbox-item:not(.gaf-escape *):has(button[disabled]) span.icon {
  color: var(--navigation-disabled);
}
gaf-listbox-item:not(.gaf-escape *):has(button[disabled]) span.icon:not(.selected) {
  color: var(--text-readonly);
}
gaf-listbox-item:not(.gaf-escape *):has(button[listbox-style]) button {
  width: 100%;
  min-height: 48px;
  text-align: left;
}
gaf-listbox-item:not(.gaf-escape *):has(button[listbox-style]) .button-content-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: none;
}
gaf-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.icon {
  color: var(--navigation);
}
gaf-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.icon:not(.selected) {
  color: var(--text-primary);
}
gaf-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.body2 {
  flex-grow: 1;
  margin: 0;
  color: var(--text-primary);
}
gaf-listbox-item:not(.gaf-escape *):has(button[listbox-style]) span.description {
  display: block;
  color: var(--text-secondary);
}
gaf-listbox-item:not(.gaf-escape *) .listbox-item-component {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-none) var(--spacing-x-small);
}
gaf-listbox-item:not(.gaf-escape *) .listbox-item-component:last-child {
  padding-bottom: var(--spacing-x-small);
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-container {
  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-xx-small);
  display: flex;
  align-items: center;
  height: 24px;
  cursor: pointer;
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled):hover {
  background: var(--generic-hover);
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled):active {
  background: var(--generic-active);
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled):focus {
  outline: var(--focus-border) solid 4px;
  outline-offset: 2px;
  z-index: 2;
  overflow: visible;
  border-radius: 4px;
  box-shadow: none;
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-container:not(.disabled, .highlighted):focus-within {
  outline: var(--focus-border) solid 4px;
  outline-offset: 2px;
  z-index: 2;
  overflow: visible;
  border-radius: 4px;
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-container.disabled span {
  color: var(--text-readonly);
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-container.disabled {
  cursor: default;
}
gaf-listbox-item:not(.gaf-escape *) .header-container {
  min-height: var(--spacing-xx-large);
}
gaf-listbox-item:not(.gaf-escape *) .header {
  padding: var(--spacing-small) var(--spacing-medium);
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-input {
  margin-left: var(--spacing-small);
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-input {
  height: 24px;
  width: 24px;
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-input:focus {
  outline: none;
}
gaf-listbox-item:not(.gaf-escape *) .checkbox-label {
  display: flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
}
gaf-listbox-item:not(.gaf-escape *) .header,
gaf-listbox-item:not(.gaf-escape *) .placeholder {
  color: var(--text-secondary);
}
gaf-listbox-item:not(.gaf-escape *) .chevron {
  width: 13px;
}
gaf-listbox-item:not(.gaf-escape *) .divider-container {
  display: flex;
  align-items: center;
  height: 24px;
}

c-listbox-apply:not(.gaf-escape *) {
  position: relative;
  width: 100%;
}
c-listbox-apply:not(.gaf-escape *) .lib-button {
  width: 100%;
}
c-listbox-apply:not(.gaf-escape *) .listbox-apply-button .button-content-container {
  justify-content: center;
}

gaf-listbox-apply:not(.gaf-escape *) {
  position: relative;
  width: 100%;
}
gaf-listbox-apply:not(.gaf-escape *) .lib-button {
  width: 100%;
}
gaf-listbox-apply:not(.gaf-escape *) .listbox-apply-button .button-content-container {
  justify-content: center;
}

c-listbox:not(.gaf-escape *) {
  position: relative;
  width: 100%;
}
c-listbox:not(.gaf-escape *) .listbox-container {
  min-width: 92px;
  width: -webkit-calc(100% - 1px);
  width: -moz-calc(100% - 1px);
  width: calc(100% - 1px);
  background-color: var(--surface3);
  border: 1px solid var(--border);
  border-radius: 4px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  left: 0;
  top: calc(100% + 4px);
  padding-top: var(--spacing-x-small);
  overflow-x: hidden;
  position: absolute;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100;
}
c-listbox:not(.gaf-escape *) .max-width {
  max-width: 600px;
}
c-listbox:not(.gaf-escape *) .listbox-item-apply {
  position: sticky;
  bottom: 0;
  padding: var(--spacing-medium);
  background: var(--surface1);
  z-index: 4;
}
c-listbox:not(.gaf-escape *) .listbox-item:not(:last-child) {
  margin-bottom: var(--spacing-none);
}

gaf-listbox:not(.gaf-escape *) {
  position: relative;
  width: 100%;
}
gaf-listbox:not(.gaf-escape *) .listbox-container {
  min-width: 92px;
  width: -webkit-calc(100% - 1px);
  width: -moz-calc(100% - 1px);
  width: calc(100% - 1px);
  background-color: var(--surface3);
  border: 1px solid var(--border);
  border-radius: 4px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  left: 0;
  top: calc(100% + 4px);
  padding-top: var(--spacing-x-small);
  overflow-x: hidden;
  position: absolute;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100;
}
gaf-listbox:not(.gaf-escape *) .max-width {
  max-width: 600px;
}
gaf-listbox:not(.gaf-escape *) .listbox-item-apply {
  position: sticky;
  bottom: 0;
  padding: var(--spacing-medium);
  background: var(--surface1);
  z-index: 4;
}
gaf-listbox:not(.gaf-escape *) .listbox-item:not(:last-child) {
  margin-bottom: var(--spacing-none);
}

c-flyout-option:not(.gaf-escape *) .option-container {
  margin: var(--spacing-none);
  padding: var(--spacing-none);
}
c-flyout-option:not(.gaf-escape *) .option-container > ircc-cl-lib-button .lib-button {
  display: block;
  overflow: visible;
  padding: var(--spacing-none);
  max-width: none;
}
c-flyout-option:not(.gaf-escape *) .option-container > ircc-cl-lib-button .lib-button:hover {
  background: none;
}
c-flyout-option:not(.gaf-escape *) .option-contents {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: var(--spacing-x-small) var(--spacing-medium);
}
c-flyout-option:not(.gaf-escape *) .option-text {
  padding: var(--spacing-none);
  margin: var(--spacing-none);
}
c-flyout-option:not(.gaf-escape *) .option-text .bolded {
  font-weight: 600;
}
c-flyout-option:not(.gaf-escape *) .option-text .normal {
  font-weight: 400;
}
c-flyout-option:not(.gaf-escape *) .option-check {
  color: var(--navigation);
}
c-flyout-option:not(.gaf-escape *):where(:not([size])) .option-text, c-flyout-option:not(.gaf-escape *):where([size=small]) .option-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
c-flyout-option:not(.gaf-escape *):where(:not([size])) .large .option-text, c-flyout-option:not(.gaf-escape *):where([size=small]) .large .option-text {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
c-flyout-option:not(.gaf-escape *):where([size=large]) .option-text {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
c-flyout-option:not(.gaf-escape *):where([size=large]) .small .option-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}

gaf-flyout-option:not(.gaf-escape *) .option-container {
  margin: var(--spacing-none);
  padding: var(--spacing-none);
}
gaf-flyout-option:not(.gaf-escape *) .option-container > ircc-cl-lib-button .lib-button {
  display: block;
  overflow: visible;
  padding: var(--spacing-none);
  max-width: none;
}
gaf-flyout-option:not(.gaf-escape *) .option-container > ircc-cl-lib-button .lib-button:hover {
  background: none;
}
gaf-flyout-option:not(.gaf-escape *) .option-contents {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: var(--spacing-x-small) var(--spacing-medium);
}
gaf-flyout-option:not(.gaf-escape *) .option-text {
  padding: var(--spacing-none);
  margin: var(--spacing-none);
}
gaf-flyout-option:not(.gaf-escape *) .option-text .bolded {
  font-weight: 600;
}
gaf-flyout-option:not(.gaf-escape *) .option-text .normal {
  font-weight: 400;
}
gaf-flyout-option:not(.gaf-escape *) .option-check {
  color: var(--navigation);
}
gaf-flyout-option:not(.gaf-escape *):where(:not([size])) .option-text, gaf-flyout-option:not(.gaf-escape *):where([size=small]) .option-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
gaf-flyout-option:not(.gaf-escape *):where(:not([size])) .large .option-text, gaf-flyout-option:not(.gaf-escape *):where([size=small]) .large .option-text {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
gaf-flyout-option:not(.gaf-escape *):where([size=large]) .option-text {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
gaf-flyout-option:not(.gaf-escape *):where([size=large]) .small .option-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}

c-ds-nav:not(.gaf-escape *) .side-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 360px;
  min-width: 200px;
  padding-top: 3px;
}
c-ds-nav:not(.gaf-escape *) .side-nav .inside-nav {
  position: sticky;
  z-index: 1;
  top: 0;
}
@media only screen and (min-width: 1023px) {
  c-ds-nav:not(.gaf-escape *) .side-nav .inside-nav {
    overflow-y: auto;
    visibility: hidden;
  }
  c-ds-nav:not(.gaf-escape *) .side-nav .inside-nav:hover, c-ds-nav:not(.gaf-escape *) .side-nav .inside-nav:focus-within {
    visibility: visible;
    scrollbar-width: thin;
  }
  c-ds-nav:not(.gaf-escape *) .side-nav .inside-nav nav {
    visibility: visible;
    max-height: 100vh;
    width: 279px;
  }
}
c-ds-nav:not(.gaf-escape *) .side-nav .inside-nav button {
  outline-offset: -4px;
}
c-ds-nav:not(.gaf-escape *) c-ds-nav-item:not(:first-of-type) .nav-title {
  padding-top: var(--spacing-x-large);
}

gaf-ds-nav:not(.gaf-escape *) .side-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 360px;
  min-width: 200px;
  padding-top: 3px;
}
gaf-ds-nav:not(.gaf-escape *) .side-nav .inside-nav {
  position: sticky;
  z-index: 1;
  top: 0;
}
@media only screen and (min-width: 1023px) {
  gaf-ds-nav:not(.gaf-escape *) .side-nav .inside-nav {
    overflow-y: auto;
    visibility: hidden;
  }
  gaf-ds-nav:not(.gaf-escape *) .side-nav .inside-nav:hover, gaf-ds-nav:not(.gaf-escape *) .side-nav .inside-nav:focus-within {
    visibility: visible;
    scrollbar-width: thin;
  }
  gaf-ds-nav:not(.gaf-escape *) .side-nav .inside-nav nav {
    visibility: visible;
    max-height: 100vh;
    width: 279px;
  }
}
gaf-ds-nav:not(.gaf-escape *) .side-nav .inside-nav button {
  outline-offset: -4px;
}
gaf-ds-nav:not(.gaf-escape *) c-ds-nav-item:not(:first-of-type) .nav-title {
  padding-top: var(--spacing-x-large);
}

c-ds-nav-item:not(.gaf-escape *):where([size=large]) .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
c-ds-nav-item:not(.gaf-escape *):where([size=large]) .small .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
c-ds-nav-item:not(.gaf-escape *):where(:not([size])) .nav-item button .icon-trailing, c-ds-nav-item:not(.gaf-escape *):where([size=small]) .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
c-ds-nav-item:not(.gaf-escape *):where(:not([size])) .large .nav-item button .icon-trailing, c-ds-nav-item:not(.gaf-escape *):where([size=small]) .large .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
c-ds-nav-item:not(.gaf-escape *) .icon-leading {
  margin-right: var(--spacing-small);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item {
  display: flex;
  flex-direction: column;
  min-width: fit-content;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button {
  display: flex;
  height: 100%;
  text-decoration: none;
  color: var(--text-primary);
  border-radius: 0;
  align-items: center;
  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-small);
  border-left: 4px solid transparent;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button:focus-visible {
  box-shadow: 0 0 0 3px var(--surface1);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button:visited {
  color: var(--text-primary);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button span {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-x-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin: var(--spacing-none);
  text-align: left;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button:not([selected]) > span {
  text-decoration: underline;
  color: var(--link-text);
  margin-right: var(--spacing-xx-small);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button:not([selected]):disabled {
  pointer-events: none;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button:not([selected]):disabled > span {
  color: var(--text-readonly);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]) span {
  text-decoration: underline;
  color: var(--link-text);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):hover {
  color: var(--link-text-hover);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):active {
  color: var(--link-text-active);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked {
  cursor: not-allowed;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked span {
  text-decoration: none;
  color: var(--text-primary);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked:hover, c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked:active {
  background: transparent;
  color: var(--link-text-disabled);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):disabled {
  pointer-events: none;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):disabled span {
  color: var(--text-readonly);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button[selected] {
  background: var(--navigation-weak);
  border-left: 4px solid var(--navigation);
  /* stylelint-disable-next-line no-descending-specificity */
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button[selected] span {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-x-small);
  font-family: "Noto Sans";
  font-weight: 600;
  margin-bottom: var(--spacing-none);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button[selected]:disabled {
  display: none;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button[selected]:hover {
  background: var(--navigation-weak-hover);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button[selected]:active {
  background: var(--navigation-weak-active);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item button c-ds-badge {
  margin-left: auto;
}
c-ds-nav-item:not(.gaf-escape *) .nav-item h2 {
  display: flex;
  align-items: center;
  margin: var(--spacing-none);
  flex: 1;
  padding: var(--spacing-x-small) var(--spacing-medium);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item h2 .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
c-ds-nav-item:not(.gaf-escape *) .nav-item.border-left {
  /* stylelint-disable-next-line no-descending-specificity */
}
c-ds-nav-item:not(.gaf-escape *) .nav-item.border-left button {
  border-left: 4px solid var(--grey-5);
}
c-ds-nav-item:not(.gaf-escape *) .nav-divider {
  height: 56px;
}
c-ds-nav-item:not(.gaf-escape *) .hr-nav-item {
  max-width: 316px;
  margin: var(--spacing-none);
  position: relative;
  top: 50%;
}

gaf-ds-nav-item:not(.gaf-escape *):where([size=large]) .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
gaf-ds-nav-item:not(.gaf-escape *):where([size=large]) .small .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
gaf-ds-nav-item:not(.gaf-escape *):where(:not([size])) .nav-item button .icon-trailing, gaf-ds-nav-item:not(.gaf-escape *):where([size=small]) .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
gaf-ds-nav-item:not(.gaf-escape *):where(:not([size])) .large .nav-item button .icon-trailing, gaf-ds-nav-item:not(.gaf-escape *):where([size=small]) .large .nav-item button .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
gaf-ds-nav-item:not(.gaf-escape *) .icon-leading {
  margin-right: var(--spacing-small);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item {
  display: flex;
  flex-direction: column;
  min-width: fit-content;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button {
  display: flex;
  height: 100%;
  text-decoration: none;
  color: var(--text-primary);
  border-radius: 0;
  align-items: center;
  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-small);
  border-left: 4px solid transparent;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button:focus-visible {
  box-shadow: 0 0 0 3px var(--surface1);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button:visited {
  color: var(--text-primary);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button span {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-x-small);
  font-family: "Noto Sans";
  font-weight: 400;
  margin: var(--spacing-none);
  text-align: left;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button:not([selected]) > span {
  text-decoration: underline;
  color: var(--link-text);
  margin-right: var(--spacing-xx-small);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button:not([selected]):disabled {
  pointer-events: none;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button:not([selected]):disabled > span {
  color: var(--text-readonly);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]) span {
  text-decoration: underline;
  color: var(--link-text);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):hover {
  color: var(--link-text-hover);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):active {
  color: var(--link-text-active);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked {
  cursor: not-allowed;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked span {
  text-decoration: none;
  color: var(--text-primary);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked:hover, gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]).locked:active {
  background: transparent;
  color: var(--link-text-disabled);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):disabled {
  pointer-events: none;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button.prog:not([selected]):disabled span {
  color: var(--text-readonly);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button[selected] {
  background: var(--navigation-weak);
  border-left: 4px solid var(--navigation);
  /* stylelint-disable-next-line no-descending-specificity */
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button[selected] span {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-x-small);
  font-family: "Noto Sans";
  font-weight: 600;
  margin-bottom: var(--spacing-none);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button[selected]:disabled {
  display: none;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button[selected]:hover {
  background: var(--navigation-weak-hover);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button[selected]:active {
  background: var(--navigation-weak-active);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item button c-ds-badge {
  margin-left: auto;
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item h2 {
  display: flex;
  align-items: center;
  margin: var(--spacing-none);
  flex: 1;
  padding: var(--spacing-x-small) var(--spacing-medium);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item h2 .icon-trailing {
  margin-left: auto;
  padding-right: var(--spacing-xxx-small);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item.border-left {
  /* stylelint-disable-next-line no-descending-specificity */
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-item.border-left button {
  border-left: 4px solid var(--grey-5);
}
gaf-ds-nav-item:not(.gaf-escape *) .nav-divider {
  height: 56px;
}
gaf-ds-nav-item:not(.gaf-escape *) .hr-nav-item {
  max-width: 316px;
  margin: var(--spacing-none);
  position: relative;
  top: 50%;
}

c-dynamic-image:not(.gaf-escape *) .dynamic-image-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-none);
}
c-dynamic-image:not(.gaf-escape *) img {
  width: 100%;
  height: auto;
}

gaf-dynamic-image:not(.gaf-escape *) .dynamic-image-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-none);
}
gaf-dynamic-image:not(.gaf-escape *) img {
  width: 100%;
  height: auto;
}

c-card:not(.gaf-escape *) .card-title-badge-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
c-card:not(.gaf-escape *) .divider {
  border-bottom: 1px solid var(--border-light);
}
c-card:not(.gaf-escape *) .card {
  display: flex;
  min-width: 328px;
  max-width: 1280px;
  align-items: flex-start;
  align-self: stretch;
}
c-card:not(.gaf-escape *) .card-content {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--spacing-medium);
  padding: var(--spacing-medium) 0;
}
c-card:not(.gaf-escape *) .card-content-upper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}
c-card:not(.gaf-escape *) .card-content-upper-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
  flex: 1 0 0;
  overflow-wrap: anywhere;
}
c-card:not(.gaf-escape *) .card-content-upper-text-preview {
  display: flex;
  flex-wrap: wrap;
}
c-card:not(.gaf-escape *) .card-content-upper-action-items {
  display: flex;
  flex-direction: column;
}
c-card:not(.gaf-escape *) .card-content-upper-action-items .button-content-container {
  justify-content: flex-start;
}
c-card:not(.gaf-escape *) .card-content-lower-meta {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
}
c-card:not(.gaf-escape *) .card-content-lower-meta-properties {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxx-small);
}
c-card:not(.gaf-escape *) .card-content-lower-meta-properties:last-of-type {
  margin-bottom: var(--spacing-medium);
}
c-card:not(.gaf-escape *) .card-content-lower-meta-properties .metadata-value {
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-card:not(.gaf-escape *) .card {
    min-width: 280px;
    max-width: 400px;
  }
  c-card:not(.gaf-escape *) .card-content-upper-text,
  c-card:not(.gaf-escape *) .card-content-upper-action-items {
    flex: 0 0 auto;
    width: 100%;
  }
  c-card:not(.gaf-escape *) .card-content-upper-action-items {
    flex-direction: row;
    gap: var(--spacing-small);
  }
}
c-card:not(.gaf-escape *) .dot {
  height: 0.25rem;
  width: 0.25rem;
  margin-right: var(--spacing-x-small);
  margin-left: var(--spacing-x-small);
  margin-bottom: var(--spacing-xxx-small);
  background-color: var(--text-secondary);
  border-radius: 50%;
  display: inline-block;
}
c-card:not(.gaf-escape *) .dash {
  height: 0.1rem;
  width: 0.25rem;
  margin-right: var(--spacing-xx-small);
  margin-left: var(--spacing-xx-small);
  margin-bottom: var(--spacing-xx-small);
  background-color: var(--text-secondary);
  display: inline-block;
}

gaf-card:not(.gaf-escape *) .card-title-badge-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
gaf-card:not(.gaf-escape *) .divider {
  border-bottom: 1px solid var(--border-light);
}
gaf-card:not(.gaf-escape *) .card {
  display: flex;
  min-width: 328px;
  max-width: 1280px;
  align-items: flex-start;
  align-self: stretch;
}
gaf-card:not(.gaf-escape *) .card-content {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--spacing-medium);
  padding: var(--spacing-medium) 0;
}
gaf-card:not(.gaf-escape *) .card-content-upper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}
gaf-card:not(.gaf-escape *) .card-content-upper-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
  flex: 1 0 0;
  overflow-wrap: anywhere;
}
gaf-card:not(.gaf-escape *) .card-content-upper-text-preview {
  display: flex;
  flex-wrap: wrap;
}
gaf-card:not(.gaf-escape *) .card-content-upper-action-items {
  display: flex;
  flex-direction: column;
}
gaf-card:not(.gaf-escape *) .card-content-upper-action-items .button-content-container {
  justify-content: flex-start;
}
gaf-card:not(.gaf-escape *) .card-content-lower-meta {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
}
gaf-card:not(.gaf-escape *) .card-content-lower-meta-properties {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxx-small);
}
gaf-card:not(.gaf-escape *) .card-content-lower-meta-properties:last-of-type {
  margin-bottom: var(--spacing-medium);
}
gaf-card:not(.gaf-escape *) .card-content-lower-meta-properties .metadata-value {
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-card:not(.gaf-escape *) .card {
    min-width: 280px;
    max-width: 400px;
  }
  gaf-card:not(.gaf-escape *) .card-content-upper-text,
  gaf-card:not(.gaf-escape *) .card-content-upper-action-items {
    flex: 0 0 auto;
    width: 100%;
  }
  gaf-card:not(.gaf-escape *) .card-content-upper-action-items {
    flex-direction: row;
    gap: var(--spacing-small);
  }
}
gaf-card:not(.gaf-escape *) .dot {
  height: 0.25rem;
  width: 0.25rem;
  margin-right: var(--spacing-x-small);
  margin-left: var(--spacing-x-small);
  margin-bottom: var(--spacing-xxx-small);
  background-color: var(--text-secondary);
  border-radius: 50%;
  display: inline-block;
}
gaf-card:not(.gaf-escape *) .dash {
  height: 0.1rem;
  width: 0.25rem;
  margin-right: var(--spacing-xx-small);
  margin-left: var(--spacing-xx-small);
  margin-bottom: var(--spacing-xx-small);
  background-color: var(--text-secondary);
  display: inline-block;
}

c-cards:not(.gaf-escape *) .cards {
  display: flex;
  max-width: 600px;
  min-width: 328px;
  flex-direction: column;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-cards:not(.gaf-escape *) .cards {
    min-width: 280px;
  }
}

gaf-cards:not(.gaf-escape *) .cards {
  display: flex;
  max-width: 600px;
  min-width: 328px;
  flex-direction: column;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-cards:not(.gaf-escape *) .cards {
    min-width: 280px;
  }
}

c-file:not(.gaf-escape *) .file-container {
  border: 2px dashed var(--grey-3);
  border-radius: 8px;
  margin: var(--spacing-large);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
c-file:not(.gaf-escape *) .file-container input {
  display: none;
}
c-file:not(.gaf-escape *) .file-container-contents {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-small);
  margin: var(--spacing-large);
}
c-file:not(.gaf-escape *) .file-container-contents p {
  color: var(--text-secondary);
}
c-file:not(.gaf-escape *) .file-container-contents button > span {
  margin-left: var(--spacing-x-small);
}

gaf-file:not(.gaf-escape *) .file-container {
  border: 2px dashed var(--grey-3);
  border-radius: 8px;
  margin: var(--spacing-large);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
gaf-file:not(.gaf-escape *) .file-container input {
  display: none;
}
gaf-file:not(.gaf-escape *) .file-container-contents {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-small);
  margin: var(--spacing-large);
}
gaf-file:not(.gaf-escape *) .file-container-contents p {
  color: var(--text-secondary);
}
gaf-file:not(.gaf-escape *) .file-container-contents button > span {
  margin-left: var(--spacing-x-small);
}

div.label_container:not(.gaf-escape *),
p.required-indicator:not(.gaf-escape *) {
  position: relative;
}
div.label_container:not(.gaf-escape *) i.fa-asterisk,
p.required-indicator:not(.gaf-escape *) i.fa-asterisk {
  font-size: 16px;
  color: var(--critical-validation-text-weak);
  position: absolute;
  left: -16px;
  font-weight: 300;
}
div.label_container:not(.gaf-escape *) .custom-label-desc,
p.required-indicator:not(.gaf-escape *) .custom-label-desc {
  margin: var(--spacing-none) var(--spacing-none) var(--spacing-x-small) var(--spacing-none);
  padding: var(--spacing-none);
  font-size: 14px;
  line-height: 1.25rem;
}

c-ds-template:not(.gaf-escape *) .gaf-template {
  /* Checking if navbar items exist to see if divider is necessary */
}
c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb {
  display: flex;
  justify-content: center;
}
c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb c-breadcrumb[data-version] {
  display: contents;
}
c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb gaf-breadcrumb[data-version] {
  display: contents;
}
c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb .breadcrumb-nav {
  display: flex;
  flex: 1 0 0;
  max-width: var(--max-width);
}
c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb .breadcrumb-nav .breadcrumb-container {
  padding: var(--spacing-x-small) var(--spacing-xx-large) var(--spacing-none) var(--spacing-xx-large);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb .breadcrumb-nav .breadcrumb-container {
    padding: var(--spacing-x-small) var(--spacing-x-large) var(--spacing-none) var(--spacing-x-large);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb.desktop {
  display: none;
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb.desktop {
    display: flex;
  }
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb.mobile {
    display: none;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog {
  transition: display 0.5s allow-discrete, overlay 0.4s allow-discrete;
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__container {
  animation: close 0.5s forwards;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  margin: 0;
  border-radius: 0;
  max-height: none;
  width: 320px;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__container {
    width: auto;
  }
  c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__container:-internal-dialog-in-top-layer {
    max-height: none;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__title-area {
  padding: var(--spacing-x-small) var(--spacing-medium);
  margin: 0;
  margin-top: var(--spacing-x-small);
  margin-bottom: var(--spacing-medium);
  border-bottom: none;
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__title-area .modal-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: var(--spacing-medium);
  font-family: "Lato";
  font-weight: 700;
  margin-bottom: var(--spacing-none);
  max-width: 250px;
  text-wrap: auto;
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__body-area {
  margin: 0;
  padding: 0;
  max-height: none;
  display: flex;
  flex-direction: column;
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__close {
  margin-top: var(--spacing-xx-small);
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog--open .gaf-dialog__container {
  animation: open 0.5s forwards;
}
@keyframes open {
  from {
    transform: translateX(-400px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes close {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-400px);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog hr {
  display: none;
}
c-ds-template:not(.gaf-escape *) .gaf-template__header-slot {
  max-width: var(--max-width);
  width: 100%;
  align-self: center;
  padding: var(--spacing-xx-small) var(--spacing-none);
}
c-ds-template:not(.gaf-escape *) .gaf-template__header-slot > :first-child {
  padding-left: var(--spacing-xx-large);
}
c-ds-template:not(.gaf-escape *) .gaf-template__header-slot > :last-child {
  padding-right: var(--spacing-xx-large);
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar {
  display: flex;
  justify-content: center;
  /* Checking for navbar items to see if navbar should be shown in column when only burger menu and divider are present and hiding at desktop sizes */
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-status-text {
  margin-bottom: var(--spacing-none);
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-container {
  display: flex;
  flex: 1 0 0;
  max-width: var(--max-width);
  justify-content: center;
  align-items: center;
  margin-left: var(--spacing-large);
  margin-right: var(--spacing-large);
  padding: var(--spacing-x-small) var(--spacing-none);
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar-container {
    margin-left: var(--spacing-xx-large);
    margin-right: var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar-container {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar-container:not(:has(.gaf-template__navbar-title)) {
    justify-content: flex-end;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar--right {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  gap: var(--spacing-large);
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar--right {
    padding-right: var(--spacing-xx-large);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.desktop {
  display: none;
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.desktop {
    display: block;
    margin-bottom: var(--spacing-none);
    padding-left: var(--spacing-xx-large);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.mobile {
  flex: 1 0 0;
  margin-left: var(--spacing-medium);
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.mobile {
    display: none;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-link {
  text-wrap: nowrap;
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-none);
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.desktop {
  display: none;
}
@media only screen and (min-width: 767px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.desktop {
    display: block;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.mobile {
  margin-left: var(--spacing-medium);
}
@media only screen and (min-width: 767px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.mobile {
    display: none;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar-statusText {
  text-wrap: nowrap;
  --text: var(--text-secondary);
  margin-bottom: var(--spacing-none);
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-x-small);
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar {
    padding: var(--spacing-x-large) var(--spacing-none);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__navbar:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)) {
  flex-direction: column;
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__navbar:not(:has(.gaf-template__navbar-title,
  .gaf-template__navbar-link,
  .gaf-template__navbar-status-text)) {
    display: none;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)) {
  /* checks if nav exists so it can show divider for mobile views */
  /* and if nav doesn't exist then we hide the divider */
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
  .gaf-template__navbar-link,
  .gaf-template__navbar-status-text)):has(c-ds-nav) .gaf-template__divider,
  c-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
  .gaf-template__navbar-link,
  .gaf-template__navbar-status-text)):has(c-ds-nav) .gaf-template__navbar {
    display: none;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)):not(:has(c-ds-nav)) .gaf-template__divider,
c-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)):not(:has(c-ds-nav)) .gaf-template__navbar {
  display: none;
}
c-ds-template:not(.gaf-escape *) .gaf-template__leftNav {
  align-self: stretch;
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__leftNav {
    padding-left: var(--spacing-x-large);
  }
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__hamburger {
    display: none;
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__nav {
  flex: 1 0 0;
}
c-ds-template:not(.gaf-escape *) .gaf-template__nav-content {
  display: none;
  max-width: 296px;
  flex-direction: column;
  width: 318px;
  background-color: var(--surface1);
  height: 100%;
  z-index: 3;
}
c-ds-template:not(.gaf-escape *) .gaf-template__nav-content-heading {
  display: flex;
  gap: var(--spacing-medium);
  align-items: center;
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-large);
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__nav-content-heading {
    padding-top: var(--spacing-none);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__nav-content-heading:not(:has(.gaf-template__navbar-title)) {
  justify-content: flex-end;
  padding: var(--spacing-none);
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__nav-content {
    display: flex;
    padding-top: var(--spacing-none);
  }
}
c-ds-template:not(.gaf-escape *) c-global-header:focus {
  outline: none;
}
c-ds-template:not(.gaf-escape *) .gaf-template {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  /* check to see if left nav is present or not */
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__left-nav {
    padding-left: var(--spacing-x-large);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__content {
  padding-top: var(--spacing-xx-large);
  padding-bottom: var(--spacing-x-large);
  display: flex;
  flex: 1 0 0;
  justify-content: center;
}
c-ds-template:not(.gaf-escape *) .gaf-template__content-container {
  display: flex;
  flex: 1 0 0;
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__content-container {
    display: flex;
    max-width: var(--max-width);
    justify-content: center;
    gap: var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__content {
    padding-bottom: var(--spacing-xx-large);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template__main-content {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  padding: var(--spacing-none) var(--spacing-large);
  max-width: 740px;
}
c-ds-template:not(.gaf-escape *) .gaf-template__main-content > h1 {
  margin-bottom: var(--spacing-large);
}
c-ds-template:not(.gaf-escape *) .gaf-template__main-content__focus-hook {
  outline: none;
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__main-content {
    padding: var(--spacing-none) var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template__main-content {
    padding: var(--spacing-none) var(--spacing-xx-large) var(--spacing-none) var(--spacing-none);
  }
}
c-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__left-nav)) .gaf-template__content-container {
  justify-content: flex-start;
}
@media only screen and (min-width: 1023px) {
  c-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__left-nav)) .gaf-template__content-container .gaf-template__main-content {
    padding-left: var(--spacing-xx-large);
  }
}

gaf-ds-template:not(.gaf-escape *) .gaf-template {
  /* Checking if navbar items exist to see if divider is necessary */
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb {
  display: flex;
  justify-content: center;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb c-breadcrumb[data-version] {
  display: contents;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb gaf-breadcrumb[data-version] {
  display: contents;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb .breadcrumb-nav {
  display: flex;
  flex: 1 0 0;
  max-width: var(--max-width);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb .breadcrumb-nav .breadcrumb-container {
  padding: var(--spacing-x-small) var(--spacing-xx-large) var(--spacing-none) var(--spacing-xx-large);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb .breadcrumb-nav .breadcrumb-container {
    padding: var(--spacing-x-small) var(--spacing-x-large) var(--spacing-none) var(--spacing-x-large);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb.desktop {
  display: none;
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb.desktop {
    display: flex;
  }
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__breadcrumb.mobile {
    display: none;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog {
  transition: display 0.5s allow-discrete, overlay 0.4s allow-discrete;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__container {
  animation: close 0.5s forwards;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  margin: 0;
  border-radius: 0;
  max-height: none;
  width: 320px;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__container {
    width: auto;
  }
  gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__container:-internal-dialog-in-top-layer {
    max-height: none;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__title-area {
  padding: var(--spacing-x-small) var(--spacing-medium);
  margin: 0;
  margin-top: var(--spacing-x-small);
  margin-bottom: var(--spacing-medium);
  border-bottom: none;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__title-area .modal-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: var(--spacing-medium);
  font-family: "Lato";
  font-weight: 700;
  margin-bottom: var(--spacing-none);
  max-width: 250px;
  text-wrap: auto;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__body-area {
  margin: 0;
  padding: 0;
  max-height: none;
  display: flex;
  flex-direction: column;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog__close {
  margin-top: var(--spacing-xx-small);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog--open .gaf-dialog__container {
  animation: open 0.5s forwards;
}
@keyframes open {
  from {
    transform: translateX(-400px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes close {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-400px);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger-menu .gaf-dialog hr {
  display: none;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__header-slot {
  max-width: var(--max-width);
  width: 100%;
  align-self: center;
  padding: var(--spacing-xx-small) var(--spacing-none);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__header-slot > :first-child {
  padding-left: var(--spacing-xx-large);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__header-slot > :last-child {
  padding-right: var(--spacing-xx-large);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar {
  display: flex;
  justify-content: center;
  /* Checking for navbar items to see if navbar should be shown in column when only burger menu and divider are present and hiding at desktop sizes */
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-status-text {
  margin-bottom: var(--spacing-none);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-container {
  display: flex;
  flex: 1 0 0;
  max-width: var(--max-width);
  justify-content: center;
  align-items: center;
  margin-left: var(--spacing-large);
  margin-right: var(--spacing-large);
  padding: var(--spacing-x-small) var(--spacing-none);
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-container {
    margin-left: var(--spacing-xx-large);
    margin-right: var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-container {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-container:not(:has(.gaf-template__navbar-title)) {
    justify-content: flex-end;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar--right {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  gap: var(--spacing-large);
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar--right {
    padding-right: var(--spacing-xx-large);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.desktop {
  display: none;
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.desktop {
    display: block;
    margin-bottom: var(--spacing-none);
    padding-left: var(--spacing-xx-large);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.mobile {
  flex: 1 0 0;
  margin-left: var(--spacing-medium);
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-title.mobile {
    display: none;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-link {
  text-wrap: nowrap;
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-none);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.desktop {
  display: none;
}
@media only screen and (min-width: 767px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.desktop {
    display: block;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.mobile {
  margin-left: var(--spacing-medium);
}
@media only screen and (min-width: 767px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-link.mobile {
    display: none;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar-statusText {
  text-wrap: nowrap;
  --text: var(--text-secondary);
  margin-bottom: var(--spacing-none);
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-x-small);
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar {
    padding: var(--spacing-x-large) var(--spacing-none);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)) {
  flex-direction: column;
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__navbar:not(:has(.gaf-template__navbar-title,
  .gaf-template__navbar-link,
  .gaf-template__navbar-status-text)) {
    display: none;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)) {
  /* checks if nav exists so it can show divider for mobile views */
  /* and if nav doesn't exist then we hide the divider */
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
  .gaf-template__navbar-link,
  .gaf-template__navbar-status-text)):has(c-ds-nav) .gaf-template__divider,
  gaf-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
  .gaf-template__navbar-link,
  .gaf-template__navbar-status-text)):has(c-ds-nav) .gaf-template__navbar {
    display: none;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)):not(:has(c-ds-nav)) .gaf-template__divider,
gaf-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__navbar-title,
.gaf-template__navbar-link,
.gaf-template__navbar-status-text)):not(:has(c-ds-nav)) .gaf-template__navbar {
  display: none;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__leftNav {
  align-self: stretch;
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__leftNav {
    padding-left: var(--spacing-x-large);
  }
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__hamburger {
    display: none;
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__nav {
  flex: 1 0 0;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__nav-content {
  display: none;
  max-width: 296px;
  flex-direction: column;
  width: 318px;
  background-color: var(--surface1);
  height: 100%;
  z-index: 3;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__nav-content-heading {
  display: flex;
  gap: var(--spacing-medium);
  align-items: center;
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-large);
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__nav-content-heading {
    padding-top: var(--spacing-none);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__nav-content-heading:not(:has(.gaf-template__navbar-title)) {
  justify-content: flex-end;
  padding: var(--spacing-none);
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__nav-content {
    display: flex;
    padding-top: var(--spacing-none);
  }
}
gaf-ds-template:not(.gaf-escape *) c-global-header:focus {
  outline: none;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  /* check to see if left nav is present or not */
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__left-nav {
    padding-left: var(--spacing-x-large);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__content {
  padding-top: var(--spacing-xx-large);
  padding-bottom: var(--spacing-x-large);
  display: flex;
  flex: 1 0 0;
  justify-content: center;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__content-container {
  display: flex;
  flex: 1 0 0;
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__content-container {
    display: flex;
    max-width: var(--max-width);
    justify-content: center;
    gap: var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__content {
    padding-bottom: var(--spacing-xx-large);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__main-content {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  padding: var(--spacing-none) var(--spacing-large);
  max-width: 740px;
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__main-content > h1 {
  margin-bottom: var(--spacing-large);
}
gaf-ds-template:not(.gaf-escape *) .gaf-template__main-content__focus-hook {
  outline: none;
}
@media only screen and (min-width: 767px) and (max-width: 1022px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__main-content {
    padding: var(--spacing-none) var(--spacing-xx-large);
  }
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template__main-content {
    padding: var(--spacing-none) var(--spacing-xx-large) var(--spacing-none) var(--spacing-none);
  }
}
gaf-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__left-nav)) .gaf-template__content-container {
  justify-content: flex-start;
}
@media only screen and (min-width: 1023px) {
  gaf-ds-template:not(.gaf-escape *) .gaf-template:not(:has(.gaf-template__left-nav)) .gaf-template__content-container .gaf-template__main-content {
    padding-left: var(--spacing-xx-large);
  }
}

c-page-bottom:not(.gaf-escape *) .page-bottom-container,
c-page-bottom:not(.gaf-escape *) .page-bottom-links {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-large);
}
c-page-bottom:not(.gaf-escape *) .page-bottom-container {
  max-width: var(--max-width);
  flex: 1 0 0;
}
c-page-bottom:not(.gaf-escape *) .page-bottom-links {
  padding: var(--spacing-none) var(--spacing-xx-large);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-page-bottom:not(.gaf-escape *) .page-bottom-links {
    padding: var(--spacing-none) var(--spacing-large);
  }
}
c-page-bottom:not(.gaf-escape *) .page-bottom-links--backtotop span {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
c-page-bottom:not(.gaf-escape *) .page-bottom-links__links {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-large);
}
c-page-bottom:not(.gaf-escape *) .page-bottom-text {
  padding-left: var(--spacing-xx-large);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-page-bottom:not(.gaf-escape *) .page-bottom-text {
    padding-left: var(--spacing-large);
  }
}
c-page-bottom:not(.gaf-escape *) a.external-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
  font-size: 16px;
}
@media only screen and (min-width: 767px) {
  c-page-bottom:not(.gaf-escape *) .page-bottom-links {
    flex-direction: row;
    justify-content: space-between;
  }
}

gaf-page-bottom:not(.gaf-escape *) .page-bottom-container,
gaf-page-bottom:not(.gaf-escape *) .page-bottom-links {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-large);
}
gaf-page-bottom:not(.gaf-escape *) .page-bottom-container {
  max-width: var(--max-width);
  flex: 1 0 0;
}
gaf-page-bottom:not(.gaf-escape *) .page-bottom-links {
  padding: var(--spacing-none) var(--spacing-xx-large);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-page-bottom:not(.gaf-escape *) .page-bottom-links {
    padding: var(--spacing-none) var(--spacing-large);
  }
}
gaf-page-bottom:not(.gaf-escape *) .page-bottom-links--backtotop span {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
}
gaf-page-bottom:not(.gaf-escape *) .page-bottom-links__links {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-large);
}
gaf-page-bottom:not(.gaf-escape *) .page-bottom-text {
  padding-left: var(--spacing-xx-large);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-page-bottom:not(.gaf-escape *) .page-bottom-text {
    padding-left: var(--spacing-large);
  }
}
gaf-page-bottom:not(.gaf-escape *) a.external-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
  font-size: 16px;
}
@media only screen and (min-width: 767px) {
  gaf-page-bottom:not(.gaf-escape *) .page-bottom-links {
    flex-direction: row;
    justify-content: space-between;
  }
}

c-nested-content:not(.gaf-escape *) .nested-content-container {
  border-left: 4px solid var(--border);
  padding-left: var(--spacing-x-large);
  padding-bottom: var(--spacing-large);
}

gaf-nested-content:not(.gaf-escape *) .nested-content-container {
  border-left: 4px solid var(--border);
  padding-left: var(--spacing-x-large);
  padding-bottom: var(--spacing-large);
}

c-accordion:not(.gaf-escape *) .accordion {
  min-width: 92px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-small);
}
c-accordion:not(.gaf-escape *) .accordion-header c-ds-button .label2 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-none);
}
c-accordion:not(.gaf-escape *) .accordion-header {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 24px;
  padding: var(--spacing-xx-small) var(--spacing-xx-small) var(--spacing-xx-small) 0;
}
c-accordion:not(.gaf-escape *) .accordion-content {
  display: none;
  color: var(--text-secondary);
}
c-accordion:not(.gaf-escape *) .accordion.active .accordion-content {
  display: block;
  margin-bottom: var(--spacing-medium);
}
c-accordion:not(.gaf-escape *) .accordion-header i {
  transition: transform 0.3s;
}
c-accordion:not(.gaf-escape *) .accordion.active > .accordion-header i {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion) {
  c-accordion:not(.gaf-escape *) .accordion-header i {
    transition: none;
  }
}

gaf-accordion:not(.gaf-escape *) .accordion {
  min-width: 92px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-small);
}
gaf-accordion:not(.gaf-escape *) .accordion-header c-ds-button .label2 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: var(--spacing-small);
  font-family: "Noto Sans";
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-none);
}
gaf-accordion:not(.gaf-escape *) .accordion-header {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 24px;
  padding: var(--spacing-xx-small) var(--spacing-xx-small) var(--spacing-xx-small) 0;
}
gaf-accordion:not(.gaf-escape *) .accordion-content {
  display: none;
  color: var(--text-secondary);
}
gaf-accordion:not(.gaf-escape *) .accordion.active .accordion-content {
  display: block;
  margin-bottom: var(--spacing-medium);
}
gaf-accordion:not(.gaf-escape *) .accordion-header i {
  transition: transform 0.3s;
}
gaf-accordion:not(.gaf-escape *) .accordion.active > .accordion-header i {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion) {
  gaf-accordion:not(.gaf-escape *) .accordion-header i {
    transition: none;
  }
}

c-file-upload:not(.gaf-escape *) .uploader-card {
  border-radius: 4px;
  border: 1px solid var(--grey-7);
  padding: var(--spacing-large);
  max-width: 550px;
  min-width: 190px;
  margin-bottom: var(--spacing-medium);
}
c-file-upload:not(.gaf-escape *) .upload-area {
  border: 1px dashed var(--grey-7);
  border-radius: 8px;
  padding: var(--spacing-medium) var(--spacing-large) var(--spacing-medium) var(--spacing-large);
  text-align: center;
  margin-top: var(--spacing-small);
  gap: var(--spacing-small);
  display: flex;
  align-items: center;
  justify-content: center;
}
c-file-upload:not(.gaf-escape *) .upload-area.active-hover:hover {
  background-color: var(--generic-active);
}
c-file-upload:not(.gaf-escape *) .upload-area:active {
  outline: var(--focus-border) solid 4px;
  border-radius: 8px;
}
c-file-upload:not(.gaf-escape *) .inactive {
  color: var(--text-readonly);
  border-color: var(--border-readonly);
}
c-file-upload:not(.gaf-escape *) .banner_container {
  min-width: 240px;
  max-width: 600px;
  padding-bottom: var(--spacing-medium);
  padding-top: var(--spacing-x-small);
}
c-file-upload:not(.gaf-escape *) .btn-margin button {
  margin-bottom: var(--spacing-none);
}
c-file-upload:not(.gaf-escape *) .file-info {
  color: var(--grey-9);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
}
c-file-upload:not(.gaf-escape *) .upload-area.dragover {
  background-color: var(--generic-active);
}
c-file-upload:not(.gaf-escape *) .download-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
}
c-file-upload:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
c-file-upload:not(.gaf-escape *) .file-input {
  display: none;
}
c-file-upload:not(.gaf-escape *) .file-size {
  color: var(--grey-9);
}
c-file-upload:not(.gaf-escape *) .file-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
}
c-file-upload:not(.gaf-escape *) .file-container {
  display: flex;
  justify-content: space-between;
}
c-file-upload:not(.gaf-escape *) .file-container__content {
  display: flex;
  gap: var(--spacing-medium);
  padding: var(--spacing-xx-small) 0;
  flex-grow: 1;
  flex-wrap: wrap;
}
c-file-upload:not(.gaf-escape *) .file-container__content--loading-text {
  flex-grow: 1;
  word-break: break-word;
  flex-basis: 60%;
}
c-file-upload:not(.gaf-escape *) .file-container__content--left {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  gap: var(--spacing-xx-small);
  flex-basis: 70%;
}
c-file-upload:not(.gaf-escape *) .file-container__content--right {
  flex-grow: 1;
}
c-file-upload:not(.gaf-escape *) .file-container__text {
  word-break: break-word;
}
c-file-upload:not(.gaf-escape *) .file-container:first-child {
  margin-top: var(--spacing-small);
}
c-file-upload:not(.gaf-escape *) .external-link {
  margin-left: var(--spacing-xx-small);
}
c-file-upload:not(.gaf-escape *) .spinner {
  height: fit-content;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-file-upload:not(.gaf-escape *) .upload-area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

gaf-file-upload:not(.gaf-escape *) .uploader-card {
  border-radius: 4px;
  border: 1px solid var(--grey-7);
  padding: var(--spacing-large);
  max-width: 550px;
  min-width: 190px;
  margin-bottom: var(--spacing-medium);
}
gaf-file-upload:not(.gaf-escape *) .upload-area {
  border: 1px dashed var(--grey-7);
  border-radius: 8px;
  padding: var(--spacing-medium) var(--spacing-large) var(--spacing-medium) var(--spacing-large);
  text-align: center;
  margin-top: var(--spacing-small);
  gap: var(--spacing-small);
  display: flex;
  align-items: center;
  justify-content: center;
}
gaf-file-upload:not(.gaf-escape *) .upload-area.active-hover:hover {
  background-color: var(--generic-active);
}
gaf-file-upload:not(.gaf-escape *) .upload-area:active {
  outline: var(--focus-border) solid 4px;
  border-radius: 8px;
}
gaf-file-upload:not(.gaf-escape *) .inactive {
  color: var(--text-readonly);
  border-color: var(--border-readonly);
}
gaf-file-upload:not(.gaf-escape *) .banner_container {
  min-width: 240px;
  max-width: 600px;
  padding-bottom: var(--spacing-medium);
  padding-top: var(--spacing-x-small);
}
gaf-file-upload:not(.gaf-escape *) .btn-margin button {
  margin-bottom: var(--spacing-none);
}
gaf-file-upload:not(.gaf-escape *) .file-info {
  color: var(--grey-9);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
}
gaf-file-upload:not(.gaf-escape *) .upload-area.dragover {
  background-color: var(--generic-active);
}
gaf-file-upload:not(.gaf-escape *) .download-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
}
gaf-file-upload:not(.gaf-escape *) .label_container {
  width: fit-content;
  display: grid;
  position: relative;
}
gaf-file-upload:not(.gaf-escape *) .file-input {
  display: none;
}
gaf-file-upload:not(.gaf-escape *) .file-size {
  color: var(--grey-9);
}
gaf-file-upload:not(.gaf-escape *) .file-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
}
gaf-file-upload:not(.gaf-escape *) .file-container {
  display: flex;
  justify-content: space-between;
}
gaf-file-upload:not(.gaf-escape *) .file-container__content {
  display: flex;
  gap: var(--spacing-medium);
  padding: var(--spacing-xx-small) 0;
  flex-grow: 1;
  flex-wrap: wrap;
}
gaf-file-upload:not(.gaf-escape *) .file-container__content--loading-text {
  flex-grow: 1;
  word-break: break-word;
  flex-basis: 60%;
}
gaf-file-upload:not(.gaf-escape *) .file-container__content--left {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  gap: var(--spacing-xx-small);
  flex-basis: 70%;
}
gaf-file-upload:not(.gaf-escape *) .file-container__content--right {
  flex-grow: 1;
}
gaf-file-upload:not(.gaf-escape *) .file-container__text {
  word-break: break-word;
}
gaf-file-upload:not(.gaf-escape *) .file-container:first-child {
  margin-top: var(--spacing-small);
}
gaf-file-upload:not(.gaf-escape *) .external-link {
  margin-left: var(--spacing-xx-small);
}
gaf-file-upload:not(.gaf-escape *) .spinner {
  height: fit-content;
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-file-upload:not(.gaf-escape *) .upload-area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

c-modal:not(.gaf-escape *) .gaf-dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100dvw;
  height: 100dvh;
  background: var(--dimmer);
  /* dialog specific styles */
}
c-modal:not(.gaf-escape *) .gaf-dialog--closed {
  display: none;
}
c-modal:not(.gaf-escape *) .gaf-dialog--open {
  display: flex;
  align-items: center;
  justify-content: center;
}
c-modal:not(.gaf-escape *) .gaf-dialog__container {
  width: 100%;
  position: relative;
  overflow-y: auto;
  background: var(--surface1);
  max-height: 100dvh;
  border-radius: 4px;
}
c-modal:not(.gaf-escape *) .gaf-dialog__container:focus {
  box-shadow: none;
}
@media only screen and (min-width: 767px) {
  c-modal:not(.gaf-escape *) .gaf-dialog__container {
    width: 664px;
    max-height: calc(100vh - 96px);
  }
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-modal:not(.gaf-escape *) .gaf-dialog__container:focus {
    outline: none;
  }
  c-modal:not(.gaf-escape *) .gaf-dialog__container:focus .gaf-dialog__body-area {
    outline: var(--focus-border) solid 4px;
    outline-offset: -4px;
  }
}
c-modal:not(.gaf-escape *) .gaf-dialog__content {
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
c-modal:not(.gaf-escape *) .gaf-dialog__title-area {
  z-index: 5;
  display: flex;
  min-height: 56px;
  padding: var(--spacing-none) var(--spacing-medium) var(--spacing-none) var(--spacing-large);
  border-bottom: 1px solid var(--border-light);
  align-items: center;
  background: var(--surface1);
  position: sticky;
  top: 0;
  justify-content: space-between;
}
c-modal:not(.gaf-escape *) .gaf-dialog__title-area .modal-title {
  margin-bottom: var(--spacing-none);
}
c-modal:not(.gaf-escape *) .gaf-dialog__title-area:not(:has(.modal-title)) {
  justify-content: flex-end;
}
c-modal:not(.gaf-escape *) .gaf-dialog__body-area {
  display: flex;
  flex-grow: 1;
  height: fit-content;
  flex-direction: column;
  padding: var(--spacing-medium) var(--spacing-large);
}
c-modal:not(.gaf-escape *) .gaf-dialog__footer-area {
  z-index: 5;
  border-top: 1px solid var(--border-light);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-x-small);
  bottom: 0;
  background: var(--surface1);
}
c-modal:not(.gaf-escape *) .gaf-dialog__footer-area--mobile {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
}
@media only screen and (min-width: 767px) {
  c-modal:not(.gaf-escape *) .gaf-dialog__footer-area {
    position: sticky;
  }
  c-modal:not(.gaf-escape *) .gaf-dialog__footer-area--desktop {
    display: flex;
    justify-content: flex-start;
  }
}
c-modal:not(.gaf-escape *) .gaf-dialog__right-btns {
  display: flex;
  gap: var(--spacing-small);
  margin-left: auto;
}
c-modal:not(.gaf-escape *) .gaf-dialog:has(.gaf-dialog-container) {
  z-index: 5;
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__upper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-small);
}
@media only screen and (min-width: 767px) {
  c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__upper {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--spacing-medium);
  }
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__upper .icon-container {
  margin-top: calc(var(--spacing-small) - 2px);
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-content {
  text-align: center;
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-header {
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 767px) {
  c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text {
    align-items: flex-start;
  }
  c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-content {
    text-align: left;
  }
  c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-header {
    overflow-wrap: anywhere;
  }
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__body-area {
  flex-grow: 1;
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__footer-area--desktop {
  justify-content: center;
  gap: var(--spacing-small);
}
c-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__right-btns {
  margin-left: 0;
}
c-modal:not(.gaf-escape *) .information .alert-icon {
  color: var(--information-alert-icon);
}
c-modal:not(.gaf-escape *) .critical .alert-icon {
  color: var(--critical-alert-icon);
}
c-modal:not(.gaf-escape *) .warning .alert-icon {
  color: var(--warning-alert-icon);
}
c-modal:not(.gaf-escape *) .success .alert-icon {
  color: var(--success-alert-icon);
}

gaf-modal:not(.gaf-escape *) .gaf-dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100dvw;
  height: 100dvh;
  background: var(--dimmer);
  /* dialog specific styles */
}
gaf-modal:not(.gaf-escape *) .gaf-dialog--closed {
  display: none;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog--open {
  display: flex;
  align-items: center;
  justify-content: center;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__container {
  width: 100%;
  position: relative;
  overflow-y: auto;
  background: var(--surface1);
  max-height: 100dvh;
  border-radius: 4px;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__container:focus {
  box-shadow: none;
}
@media only screen and (min-width: 767px) {
  gaf-modal:not(.gaf-escape *) .gaf-dialog__container {
    width: 664px;
    max-height: calc(100vh - 96px);
  }
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-modal:not(.gaf-escape *) .gaf-dialog__container:focus {
    outline: none;
  }
  gaf-modal:not(.gaf-escape *) .gaf-dialog__container:focus .gaf-dialog__body-area {
    outline: var(--focus-border) solid 4px;
    outline-offset: -4px;
  }
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__content {
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__title-area {
  z-index: 5;
  display: flex;
  min-height: 56px;
  padding: var(--spacing-none) var(--spacing-medium) var(--spacing-none) var(--spacing-large);
  border-bottom: 1px solid var(--border-light);
  align-items: center;
  background: var(--surface1);
  position: sticky;
  top: 0;
  justify-content: space-between;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__title-area .modal-title {
  margin-bottom: var(--spacing-none);
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__title-area:not(:has(.modal-title)) {
  justify-content: flex-end;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__body-area {
  display: flex;
  flex-grow: 1;
  height: fit-content;
  flex-direction: column;
  padding: var(--spacing-medium) var(--spacing-large);
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__footer-area {
  z-index: 5;
  border-top: 1px solid var(--border-light);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-x-small);
  bottom: 0;
  background: var(--surface1);
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__footer-area--mobile {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
}
@media only screen and (min-width: 767px) {
  gaf-modal:not(.gaf-escape *) .gaf-dialog__footer-area {
    position: sticky;
  }
  gaf-modal:not(.gaf-escape *) .gaf-dialog__footer-area--desktop {
    display: flex;
    justify-content: flex-start;
  }
}
gaf-modal:not(.gaf-escape *) .gaf-dialog__right-btns {
  display: flex;
  gap: var(--spacing-small);
  margin-left: auto;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog:has(.gaf-dialog-container) {
  z-index: 5;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__upper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-small);
}
@media only screen and (min-width: 767px) {
  gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__upper {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--spacing-medium);
  }
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__upper .icon-container {
  margin-top: calc(var(--spacing-small) - 2px);
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-content {
  text-align: center;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-header {
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 767px) {
  gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text {
    align-items: flex-start;
  }
  gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-content {
    text-align: left;
  }
  gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__text .modal-header {
    overflow-wrap: anywhere;
  }
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__body-area {
  flex-grow: 1;
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__footer-area--desktop {
  justify-content: center;
  gap: var(--spacing-small);
}
gaf-modal:not(.gaf-escape *) .gaf-dialog-container .gaf-dialog__right-btns {
  margin-left: 0;
}
gaf-modal:not(.gaf-escape *) .information .alert-icon {
  color: var(--information-alert-icon);
}
gaf-modal:not(.gaf-escape *) .critical .alert-icon {
  color: var(--critical-alert-icon);
}
gaf-modal:not(.gaf-escape *) .warning .alert-icon {
  color: var(--warning-alert-icon);
}
gaf-modal:not(.gaf-escape *) .success .alert-icon {
  color: var(--success-alert-icon);
}

c-dialog:not(.gaf-escape *) dialog {
  overflow: auto;
  padding: var(--spacing-none);
  border-radius: 4px;
  border: 1px solid var(--grey-3);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1019607843);
  min-width: 296px;
  max-width: 592px;
  height: fit-content;
  z-index: 11;
}
c-dialog:not(.gaf-escape *) dialog::backdrop {
  background-color: var(--dimmer, rgba(43, 43, 44, 0.8));
  backdrop-filter: opacity(10%);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: opacity(10%);
}
c-dialog:not(.gaf-escape *) dialog::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--grey-9);
}
c-dialog:not(.gaf-escape *) dialog::-webkit-scrollbar {
  width: 4px;
}
c-dialog:not(.gaf-escape *) dialog .mobile-btn {
  display: none;
}
c-dialog:not(.gaf-escape *) dialog .main-section {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-medium);
  padding: var(--spacing-large);
}
c-dialog:not(.gaf-escape *) dialog .right-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-small);
}
c-dialog:not(.gaf-escape *) dialog .right-column .body-section {
  font-size: 16px;
  line-height: 24px;
}
c-dialog:not(.gaf-escape *) .dialog-icon {
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 10px;
}
c-dialog:not(.gaf-escape *) hr {
  border: 1px solid var(--grey-3);
  margin: var(--spacing-none);
  width: auto;
}
c-dialog:not(.gaf-escape *) .dialog-buttons {
  display: flex;
  justify-content: center;
  gap: var(--spacing-x-small);
  padding: var(--spacing-medium) var(--spacing-large);
}
c-dialog:not(.gaf-escape *) .dialog-buttons button {
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-dialog:not(.gaf-escape *) dialog {
    width: 296px;
    min-width: 260px;
    max-width: 380px;
  }
  c-dialog:not(.gaf-escape *) dialog .main-section {
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-small);
  }
  c-dialog:not(.gaf-escape *) .right-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-x-small);
  }
  c-dialog:not(.gaf-escape *) .right-column .body-section {
    text-align: center;
  }
  c-dialog:not(.gaf-escape *) .dialog-buttons {
    flex-direction: column;
    align-items: center;
  }
  c-dialog:not(.gaf-escape *) .dialog-buttons .desktop-btn {
    display: none;
  }
  c-dialog:not(.gaf-escape *) .dialog-buttons .mobile-btn {
    display: block;
    width: 100%;
  }
  c-dialog:not(.gaf-escape *) .dialog-buttons button {
    width: calc(296px - var(--spacing-xx-large));
    margin-bottom: var(--spacing-none);
  }
}
c-dialog:not(.gaf-escape *) .information .left-column .dialog-icon {
  color: var(--information-alert-icon);
}
c-dialog:not(.gaf-escape *) .critical .left-column .dialog-icon {
  color: var(--critical-alert-icon);
}
c-dialog:not(.gaf-escape *) .warning .left-column .dialog-icon {
  color: var(--warning-alert-icon);
}
c-dialog:not(.gaf-escape *) .success .left-column .dialog-icon {
  color: var(--success-alert-icon);
}

gaf-dialog:not(.gaf-escape *) dialog {
  overflow: auto;
  padding: var(--spacing-none);
  border-radius: 4px;
  border: 1px solid var(--grey-3);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1019607843);
  min-width: 296px;
  max-width: 592px;
  height: fit-content;
  z-index: 11;
}
gaf-dialog:not(.gaf-escape *) dialog::backdrop {
  background-color: var(--dimmer, rgba(43, 43, 44, 0.8));
  backdrop-filter: opacity(10%);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: opacity(10%);
}
gaf-dialog:not(.gaf-escape *) dialog::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--grey-9);
}
gaf-dialog:not(.gaf-escape *) dialog::-webkit-scrollbar {
  width: 4px;
}
gaf-dialog:not(.gaf-escape *) dialog .mobile-btn {
  display: none;
}
gaf-dialog:not(.gaf-escape *) dialog .main-section {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-medium);
  padding: var(--spacing-large);
}
gaf-dialog:not(.gaf-escape *) dialog .right-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-small);
}
gaf-dialog:not(.gaf-escape *) dialog .right-column .body-section {
  font-size: 16px;
  line-height: 24px;
}
gaf-dialog:not(.gaf-escape *) .dialog-icon {
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 10px;
}
gaf-dialog:not(.gaf-escape *) hr {
  border: 1px solid var(--grey-3);
  margin: var(--spacing-none);
  width: auto;
}
gaf-dialog:not(.gaf-escape *) .dialog-buttons {
  display: flex;
  justify-content: center;
  gap: var(--spacing-x-small);
  padding: var(--spacing-medium) var(--spacing-large);
}
gaf-dialog:not(.gaf-escape *) .dialog-buttons button {
  margin-bottom: var(--spacing-none);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-dialog:not(.gaf-escape *) dialog {
    width: 296px;
    min-width: 260px;
    max-width: 380px;
  }
  gaf-dialog:not(.gaf-escape *) dialog .main-section {
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-small);
  }
  gaf-dialog:not(.gaf-escape *) .right-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-x-small);
  }
  gaf-dialog:not(.gaf-escape *) .right-column .body-section {
    text-align: center;
  }
  gaf-dialog:not(.gaf-escape *) .dialog-buttons {
    flex-direction: column;
    align-items: center;
  }
  gaf-dialog:not(.gaf-escape *) .dialog-buttons .desktop-btn {
    display: none;
  }
  gaf-dialog:not(.gaf-escape *) .dialog-buttons .mobile-btn {
    display: block;
    width: 100%;
  }
  gaf-dialog:not(.gaf-escape *) .dialog-buttons button {
    width: calc(296px - var(--spacing-xx-large));
    margin-bottom: var(--spacing-none);
  }
}
gaf-dialog:not(.gaf-escape *) .information .left-column .dialog-icon {
  color: var(--information-alert-icon);
}
gaf-dialog:not(.gaf-escape *) .critical .left-column .dialog-icon {
  color: var(--critical-alert-icon);
}
gaf-dialog:not(.gaf-escape *) .warning .left-column .dialog-icon {
  color: var(--warning-alert-icon);
}
gaf-dialog:not(.gaf-escape *) .success .left-column .dialog-icon {
  color: var(--success-alert-icon);
}

c-phone:not(.gaf-escape *) select {
  margin-bottom: var(--spacing-none);
}
c-phone:not(.gaf-escape *) .phoneNumber-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-x-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-phone:not(.gaf-escape *) .phoneNumber-row {
    flex-direction: column;
  }
}
c-phone:not(.gaf-escape *) .phoneNumber-field {
  flex: 1;
  min-width: var(--spacing-xxx-large);
}
c-phone:not(.gaf-escape *) .phoneNumber-telType {
  display: inline-block;
  margin-bottom: var(--spacing-small);
}
c-phone:not(.gaf-escape *) h2.label1 {
  margin-top: var(--spacing-x-small);
}

c-molecular-phone:not(.gaf-escape *) select {
  margin-bottom: var(--spacing-none);
}
c-molecular-phone:not(.gaf-escape *) .phoneNumber-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-x-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-molecular-phone:not(.gaf-escape *) .phoneNumber-row {
    flex-direction: column;
  }
}
c-molecular-phone:not(.gaf-escape *) .phoneNumber-field {
  flex: 1;
  min-width: var(--spacing-xxx-large);
}
c-molecular-phone:not(.gaf-escape *) .phoneNumber-telType {
  display: inline-block;
  margin-bottom: var(--spacing-small);
}
c-molecular-phone:not(.gaf-escape *) h2.label1 {
  margin-top: var(--spacing-x-small);
}

gaf-phone:not(.gaf-escape *) select {
  margin-bottom: var(--spacing-none);
}
gaf-phone:not(.gaf-escape *) .phoneNumber-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-x-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-phone:not(.gaf-escape *) .phoneNumber-row {
    flex-direction: column;
  }
}
gaf-phone:not(.gaf-escape *) .phoneNumber-field {
  flex: 1;
  min-width: var(--spacing-xxx-large);
}
gaf-phone:not(.gaf-escape *) .phoneNumber-telType {
  display: inline-block;
  margin-bottom: var(--spacing-small);
}
gaf-phone:not(.gaf-escape *) h2.label1 {
  margin-top: var(--spacing-x-small);
}

gaf-molecular-phone:not(.gaf-escape *) select {
  margin-bottom: var(--spacing-none);
}
gaf-molecular-phone:not(.gaf-escape *) .phoneNumber-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-x-small);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-molecular-phone:not(.gaf-escape *) .phoneNumber-row {
    flex-direction: column;
  }
}
gaf-molecular-phone:not(.gaf-escape *) .phoneNumber-field {
  flex: 1;
  min-width: var(--spacing-xxx-large);
}
gaf-molecular-phone:not(.gaf-escape *) .phoneNumber-telType {
  display: inline-block;
  margin-bottom: var(--spacing-small);
}
gaf-molecular-phone:not(.gaf-escape *) h2.label1 {
  margin-top: var(--spacing-x-small);
}

c-view-address:not(.gaf-escape *) {
  width: 100%;
}
c-view-address:not(.gaf-escape *) .address-container {
  display: flex;
  min-width: 92px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-x-large);
  align-self: stretch;
}
c-view-address:not(.gaf-escape *) .banner-hidden {
  visibility: hidden;
  height: 0;
}
c-view-address:not(.gaf-escape *) .banner-visible {
  visibility: visible;
}
c-view-address:not(.gaf-escape *) .nested-address {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-large);
}
c-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-medium);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  c-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row {
    flex-wrap: wrap;
  }
  c-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row > c-input,
  c-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row > gaf-input {
    flex: 0 0 100%;
  }
}
c-view-address:not(.gaf-escape *) .canada-post-section {
  width: 100%;
}

gaf-view-address:not(.gaf-escape *) {
  width: 100%;
}
gaf-view-address:not(.gaf-escape *) .address-container {
  display: flex;
  min-width: 92px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-x-large);
  align-self: stretch;
}
gaf-view-address:not(.gaf-escape *) .banner-hidden {
  visibility: hidden;
  height: 0;
}
gaf-view-address:not(.gaf-escape *) .banner-visible {
  visibility: visible;
}
gaf-view-address:not(.gaf-escape *) .nested-address {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-large);
}
gaf-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-medium);
}
@media only screen and (min-width: 0) and (max-width: 766px) {
  gaf-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row {
    flex-wrap: wrap;
  }
  gaf-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row > c-input,
  gaf-view-address:not(.gaf-escape *) .nested-address .nested-st-address-row > gaf-input {
    flex: 0 0 100%;
  }
}
gaf-view-address:not(.gaf-escape *) .canada-post-section {
  width: 100%;
}

c-toast:not(.gaf-escape *) .toast-component {
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--spacing-medium);
  max-width: 600px;
  width: 80%;
  z-index: 1010;
  position: fixed;
  top: var(--spacing-large);
  left: 50%;
  transform: translate(-50%);
}
c-toast:not(.gaf-escape *) .toast-component .toast-container {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-small);
}
c-toast:not(.gaf-escape *) .toast-component .toast-container .left-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: var(--spacing-xx-small);
}
c-toast:not(.gaf-escape *) .toast-component .toast-container .right-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
}
c-toast:not(.gaf-escape *) .toast-component .toast-icon {
  font-size: 20px;
}
c-toast:not(.gaf-escape *) .toast-component .toast-line {
  height: 90%;
  width: 4px;
  border-radius: 4px;
}
c-toast:not(.gaf-escape *) .information {
  background-color: var(--information-alert-background);
  border: 1px solid var(--information-alert-icon);
}
c-toast:not(.gaf-escape *) .information .left-column .toast-line {
  background-color: var(--information-alert-border);
}
c-toast:not(.gaf-escape *) .information .left-column .toast-icon {
  color: var(--information-alert-icon);
}
c-toast:not(.gaf-escape *) .critical {
  background-color: var(--critical-alert-background);
  border: 1px solid var(--critical-alert-icon);
}
c-toast:not(.gaf-escape *) .critical .left-column .toast-line {
  background-color: var(--critical-alert-border);
}
c-toast:not(.gaf-escape *) .critical .left-column .toast-icon {
  color: var(--critical-alert-icon);
}
c-toast:not(.gaf-escape *) .warning {
  background-color: var(--warning-alert-background);
  border: 1px solid var(--warning-alert-icon);
}
c-toast:not(.gaf-escape *) .warning .left-column .toast-line {
  background-color: var(--warning-alert-border);
}
c-toast:not(.gaf-escape *) .warning .left-column .toast-icon {
  color: var(--warning-alert-icon);
}
c-toast:not(.gaf-escape *) .success {
  background-color: var(--success-alert-background);
  border: 1px solid var(--success-alert-icon);
}
c-toast:not(.gaf-escape *) .success .left-column .toast-line {
  background-color: var(--success-alert-border);
}
c-toast:not(.gaf-escape *) .success .left-column .toast-icon {
  color: var(--success-alert-icon);
}

gaf-toast:not(.gaf-escape *) .toast-component {
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--spacing-medium);
  max-width: 600px;
  width: 80%;
  z-index: 1010;
  position: fixed;
  top: var(--spacing-large);
  left: 50%;
  transform: translate(-50%);
}
gaf-toast:not(.gaf-escape *) .toast-component .toast-container {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-small);
}
gaf-toast:not(.gaf-escape *) .toast-component .toast-container .left-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: var(--spacing-xx-small);
}
gaf-toast:not(.gaf-escape *) .toast-component .toast-container .right-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xx-small);
}
gaf-toast:not(.gaf-escape *) .toast-component .toast-icon {
  font-size: 20px;
}
gaf-toast:not(.gaf-escape *) .toast-component .toast-line {
  height: 90%;
  width: 4px;
  border-radius: 4px;
}
gaf-toast:not(.gaf-escape *) .information {
  background-color: var(--information-alert-background);
  border: 1px solid var(--information-alert-icon);
}
gaf-toast:not(.gaf-escape *) .information .left-column .toast-line {
  background-color: var(--information-alert-border);
}
gaf-toast:not(.gaf-escape *) .information .left-column .toast-icon {
  color: var(--information-alert-icon);
}
gaf-toast:not(.gaf-escape *) .critical {
  background-color: var(--critical-alert-background);
  border: 1px solid var(--critical-alert-icon);
}
gaf-toast:not(.gaf-escape *) .critical .left-column .toast-line {
  background-color: var(--critical-alert-border);
}
gaf-toast:not(.gaf-escape *) .critical .left-column .toast-icon {
  color: var(--critical-alert-icon);
}
gaf-toast:not(.gaf-escape *) .warning {
  background-color: var(--warning-alert-background);
  border: 1px solid var(--warning-alert-icon);
}
gaf-toast:not(.gaf-escape *) .warning .left-column .toast-line {
  background-color: var(--warning-alert-border);
}
gaf-toast:not(.gaf-escape *) .warning .left-column .toast-icon {
  color: var(--warning-alert-icon);
}
gaf-toast:not(.gaf-escape *) .success {
  background-color: var(--success-alert-background);
  border: 1px solid var(--success-alert-icon);
}
gaf-toast:not(.gaf-escape *) .success .left-column .toast-line {
  background-color: var(--success-alert-border);
}
gaf-toast:not(.gaf-escape *) .success .left-column .toast-icon {
  color: var(--success-alert-icon);
}

c-link:not(.gaf-escape *) .link_container {
  display: inline-flex;
  gap: var(--spacing-xxx-small);
  align-items: center;
}

gaf-link:not(.gaf-escape *) .link_container {
  display: inline-flex;
  gap: var(--spacing-xxx-small);
  align-items: center;
}

c-focus-trap:not(.gaf-escape *) {
  display: contents;
}

gaf-focus-trap:not(.gaf-escape *) {
  display: contents;
}

c-error-collector:not(.gaf-escape *) .error-list {
  list-style-type: disc;
}

gaf-error-collector:not(.gaf-escape *) .error-list {
  list-style-type: disc;
}

c-timeline:not(.gaf-escape *) .timeline-container {
  padding-left: var(--spacing-none);
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item {
  list-style-type: none;
  display: flex;
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item:last-child .timeline-right {
  padding-bottom: var(--spacing-none);
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: var(--spacing-large);
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-left .timeline-bullet {
  height: 8px;
  width: 8px;
  background-color: var(--text-primary);
  border-radius: 50%;
  margin: var(--spacing-x-small) var(--spacing-none);
  flex-shrink: 0;
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-left .timeline-line {
  height: 100%;
  width: 1px;
  background-color: var(--border-light);
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right {
  padding-bottom: var(--spacing-x-large);
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .details {
  margin-bottom: var(--spacing-medium);
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .details .title {
  margin-bottom: var(--spacing-xx-small);
  overflow-wrap: anywhere;
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .details .detail-text *:not(a) {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
}
c-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .date {
  color: var(--text-secondary);
}

gaf-timeline:not(.gaf-escape *) .timeline-container {
  padding-left: var(--spacing-none);
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item {
  list-style-type: none;
  display: flex;
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item:last-child .timeline-right {
  padding-bottom: var(--spacing-none);
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: var(--spacing-large);
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-left .timeline-bullet {
  height: 8px;
  width: 8px;
  background-color: var(--text-primary);
  border-radius: 50%;
  margin: var(--spacing-x-small) var(--spacing-none);
  flex-shrink: 0;
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-left .timeline-line {
  height: 100%;
  width: 1px;
  background-color: var(--border-light);
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right {
  padding-bottom: var(--spacing-x-large);
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .details {
  margin-bottom: var(--spacing-medium);
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .details .title {
  margin-bottom: var(--spacing-xx-small);
  overflow-wrap: anywhere;
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .details .detail-text *:not(a) {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
}
gaf-timeline:not(.gaf-escape *) .timeline-container__list-item .timeline-right .date {
  color: var(--text-secondary);
}

c-tabs:not(.gaf-escape *) .tabs-container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  min-width: 280px;
  max-width: 740px;
  padding-top: var(--spacing-xx-small);
}
c-tabs:not(.gaf-escape *) .tablist-border {
  all: unset;
  display: block;
  border-bottom: 1px solid var(--border);
  width: 100%;
  min-width: 280px;
  max-width: 740px;
  margin: var(--spacing-none) var(--spacing-xx-small);
}
c-tabs:not(.gaf-escape *) .tablist {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: auto hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  white-space: nowrap;
  padding: 0 var(--spacing-xx-small);
}
c-tabs:not(.gaf-escape *) .tablist::-webkit-scrollbar {
  display: none;
}
c-tabs:not(.gaf-escape *) .tab-item {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: fit-content;
  width: fit-content;
}
c-tabs:not(.gaf-escape *) .tab-item button {
  height: 44px;
  margin-top: var(--spacing-xx-small);
}
c-tabs:not(.gaf-escape *) button.tab-button {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
  padding: var(--spacing-x-small) var(--spacing-small);
  font-size: 16px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  --text: var(--text-primary);
}
c-tabs:not(.gaf-escape *) .tab-button:hover {
  background-color: var(--generic-hover);
  cursor: pointer;
}
c-tabs:not(.gaf-escape *) .tab-button:active {
  background-color: var(--generic-active);
}
c-tabs:not(.gaf-escape *) .tab-button:focus {
  outline: 2px solid var(--focus-border);
  outline-offset: var(--spacing-xxx-small);
}
c-tabs:not(.gaf-escape *) .tab-button.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--text-readonly);
}
c-tabs:not(.gaf-escape *) .tab-item:has(.tab-button.selected) {
  border-bottom: 4px solid var(--blue-7);
}
c-tabs:not(.gaf-escape *) .tab-button.selected {
  font-weight: bold;
  color: var(--text-primary);
  background-color: var(--blue-1);
  padding-bottom: var(--spacing-xxx-small);
}
c-tabs:not(.gaf-escape *) .tab-button.selected:hover {
  background-color: var(--blue-2);
  cursor: pointer;
}
c-tabs:not(.gaf-escape *) .tab-button.selected:active {
  background-color: var(--blue-3);
}
c-tabs:not(.gaf-escape *) .tab-button.selected:focus {
  outline: 2px solid var(--focus-border);
  outline-offset: var(--spacing-xxx-small);
}
c-tabs:not(.gaf-escape *) .tab-button.selected.disabled {
  cursor: not-allowed;
  outline: 2px solid var(--blue-3);
  outline-offset: var(--spacing-xxx-small);
  color: var(--text-readonly);
}
c-tabs:not(.gaf-escape *) c-ds-badge {
  align-self: center;
}
c-tabs:not(.gaf-escape *) .scroll-button {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 20px;
  color: var(--text-primary);
}
c-tabs:not(.gaf-escape *) .scroll-button.left {
  order: -1;
  margin-right: 6px;
  padding-left: 6px;
}
c-tabs:not(.gaf-escape *) .scroll-button.right {
  order: 1;
  margin-left: 6px;
  padding-right: 6px;
}
c-tabs:not(.gaf-escape *) .tab-panels {
  padding-top: var(--spacing-medium);
}

gaf-tabs:not(.gaf-escape *) .tabs-container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  min-width: 280px;
  max-width: 740px;
  padding-top: var(--spacing-xx-small);
}
gaf-tabs:not(.gaf-escape *) .tablist-border {
  all: unset;
  display: block;
  border-bottom: 1px solid var(--border);
  width: 100%;
  min-width: 280px;
  max-width: 740px;
  margin: var(--spacing-none) var(--spacing-xx-small);
}
gaf-tabs:not(.gaf-escape *) .tablist {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: auto hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  white-space: nowrap;
  padding: 0 var(--spacing-xx-small);
}
gaf-tabs:not(.gaf-escape *) .tablist::-webkit-scrollbar {
  display: none;
}
gaf-tabs:not(.gaf-escape *) .tab-item {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: fit-content;
  width: fit-content;
}
gaf-tabs:not(.gaf-escape *) .tab-item button {
  height: 44px;
  margin-top: var(--spacing-xx-small);
}
gaf-tabs:not(.gaf-escape *) button.tab-button {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
  padding: var(--spacing-x-small) var(--spacing-small);
  font-size: 16px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  --text: var(--text-primary);
}
gaf-tabs:not(.gaf-escape *) .tab-button:hover {
  background-color: var(--generic-hover);
  cursor: pointer;
}
gaf-tabs:not(.gaf-escape *) .tab-button:active {
  background-color: var(--generic-active);
}
gaf-tabs:not(.gaf-escape *) .tab-button:focus {
  outline: 2px solid var(--focus-border);
  outline-offset: var(--spacing-xxx-small);
}
gaf-tabs:not(.gaf-escape *) .tab-button.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--text-readonly);
}
gaf-tabs:not(.gaf-escape *) .tab-item:has(.tab-button.selected) {
  border-bottom: 4px solid var(--blue-7);
}
gaf-tabs:not(.gaf-escape *) .tab-button.selected {
  font-weight: bold;
  color: var(--text-primary);
  background-color: var(--blue-1);
  padding-bottom: var(--spacing-xxx-small);
}
gaf-tabs:not(.gaf-escape *) .tab-button.selected:hover {
  background-color: var(--blue-2);
  cursor: pointer;
}
gaf-tabs:not(.gaf-escape *) .tab-button.selected:active {
  background-color: var(--blue-3);
}
gaf-tabs:not(.gaf-escape *) .tab-button.selected:focus {
  outline: 2px solid var(--focus-border);
  outline-offset: var(--spacing-xxx-small);
}
gaf-tabs:not(.gaf-escape *) .tab-button.selected.disabled {
  cursor: not-allowed;
  outline: 2px solid var(--blue-3);
  outline-offset: var(--spacing-xxx-small);
  color: var(--text-readonly);
}
gaf-tabs:not(.gaf-escape *) c-ds-badge {
  align-self: center;
}
gaf-tabs:not(.gaf-escape *) .scroll-button {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 20px;
  color: var(--text-primary);
}
gaf-tabs:not(.gaf-escape *) .scroll-button.left {
  order: -1;
  margin-right: 6px;
  padding-left: 6px;
}
gaf-tabs:not(.gaf-escape *) .scroll-button.right {
  order: 1;
  margin-left: 6px;
  padding-right: 6px;
}
gaf-tabs:not(.gaf-escape *) .tab-panels {
  padding-top: var(--spacing-medium);
}

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