@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";/* -------------------------------
   Base / Legacy App Styles
-------------------------------- */
* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}
.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* -------------------------------
   Shared Utility Classes
-------------------------------- */
.ErrorMsg {
  width: 50%;
  margin: 5% auto;
}

/* Zero spacing */
.mt0 {
  margin-top: 0;
}

.mr0 {
  margin-right: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-right: 0;
}

.pb0 {
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0;
}

/* 4/8/12 spacing helpers */
.mbs {
  margin-bottom: 4px;
}

.mbm {
  margin-bottom: 8px;
}

.mbl {
  margin-bottom: 12px;
}

.mts {
  margin-top: 4px;
}

.mtm {
  margin-top: 8px;
}

.mtl {
  margin-top: 12px;
}

.mls {
  margin-left: 4px;
}

.mlm {
  margin-left: 8px;
}

.mll {
  margin-left: 12px;
}

.mrs {
  margin-right: 4px;
}

.mrm {
  margin-right: 8px;
}

.mrl {
  margin-right: 12px;
}

.pbs {
  padding-bottom: 4px;
}

.pbm {
  padding-bottom: 8px;
}

.pbl {
  padding-bottom: 12px;
}

.pts {
  padding-top: 4px;
}

.ptm {
  padding-top: 8px;
}

.ptl {
  padding-top: 12px;
}

.pls {
  padding-left: 4px;
}

.plm {
  padding-left: 8px;
}

.pll {
  padding-left: 12px;
}

.prs {
  padding-right: 4px;
}

.prm {
  padding-right: 8px;
}

.prl {
  padding-right: 12px;
}

/* -------------------------------
   rmsc (multi-select) Overrides
-------------------------------- */
.rmsc {
  --rmsc-main: #4285f4;
  --rmsc-hover: #f1f3f5;
  --rmsc-selected: #e2e6ea;
  --rmsc-border: #ccc;
  --rmsc-gray: #aaa;
  --rmsc-bg: #fff;
  --rmsc-p: 10px;
  --rmsc-radius: 4px;
  --rmsc-h: 38px;
}

.rmsc * {
  box-sizing: border-box;
  transition: all 0.2s ease;
  font-weight: normal;
}

.rmsc .gray {
  color: var(--goa-color-text-default) !important;
}

.select-dropdown {
  width: 90%;
}

.rmsc .dropdown-content {
  position: absolute;
  z-index: 99999999 !important;
  top: 100%;
  width: 100%;
  padding-top: 8px;
}

.rmsc .dropdown-content .panel-content {
  overflow: hidden;
  border-radius: var(--rmsc-radius);
  background: var(--rmsc-bg);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);
}

.rmsc .dropdown-container {
  position: relative;
  outline: 0;
  background-color: var(--rmsc-bg);
  height: 42.3636px;
  border: 2px solid #5b5b5b !important;
  border-radius: 6px !important;
}

.rmsc .dropdown-container[aria-disabled=true]:focus-within {
  border-color: var(--rmsc-gray);
}

.rmsc .dropdown-container:focus-within {
  border-color: var(--rmsc-main);
}

.rmsc .dropdown-heading {
  position: relative;
  padding: 0 var(--rmsc-p);
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--rmsc-h);
  cursor: default;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.dropdown-heading-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.rmsc .clear-selected-button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: flex;
}

.rmsc .options {
  max-height: 260px;
  overflow-y: auto;
  margin: 0;
  padding-left: 0;
}

.rmsc .options li {
  list-style: none;
  margin: 0;
}

.rmsc .select-item {
  cursor: pointer;
  display: block;
  padding: var(--rmsc-p);
  outline-offset: -1px;
  outline-color: var(--rmsc-primary);
}

.rmsc .select-item:hover {
  background: var(--rmsc-hover);
}

.rmsc .select-item.selected {
  background: var(--rmsc-selected);
}

.rmsc .no-options {
  padding: var(--rmsc-p);
  text-align: center;
  color: var(--rmsc-gray);
}

.rmsc .search {
  width: 100%;
  position: relative;
  border-bottom: 1px solid var(--rmsc-border);
}

.rmsc .search input {
  background: none;
  height: var(--rmsc-h);
  padding: 0 var(--rmsc-p);
  width: 100%;
  outline: 0;
  border: 0;
  font-size: 1em;
}

.rmsc .search input:focus {
  background: var(--rmsc-hover);
}

.rmsc .search-clear-button {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: none;
  border: 0;
  padding: 0 calc(var(--rmsc-p) / 2);
}

.rmsc .search-clear-button [hidden] {
  display: none;
}

.rmsc .item-renderer {
  display: flex;
  align-items: baseline;
}

.rmsc .item-renderer input {
  margin: 0 5px 0 0;
}

.rmsc .item-renderer.disabled {
  opacity: 0.5;
}

.rmsc .spinner {
  animation: rotate 2s linear infinite;
}

.rmsc .spinner .path {
  stroke: var(--rmsc-border);
  stroke-width: 4px;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* -------------------------------
   MUI Overrides (Clear Grouping)
-------------------------------- */
/* MUI: start adornment spacing */
.mui-override-adornment-start,
.MuiOutlinedInput-root.MuiInputBase-adornedStart {
  padding-left: 6px;
}

.MuiInputAdornment-root.MuiInputAdornment-positionStart {
  margin-right: 4px;
  margin-left: 0;
}

.MuiOutlinedInput-input.MuiInputBase-inputAdornedStart {
  padding: 6px 6px 6px 0;
}

/* MUI: outlined input shell */
.mui-override-input-root,
.MuiTextField-root .MuiOutlinedInput-root,
.MuiAutocomplete-root .MuiOutlinedInput-root {
  height: 42.3636px !important;
  border: 2px solid #5b5b5b !important;
  border-radius: 6px !important;
  background-color: white;
  box-sizing: border-box !important;
  overflow: hidden !important;
  width: 100%;
}

/* MUI: input content */
.mui-override-input,
.MuiOutlinedInput-input {
  padding: 8px 4px !important;
  font-size: 0.9rem;
  line-height: 1.2 !important;
  height: 100% !important;
  box-sizing: border-box;
  overflow-y: hidden !important;
}

.MuiAutocomplete-input {
  padding: 4px 4px !important;
  font-size: 0.9rem;
}

/* MUI: hide outlined notch */
.MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-notchedOutline legend {
  max-width: 0;
  padding: 0;
  visibility: hidden;
}

/* MUI: disabled state */
.mui-override-disabled,
.Mui-disabled {
  background-color: rgba(221, 221, 221, 0.8666666667) !important;
}

.MuiOutlinedInput-root.Mui-disabled {
  opacity: 0.7;
}

.MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-input {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.6);
}

.Mui-disabled.MuiInputBase-adornedStart {
  background: rgba(221, 221, 221, 0.8666666667) !important;
}

/* MUI: number input spin button removal */
.MuiTextField-root input[type=number]::-webkit-inner-spin-button,
.MuiTextField-root input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.MuiTextField-root input[type=number] {
  -moz-appearance: textfield;
}

/* MUI: form control defaults */
.MuiFormControl-root {
  width: 100%;
}
.MuiFormControl-root input {
  height: 42.3636px;
  min-width: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.MuiFormControl-root button,
.MuiFormControl-root goa-icon {
  padding: 0;
  margin: 0;
  width: 18px;
}

.MuiSelect-root.MuiOutlinedInput-root {
  padding: 0 2px 0 0;
}

/* MUI: dropdown / tooltip visuals */
.MuiAutocomplete-popper {
  z-index: 99999999 !important;
}

.MuiAutocomplete-popper .MuiPaper-root {
  border: 1px solid #555;
  border-radius: 6px;
  box-shadow: none;
}

.mui-override-tooltip,
.MuiTooltip-tooltip {
  font-size: 1rem !important;
  padding: 12px 16px !important;
  border: 2px solid gold;
  border-radius: 8px !important;
  background-color: rgb(241, 241, 241) !important;
  color: #333 !important;
  max-width: 300px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.MuiTooltip-arrow {
  color: #FFF9C4;
  border: 1px solid gold;
}.home-content {
  height: 100%;
}

.notAuthorized {
  width: 50%;
  margin: 5% auto;
}.timesheets-content .filter-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
}
.timesheets-content .g6 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 3.1fr;
}
.timesheets-content .g7 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 1.5fr 1fr 2.1fr 1fr;
}
.timesheets-content .title-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.timesheets-content .search-section {
  margin-bottom: 24px;
  display: grid;
  gap: 10px;
  align-items: end;
}
.timesheets-content .search-section > div {
  width: 100%;
}
.timesheets-content .search-section .multiSel-filter {
  width: 100%;
  height: 42.3636px;
}
.timesheets-content .search-section .dropdown-container {
  width: 100%;
  border: 2px solid #5b5b5b;
  border-radius: 6px;
  height: 42.3636px;
  padding-top: 0;
  padding-bottom: 0;
}
.timesheets-content .search-section #fltr_fireNumber .MuiAutocomplete-root .MuiOutlinedInput-root {
  height: 42.3636px;
  padding: 0;
}
.timesheets-content .search-section #fltr_fireNumber .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input {
  padding: 0 8px;
}
.timesheets-content .search-section #fltr_fireNumber .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline {
  border-color: #ccc;
}
.timesheets-content .search-section goa-checkbox {
  height: 42.3636px;
  padding-top: 7px;
}
.timesheets-content .search-section .search-section-end {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 42.3636px;
  border: 2px solid #5b5b5b;
  border-radius: 6px;
  padding: 0;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .MuiOutlinedInput-notchedOutline, .timesheets-content .search-section .search-section-end .txt-search-wrap .MuiTextField-root .MuiOutlinedInput-root, .timesheets-content .search-section .search-section-end .txt-search-wrap .MuiAutocomplete-root .MuiOutlinedInput-root {
  height: 38.3636px !important;
  border-width: 0 !important;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .search-input {
  flex-grow: 1;
  border: 0;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .search-input .MuiAutocomplete-inputRoot {
  overflow-y: hidden;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .search-input .MuiOutlinedInput-root {
  width: 100%;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .search-input .MuiOutlinedInput-root fieldset {
  width: 100%;
  border: 0;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .search-input .MuiFormControl-root input {
  padding: 0 3px;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .search-buttons-wrap {
  display: flex;
  flex-direction: row-reverse;
  width: 60px !important;
  justify-content: space-between;
}
.timesheets-content .search-section .search-section-end .txt-search-wrap .search-preview-wrap {
  border: 1px solid grey;
  position: absolute;
  z-index: 10000;
  background: #fff;
  height: auto;
  width: auto;
  margin-bottom: 25px;
  border-radius: 6px;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.5);
  overflow: auto;
  top: 42.3636px;
  left: 0;
}
.timesheets-content .search-result-section {
  height: 42.3636px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.timesheets-content .table-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.timesheets-content .h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
}
.timesheets-content .MuiFormControl-root {
  width: 100%;
}
.timesheets-content .MuiFormControl-root input {
  height: 42.3636px;
  padding-top: 0;
  padding-bottom: 0;
}
.timesheets-content .td-roles-container {
  grid-column: 1/-1; /* Makes this item span all columns */
  width: calc(100% - 56px);
  overflow: auto;
  height: 240px;
  border: 1px solid darkgray;
  margin: 12px 55px;
  padding: 0;
}
.timesheets-content .ticket-table-grid-template {
  padding: 0;
  margin: 0;
}
.timesheets-content .ticket-table-grid-template table {
  grid-template-columns: minmax(60px, 60px) repeat(9, minmax(min-content, 1fr));
}
.timesheets-content .ticket-table-grid-template .MuiOutlinedInput-root input {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.timesheets-content .ticket-table-grid-template .MuiTextField-root {
  width: 100%;
}
.timesheets-content .ticket-table-grid-template .MuiTextField-root input {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.timesheets-content .ticket-table-grid-template .MuiAutocomplete-inputRoot {
  overflow-y: hidden;
}
.timesheets-content .ticket-table-grid-template .MuiOutlinedInput-root {
  width: 100%;
}.table-wrapper {
  margin-bottom: 25px;
  border-radius: 6px;
  overflow: hidden;
  /* Clip any scrollbars that appear */
  width: 100%;
}
.table-wrapper table {
  width: 100%;
  display: grid;
  overflow: auto;
}
.table-wrapper table thead, .table-wrapper table tbody, .table-wrapper table tr {
  display: contents;
}
.table-wrapper table th, .table-wrapper table td {
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-wrapper table th {
  position: relative;
  padding: 4px 0;
}
.table-wrapper table td {
  border-top: 1px solid #ccc;
}
.table-wrapper table th span,
.table-wrapper table td span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-wrapper .resize-handle {
  display: block;
  position: absolute;
  cursor: col-resize;
  width: 7px;
  right: 0;
  top: 0;
  z-index: 1;
  border-right: 3px solid transparent;
}
.table-wrapper .resize-handle:hover {
  border-color: #ccc;
}
.table-wrapper .resize-handle.active {
  border-color: #517ea5;
}

*:disabled {
  background-color: indigo;
}.myToast {
  position: fixed;
  right: 0;
  bottom: 0;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.5);
  margin-right: 100px;
  margin-bottom: 100px;
  z-index: 10000;
  height: 80px;
}

.toastContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 300px;
  height: 100%;
}
.toastContent > div {
  height: 40px;
  line-height: 40px;
  color: white;
}
.toastContent .toastIcon {
  padding-top: 4px;
}
.toastContent .toastTxt {
  text-align: left;
  text-indent: 8px;
  flex-grow: 1;
}
.toastContent .toastClose {
  padding-top: 4px;
  color: white;
}.nav-button {
  margin-right: 16px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.dd {
  border-color: brown;
  border-width: 2px;
}

.ddd {
  border-color: blue;
  border-width: 2px;
}

.nav {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: larger;
  border-bottom: 4px solid rgb(0, 171, 209);
}

.user-name {
  font-size: small;
}

ion-icon {
  height: initial !important;
}

.popover-wrapper {
  display: flex;
  align-items: center;
  padding: 16px 16px 0 0;
}

.email-wrapper {
  padding: 0 8px 8px 8px;
}

.popover-content {
  width: 200px;
}.ticketCtrl-content {
  width: 100%;
}
.ticketCtrl-content .breadcrumbsSec {
  margin: 20px 0;
  font-size: 22px;
  color: var(--goa-color-interactive-default);
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
}
.ticketCtrl-content .breadcrumbsSec goa-icon {
  margin: 2px;
  padding-top: 8px;
}.ticket-page {
  width: 100%;
  margin-bottom: 40px;
}
.ticket-page .full-width {
  width: 100%;
}
.ticket-page .formField {
  width: 100%;
}
.ticket-page .formItemAlign {
  margin-top: 40px;
}
.ticket-page .rowG {
  display: grid;
  margin-bottom: 20px;
  gap: 10px;
}
.ticket-page .g1 {
  grid-template-columns: 1fr;
}
.ticket-page .g2 {
  grid-template-columns: repeat(2, 1fr);
}
.ticket-page .g3 {
  grid-template-columns: repeat(3, 1fr);
}
.ticket-page .g4 {
  grid-template-columns: repeat(4, 1fr);
}
.ticket-page .g5 {
  grid-template-columns: repeat(5, 1fr);
}
.ticket-page .g6 {
  grid-template-columns: repeat(6, 1fr);
}
.ticket-page .g7 {
  grid-template-columns: repeat(7, 1fr);
}
.ticket-page .g8 {
  grid-template-columns: repeat(8, 1fr);
}
.ticket-page .g9 {
  grid-template-columns: repeat(9, 1fr);
}
.ticket-page .g10 {
  grid-template-columns: repeat(10, 1fr);
}
.ticket-page .g11 {
  grid-template-columns: repeat(11, 1fr);
}
.ticket-page .g12 {
  grid-template-columns: repeat(12, 1fr);
}
.ticket-page .g13 {
  grid-template-columns: repeat(13, 1fr);
}
.ticket-page .colSpan2 {
  grid-column: span 2;
}
.ticket-page .colSpan3 {
  grid-column: span 3;
}
.ticket-page .colSpan4 {
  grid-column: span 4;
}
.ticket-page .colSpan5 {
  grid-column: span 5;
}
.ticket-page .colSpan6 {
  grid-column: span 6;
}
.ticket-page .colSpan7 {
  grid-column: span 7;
}
.ticket-page .colSpan8 {
  grid-column: span 8;
}
.ticket-page .colSpan9 {
  grid-column: span 9;
}
.ticket-page .colSpan10 {
  grid-column: span 10;
}
.ticket-page .colSpan11 {
  grid-column: span 11;
}
.ticket-page .colSpan12 {
  grid-column: span 12;
}
.ticket-page .colSpan13 {
  grid-column: span 13;
}
.ticket-page .readyOnly-cell {
  display: block;
  height: 100%;
  width: 100%;
}
.ticket-page .ticket-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.ticket-page .ticket-page-header .ticket-name {
  display: flex;
  align-items: center;
  gap: 32px;
}
.ticket-page .ticket-page-header .ticket-name h3 {
  align-self: self-start;
  font-size: var(--Typography-Font-size-Heading-Large, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Typography-Line-height-Heading-Large, 44px); /* 122.222% */
}
.ticket-page .ticket-page-header .ticket-name .status-label {
  font-size: var(--Typography-Font-size-Heading-Small, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Typography-Line-height-Heading-Small, 28px); /* 155.556% */
}
.ticket-page .ticket-page-header .ticket-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.ticket-page .ticket-page-content goa-accordion {
  --goa-accordion-padding-heading-icon-left: 0.75rem 0.75rem;
  --goa-accordion-padding-heading-icon-right: 0.75rem 0.75rem;
  --goa-accordion-padding-content-wide: 0.75rem;
  --goa-accordion-padding-content-narrow: 0.75rem;
}
.ticket-page .ticket-page-content .basic-header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.ticket-page .ticket-page-content .cost-summary-header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 8px;
}
.ticket-page .ticket-page-content .cost-summary-sec {
  position: relative;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-delete-mode {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #1f497d;
  color: #fff;
  padding: 10px 12px;
  margin-bottom: 8px;
  border-radius: 2px;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-delete-mode .delete-mode-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ticket-page .ticket-page-content .cost-summary-sec .add-new {
  justify-self: start;
}
.ticket-page .ticket-page-content .cost-summary-sec .acc-toolbar {
  position: absolute;
  z-index: 12;
  display: flex;
  justify-content: flex-end;
  right: 0;
  top: 9px;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table {
  overflow-x: auto;
  overflow-y: hidden;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table table {
  width: 100%;
  border-collapse: collapse;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table thead {
  position: sticky;
  top: 0;
  background: white;
  z-index: 5;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table tbody {
  display: block;
  max-height: 300px;
  overflow-y: auto;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table thead tr,
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table tbody tr {
  display: grid;
  grid-template-columns: 32px minmax(100px, 0.8fr) minmax(100px, 1fr) minmax(100px, 1fr) 90px minmax(130px, 0.8fr) minmax(130px, 0.8fr) 100px minmax(100px, 1fr) minmax(100px, 1fr) 60px 110px 100px;
  gap: 10px;
  border-bottom: 1px solid #ccc;
  align-items: start;
}
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table th,
.ticket-page .ticket-page-content .cost-summary-sec .cost-summary-table td {
  border: none;
  padding: 4px;
  text-overflow: ellipsis;
  height: auto;
  overflow: visible;
  white-space: normal;
}
.ticket-page .ticket-page-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
.ticket-page {
  /* ================================
  GLOBAL INPUT HEIGHT + RADIUS
  ================================ */
}.notes-section .header-and-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 10px;
}
.notes-section .header-and-actions h4 {
  margin: 0;
}
.notes-section .header-and-actions .header-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
.notes-section .add-note-section {
  background-color: transparent;
  padding: 1.25rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 1.5rem;
  position: relative;
}
.notes-section .add-note-section .add-note-label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  color: #333;
}
.notes-section .add-note-section .textarea-wrapper {
  position: relative;
  margin-bottom: 1rem;
}
.notes-section .add-note-section .character-counter {
  position: absolute;
  bottom: 0.5rem;
  right: 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  transition: color 0.2s ease;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.125rem 0.25rem;
  border-radius: 2px;
}
.notes-section .add-note-section .note-textarea {
  width: 100%;
  padding: 0.75rem;
  padding-bottom: 2rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  resize: vertical;
  box-sizing: border-box;
}
.notes-section .add-note-section .note-textarea:focus {
  outline: none;
  border-color: #0070c4;
  box-shadow: 0 0 0 3px rgba(0, 112, 196, 0.1);
}
.notes-section .add-note-section .note-textarea::placeholder {
  color: #999;
}
.notes-section .add-note-section .note-textarea:disabled {
  background-color: transparent;
  opacity: 0.6;
  cursor: not-allowed;
}
.notes-section .notes-count-label {
  font-size: 1rem;
  font-weight: 400;
  color: #666;
  margin: 1.5rem 0 1rem 0;
  padding: 0;
}
.notes-section .notes-list {
  max-height: 1124px;
  overflow-y: auto;
}
.notes-section .notes-list .no-notes-message {
  color: #666;
  font-style: italic;
  text-align: center;
  padding: 2rem 0;
  margin: 0;
}
.notes-section .notes-list .note-item {
  background-color: transparent;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.notes-section .notes-list .note-item:last-child {
  margin-bottom: 0;
}
.notes-section .notes-list .note-item .note-header {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: baseline;
  margin-bottom: 0.75rem;
}
.notes-section .notes-list .note-item .note-header .note-author {
  font-weight: 700;
  color: #000;
  font-size: 0.95rem;
}
.notes-section .notes-list .note-item .note-header .note-timestamp {
  color: #666;
  font-size: 0.875rem;
  font-weight: 400;
}
.notes-section .notes-list .note-item .note-content {
  color: #333;
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 0.95rem;
}.travel-section goa-radio-group {
  width: 100px;
  display: block;
}
.travel-section .header-and-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.travel-section .header-and-actions h4 {
  margin: 0;
}
.travel-section .header-and-actions .header-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: 100px;
}
.travel-section .rowG {
  display: grid;
  gap: 20px;
}
.travel-section .g2 {
  grid-template-columns: repeat(2, 1fr);
}
.travel-section .g4 {
  grid-template-columns: repeat(4, 1fr);
}
.travel-section .g5 {
  grid-template-columns: repeat(5, 1fr);
}
.travel-section .g6 {
  grid-template-columns: repeat(6, 1fr);
}
.travel-section .g-right-item {
  justify-self: end;
}
.travel-section .travel-table {
  grid-template-columns: minmax(100px, 2fr) minmax(100px, 2fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) 100px 32px;
}
.travel-section .travel-table table {
  width: 100%;
  table-layout: fixed;
}
.travel-section .travel-table table thead {
  margin-bottom: 4px;
  border-bottom: 2px solid gray;
}
.travel-section .travel-table table thead th:nth-child(1), .travel-section .travel-table table thead th:nth-child(2) {
  width: 20%;
}
.travel-section .travel-table table thead th:nth-child(3), .travel-section .travel-table table thead th:nth-child(4) {
  width: 15%;
}
.travel-section .travel-table table tbody {
  max-height: 300px;
  width: 100%;
  padding-top: 7px;
}
.travel-section .travel-table table .total-hours {
  width: 100%;
  height: 100%;
  text-indent: 12px;
  background-color: #F1F1F1;
  border-radius: 6px;
  line-height: 42.3636px;
}
.travel-section .travel-table table .trash-warp {
  margin-top: 4px;
}.meal-section goa-radio-group {
  width: 100px;
  display: block;
}
.meal-section .header-and-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.meal-section .header-and-actions h4 {
  margin: 0;
}
.meal-section .header-and-actions .header-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
.meal-section .rowG {
  display: grid;
  gap: 20px;
}
.meal-section .g2 {
  grid-template-columns: repeat(2, 1fr);
}
.meal-section .g4 {
  grid-template-columns: repeat(4, 1fr);
}
.meal-section .g5 {
  grid-template-columns: repeat(5, 1fr);
}
.meal-section .g6 {
  grid-template-columns: repeat(6, 1fr);
}
.meal-section .g-checkboxes {
  grid-template-columns: repeat(4, 1fr) 4fr;
}
.meal-section .readonly {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
}
.meal-section .readonly span {
  white-space: nowrap;
}
.meal-section .g-right-item {
  justify-self: end;
}.work-section .header-and-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.work-section .header-and-actions h4 {
  margin: 0;
}
.work-section .header-and-actions .header-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: 100px;
}
.work-section .work-cards {
  display: flex;
  flex-direction: column;
}
.work-section .work-cards .work-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}
.work-section .work-cards .work-card:first-child {
  border-top: 1px solid #e0e0e0;
}
.work-section .work-cards .work-card .work-card-content {
  flex: 1;
  min-width: 0;
}
.work-section .work-cards .work-card .work-card-header {
  display: flex;
  align-items: center;
}
.work-section .work-cards .work-card .work-card-header .work-card-title {
  font-weight: bold;
}
.work-section .work-cards .work-card .row-actions-wrap {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}
.work-section .work-cards .work-card .work-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 0.35rem;
  color: #444;
}
.work-section .work-cards .work-card .work-card-meta .meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.work-modal-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.work-modal-fields .formField {
  width: 100%;
}
.work-modal-fields .work-modal-time-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.work-modal-fields .work-modal-time-row > * {
  flex: 1;
}
.work-modal-fields .total-hours {
  display: inline-block;
  width: 100%;
  min-width: 60px;
  box-sizing: border-box;
  text-indent: 12px;
  background-color: white;
  border: 2px solid #5b5b5b;
  border-radius: 6px;
  height: 42.3636px;
  line-height: 42.3636px;
}.container_MNtK9{display:flex;align-items:center;background-color:#dcdcdc;padding:.5rem 1rem}.container_MNtK9 .environment_VSo42{font:700 1rem/1.5rem acumin-pro-semi-condensed,helvetica-neue,arial,sans-serif;padding-left:.5rem;padding-right:.5rem;padding-top:4px;padding-bottom:4px;line-height:normal;display:inline-flex;align-items:center}.container_MNtK9 .environment_VSo42.dev_Ce1Sv{color:#fff;background-color:#0081a2}.container_MNtK9 .environment_VSo42.test_zf6RI{color:#fff;background-color:#00563a}.container_MNtK9 .environment_VSo42.stage_BbatV{color:#333;background-color:#fbd1ce}.container_MNtK9 .environment_VSo42.uat_HoWgu,.container_MNtK9 .environment_VSo42.prod_4moc8{color:#333;background-color:#f9ce2d}.container_MNtK9 .spacer_m-mAQ{flex:1}.container_MNtK9 .version_AC6PC{margin-left:2rem;color:#333}.container_MNtK9 .build_Tc81d{color:#333}.prodContainer_pvEfX{justify-content:flex-end}.prodContainer_pvEfX .version_AC6PC{margin-left:0;font:unset;font-weight:400;color:#333}
.error-content {
  width: 50%;
  margin: 100px auto;
}
.error-content p {
  font-family: "Acumin Pro SemiCondensed", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  color: #666666;
}
body,input,textarea,button{background:#fff;font-family:var(--goa-font-family-sans);font-weight:400;font-size:var(--goa-font-size-4);color:var(--goa-color-text-default)}
body{margin:0;scroll-behavior:smooth;line-height:var(--goa-line-height-3)}
*,*:before,*:after{box-sizing:border-box}
p{margin:0;margin-bottom:1rem}
hr{border-width:0;border-top:1px solid #ccc;height:0;padding:0;margin:2rem 0}
ul,ol{padding-left:0;padding-left:1rem}
li>ul,li>ol{padding-left:0;margin-top:0}
dl{margin-top:0}
dd{margin-left:.5rem}
a,a:visited{color:var(--goa-color-interactive-default);cursor:pointer}
a:hover{color:var(--goa-color-interactive-hover)}
::-moz-placeholder{color:#999;opacity:1}
::placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
h1{font:var(--goa-typography-heading-xl)}
h2{font:var(--goa-typography-heading-l)}
h3{font:var(--goa-typography-heading-m)}
h4{font:var(--goa-typography-heading-s)}
h5,h6{font:var(--goa-typography-heading-xs)}
h3+h1{margin-top:-1rem}
p{margin-bottom:1rem;font-size:var(--goa-font-size-4)}
em{font-size:var(--goa-font-size-1);line-height:var(--goa-line-height-1);color:var(--goa-color-greyscale-200)}
small{font-size:var(--goa-font-size-1);font-style:normal;color:var(--goa-color-greyscale-200)}
goa-two-column-layout h1:first-of-type,goa-two-column-layout h2:first-of-type,goa-two-column-layout h3:first-of-type,goa-three-column-layout h1:first-of-type,goa-three-column-layout h2:first-of-type,goa-three-column-layout h3:first-of-type,goa-container h1:first-of-type,goa-container h2:first-of-type,goa-container h3:first-of-type{margin-top:0}
@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/l?subset_id=1&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/d?subset_id=1&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/a?subset_id=1&fvd=n4&v=3) format("opentype");font-style:normal;font-weight:400}
@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/l?subset_id=1&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/d?subset_id=1&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/a?subset_id=1&fvd=i4&v=3) format("opentype");font-style:italic;font-weight:400}
@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/l?subset_id=1&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/d?subset_id=1&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/a?subset_id=1&fvd=n7&v=3) format("opentype");font-style:normal;font-weight:700}
@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/l?subset_id=1&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/d?subset_id=1&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/a?subset_id=1&fvd=i7&v=3) format("opentype");font-style:italic;font-weight:700}
@font-face{font-family:acumin-pro-semi-condensed;src:url(https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/l?subset_id=1&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/d?subset_id=1&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/a?subset_id=1&fvd=n6&v=3) format("opentype");font-style:normal;font-weight:600}
@font-face{font-family:roboto-mono;src:url(https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2) format("woff2");font-style:normal;font-weight:400}
:root{--font-valign-fix: .1rem;--shadow-0: 0 0 rgba(0, 0, 0, 0);--shadow-1: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-3: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-4: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05);--shadow-5: 0 20px 40px rgba(0, 0, 0, .2)}
ol.goa-ordered-list li,ul.goa-unordered-list li{padding:var(--goa-space-xs)}
ol.goa-ordered-list ol,ol.goa-ordered-list ul,ul.goa-unordered-list ol,ul.goa-unordered-list ul{margin-left:var(--goa-space-l)}
ul.goa-unordered-list li::marker{color:var(--goa-color-brand-default)}
goa-app-header a,goa-app-header a:visited{color:var(--goa-color-text-default)}
goa-app-header a.current.inside-collapse-menu,goa-app-header a.current.inside-collapse-menu:hover,goa-app-header-menu a.current,goa-app-header-menu a.current:hover{color:var(--goa-color-text-light)}
goa-app-header-menu a:first-of-type{box-shadow:none}
goa-table table{border-collapse:collapse}
goa-table.sticky thead{position:sticky;top:0}
goa-table td{font:var(--goa-typography-body-m);padding:var(--goa-space-xs) var(--goa-space-m) var(--goa-space-xs);border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);vertical-align:top;box-sizing:border-box;height:var(--goa-space-2xl)}
goa-table[variant=relaxed] td{padding:var(--goa-space-m)}
goa-table thead th{background-color:var(--goa-color-greyscale-white);color:var(--goa-table-color-heading);padding:var(--goa-space-s) var(--goa-table-header-padding, var(--goa-space-m)) var(--goa-space-xs) var(--goa-table-header-padding, var(--goa-space-m));text-align:left;border-bottom:var(--goa-border-width-m) solid var(--goa-table-color-border-heading);vertical-align:bottom}
.goa-table-number-column{font:var(--goa-typography-number-m);text-align:right}
.goa-table-number-header{text-align:right}
.goa-table-number-header:not(:has(goa-table-sort-header)){padding-bottom:var(--goa-space-xs)}
goa-table thead th:has(goa-table-sort-header){padding-bottom:1px;padding-top:0}
goa-table thead th:has(goa-table-sort-header):hover{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}
goa-table tfoot td{background-color:var(--goa-color-greyscale-100)}
goa-table tfoot tr:first-child td{border-top:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}
goa-table tfoot tr:last-child td{border-bottom:none}
:root{--goa-font-weight-bold: 700;--goa-font-weight-medium: 500;--goa-font-weight-regular: 400;--goa-font-size-10: 3rem;--goa-font-size-9: 2.25rem;--goa-font-size-8: 2rem;--goa-font-size-7: 1.5rem;--goa-font-size-6: 1.375rem;--goa-font-size-5: 1.25rem;--goa-font-size-4: 1.125rem;--goa-font-size-3: 1rem;--goa-font-size-2: .875rem;--goa-font-size-1: .75rem;--goa-font-family-number: roboto-mono, monospace;--goa-font-family-sans: acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;--goa-line-height-05: 1.125rem;--goa-line-height-7: 3.5rem;--goa-line-height-6: 2.75rem;--goa-line-height-5: 2.5rem;--goa-line-height-4: 2rem;--goa-line-height-3: 1.75rem;--goa-line-height-2: 1.5rem;--goa-line-height-1: 1.25rem;--goa-shadow-modal: 6px 6px 6px 0px rgba(0,0,0,.16);--goa-shadow-600: 0px 20px 20px -8px #1a1a1a47;--goa-shadow-500: 0px 12px 20px -8px #1a1a1a3D;--goa-shadow-400: 0px 8px 16px -4px #1a1a1a38;--goa-shadow-300: 0px 4px 6px -2px #1a1a1a33;--goa-shadow-200: 0px 3px 1px -1px #1a1a1a12;--goa-shadow-150: 0px 1px 0px 0px #1a1a1a40;--goa-shadow-100: 0px 1px 0px 0px #1A1A1A12;--goa-icon-size-l: 1.5rem;--goa-icon-size-m: 1.25rem;--goa-icon-size-s: 1rem;--goa-icon-size-6: 2.5rem;--goa-icon-size-5: 2rem;--goa-icon-size-4: 1.5rem;--goa-icon-size-3: 1.25rem;--goa-icon-size-2: 1.125rem;--goa-icon-size-1: 1rem;--goa-space-fill: 100%;--goa-space-4xl: 8rem;--goa-space-3xl: 4rem;--goa-space-2xl: 3rem;--goa-space-xl: 2rem;--goa-space-l: 1.5rem;--goa-space-m: 1rem;--goa-space-s: .75rem;--goa-space-xs: .5rem;--goa-space-2xs: .25rem;--goa-space-3xs: .125rem;--goa-space-none: 0rem;--goa-border-width-xl: 4px;--goa-border-width-l: 3px;--goa-border-width-m: 2px;--goa-border-width-s: 1px;--goa-border-width-xs: .7px;--goa-border-width-2xs: .5px;--goa-border-width-none: 0px;--goa-border-radius-3xl: .75rem;--goa-border-radius-2xl: .625rem;--goa-border-radius-xl: .5rem;--goa-border-radius-l: .375rem;--goa-border-radius-m: .25rem;--goa-border-radius-s: .125rem;--goa-border-radius-none: 0;--goa-opacity-background-loading: 90%;--goa-opacity-background-modal: 50%;--goa-color-extended-yellow: #fce796;--goa-color-extended-violet: #d4c2ff;--goa-color-extended-red: #ed948d;--goa-color-extended-pink: #ff8fc5;--goa-color-extended-orange: #ffc76d;--goa-color-extended-green: #bbfcb4;--goa-color-extended-blue: #aac9e7;--goa-color-extended-aqua: #7febe6;--goa-color-extended-light-yellow: #fff7bf;--goa-color-extended-light-violet: #efe2fb;--goa-color-extended-light-red: #f4cdc6;--goa-color-extended-light-pink: #f9e1eb;--goa-color-extended-light-orange: #fcd6c3;--goa-color-extended-light-green: #cce2d9;--goa-color-extended-light-blue: #ddefff;--goa-color-extended-light-aqua: #dcfbf8;--goa-color-greyscale-white: #ffffff;--goa-color-greyscale-black: #333333;--goa-color-greyscale-900: #474747;--goa-color-greyscale-800: #5c5c5c;--goa-color-greyscale-700: #666666;--goa-color-greyscale-600: #858585;--goa-color-greyscale-500: #949494;--goa-color-greyscale-400: #adadad;--goa-color-greyscale-300: #c2c2c2;--goa-color-greyscale-200: #dcdcdc;--goa-color-greyscale-150: #e7e7e7;--goa-color-greyscale-100: #f1f1f1;--goa-color-greyscale-50: #f8f8f8;--goa-color-critical-default: #171d23;--goa-color-success-background: #f2fffa;--goa-color-success-dark: #00563a;--goa-color-success-light: #cce4dc;--goa-color-success-default: #006f4c;--goa-color-emergency-background: #fff6f6;--goa-color-emergency-dark: #a91a10;--goa-color-emergency-light: #fbd1ce;--goa-color-emergency-default: #da291c;--goa-color-warning-background: #fff6e5;--goa-color-warning-dark: #bf8d23;--goa-color-warning-light: #ffeab6;--goa-color-warning-default: #f9ce2d;--goa-color-info-background: #eff8ff;--goa-color-info-dark: #003b70;--goa-color-info-light: #aac9e7;--goa-color-info-default: #004a8f;--goa-color-brand-light: #c8eefa;--goa-color-brand-dark: #005072;--goa-color-brand-default: #0081a2;--goa-color-interactive-visited: #756693;--goa-color-interactive-focus-black: #000000;--goa-color-interactive-focus: #feba35;--goa-color-interactive-error-disabled: #f58185;--goa-color-interactive-error-hover: #ba0000;--goa-color-interactive-error: #ec040b;--goa-color-interactive-disabled: #80b7e1;--goa-color-interactive-hover: #004f84;--goa-color-interactive-default: #0070c4;--goa-tooltip-max-width: 400px;--goa-tab-color-bg-selected: transparent;--goa-side-menu-child-color-bg: none;--goa-side-menu-width: 256px;--goa-side-menu-sub-item-color-bg: none;--goa-side-menu-parent-color-bg-selected: #cedfee;--goa-side-menu-parent-color-bg-hover: #cedfee;--goa-side-menu-color-bg-menu-item-hover: #cedfee;--goa-side-menu-color-bg-menu-item-current: #cedfee;--goa-scrollable-padding-mobile: 1.5rem;--goa-scrollable-padding-desktop: 2rem;--goa-radio-border-radius: 50%;--goa-radio-border-checked-error-hover: 7px solid #ba0000;--goa-radio-border-checked-error-disabled: 7px solid #f58185;--goa-circular-progress-color-background: rgba(255, 255, 255, .9);--goa-popover-shadow: drop-shadow(0px 3px 6px rgba(0, 0, 0, .25));--goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,.16);--goa-text-input-transition: box-shadow .05s ease-in;--goa-app-header-nav-color-bg-link-item-in-menu: transparent;--goa-app-header-nav-color-bg-link-item-focus: transparent;--goa-app-header-nav-color-bg-link-item-hover: transparent;--goa-app-header-nav-color-bg-link-item: transparent;--goa-app-header-height-nav-item-mobile: 50px;--goa-app-header-min-width-service-name: 8rem;--goa-app-header-max-width-service-name: 28rem;--goa-stepper-line-thickness: 4px;--goa-step-size: 2.5rem;--goa-step-gap-small-screen: 0px;--goa-footer-meta-links-gap-small-screen: 20px;--goa-footer-size-logo-tablet: 155px;--goa-footer-size-logo-mobile: 133px;--goa-footer-size-logo-desktop: 155px;--goa-dropdown-transition: box-shadow .05s ease-in;--goa-drawer-right-shadow: -6px 0px 6px 0px rgba(0,0,0,.16);--goa-drawer-transition-time: .25s;--goa-drawer-left-shadow: 6px 0px 6px 0px rgba(0,0,0,.16);--goa-drawer-bottom-shadow: 0px -6px 6px 0px rgba(0,0,0,.16);--goa-drawer-overlay-color: rgba(0,0,0,.3);--goa-details-text-decoration: underline;--goa-details-padding-top: 6px;--goa-details-content-padding-left: 19px;--goa-details-content-margin-left: 17px;--goa-date-input-day-color-bg: transparent;--goa-date-input-day-size: 2.5rem;--goa-date-input-calendar-width: 280px;--goa-checkbox-border-radius: 2px;--goa-callout-emergency-border-color: none;--goa-callout-success-border-color: none;--goa-callout-warning-border-color: none;--goa-callout-info-border-color: none;--goa-callout-l-border-width: 0px;--goa-callout-m-border-width: 0px;--goa-button-letter-spacing: .0125rem;--goa-button-tertiary-color-bg: none;--goa-button-secondary-inverse-color-bg: none;--goa-button-compact-gap: .375rem;--goa-button-height-start: 3.25rem;--goa-button-height-compact: 2rem;--goa-button-height: 2.625rem;--goa-badge-height: 22px;--goa-accordion-shadow: 0px 0px 0px 0px #000000;--goa-border-none: var(--goa-border-width-none) solid rgba(0,0,0,0);--goa-typography-mobile-number-l: var(--goa-font-weight-medium) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-number);--goa-typography-mobile-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);--goa-typography-mobile-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);--goa-typography-mobile-body-l: var(--goa-font-weight-regular) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-sans);--goa-typography-mobile-body-m: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);--goa-typography-mobile-body-s: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);--goa-typography-mobile-body-xs: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);--goa-typography-mobile-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-9)/var(--goa-line-height-6) var(--goa-font-family-sans);--goa-typography-mobile-heading-l: var(--goa-font-weight-regular) var(--goa-font-size-8)/var(--goa-line-height-5) var(--goa-font-family-sans);--goa-typography-mobile-heading-m: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);--goa-typography-mobile-heading-s: var(--goa-font-weight-bold) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);--goa-typography-mobile-heading-xs: var(--goa-font-weight-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);--goa-typography-number-l: var(--goa-font-weight-medium) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-number);--goa-typography-number-m: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-number);--goa-typography-number-s: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-number);--goa-typography-body-l: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);--goa-typography-body-m: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);--goa-typography-body-s: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);--goa-typography-body-xs: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans);--goa-typography-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-10)/var(--goa-line-height-7) var(--goa-font-family-sans);--goa-typography-heading-l: var(--goa-font-weight-regular) var(--goa-font-size-9)/var(--goa-line-height-6) var(--goa-font-family-sans);--goa-typography-heading-m: var(--goa-font-weight-regular) var(--goa-font-size-7)/var(--goa-line-height-4) var(--goa-font-family-sans);--goa-typography-heading-s: var(--goa-font-weight-bold) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans);--goa-typography-heading-xs: var(--goa-font-weight-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans);--goa-color-text-disabled: var(--goa-color-greyscale-700);--goa-color-text-light: var(--goa-color-greyscale-white);--goa-color-text-secondary: var(--goa-color-greyscale-700);--goa-color-text-default: var(--goa-color-greyscale-black);--goa-tooltip-padding: 6px var(--goa-space-m) 10px var(--goa-space-m);--goa-tooltip-gap: var(--goa-space-2xs);--goa-tooltip-color-bg: var(--goa-color-greyscale-700);--goa-tooltip-border-radius: var(--goa-border-radius-m);--goa-tooltip-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-text-area-padding: .625rem var(--goa-space-s);--goa-text-area-color-text-counter-error: var(--goa-color-interactive-error);--goa-text-area-color-bg-disabled: var(--goa-color-greyscale-100);--goa-text-area-color-bg: var(--goa-color-greyscale-white);--goa-text-area-border-radius: var(--goa-border-radius-m);--goa-text-area-border-hover: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);--goa-text-area-border-focus: 0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);--goa-text-area-border-error: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error);--goa-text-area-border-disabled: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-200);--goa-text-area-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700);--goa-tabs-gap-small-screen: var(--goa-space-2xs);--goa-tabs-gap: var(--goa-space-xl);--goa-tabs-bottom-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-tab-padding-mobile: 6px var(--goa-space-m);--goa-tab-padding: var(--goa-space-xs) var(--goa-space-m);--goa-tab-color-bg-selected-small-screen: var(--goa-color-info-background);--goa-tab-border-selected: var(--goa-border-width-xl) solid var(--goa-color-interactive-default);--goa-tab-border-not-selected: var(--goa-border-width-xl) solid transparent;--goa-tab-border-hover: var(--goa-border-width-xl) solid var(--goa-color-greyscale-200);--goa-tab-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-goa-table-header-padding: var(--goa-space-m);--goa-table-color-border-heading: var(--goa-color-greyscale-600);--goa-skeleton-loading-color-bg: var(--goa-color-greyscale-100);--goa-side-menu-child-border-width: var(--goa-border-width-xl);--goa-side-menu-child-color-bg-selected: var(--goa-color-info-background);--goa-side-menu-child-color-bg-hover: var(--goa-color-info-background);--goa-side-menu-child-border-left-selected: var(--goa-border-width-xl) solid var(--goa-color-interactive-disabled);--goa-side-menu-child-border-left-hover: var(--goa-border-width-xl) solid var(--goa-color-greyscale-200);--goa-side-menu-child-border-left: var(--goa-border-width-xl) solid var(--goa-color-greyscale-100);--goa-side-menu-group-padding: var(--goa-space-none);--goa-side-menu-group-color-bg: var(--goa-color-greyscale-white);--goa-side-menu-group-border-radius: var(--goa-border-radius-none);--goa-side-menu-sub-item-color-bg-hover: var(--goa-color-info-background);--goa-side-menu-sub-item-color-bg-current: var(--goa-color-info-background);--goa-side-menu-sub-item-border-left-current: var(--goa-border-width-xl) solid var(--goa-color-interactive-disabled);--goa-side-menu-sub-item-border-left-hover: var(--goa-border-width-xl) solid var(--goa-color-greyscale-200);--goa-side-menu-sub-item-border-left: var(--goa-border-width-xl) solid var(--goa-color-greyscale-100);--goa-side-menu-sub-group-padding: var(--goa-space-none) var(--goa-space-none) var(--goa-space-none) var(--goa-space-none);--goa-side-menu-parent-padding: var(--goa-space-xs) var(--goa-space-s) 10px var(--goa-space-xl);--goa-side-menu-padding-child: var(--goa-space-xs) var(--goa-space-s) 10px var(--goa-space-m);--goa-side-menu-padding-item: var(--goa-space-xs) var(--goa-space-s) 10px var(--goa-space-xl);--goa-side-menu-padding: var(--goa-space-m) var(--goa-space-none) var(--goa-space-l) var(--goa-space-none);--goa-side-menu-item-focus-border: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-side-menu-heading-gap: var(--goa-space-xs);--goa-side-menu-items-gap: var(--goa-space-none);--goa-side-menu-icon-size: var(--goa-icon-size-l);--goa-side-menu-heading-padding: var(--goa-space-s) var(--goa-space-s) var(--goa-space-xs) var(--goa-space-l);--goa-side-menu-heading-margin: var(--goa-space-none) 0 0 0;--goa-side-menu-child-margin: var(--goa-space-m);--goa-side-menu-heading-icon-gap: var(--goa-space-xs);--goa-side-menu-heading-color-bg: var(--goa-color-greyscale-100);--goa-side-menu-heading-border: var(--goa-border-width-m) solid var(--goa-color-greyscale-200);--goa-side-menu-color-bg: var(--goa-color-greyscale-white);--goa-side-menu-border-right: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-radio-size: var(--goa-space-l);--goa-radio-label-color-disabled: var(--goa-color-greyscale-500);--goa-radio-group-gap-vertical: var(--goa-space-m);--goa-radio-group-gap-horizontal: var(--goa-space-l);--goa-radio-color-bg: var(--goa-color-greyscale-white);--goa-radio-border-hover: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-radio-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-radio-border-error-hover: var(--goa-border-width-m) solid #ba0000;--goa-radio-border-error-disabled: var(--goa-border-width-m) solid #f58185;--goa-radio-border-error: var(--goa-border-width-m) solid var(--goa-color-interactive-error);--goa-radio-border-disabled: var(--goa-border-width-s) solid var(--goa-color-greyscale-400);--goa-radio-border-checked-hover: 7px solid var(--goa-color-interactive-hover);--goa-radio-border-checked-error: 7px solid var(--goa-color-interactive-error);--goa-radio-border-checked-disabled: 7px solid var(--goa-color-interactive-disabled);--goa-radio-border-checked: 7px solid var(--goa-color-interactive-default);--goa-radio-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-700);--goa-circular-progress-small-margin-top: var(--goa-space-l);--goa-circular-progress-large-margin-top: var(--goa-space-xl);--goa-popover-padding: var(--goa-space-s);--goa-popover-color-bg: var(--goa-color-greyscale-white);--goa-popover-border-radius: var(--goa-border-radius-m);--goa-popover-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-notification-banner-custom-color-icon: var(--goa-color-greyscale-white);--goa-notification-banner-custom-color-bg: var(--goa-color-info-default);--goa-notification-banner-size-icon: var(--goa-icon-size-4);--goa-notification-banner-padding-tb: var(--goa-space-l);--goa-notification-banner-padding-lr-small-screen: var(--goa-space-m);--goa-notification-banner-padding-lr-medium-screen: var(--goa-space-l);--goa-notification-banner-padding-lr-large-screen: var(--goa-space-3xl);--goa-notification-banner-information-color-icon: var(--goa-color-greyscale-white);--goa-notification-banner-information-color-bg: var(--goa-color-info-default);--goa-notification-banner-important-color-icon: var(--goa-color-greyscale-black);--goa-notification-banner-important-color-bg: var(--goa-color-warning-default);--goa-notification-banner-gap: var(--goa-space-m);--goa-notification-banner-event-color-icon: var(--goa-color-greyscale-white);--goa-notification-banner-event-color-bg: var(--goa-color-info-default);--goa-notification-banner-emergency-color-icon: var(--goa-color-greyscale-white);--goa-notification-banner-emergency-color-bg: var(--goa-color-emergency-default);--goa-modal-overlay-opacity: var(--goa-opacity-background-modal);--goa-modal-padding-small-screen: var(--goa-space-l);--goa-modal-padding: var(--goa-space-xl);--goa-modal-overlay-color: var(--goa-color-greyscale-black);--goa-modal-content-gap-small-screen: var(--goa-space-m);--goa-modal-content-gap: var(--goa-space-l);--goa-modal-callout-bar-padding-small-screen: var(--goa-space-s) var(--goa-space-s) var(--goa-space-s) var(--goa-space-l);--goa-modal-callout-bar-padding: var(--goa-space-xl);--goa-modal-border-radius: var(--goa-border-radius-m);--goa-microsite-header-typography-version-number: var(--goa-font-size-1);--goa-microsite-header-padding-small-screen: var(--goa-space-2xs) var(--goa-space-m);--goa-microsite-header-padding-medium-screen: var(--goa-space-2xs) var(--goa-space-xl);--goa-microsite-header-padding-large-screen: var(--goa-space-2xs) var(--goa-space-3xl);--goa-microsite-header-link-focus-border: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-microsite-header-gap: var(--goa-space-m);--goa-microsite-header-color-links-hover: var(--goa-color-interactive-hover);--goa-microsite-header-color-links: var(--goa-color-interactive-default);--goa-microsite-header-color-bg: var(--goa-color-greyscale-100);--goa-microsite-header-beta-badge-color: var(--goa-color-brand-default);--goa-microsite-header-alpha-badge-color: var(--goa-color-warning-default);--goa-text-input-color-icon: var(--goa-color-greyscale-black);--goa-text-input-size-icon: var(--goa-icon-size-4);--goa-text-input-space-btw-icon-text: var(--goa-space-xs);--goa-text-input-padding-lr: var(--goa-space-s);--goa-text-input-lt-content-color-bg: var(--goa-color-greyscale-100);--goa-text-input-color-icon-disabled: var(--goa-color-greyscale-500);--goa-text-input-color-bg-disabled: var(--goa-color-greyscale-100);--goa-text-input-color-bg: var(--goa-color-greyscale-white);--goa-text-input-border-radius: var(--goa-border-radius-m);--goa-text-input-border-hover: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);--goa-text-input-border-focus: 0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);--goa-text-input-border-error: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error);--goa-text-input-border-disabled: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-200);--goa-text-input-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700);--goa-icon-button-medium-padding: var(--goa-space-2xs);--goa-icon-button-large-padding: var(--goa-space-xs);--goa-icon-button-medium-border-radius: var(--goa-border-radius-m);--goa-icon-button-large-border-radius: var(--goa-border-radius-xl);--goa-icon-button-destructive-disabled-color: var(--goa-color-interactive-error-disabled);--goa-icon-button-destructive-hover-color-bg: var(--goa-color-emergency-light);--goa-icon-button-destructive-color: var(--goa-color-emergency-default);--goa-icon-button-dark-disabled-color-bg: var(--goa-color-greyscale-500);--goa-icon-button-dark-hover-color-bg: var(--goa-color-greyscale-100);--goa-icon-button-dark-color: var(--goa-color-greyscale-black);--goa-icon-button-light-disabled-color: var(--goa-color-greyscale-500);--goa-icon-button-light-hover-color-bg: var(--goa-color-greyscale-700);--goa-icon-button-light-color: var(--goa-color-greyscale-white);--goa-icon-button-default-disabled-color: var(--goa-color-interactive-disabled);--goa-icon-button-default-hover-color-bg: var(--goa-color-greyscale-100);--goa-icon-button-default-focus-color: var(--goa-color-interactive-hover);--goa-icon-button-default-hover-color: var(--goa-color-interactive-hover);--goa-icon-button-default-color: var(--goa-color-interactive-default);--goa-hero-banner-content-gap: var(--goa-space-l) 0 0;--goa-hero-banner-mobile-padding: var(--goa-space-xl) 0;--goa-hero-banner-padding: var(--goa-space-2xl) 0;--goa-app-header-nav-color-bg-link-item-in-menu-focus: var(--goa-color-greyscale-100);--goa-app-header-height-nav-item: var(--goa-space-3xl);--goa-app-header-space-btw-service-name-nav-items-mobile: var(--goa-space-l);--goa-app-header-space-btw-logo-service-name-mobile: var(--goa-space-xs);--goa-app-header-space-btw-logo-service-name: var(--goa-space-m);--goa-app-header-size-logo-mobile: var(--goa-space-l);--goa-app-header-size-logo: var(--goa-space-xl);--goa-app-header-padding-tablet: var(--goa-space-xl);--goa-app-header-padding-secondary-nav-item-in-menu: 9px var(--goa-space-m) 9px var(--goa-space-xl);--goa-app-header-padding-secondary-nav-item-in-menu-mobile: 9px var(--goa-space-m) 9px 80px;--goa-app-header-padding-nav-item-in-menu: 9px var(--goa-space-m);--goa-app-header-padding-nav-item-with-children: var(--goa-space-m) var(--goa-space-s) var(--goa-space-s);--goa-app-header-padding-nav-item: var(--goa-space-m) var(--goa-space-s);--goa-app-header-padding-mobile: var(--goa-space-m);--goa-app-header-padding-menu-button: var(--goa-space-m) var(--goa-space-s);--goa-app-header-padding-logo-mobile: var(--goa-space-s) var(--goa-space-m);--goa-app-header-padding-logo: 14px var(--goa-space-xl) var(--goa-space-m) 0px;--goa-app-header-padding-link-item: var(--goa-space-m);--goa-app-header-padding-desktop: var(--goa-space-3xl);--goa-app-header-color-text-nav-item-hover: var(--goa-color-interactive-hover);--goa-app-header-color-text-nav-item-focus: var(--goa-color-interactive-hover);--goa-app-header-color-menu-button-hover: var(--goa-color-interactive-hover);--goa-app-header-color-menu-button-focus: var(--goa-color-interactive-hover);--goa-app-header-color-bg-nav-item-child-focus: var(--goa-color-greyscale-100);--goa-app-header-color-bg-nav-item-child-hover: var(--goa-color-greyscale-100);--goa-app-header-color-bg-nav-item-in-menu-current-hover: var(--goa-color-interactive-hover);--goa-app-header-nav-color-text-link-item-focus: var(--goa-color-interactive-hover);--goa-app-header-nav-color-text-link-item-hover: var(--goa-color-interactive-hover);--goa-app-header-nav-color-text-link-item: var(--goa-color-interactive-default);--goa-app-header-color-bg-nav-item-in-menu-current: var(--goa-color-interactive-default);--goa-app-header-color-bg-nav-item-hover: var(--goa-color-greyscale-white);--goa-app-header-color-bg-nav-item-focus: var(--goa-color-greyscale-white);--goa-app-header-color-bg-nav-item-current: var(--goa-color-greyscale-white);--goa-app-header-color-bg-nav-item: var(--goa-color-greyscale-white);--goa-app-header-color-bg-menu-button-hover: var(--goa-color-greyscale-100);--goa-app-header-color-bg-menu-button-focus: var(--goa-color-greyscale-100);--goa-app-header-color-bg: var(--goa-color-greyscale-white);--goa-app-header-border-top-menu-item: inset 0 1px 0 0 var(--goa-color-greyscale-200);--goa-app-header-border-nav-item-hover: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);--goa-app-header-border-nav-item-focus: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);--goa-app-header-border-nav-item-default: var(--goa-space-2xs) solid transparent;--goa-app-header-border-nav-item-current-hover: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);--goa-app-header-border-nav-item-current-focus: var(--goa-space-2xs) solid var(--goa-color-interactive-hover);--goa-app-header-border-nav-item-current: var(--goa-space-2xs) solid var(--goa-color-interactive-default);--goa-app-header-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-app-header-border-bottom-menu-item: inset 0 -1px 0 0 var(--goa-color-greyscale-200);--goa-app-header-service-name-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-app-header-border-bottom: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-stepper-color-line-active: var(--goa-color-interactive-default);--goa-stepper-color-line: var(--goa-color-greyscale-200);--goa-step-padding-vertical: var(--goa-space-2xs) var(--goa-space-l);--goa-step-padding: var(--goa-space-l);--goa-step-color-border-incomplete: var(--goa-color-interactive-default);--goa-step-color-border-complete: var(--goa-color-interactive-default);--goa-step-color-border-active: var(--goa-color-interactive-default);--goa-step-color-border: var(--goa-color-greyscale-400);--goa-step-color-bg-incomplete: var(--goa-color-greyscale-white);--goa-step-color-bg-complete: var(--goa-color-interactive-default);--goa-step-color-bg-active: var(--goa-color-greyscale-white);--goa-step-color-bg: var(--goa-color-greyscale-white);--goa-step-border: var(--goa-border-width-xl) solid var(--goa-step-color-border-active);--goa-form-item-optional-label-color: var(--goa-color-greyscale-700);--goa-form-item-message-margin-top: var(--goa-space-s);--goa-form-item-message-gap: var(--goa-space-2xs);--goa-form-item-label-padding-bottom: var(--goa-space-s);--goa-form-item-label-large-padding-bottom: var(--goa-space-m);--goa-form-item-error-message-color: var(--goa-color-interactive-error);--goa-footer-meta-links-gap: var(--goa-space-l);--goa-footer-typography-small-screen: var(--goa-font-size-3);--goa-footer-padding-small-screen: var(--goa-space-xl) var(--goa-space-m);--goa-footer-padding-medium-screen: var(--goa-space-2xl) var(--goa-space-xl);--goa-footer-padding-large-screen: var(--goa-space-2xl) var(--goa-space-3xl);--goa-footer-link-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-footer-color-links-secondary-hover: var(--goa-color-greyscale-900);--goa-footer-color-links-hover: var(--goa-color-greyscale-700);--goa-footer-color-bg: var(--goa-color-greyscale-100);--goa-footer-border-top: var(--goa-border-width-m) solid var(--goa-color-greyscale-200);--goa-footer-border-bottom: 1rem solid var(--goa-color-brand-default);--goa-file-upload-text-gap: var(--goa-space-m);--goa-file-upload-padding: var(--goa-space-xl);--goa-file-upload-instruction-color-hover: var(--goa-color-interactive-hover);--goa-file-upload-instruction-color-focus: var(--goa-color-interactive-hover);--goa-file-upload-instruction-color-drag: var(--goa-color-interactive-hover);--goa-file-upload-instruction-color-active: var(--goa-color-interactive-hover);--goa-file-upload-instruction-color: var(--goa-color-interactive-default);--goa-file-upload-help-text-color: var(--goa-color-greyscale-700);--goa-file-upload-color-bg-hover: var(--goa-color-greyscale-100);--goa-file-upload-color-bg-focus: var(--goa-color-greyscale-100);--goa-file-upload-color-bg-drag: var(--goa-color-info-background);--goa-file-upload-color-bg-active: var(--goa-color-info-background);--goa-file-upload-color-bg: var(--goa-color-info-background);--goa-file-upload-border-radius: var(--goa-border-radius-m);--goa-file-upload-border-hover: var(--goa-border-width-m) dashed var(--goa-color-interactive-hover);--goa-file-upload-border-focus: 0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);--goa-file-upload-border-drag: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-file-upload-border-active: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-file-upload-border: var(--goa-border-width-m) dashed var(--goa-color-interactive-default);--goa-dropdown-space-icon-text: var(--goa-space-s);--goa-dropdown-padding-lr: var(--goa-space-s);--goa-dropdown-item-color-text-selected-hover: var(--goa-color-greyscale-white);--goa-dropdown-item-color-text-selected: var(--goa-color-greyscale-white);--goa-dropdown-item-color-text-hover: var(--goa-color-interactive-hover);--goa-dropdown-item-color-bg-selected-hover: var(--goa-color-interactive-hover);--goa-dropdown-item-color-bg-selected: var(--goa-color-interactive-default);--goa-dropdown-item-color-bg-hover: var(--goa-color-greyscale-100);--goa-dropdown-item-color-bg-disabled: var(--goa-color-greyscale-100);--goa-dropdown-item-color-bg: var(--goa-color-greyscale-white);--goa-dropdown-color-bg-disabled: var(--goa-color-greyscale-100);--goa-dropdown-color-bg: var(--goa-color-greyscale-white);--goa-dropdown-border-radius: var(--goa-border-radius-m);--goa-dropdown-border-hover: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);--goa-dropdown-border-focus: 0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);--goa-dropdown-border-error: inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error);--goa-dropdown-border-disabled: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-200);--goa-dropdown-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-700);--goa-drawer-padding: var(--goa-space-m);--goa-divider-color: var(--goa-color-greyscale-200);--goa-details-padding-right: var(--goa-space-s);--goa-details-padding-left: var(--goa-space-xs);--goa-details-padding-bottom: var(--goa-space-xs);--goa-details-margin-bottom: var(--goa-space-xs);--goa-details-focus-border: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-details-content-padding-top: var(--goa-space-s);--goa-details-content-padding-right: var(--goa-space-m);--goa-details-content-padding-bottom: var(--goa-space-s);--goa-details-content-left-border: 4px solid var(--goa-color-greyscale-200);--goa-details-color-text-hover: var(--goa-color-interactive-hover);--goa-details-color-text: var(--goa-color-interactive-default);--goa-details-color-bg-hover: var(--goa-color-greyscale-100);--goa-details-border-radius: var(--goa-border-radius-m);--goa-date-input-day-color-bg-selected-hover: var(--goa-color-interactive-hover);--goa-date-input-day-color-bg-selected: var(--goa-color-interactive-default);--goa-date-input-day-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-date-input-day-color-bg-hover: var(--goa-color-greyscale-200);--goa-date-input-day-border-radius: var(--goa-border-radius-m);--goa-date-input-day-underline-today-selected: var(--goa-border-width-l) solid var(--goa-color-greyscale-white);--goa-date-input-day-underline-today-width: var(--goa-space-l);--goa-date-input-day-underline-today: var(--goa-border-width-l) solid var(--goa-color-interactive-default);--goa-date-input-day-of-week-margin: var(--goa-space-xs) 0;--goa-date-input-calendar-border-radius: var(--goa-border-radius-m);--goa-container-important-border: var(--goa-border-width-s) solid var(--goa-color-warning-default);--goa-container-important-heading-bg-color: var(--goa-color-warning-default);--goa-container-important-bg-color: var(--goa-color-warning-background);--goa-container-success-border: var(--goa-border-width-s) solid var(--goa-color-success-default);--goa-container-success-heading-bg-color: var(--goa-color-success-default);--goa-container-success-bg-color: var(--goa-color-success-background);--goa-container-error-border: var(--goa-border-width-s) solid var(--goa-color-emergency-default);--goa-container-error-heading-bg-color: var(--goa-color-emergency-default);--goa-container-error-bg-color: var(--goa-color-emergency-background);--goa-container-info-border: var(--goa-border-width-s) solid var(--goa-color-info-default);--goa-container-info-heading-bg-color: var(--goa-color-info-default);--goa-container-info-bg-color: var(--goa-color-info-background);--goa-container-non-interactive-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-container-non-interactive-heading-bg-color: var(--goa-color-greyscale-100);--goa-container-non-interactive-bg-color: var(--goa-color-greyscale-100);--goa-container-interactive-border: var(--goa-border-width-s) solid var(--goa-color-brand-default);--goa-container-interactive-heading-bg-color: var(--goa-color-brand-default);--goa-container-interactive-bg-color: var(--goa-color-greyscale-white);--goa-container-accent-thin-height: var(--goa-space-xs);--goa-container-accent-thick-height: var(--goa-space-m);--goa-container-heading-gap: var(--goa-space-l);--goa-container-heading-padding: var(--goa-space-xs);--goa-container-padding-compact: var(--goa-space-m);--goa-container-padding: var(--goa-space-xl);--goa-container-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-container-border-radius: var(--goa-border-radius-m);--goa-checkbox-size: var(--goa-space-l);--goa-checkbox-gap: var(--goa-space-xs);--goa-checkbox-color-label-disabled: var(--goa-color-greyscale-500);--goa-checkbox-color-bg-checked-hover: var(--goa-color-interactive-hover);--goa-checkbox-color-bg-checked-error: var(--goa-color-interactive-error);--goa-checkbox-color-bg-checked-disabled: var(--goa-color-interactive-disabled);--goa-checkbox-color-bg-checked: var(--goa-color-interactive-default);--goa-checkbox-color-bg: var(--goa-color-greyscale-white);--goa-checkbox-border-hover: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-checkbox-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);--goa-checkbox-border-error: var(--goa-border-width-m) solid var(--goa-color-interactive-error);--goa-checkbox-border-disabled-error: var(--goa-border-width-m) solid #F58185;--goa-checkbox-border-disabled: var(--goa-border-width-s) solid var(--goa-color-greyscale-400);--goa-checkbox-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-700);--goa-callout-event-icon-color: var(--goa-color-greyscale-white);--goa-callout-emergency-icon-color: var(--goa-color-greyscale-white);--goa-callout-emergency-color-bg-statusbar: var(--goa-color-emergency-default);--goa-callout-emergency-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-success-icon-color: var(--goa-color-greyscale-white);--goa-callout-success-color-bg-statusbar: var(--goa-color-success-default);--goa-callout-success-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-warning-icon-color: var(--goa-color-greyscale-black);--goa-callout-warning-color-bg-statusbar: var(--goa-color-warning-default);--goa-callout-warning-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-info-icon-color: var(--goa-color-greyscale-white);--goa-callout-info-color-bg-statusbar: var(--goa-color-info-default);--goa-callout-info-color-bg-content: var(--goa-color-greyscale-100);--goa-callout-m-statusbar-padding: var(--goa-space-s) var(--goa-space-2xs);--goa-callout-m-content-gap: var(--goa-space-2xs);--goa-callout-m-content-padding: var(--goa-space-s);--goa-callout-m-icon-size: var(--goa-icon-size-s);--goa-callout-l-statusbar-padding: var(--goa-space-l) var(--goa-space-s);--goa-callout-l-content-gap: var(--goa-space-m);--goa-callout-l-content-padding: var(--goa-space-l);--goa-callout-l-icon-size: var(--goa-icon-size-m);--goa-callout-border-radius: var(--goa-border-radius-none);--goa-button-group-compact-gap: var(--goa-space-s);--goa-button-group-gap: var(--goa-space-m);--goa-button-tertiary-inverse-focus-color-text: var(--goa-color-interactive-hover);--goa-button-tertiary-inverse-hover-color-text: var(--goa-color-interactive-hover);--goa-button-tertiary-inverse-color-text: var(--goa-color-greyscale-white);--goa-button-tertiary-destructive-focus-color-text: var(--goa-color-emergency-dark);--goa-button-tertiary-destructive-hover-color-text: var(--goa-color-emergency-dark);--goa-button-tertiary-destructive-color-text: var(--goa-color-emergency-default);--goa-button-tertiary-focus-color-text: var(--goa-color-interactive-hover);--goa-button-tertiary-focus-color-bg: var(--goa-color-greyscale-100);--goa-button-tertiary-hover-color-text: var(--goa-color-interactive-hover);--goa-button-tertiary-hover-color-bg: var(--goa-color-greyscale-100);--goa-button-tertiary-border: var(--goa-border-width-none) solid rgba(0,0,0,0);--goa-button-tertiary-color-text: var(--goa-color-interactive-default);--goa-button-tertiary-color-bg-mobile: var(--goa-color-greyscale-100);--goa-button-secondary-inverse-focus-border: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-button-secondary-inverse-hover-border: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-button-secondary-inverse-border: var(--goa-border-width-m) solid var(--goa-color-greyscale-white);--goa-button-secondary-destructive-focus-border: var(--goa-border-width-m) solid var(--goa-color-emergency-dark);--goa-button-secondary-inverse-focus-color-text: var(--goa-color-interactive-hover);--goa-button-secondary-inverse-hover-color-text: var(--goa-color-interactive-hover);--goa-button-secondary-inverse-color-text: var(--goa-color-greyscale-white);--goa-button-secondary-destructive-focus-color-text: var(--goa-color-emergency-dark);--goa-button-secondary-destructive-hover-color-text: var(--goa-color-emergency-dark);--goa-button-secondary-destructive-hover-border: var(--goa-border-width-m) solid var(--goa-color-emergency-dark);--goa-button-secondary-destructive-border: var(--goa-border-width-m) solid var(--goa-color-emergency-default);--goa-button-secondary-destructive-color-text: var(--goa-color-emergency-default);--goa-button-secondary-focus-border: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-button-secondary-focus-color-text: var(--goa-color-interactive-hover);--goa-button-secondary-focus-color-bg: var(--goa-color-greyscale-100);--goa-button-secondary-hover-border: var(--goa-border-width-m) solid var(--goa-color-interactive-hover);--goa-button-secondary-hover-color-text: var(--goa-color-interactive-hover);--goa-button-secondary-hover-color-bg: var(--goa-color-greyscale-100);--goa-button-secondary-border: var(--goa-border-width-m) solid var(--goa-color-interactive-default);--goa-button-secondary-color-text: var(--goa-color-interactive-default);--goa-button-secondary-color-bg: var(--goa-color-greyscale-white);--goa-button-primary-inverse-focus-color-bg: var(--goa-color-interactive-hover);--goa-button-primary-inverse-hover-color-text: var(--goa-color-greyscale-white);--goa-button-primary-inverse-hover-color-bg: var(--goa-color-interactive-hover);--goa-button-primary-inverse-color-bg: var(--goa-color-greyscale-white);--goa-button-primary-destructive-focus-color-bg: var(--goa-color-emergency-dark);--goa-button-primary-destructive-hover-color-bg: var(--goa-color-emergency-dark);--goa-button-primary-destructive-color-bg: var(--goa-color-emergency-default);--goa-button-primary-focus-border: var(--goa-border-width-none) solid rgba(0,0,0,0);--goa-button-primary-focus-color-bg: var(--goa-color-interactive-hover);--goa-button-primary-hover-border: var(--goa-border-width-none) solid rgba(0,0,0,0);--goa-button-primary-hover-color-bg: var(--goa-color-interactive-hover);--goa-button-primary-border: var(--goa-border-width-none) solid rgba(0,0,0,0);--goa-button-primary-color-bg: var(--goa-color-interactive-default);--goa-button-compact-icon-size: var(--goa-icon-size-2);--goa-button-icon-size: var(--goa-icon-size-3);--goa-button-gap: var(--goa-space-xs);--goa-button-text-start: var(--goa-font-weight-bold) var(--goa-font-size-5)/var(--goa-line-height-1) var(--goa-font-family-sans);--goa-button-text-compact: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-05) var(--goa-font-family-sans);--goa-button-text: var(--goa-font-weight-regular) var(--goa-font-size-5)/var(--goa-line-height-1) var(--goa-font-family-sans);--goa-button-padding-lr-start: var(--goa-space-m);--goa-button-padding-lr-compact: var(--goa-space-xs);--goa-button-padding-lr: var(--goa-space-s);--goa-button-border-radius: var(--goa-border-radius-m);--goa-badge-border: inset 0 0 var(--goa-border-width-s) 0 rgba(0, 0, 0, .5);--goa-badge-light-color-bg: var(--goa-color-greyscale-white);--goa-badge-midtone-color-bg: var(--goa-color-greyscale-700);--goa-badge-dark-color-bg: var(--goa-color-greyscale-black);--goa-badge-emergency-color-bg: var(--goa-color-emergency-default);--goa-badge-important-color-bg: var(--goa-color-warning-default);--goa-badge-success-color-bg: var(--goa-color-success-default);--goa-badge-info-color-content: var(--goa-color-info-default);--goa-badge-info-color-bg: var(--goa-color-greyscale-100);--goa-badge-border-radius: var(--goa-border-radius-m);--goa-badge-icon-size: var(--goa-icon-size-1);--goa-badge-line-height: var(--goa-line-height-1);--goa-badge-font-size: var(--goa-font-size-2);--goa-badge-gap: var(--goa-space-2xs);--goa-badge-padding: 0px var(--goa-space-xs);--goa-accordion-color-bg-heading-hover: var(--goa-color-greyscale-200);--goa-accordion-padding-content-narrow: var(--goa-space-l);--goa-accordion-padding-content-wide: var(--goa-space-l) var(--goa-space-l) var(--goa-space-xl) 56px;--goa-accordion-padding-heading-icon-right: var(--goa-space-s) 0 var(--goa-space-s) var(--goa-space-m);--goa-accordion-padding-heading-icon-left: var(--goa-space-s) var(--goa-space-m) var(--goa-space-s) 0;--goa-accordion-border-radius: var(--goa-border-radius-m);--goa-accordion-divider: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-accordion-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-accordion-color-bg-content: var(--goa-color-greyscale-white);--goa-accordion-color-bg-heading: var(--goa-color-greyscale-100);--goa-tooltip-text-size: var(--goa-typography-body-m);--goa-tooltip-color-text: var(--goa-color-text-light);--goa-text-area-typography-counter: var(--goa-typography-body-xs);--goa-text-area-typography: var(--goa-typography-body-m);--goa-text-area-color-text-placeholder: var(--goa-color-text-secondary);--goa-text-area-color-text-disabled: var(--goa-color-text-disabled);--goa-text-area-color-text-counter: var(--goa-color-text-default);--goa-text-area-color-text: var(--goa-color-text-default);--goa-tab-typography-selected: var(--goa-typography-heading-s);--goa-tab-typography: var(--goa-typography-body-m);--goa-tab-text-color: var(--goa-color-text-default);--goa-table-color-heading: var(--goa-color-text-secondary);--goa-side-menu-typography-item-current: var(--goa-typography-heading-s);--goa-side-menu-typography-item: var(--goa-typography-body-m);--goa-side-menu-child-color-text-selected: var(--goa-color-text-default);--goa-side-menu-icon-color: var(--goa-color-text-secondary);--goa-side-menu-heading-typography: var(--goa-typography-heading-s);--goa-side-menu-heading-color: var(--goa-color-text-secondary);--goa-side-menu-color-menu-item: var(--goa-color-text-default);--goa-radio-label: var(--goa-typography-body-m);--goa-radio-description: var(--goa-typography-body-xs);--goa-circular-progress-small-text: var(--goa-typography-body-m);--goa-circular-progress-large-text: var(--goa-typography-body-l);--goa-notification-banner-custom-color-text: var(--goa-color-text-light);--goa-notification-banner-text-size: var(--goa-typography-body-m);--goa-notification-banner-information-color-text: var(--goa-color-text-light);--goa-notification-banner-important-color-text: var(--goa-color-text-default);--goa-notification-banner-event-color-text: var(--goa-color-text-light);--goa-notification-banner-emergency-color-text: var(--goa-color-text-light);--goa-modal-header-typography: var(--goa-typography-heading-m);--goa-microsite-header-typography: var(--goa-typography-body-xs);--goa-microsite-header-color-version-number: var(--goa-color-text-secondary);--goa-microsite-header-beta-badge-color-text: var(--goa-color-text-light);--goa-microsite-header-alpha-badge-color-text: var(--goa-color-text-default);--goa-text-input-typography: var(--goa-typography-body-m);--goa-text-input-padding: 7px var(--goa-text-input-padding-lr) 9px;--goa-text-input-lt-content-color-text: var(--goa-color-text-default);--goa-text-input-color-text-placeholder: var(--goa-color-text-secondary);--goa-text-input-color-text-disabled: var(--goa-color-text-secondary);--goa-text-input-color-text: var(--goa-color-text-default);--goa-hero-banner-content: var(--goa-typography-body-l);--goa-hero-banner-heading: var(--goa-typography-heading-xl);--goa-app-header-typography-service-name-mobile: var(--goa-typography-body-s);--goa-app-header-typography-service-name: var(--goa-typography-body-m);--goa-app-header-typography-link-item: var(--goa-typography-body-m);--goa-app-header-typography-menu-item: var(--goa-typography-body-m);--goa-app-header-typography-nav-item: var(--goa-typography-heading-s);--goa-app-header-typography-menu-button-mobile: var(--goa-typography-body-s);--goa-app-header-typography-menu-button: var(--goa-typography-body-m);--goa-app-header-color-text-nav-item-current: var(--goa-color-text-default);--goa-app-header-color-text-nav-item: var(--goa-color-text-default);--goa-app-header-color-service-name: var(--goa-color-text-default);--goa-app-header-color-menu-button: var(--goa-color-text-default);--goa-app-header-color-text-nav-item-in-menu-current-hover: var(--goa-color-text-light);--goa-app-header-color-text-nav-item-in-menu-current: var(--goa-color-text-light);--goa-step-typography-sublabel: var(--goa-typography-body-xs);--goa-step-typography-step-number: var(--goa-typography-heading-xs);--goa-step-typography-label-active: var(--goa-typography-heading-xs);--goa-step-typography-label: var(--goa-typography-body-s);--goa-step-color-sublabel: var(--goa-color-text-secondary);--goa-step-color-step-number: var(--goa-color-text-secondary);--goa-step-color-label: var(--goa-color-text-default);--goa-form-item-optional-label-typography: var(--goa-typography-body-xs);--goa-form-item-message-typography: var(--goa-typography-body-xs);--goa-form-item-label-typography: var(--goa-typography-heading-s);--goa-form-item-label-large-typography: var(--goa-typography-heading-l);--goa-form-item-help-message-color: var(--goa-color-text-default);--goa-footer-color-links-secondary: var(--goa-color-text-secondary);--goa-footer-color-links: var(--goa-color-text-default);--goa-file-upload-instruction-text: var(--goa-typography-body-m);--goa-file-upload-help-text: var(--goa-typography-body-s);--goa-dropdown-typography: var(--goa-typography-body-m);--goa-dropdown-padding: 6px var(--goa-dropdown-padding-lr) 8px;--goa-dropdown-item-padding: 7px var(--goa-dropdown-padding-lr) 9px;--goa-dropdown-item-color-text-disabled: var(--goa-color-text-disabled);--goa-dropdown-item-color-text: var(--goa-color-text-default);--goa-dropdown-color-text-placeholder: var(--goa-color-text-secondary);--goa-dropdown-color-text-disabled: var(--goa-color-text-disabled);--goa-dropdown-color-text: var(--goa-color-text-default);--goa-details-typography: var(--goa-typography-body-m);--goa-date-input-day-color-text-disabled: var(--goa-color-text-secondary);--goa-date-input-day-color-text-other-month: var(--goa-color-text-secondary);--goa-date-input-day-color-text-selected-hover: var(--goa-color-text-light);--goa-date-input-day-color-text-selected: var(--goa-color-text-light);--goa-date-input-day-color-text-hover: var(--goa-color-text-default);--goa-date-input-day-color-text: var(--goa-color-text-default);--goa-date-input-day-font-today: var(--goa-typography-heading-xs);--goa-date-input-day-font: var(--goa-typography-body-s);--goa-date-input-day-of-week-font: var(--goa-typography-heading-xs);--goa-container-important-heading-text-color: var(--goa-color-text-default);--goa-container-success-heading-text-color: var(--goa-color-text-light);--goa-container-error-heading-text-color: var(--goa-color-text-light);--goa-container-info-heading-text-color: var(--goa-color-text-light);--goa-container-non-interactive-heading-text-color: var(--goa-color-text-default);--goa-container-interactive-heading-text-color: var(--goa-color-text-light);--goa-container-heading: var(--goa-typography-heading-s);--goa-checkbox-label-font-size: var(--goa-typography-body-m);--goa-checkbox-description-font-size: var(--goa-typography-body-xs);--goa-checkbox-color-label: var(--goa-color-text-default);--goa-callout-m-text-size: var(--goa-typography-body-s);--goa-callout-l-heading-size: var(--goa-typography-heading-m);--goa-callout-m-heading-size: var(--goa-typography-heading-xs);--goa-callout-l-text-size: var(--goa-typography-body-m);--goa-callout-l-heading: var(--goa-typography-heading-m);--goa-button-primary-inverse-color-text: var(--goa-color-text-default);--goa-button-primary-destructive-hover-color-text: var(--goa-color-text-light);--goa-button-primary-focus-color-text: var(--goa-color-text-light);--goa-button-primary-hover-color-text: var(--goa-color-text-light);--goa-button-primary-color-text: var(--goa-color-text-light);--goa-badge-light-color-content: var(--goa-color-text-default);--goa-badge-midtone-color-content: var(--goa-color-text-light);--goa-badge-dark-color-content: var(--goa-color-text-light);--goa-badge-emergency-color-content: var(--goa-color-text-light);--goa-badge-important-color-content: var(--goa-color-text-default);--goa-badge-success-color-content: var(--goa-color-text-light);--goa-accordion-heading-m: var(--goa-typography-heading-m);--goa-accordion-heading-s: var(--goa-typography-heading-s);--goa-accordion-color-heading-hover: var(--goa-color-text-default);--goa-accordion-color-heading: var(--goa-color-text-default)}
* {
  box-sizing: border-box;
}
/* :root {
  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}

body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}
button:hover {
  border-color: #646cff;
}
button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
} */