@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";/*==================
App Heading
==================*/
/*link to open external page and having icon after it*/
.header a[href^="http"] {
color: var(--goa-color-interactive-default);
}
/*==================
Layout Page
==================*/
.app {
opacity: 0;
transition: opacity 0.5s;
}
.content {
max-width: 1440px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: stretch;
}
/*==================
Side Menu
==================*/
.side-menu {
min-width: 180px;
width: 180px;
border-right: 1px solid var(--goa-color-greyscale-200);
padding-bottom: var(--goa-space-l);
}
/*==================
Individual Page content
==================*/
.main {
flex: 1 1 auto;
margin: 0 var(--goa-space-2xl) var(--goa-space-4xl) var(--goa-space-3xl);
line-height: var(--goa-line-height-3);
font-size: var(--goa-font-size-4);
}
.box-container {
border: 1px solid var(--goa-color-greyscale-200);
padding: 1.5rem;
border-radius: 4px;
}
h3.introduction {
margin-bottom: 2rem;
}
h4.heading {
color: var(--goa-color-text-secondary);
margin-top: 0;
margin-bottom: 0;
}
p.small {
font-size: var(--goa-typography-body-s);
color: var(--goa-color-text-secondary);
}
span.grey-text {
margin-left: var(--goa-space-s);
font: var(--goa-typography-body-m);
color: var(--goa-color-greyscale-700);
}
div.hours {
align-items: center;
display: flex;
height: var(--goa-space-xl);
margin-bottom: var(--goa-space-2xs);
}
a.back {
display: inline-block;
margin-top: var(--goa-space-xl);
}
a.back::before {
content: "";
display: inline-block;
width: 28px;
height: 22px;
vertical-align: middle;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 2 20 22" fill="none" stroke="%230070C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>') left center no-repeat;
}
a.back:visited::before,
a.back:hover::before {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 2 20 22" fill="none" stroke="%23004f84" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>') left center no-repeat;
}
.support-info {
max-width: 700px;
}
.max-width-72ch {
max-width: 72ch;
}
code {
font: var(--goa-typography-number-s);
}
/*Tablet*/
@media screen and (max-width: 1231px) {
.content {
margin: 0;
}
.main {
padding: 0 1rem;
margin-right: 2rem;
margin-left: 2rem;
}
}
/*Mobile*/
@media screen and (max-width: 896px) {
.container {
flex-wrap: wrap;
}
.side-menu,
.main {
flex-basis: 100%;
max-width: 100%;
margin: 0;
}
.main {
padding: 0 2rem;
margin: 0;
}
.content {
flex-wrap: wrap;
}
.side-menu {
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--goa-color-greyscale-200);
}
}
@media screen and (max-width: 623px) {
.main {
padding: 0 1rem;
}
}
.version-language-switcher__heading {
display: inline-flex;
align-items: center;
gap: var(--goa-space-2xs);
font-size: var(--goa-font-size-2);
margin-left: var(--goa-space-m);
white-space: nowrap;
height: 20px;
}
.version-language-switcher__menu {
display: block;
font: var(--goa-typography-body-s);
padding: var(--goa-space-s) var(--goa-space-s) var(--goa-space-s) var(--goa-space-s);
text-decoration: none;
color: var(--goa-color-text-default)!important;
white-space: nowrap;
}
.version-language-switcher__menu:hover:not(.version-language-switcher__menu--current) {
background: #cedfee;
}
.version-language-switcher__menu--current {
color: var(--goa-color-text-light)!important;;
background-color: var(--goa-color-interactive-default);
}
[slot="version"] {
height: 20px;
margin-top: 4px;
display: flex; /* if needed to align items horizontally */
align-items: center; /* vertically align content */
}
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:0rem}
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)}
body {
padding: 0;
}
html {
scroll-behavior: smooth;
}
/* External links */
a[href^="http"]::after,
a[href^="https://"]::after {
content: "";
width: var(--goa-icon-size-m);
height: var(--goa-icon-size-m);
background-color: var(--goa-color-interactive-default);
display: inline-block;
margin-left: var(--goa-space-xs);
vertical-align: middle;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ionicon%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224v184a40%2040%200%200%201-40%2040H104a40%2040%200%200%201-40-40V168a40%2040%200%200%201%2040-40h167.48M336%2064h112v112M224%20288%20440%2072%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E") center bottom no-repeat;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ionicon%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224v184a40%2040%200%200%201-40%2040H104a40%2040%200%200%201-40-40V168a40%2040%200%200%201%2040-40h167.48M336%2064h112v112M224%20288%20440%2072%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E") center bottom no-repeat;
}
a[href^="https://"]:hover:after {
background-color: var(--goa-color-interactive-hover);
}
/* Hide external link icon when the class .no-external-icon is present */
a.no-external-icon::after {
content: none !important;
display: none !important;
}
/* Open in new tab */
a[target="_blank"]::after {
content: "";
display: inline-block;
width: var(--goa-icon-size-m);
height: var(--goa-icon-size-m);
vertical-align: middle;
margin-left: var(--goa-space-2xs);
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="ionicon s-ion-icon" viewBox="0 0 512 512"><title>Open</title><path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72" stroke="%230070C4" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"></path></svg>') center bottom no-repeat;
}
a.back-link::before {
content: "";
display: inline-block;
width: 42px;
height: 24px;
vertical-align: middle;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 2 22 22" fill="none" stroke="%230070C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>') center center no-repeat;
}
a.back-link:visited::before,
a.back-link:hover::before {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 2 22 22" fill="none" stroke="%23004f84" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>') center center no-repeat;
}
h1+h2,
h1+h3,
h2+h3 {
margin-top: 0;
}
h1,
h2,
h3 {
max-width: 72ch;
}
p {
max-width: 72ch;
}
ul,
ol {
padding: 0 0 0 1.5rem;
}
li>ul, li>ol {
padding-left: 1.5rem;
}
.hidden {
visibility: hidden;
margin: 0;
height: 0;
width: 0;
}
code.inline {
background-color: var(--goa-color-greyscale-100);
}
/*Desktop*/
@media screen and (min-width: 1232px) {
tbody {
border-bottom: 2px solid var(--goa-color-greyscale-200);
}
}
/*Tablet*/
@media screen and (max-width: 1231px) {
.content {
margin: 0;
}
}
.card-lite {
text-decoration: none;
}
.card-heading {
color: black;
display: inline-block;
}
.card-description {
color: black;
display: block;
}
a:hover .card-heading {
color: var(--goa-color-interactive-hover);
text-decoration: underline;
}
.card-lite:focus-visible {
outline: 3px solid var(--goa-color-interactive-focus);
outline-offset: 4px;
border-radius: 4px;
}
.support-info {
max-width: 700px;
margin-top: var(--goa-space-3xl);
}.overview-page goa-container {
max-width: 72ch;
}
._toc_1089r_1 {
position: sticky;
top: 0;
padding: 3.75rem 0 var(--goa-space-l) 0;
overscroll-behavior: contain;
width: 12rem;
height: fit-content;
@media screen and (max-width: 1230px) {
display: none;
}
}
a._toc-item-h2_1089r_13,
a._toc-item-h3_1089r_14 {
border-left: 1px solid var(--goa-color-greyscale-200);
font: var(--goa-typography-body-s);
color: var(--goa-color-text-secondary);
padding-bottom: var(--goa-space-xs);
display: block;
text-decoration: none;
}
._toc-item-h2_1089r_13 {
padding-left: var(--goa-space-m);
}
._toc-item-h3_1089r_14 {
padding-left: var(--goa-space-xl);
}
a._toc-item-h2_1089r_13:hover,
a._toc-item-h3_1089r_14:hover {
color: var(--goa-color-interactive-hover);
}
a[href^="#"]._toc-item-h2_1089r_13::before,
a[href^="#"]._toc-item-h3_1089r_14::before {
background: none;
margin: 0;
width: 0;
}
._toc-item-h2_1089r_13:focus-visible,
._toc-item-h3_1089r_14:focus-visible {
outline: var(--goa-border-width-l) solid var(--goa-color-interactive-focus);
}
._active_1089r_48._toc-item-h2_1089r_13,
._active_1089r_48._toc-item-h3_1089r_14 {
font: var(--goa-typography-heading-xs);
color: var(--goa-color-text-default);
border-left: 4px solid var(--goa-color-interactive-default);
}
._active_1089r_48._toc-item-h2_1089r_13 {
padding-left: calc(var(--goa-space-m) - 4px);
}
._active_1089r_48._toc-item-h3_1089r_14 {
padding-left: calc(var(--goa-space-xl) - 4px);
}
.component-example-header {
display: flex;
justify-content: space-between;
align-items: center;
}
h3[id^="component-example"] {
margin-bottom: 0;
}
h3[id^="component-example"]:first-of-type,
.component-example-header:first-of-type {
margin-top: 0;
}
h3[id^="component-example"]:not(:first-of-type),
.component-example-header:not(:first-of-type) {
margin-top: var(--goa-space-3xl);
}
h3[id^="component-example"] + div.sandbox-render,
.component-example-header + div.sandbox-render {
margin-top: var(--goa-space-m);
}
/*Other toc heading but not inside component examples*/
h2[id^="toc"] {
margin-top: var(--goa-space-3xl);
margin-bottom: 0;
}
h3[id^="toc"] {
margin-top: var(--goa-space-2xl);
margin-bottom: var(--goa-space-l);
}
goa-details + h2[id^="toc"],
figure + h2[id^="toc"] {
margin-top: var(--goa-space-2xl);
}
h2[id^="toc"] + div,
h2[id^="toc"] + p,
h3[id^="toc"] + p {
margin-top: var(--goa-space-l);
}
.component-content--container {
display: grid;
grid-template-columns: 1fr 12rem;
grid-gap: var(--goa-space-2xl);
@media screen and (max-width: 1230px) {
grid-template-columns: 1fr;
}
}
.component-content--content {
flex: 1 1 auto;
container: inline-size;
min-width: 0;
}
.goa-token-snippet {
display: flex;
flex-wrap: nowrap;
align-items: start;
white-space: nowrap;
max-width: 260px;
}
.goa-token-snippet a {
font-family: var(--goa-font-family-sans), serif;
display: flex;
align-items: center;
text-decoration: none;
}
.goa-token-snippet .copy-feedback {
background-color: var(--goa-color-greyscale-100);
color: var(--goa-color-interactive-default);
border-radius: 4px;
padding: 4px 8px;
z-index: 9999;
margin-left: 8px;
}
.mobile-token-view {
margin-top: 16px;
}.border-radius-page .token-block {
height: 24px;
width: 64px;
background-color: var(--goa-color-greyscale-400);
margin-top: 2px;
}
.border-width-page div.token-block {
width: 64px;
background-color: #333333;
margin-top: 12px;
}
.colors-page div.token-block {
height: 22px;
width: 24px;
border-radius: var(--goa-border-radius-l);
margin-top: 4px;
}
.colors-page a {
margin-right: 0.5rem;
}
.dd-style {
margin-left: 0;
margin-bottom: 12px;
}
.dd-style:last-of-type {
margin-bottom: 0;
}
.colors-page p.category {
margin-bottom: 1rem;
margin-top: 2rem;
font-size: var(--goa-font-size-7);
font-weight: var(--goa-font-weight-regular);
line-height: var(--goa-line-height-4);
}
/*Tablet*/
@media screen and (max-width: 1231px) {
.colors-page div.token-block {
height: 36px;
width: 100%;
}
}
/*Mobile*/
@media screen and (max-width: 623px) {
.colors-page p.category {
margin-top: 0;
margin-left: 0;
}
}
/*Tablet*/
@media screen and (max-width: 1231px) {
.design-tokens dt {
color: var(--goa-color-text-secondary);
}
}
.icon-size div.icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--goa-border-radius-none);
background-color: var(--goa-color-emergency-background);
}
.goa-icon-size-s {
height: 20px;
width: 20px;
}
.goa-icon-size-m {
height: 24px;
width: 24px;
}
.goa-icon-size-l {
height: 32px;
width: 32px;
}
.goa-icon-size-1 {
height: 16px;
width: 16px;
}
.goa-icon-size-2 {
height: 18px;
width: 18px;
}
.goa-icon-size-3 {
height: 20px;
width: 20px;
}
.goa-icon-size-4 {
height: 24px;
width: 24px;
}
.goa-icon-size-5 {
height: 32px;
width: 32px;
}
.goa-icon-size-6 {
height: 40px;
width: 40px;
}.opacity-page div.grey-box {
height: 24px;
width: 24px;
border-radius: var(--goa-border-radius-none);
background-color: var(--goa-color-greyscale-black);
margin-left: -30px;
}
.opacity-page div.blue-box {
height: 14px;
width: 14px;
background-color: var(--goa-color-interactive-default);
margin-left: 1rem;
margin-top: 0.25rem;
}
.opacity-thumbnail {
margin-top: 2px;
}.shadow-page .token-block {
height: 64px;
width: 64px;
border-radius: var(--goa-border-radius-none);
background-color: var(--goa-color-greyscale-50);
margin-top: 2px;
}
/* Individual shadow tokens */
.goa-shadow-modal {
box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.16);
}
.goa-shadow-100 {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.16);
}
.goa-shadow-150 {
box-shadow: 0 1px 0 0 #1a1a1a40;
}
.goa-shadow-200 {
box-shadow: 0 3px 1px -1px #1a1a1a12;
}
.goa-shadow-300 {
box-shadow: 0 4px 6px -2px #1a1a1a33;
}
.goa-shadow-400 {
box-shadow: 0 8px 16px -4px #1a1a1a38;
}
.goa-shadow-500 {
box-shadow: 0 12px 20px -8px #1a1a1a3D;
}
.goa-shadow-600 {
box-shadow: 0 20px 20px -8px #1a1a1a47;
}/*Representative of the spacing tokens*/
.spacing-page div.represent {
display: flex;
align-items: center;
margin-top: 4px;
}
.spacing-page div.grey-circle {
width: 8px;
height: 8px;
border-radius: 99px;
background-color: var(--goa-color-greyscale-200);
}
.spacing-page div.space-rect {
border-radius: var(--goa-border-radius-none);
opacity: 40%;
height: 22px;
}
.goa-space-s {
background-color: #43c4fc;
}
.goa-space-m {
background-color: #ff8000;
}
.goa-space-l {
background-color: #46cb89;
}
.goa-space-xl {
background-color: #ffdc00;
}
.goa-space-2xs,
.goa-space-3xl {
background-color: #7be7d2;
}
.goa-space-3xs,
.goa-space-2xl {
background-color: #ff0000;
}
.goa-space-xs,
.goa-space-4xl {
background-color: #ef80cd;
}
.goa-code-snippet {
border: 1px solid var(--goa-color-greyscale-200);
border-radius: 4px;
margin-top: var(--goa-space-m);
overflow: hidden;
max-height: 20rem;
position: relative;
font: var(--goa-typography-number-s);
}
.goa-code-snippet pre {
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
padding-right: var(--goa-space-2xl); /** to not overlap with copy button **/
background-color: var(--goa-color-greyscale-100);
}
.goa-code-snippet.overflow pre {
padding-bottom: var(--goa-space-xl); /** to not overlap with show more/less button **/
padding-right: var(--goa-space-3xl); /** to not overlap with copy button **/
background-color: var(--goa-color-greyscale-100);
}
.goa-code-snippet pre code {
background-color: var(--goa-color-greyscale-100);
}
.goa-code-snippet.overflow .gradient {
height: 120px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, rgba(241, 241, 241, 0.90) 36.01%, rgba(255, 255, 255, 0.00) 100%);
}
.goa-code-snippet-actions--show-more {
display: flex;
justify-content: center;
width: 100%;
padding: var(--goa-space-xs);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.goa-code-snippet-actions--copy {
position: absolute;
top: var(--goa-space-xs);
right: var(--goa-space-xs);
}
@media screen and (max-width: 623px) {
/*TODO: Will use snackbar notification later for Copied effect*/
.goa-code-snippet .copy-feedback {
float: none;
}
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
code.hljs {
padding: 3px 5px
}
/*!
Theme: GitHub
Description: Light theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-light
Current colors taken from GitHub's CSS
*/
.hljs {
color: #24292e;
background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
/* prettylights-syntax-keyword */
color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
/* prettylights-syntax-entity */
color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
/* prettylights-syntax-constant */
color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
/* prettylights-syntax-string */
color: #032f62
}
.hljs-built_in,
.hljs-symbol {
/* prettylights-syntax-variable */
color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
/* prettylights-syntax-comment */
color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
/* prettylights-syntax-entity-tag */
color: #22863a
}
.hljs-subst {
/* prettylights-syntax-storage-modifier-import */
color: #24292e
}
.hljs-section {
/* prettylights-syntax-markup-heading */
color: #005cc5;
font-weight: bold
}
.hljs-bullet {
/* prettylights-syntax-markup-list */
color: #735c0f
}
.hljs-emphasis {
/* prettylights-syntax-markup-italic */
color: #24292e;
font-style: italic
}
.hljs-strong {
/* prettylights-syntax-markup-bold */
color: #24292e;
font-weight: bold
}
.hljs-addition {
/* prettylights-syntax-markup-inserted */
color: #22863a;
background-color: #f0fff4
}
.hljs-deletion {
/* prettylights-syntax-markup-deleted */
color: #b31d28;
background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
/* purposely ignored */
}.developer-setup ol {
list-style-type: lower-alpha;
margin-left: var(--goa-space-l);
}
p {
max-width: unset;
}
.example {
font: var(--goa-typography-body-l);
text-align: center;
min-height: 28px;
}
.month-container {
display: flex;
flex-wrap: wrap;
width: 100%;
position: relative;
}
.dodont-wrapper {
margin: var(--goa-space-xl) 0 var(--goa-space-3xl);
}
.month {
flex: 1 1 8%;
border: 1px solid black;
text-align: center;
padding: 10px;
box-sizing: border-box;
position: relative;
min-width: 50px;
}
.dst::before, .partial-dst-start::before, .partial-dst-end::before {
content: "";
display: block;
position: absolute;
height: 100%;
background-color: rgba(0, 133, 63, 0.20);
top: 0;
left: 0;
}
.dst::before {
width: 100%;
}
.partial-dst-start::before {
width: 70%;
left: 30%;
}
.partial-dst-end::before {
width: 90%;
right: 10%;
}
.dst-months {
border: 1px solid var(--goa-color-greyscale-200);
padding: 3rem 10rem;
display: flex;
justify-content: center;
align-items: center;
}
.date-table td {
padding: 8px 20px 20px 0;
}
/* Responsive adjustments */
@media (max-width: 623px) {
.month {
flex-basis: 15%;
min-width: 50px;
}
}.do-container {
font-size: var(--goa-font-size-5);
border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
padding: 3rem;
}
.description {
font: var(--goa-typography-body-s);
}
.description.type-generic{
margin-top: var(--goa-space-m);
}
.do-content {
display: flex;
align-items: center;
gap: 0.5rem;
padding-top: 1rem;
margin-bottom: 0.25rem;
border-top: 1.25rem solid;
color: var(--goa-color-success-default);
}
.content-label {
padding-bottom: var(--font-valign-fix);
}
[data-positive="dont"].do-content {
color: var(--goa-color-emergency-dark);
}
.card {
border: 1px solid var(--goa-color-greyscale-200);
border-radius: 4px;
overflow: hidden;
}
.card-image {
width: 100%;
height: 200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-bottom: 1px solid var(--goa-color-greyscale-200);
background-color: #F8F8F8;
}
.card-content {
padding: 1.5rem;
}
.card-content a {
font-size: var(--goa-font-size-7);
display: flex;
}
.card-content a.github-link {
font: var(--goa-typography-body-s);
margin-top: 1rem;
margin-bottom: 0;
}
.card-content a:focus {
outline: none;
box-shadow: none;
background: none;
}
.card:focus-within {
outline: 3px solid var(--goa-color-interactive-focus);
border-radius: 4px;
}._component-props_hejzo_1 {
border-bottom: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
padding-bottom: 1rem;
margin-bottom: 1rem;
}
._component-props_hejzo_1:last-of-type {
border: none;
padding: 0;
margin: 0;
}
._code_hejzo_12 {
font-size: var(--goa-font-size-3);
}
._details_hejzo_16 {
display: flex;
gap: 1rem;
}
._name_hejzo_21 {
font-weight: var(--goa-font-weight-bold);
}
._type_hejzo_25 {
color: var(--goa-color-info-default);
}
.sandbox-note {
color: #666;
margin-top: var(--goa-space-m);
margin-bottom: var(--goa-space-2xl);
font: var(--goa-typography-body-s);
}
.sandbox-render {
border-radius: 4px;
border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
background: var(--goa-color-greyscale-white);
padding: var(--goa-space-3xl);
display: flex;
justify-content: space-around;
}
.sandbox-render-fullwidth {
width: 100%;
}
.sandbox-container {
display: flex;
gap: 1.5rem 2.5rem;
flex-flow: wrap;
}
.sandbox-render-centered {
/* */
}
@media screen and (max-width: 623px) {
.sandbox-render {
/*make sure preview element will inherit component width*/
display: block;
padding: var(--goa-space-xl);
}
}
.component-header {
margin-bottom: var(--goa-space-l);
margin-top: var(--goa-space-xl);
}
.component-header h1 {
margin-bottom: var(--goa-space-m);
margin-top: var(--goa-space-l);
}
.component-header h3 {
margin-bottom: var(--goa-space-xs);
}
.component-header span.small,
.component-header a.small {
font: var(--goa-typography-body-s);
margin-bottom: var(--goa-space-xs);
}
.component-header span.x-small,
.component-header a.x-small {
font: var(--goa-typography-body-xs);
}
.related-links {
color: var(--goa-color-text-secondary);
}
.grey {
color: var(--goa-color-text-secondary);
}
@media screen and (max-width: 623px) {
.component-header h1 {
margin-bottom: 1rem;
margin-top: 1.5rem;
}
}
dl.accordion-example {
margin: 0 0;
}
.accordion-example dt {
color: var(--goa-color-text-default);
font: var(--goa-typography-heading-s);
margin-bottom: var(--goa-space-xs);
}
.accordion-example dd {
margin: 0 0 var(--goa-space-l);
font: var(--goa-typography-body-m);
}
.accordion-example dd:last-of-type {
margin-bottom: 0;
}
.sandbox-header {
display: flex;
justify-content: space-between; /* Distributes items across available space */
align-items: center; /* Ensures vertical alignment */
width: 100%;
margin-top: var(--goa-space-xl);
margin-bottom: var(--goa-space-s);
}
.icon-link {
display: inline-block;
position: relative; /* Make this the reference for absolute positioning */
width: var(--goa-icon-size-l); /* Explicitly set width to prevent shifting */
height: var(--goa-icon-size-l);
}
/* Both icons should be positioned absolutely and stack on top of each other */
.icon-default,
.icon-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.2s ease-in-out; /* Smooth transition */
}
/* Default icon visible by default */
.icon-default {
opacity: 1;
}
/* Hover icon hidden by default */
.icon-hover {
opacity: 0;
}
/* When hovering, swap opacity */
.icon-link:hover .icon-default {
opacity: 0;
}
.icon-link:hover .icon-hover {
opacity: 1;
}
.header-container {
display: flex;
align-items: end;
justify-content: space-between; /* Ensures full width is used */
width: 100%; /* Expands to fill the full content area */
}
.heading-group {
display: flex;
align-items: end;
gap: 8px; /* Space between heading and copy icon */
margin: 0; /* Ensures consistent spacing */
}
.heading-group h3 {
word-wrap: break-word; /* Wraps text when reaching the container edge */
overflow-wrap: break-word;
flex-grow: 1; /* Allows heading to expand */
min-width: 0; /* Prevents flexbox shrinking issues */
white-space: normal; /* Allows multi-line wrapping */
width: 100%;
margin-bottom: 10px;
}
.figma-icon {
margin-left: auto; /* Pushes Figma icon to the right */
flex-shrink: 0; /* Ensures it does not shrink */
}
.copy-icon-button {
background: none;
border: none;
outline: none;
box-shadow: none;
padding: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.copy-icon-button:hover {
color: var(--goa-color-interactive-default);
}
.container-example-1--sub-header {
color: var(--goa-color-greyscale-700);
font: var(--goa-typography-body-m);
}
.container-example-1--header {
color: var(--goa-color-greyscale-700);
font-size: var(--goa-font-size-7);
font-weight: var(--goa-font-weight-bold);
line-height: var(--goa-line-height-4);
margin-bottom: var(--goa-space-s);
}
span.container-example-1--contact-label {
color: var(--goa-color-greyscale-700);
font: var(--goa-typography-heading-s);
}
span.container-example-1--contact-value {
color: var(--goa-color-greyscale-700);
font: var(--goa-typography-body-m);
}
/*Upcoming important due dates example*/
.container-example-1 goa-table tbody.striped tr:nth-child(even) {
background-color: #F8F8F8;
}
.container-example-1 goa-table td.align-right {
text-align: right;
}
.container-example-2--container {
display: flex;
justify-content: space-between;
align-items: center;
}
span.container-example-2--body-text {
font: var(--goa-typography-body-s);
}
.container-example-2--right-content {
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 623px) {
.container-example-2--container {
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.container-example-2--right-content {
display:block;
margin-top: var(--goa-space-xs);
}
}
.container-example-3--container-title {
color: var(--goa-color-interactive-default);
font: var(--goa-typography-heading-m);
text-decoration-line: underline;
margin-top:0;
margin-bottom: var(--goa-space-m);
}
.container-example-3--container-content {
font: var(--goa-typography-body-m);
}
h3.container-example-4--h3 {
margin-bottom: var(--goa-space-m);
}
label.container-example-4--label {
font: var(--goa-typography-body-s);
color: var(--goa-color-text-secondary);
}
.container-example-4--container-content {
font: var(--goa-typography-body-m);
}
p.container-example-4--container-content {
margin-bottom: 0;
}
h5.container-example-4--h5 {
font: var(--goa-typography-body-m);
color: var(--goa-color-text-secondary);
margin-top: var(--goa-space-m);
margin-bottom: var(--goa-space-m);
}
h6.container-example-4--h6 {
font: var(--goa-typography-heading-s);
margin-top:0;
margin-bottom: 0;
}
.anchors a {
margin-right: 1rem;
}
.anchors a:before {
}
.back-to-top {
margin-top: 1rem;
margin-right: 1.5rem;
text-align: right;
}
div.icon-snippet {
height: 60px;
border: 1px var(--goa-color-greyscale-200) solid;
border-radius: 4px;
padding: var(--goa-space-m);
color: var(--goa-color-greyscale-black);
cursor: pointer;
/*Below to make icons and text on the same row*/
display: inline-flex;
line-height: 100%;
gap: var(--goa-space-m);
align-items: center;
justify-content: start;
position: relative;
}
div.icon-snippet goa-icon {
display: inline-flex;
align-items: center;
}
div.icon-snippet span {
padding-bottom: var(--font-valign-fix);
}
div.icon-snippet:hover,
div.icon-snippet:focus {
border-color: var(--goa-color-interactive-hover);
color: var(--goa-color-interactive-hover);
background-color: var(--goa-color-greyscale-100);
}
div.icon-snippet.active {
border-color: var(--goa-color-greyscale-black);
color: var(--goa-color-greyscale-black);
background-color: var(--goa-color-greyscale-200);
}
/*Will remove when we have temporary notification component*/
div.icon-snippet div.copy-feedback {
color: white;
background-color: var(--goa-color-greyscale-black);
border: 1px solid var(--goa-color-greyscale-200);
border-radius: var(--goa-border-radius-m);
padding: var(--goa-space-m) var(--goa-space-l) var(--goa-space-m) var(--goa-space-l);
z-index: 10000;
position: absolute;
top: 100%;
left: 0;
margin-top: var(--goa-space-xs);
font: var(--goa-typography-body-s);
}
div.icon-snippet div.copy-feedback span {
color: #d9c7ff;
}
.address-change-example--description dt {
font: var(--goa-typography-heading-s);
}
.address-change-example--description dd {
font: var(--goa-typography-body-m);
margin-left: 0;
}
figure._imageContainer_hlixf_1 {
max-width: 54rem;
margin: 0 auto;
width: 100%;
}
figure._imageContainer_hlixf_1 img {
width: 100%;
height: auto;
display: block;
}
figure._imageContainer_hlixf_1 figcaption {
margin-top: var(--goa-space-l);
font: var(--goa-typography-body-s);
}
h2 + figure._imageContainer_hlixf_1 {
margin-top: var(--goa-space-l);
}
p + figure._imageContainer_hlixf_1 {
margin-top: var(--goa-space-xl);
}
._descriptionWithList_hlixf_26 + ._descriptionWithList_hlixf_26 {
margin-top: var(--goa-space-xl);
}
._descriptionWithList_hlixf_26 h4 {
margin-top: 0;
margin-bottom: 0;
}
._descriptionWithList_hlixf_26 h3 + ul, ._descriptionWithList_hlixf_26 h3 + ol {
margin-top: var(--goa-space-l);
}
._descriptionWithList_hlixf_26 h4 + ul {
margin-top: var(--goa-space-m);
}
h3[id^="toc"] + ._descriptionWithList_hlixf_26 {
margin-top: var(--goa-space-xs);
}
._linkWithDescription_hlixf_47 h3 {
margin-top: var(--goa-space-2xl);
margin-bottom: var(--goa-space-m);
}
.start-page-example h1.page-title {
margin-bottom: var(--goa-space-l);
}
.start-page-example h2 {
margin-top: var(--goa-space-xl);
margin-bottom: 0;
}
.start-page-example h2 + p {
margin-top: var(--goa-space-l);
}
.task-list-page-example h2 {
margin-top: var(--goa-space-xl);
margin-bottom: 0;
}
.task-list-page-example h3 {
margin-top: 0;
margin-bottom: 0;
}
.task-list-page-example p.small {
margin-left: var(--goa-space-xl);
margin-top: var(--goa-space-2xs);
}
.task-list-page-example div.warning {
width: 22rem;
}
.question-page-example a.back-link + h2,
.question-page-example a.back-link + h3 {
margin-top: var(--goa-space-2xl);
}
.question-page-example h2.section-title{
margin-bottom: var(--goa-space-l);
}
.question-page-example h3.section-title {
margin-bottom: 0;
color: var(--goa-color-text-secondary);
}
.question-page-example h2.section-title + h3,
.question-page-example h3.section-title + h2 {
margin-top: var(--goa-space-xs);
}
.review-page-example h2.section-title {
margin-top: 0;
margin-bottom: 0;
}
.review-page-example h2.section-title + h3 {
margin-top: var(--goa-space-l);
color: var(--goa-color-text-secondary);
}
.result-page-example .page-header h2 {
margin-top: 0;
margin-bottom: 0;
}
.foundations-content h2 {
margin: var(--goa-space-2xl) 0 0 0;
}
.foundations-content h3,
.foundations-content h4,
.foundations-content h5 {
margin: var(--goa-space-l) 0 0 0;
}
.foundations-content h1+h2,
.foundations-content h1+h3,
.foundations-content h2+h3 {
margin-top: var(--goa-space-l);
}
.foundations-content h2 + p,
.foundations-content h2 + ul {
margin-top: var(--goa-space-m);
}
.foundations-content h3 + p,
.foundations-content h4 + p,
.foundations-content h5 + p,
.foundations-content p,
.foundations-content p + ol,
.foundations-content p + ul {
margin: var(--goa-space-m) 0 0;
}
.foundations-content h3 + ul,
.foundations-content h4 + ul,
.foundations-content h5 + ul,
.foundations-content h2 + ol,
.foundations-content h3 + ol,
.foundations-content h4 + ol,
.foundations-content h5 + ol {
margin-top: var(--goa-space-s);
}
.foundations-content ol li,
.foundations-content ul li,
.foundations-content ol ul li,
.foundations-content ul ul li {
padding: 0 var(--goa-space-xs) 8px;
}
.foundations-content ol ul li:first-child,
.foundations-content ul ul li:first-child {
padding-top: var(--goa-space-s);
}
.foundations-content p + ol > li:first-child,
.foundations-content p + ul > li:first-child {
padding-top: 0;
}
.foundations-content ol ul {
list-style-type: disc;
}