/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@abgov/web-components/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap); /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***! \***********************************************************************************************************************************************************************************************************************************************************************************/ .cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll} /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@abgov/web-components/index.css (1) ***! \*************************************************************************************************************************************************************************************************************************************************************************************/ body,input,textarea,button{background:var(--goa-color-greyscale-white, #fff);font-family:var(--goa-font-family-sans);font-weight:var(--goa-font-weight-regular);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:var(--goa-space-m)}hr{border-width:0;border-top:1px solid var(--goa-color-greyscale-200);height:0;padding:0;margin:var(--goa-space-xl) 0}ul,ol{padding-left:0;padding-left:var(--goa-space-m)}li>ul,li>ol{padding-left:0;margin-top:0}dl{margin-top:0}dd{margin-left:var(--goa-space-xs)}a,a:visited{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus-visible{border-radius:var(--goa-border-radius-s);outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:var(--goa-space-3xs)}::placeholder{color:var(--goa-input-color-text-placeholder);opacity:1}:-ms-input-placeholder{color:var(--goa-input-color-text-placeholder)}::-ms-input-placeholder{color:var(--goa-input-color-text-placeholder)}h1{font:var(--goa-typography-heading-xl);letter-spacing:var(--goa-typography-heading-xl-letter-spacing)}h2{font:var(--goa-typography-heading-l);letter-spacing:var(--goa-typography-heading-l-letter-spacing)}h3{font:var(--goa-typography-heading-m);letter-spacing:var(--goa-typography-heading-m-letter-spacing)}h4{font:var(--goa-typography-heading-s);letter-spacing:var(--goa-typography-heading-s-letter-spacing)}h5,h6{font:var(--goa-typography-heading-xs);letter-spacing:var(--goa-typography-heading-xs-letter-spacing)}h3+h1{margin-top:-1rem}p{margin-bottom:var(--goa-space-m);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}@font-face{font-family:acumin-variable;src:url(https://use.typekit.net/af/80814c/0000000000000000774be2a6/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/80814c/0000000000000000774be2a6/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/80814c/0000000000000000774be2a6/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:100 900;font-stretch:normal}: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[version="2"] table{border-collapse:separate;border-spacing:0}goa-table.sticky thead{position:sticky;top:0}goa-table td{font:var(--goa-typography-body-m);padding:var(--goa-table-padding-data, var(--goa-space-xs) var(--goa-space-m) var(--goa-space-xs));background-color:var(--goa-table-color-bg-data, var(--goa-color-greyscale-white));border-bottom:var(--goa-table-data-border, 1px solid var(--goa-color-greyscale-200));vertical-align:top;box-sizing:border-box;min-height:var(--goa-table-height-data, var(--goa-space-2xl))}goa-table[version="2"] tbody tr:last-child td{border-bottom:none}goa-table[version="2"][striped=true] tbody tr:nth-child(2n) td{background-color:var(--goa-color-greyscale-50)}goa-table[variant=relaxed] td{padding:var(--goa-table-padding-data-relaxed, var(--goa-space-m));min-height:var(--goa-table-height-data-relaxed, 64px)}goa-table thead th{background-color:var(--goa-table-color-bg-heading, var(--goa-color-greyscale-white));color:var(--goa-table-color-heading, var(--goa-color-greyscale-600));font:var(--goa-table-typography-heading, var(--goa-typography-heading-s));padding:var(--goa-table-padding-heading, var(--goa-space-s) var(--goa-space-m) var(--goa-space-xs));text-align:left;border-bottom:var(--goa-table-heading-border, 2px solid var(--goa-color-greyscale-600));vertical-align:bottom;min-height:var(--goa-table-height-heading, 56px)}.goa-table-number-column{font:var(--goa-typography-number-m);text-align:right}.goa-table-number-header{text-align:right}goa-table thead th:has(goa-table-sort-header){padding:0}goa-table thead th:has(goa-table-sort-header):hover{background-color:var(--goa-table-color-bg-heading-hover, var(--goa-color-greyscale-100));color:var(--goa-table-color-heading-hover, var(--goa-color-interactive-hover))}goa-table tfoot td{background-color:var(--goa-color-greyscale-100)}goa-table[version="2"] thead th:first-child:not(:has(goa-table-sort-header)){padding-left:var(--goa-space-l, 24px)}goa-table[version="2"] thead th:last-child:not(:has(goa-table-sort-header)){padding-right:var(--goa-space-l, 24px)}goa-table[version="2"] thead th:first-child:has(goa-table-sort-header):not(:last-child){--goa-table-padding-heading: 18px var(--goa-space-m) var(--goa-space-m) var(--goa-space-l)}goa-table[version="2"] thead th:last-child:has(goa-table-sort-header):not(:first-child){--goa-table-padding-heading: 18px var(--goa-space-l) var(--goa-space-m) var(--goa-space-m)}goa-table[version="2"] thead th:first-child:last-child:has(goa-table-sort-header){--goa-table-padding-heading: 18px var(--goa-space-l) var(--goa-space-m) var(--goa-space-l)}goa-table[version="2"] tbody td:first-child,goa-table[version="2"] tfoot td:first-child{padding-left:var(--goa-space-l, 24px)}goa-table[version="2"] tbody td:last-child,goa-table[version="2"] tfoot td:last-child{padding-right:var(--goa-space-l, 24px)}goa-table td:focus,goa-table th:focus{outline:none}goa-table td[data-focused],goa-table th[data-focused]{outline:var(--goa-border-width-l, .1875rem) solid var(--goa-color-interactive-focus);outline-offset:-.1875rem}goa-table td[data-focus-corner=top-left],goa-table th[data-focus-corner=top-left]{border-top-left-radius:var(--goa-table-border-radius-container, 1rem)}goa-table td[data-focus-corner=top-right],goa-table th[data-focus-corner=top-right]{border-top-right-radius:var(--goa-table-border-radius-container, 1rem)}goa-table td[data-focus-corner=bottom-left],goa-table th[data-focus-corner=bottom-left]{border-bottom-left-radius:var(--goa-table-border-radius-container, 1rem)}goa-table td[data-focus-corner=bottom-right],goa-table th[data-focus-corner=bottom-right]{border-bottom-right-radius:var(--goa-table-border-radius-container, 1rem)}goa-data-grid [role=gridcell]:not(td):not(th):focus{outline:none}goa-data-grid [role=gridcell]:not(td):not(th)[data-focused]{outline:var(--goa-border-width-l, .1875rem) solid var(--goa-color-interactive-focus);outline-offset:.125rem}goa-table td.goa-table-cell--text{padding-top:var(--goa-table-padding-cell-text, var(--goa-space-s))!important;padding-bottom:var(--goa-table-padding-cell-text, var(--goa-space-s))!important}goa-table td.goa-table-cell--checkbox,goa-table th.goa-table-cell--checkbox{padding-top:var(--goa-table-padding-cell-checkbox, 2px)!important;padding-bottom:var(--goa-table-padding-cell-checkbox, 2px)!important;text-align:center;vertical-align:middle}goa-table td.goa-table-cell--form-field{padding-top:var(--goa-table-padding-cell-form-field, 3px)!important;padding-bottom:var(--goa-table-padding-cell-form-field, 3px)!important}goa-table td.goa-table-cell--badge{padding-top:var(--goa-table-padding-cell-badge, var(--goa-space-s))!important;padding-bottom:var(--goa-table-padding-cell-badge, var(--goa-space-s))!important}goa-table td.goa-table-cell--numeric,goa-table th.goa-table-cell--numeric{text-align:right;font-variant-numeric:tabular-nums}goa-table th.goa-table-cell--numeric goa-table-sort-header{text-align:right;justify-content:flex-end}goa-table td.goa-table-cell--numeric{padding-top:var(--goa-table-padding-cell-text, var(--goa-space-s))!important;padding-bottom:var(--goa-table-padding-cell-text, var(--goa-space-s))!important}goa-table td.goa-table-cell--actions{padding-top:var(--goa-table-padding-cell-actions, 7px)!important;padding-bottom:var(--goa-table-padding-cell-actions, 7px)!important;text-align:right;white-space:nowrap}goa-table td.goa-table-cell--text-supporting{padding-top:var(--goa-table-padding-cell-text, var(--goa-space-s))!important;padding-bottom:var(--goa-table-padding-cell-text, var(--goa-space-s))!important}goa-table[variant=relaxed] td.goa-table-cell--numeric{padding-top:var(--goa-table-padding-cell-text-relaxed, 20px)!important;padding-bottom:var(--goa-table-padding-cell-text-relaxed, 20px)!important}goa-table[variant=relaxed] td.goa-table-cell--actions{padding-top:var(--goa-table-padding-cell-actions-relaxed, 14px)!important;padding-bottom:var(--goa-table-padding-cell-actions-relaxed, 14px)!important}goa-table[variant=relaxed] td.goa-table-cell--text-supporting{padding-top:var(--goa-table-padding-cell-text-supporting-relaxed, 8px)!important;padding-bottom:var(--goa-table-padding-cell-text-supporting-relaxed, 8px)!important}goa-table[variant=relaxed] td.goa-table-cell--text{padding-top:var(--goa-table-padding-cell-text-relaxed, 20px)!important;padding-bottom:var(--goa-table-padding-cell-text-relaxed, 20px)!important}goa-table[variant=relaxed] td.goa-table-cell--checkbox{padding-top:var(--goa-table-padding-cell-checkbox-relaxed, 10px)!important;padding-bottom:var(--goa-table-padding-cell-checkbox-relaxed, 10px)!important}goa-table[variant=relaxed] td.goa-table-cell--form-field{padding-top:var(--goa-table-padding-cell-form-field-relaxed, 11px)!important;padding-bottom:var(--goa-table-padding-cell-form-field-relaxed, 11px)!important}goa-table[variant=relaxed] td.goa-table-cell--badge{padding-top:var(--goa-table-padding-cell-badge-relaxed, 20px)!important;padding-bottom:var(--goa-table-padding-cell-badge-relaxed, 20px)!important}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-work-side-menu-item-min-height: 2.5rem;--goa-work-side-menu-item-icon-display: flex;--goa-work-side-menu-group-item-min-height: 1.75rem;--goa-work-side-menu-group-padding: 0 0 0 .75rem;--goa-work-side-menu-account-shadow: 0px 12px 20px -8px rgba(26, 26, 26, .24);--goa-work-side-menu-color-bg: transparent;--goa-work-side-menu-width-closed: 4.5rem;--goa-work-side-menu-width-open: 17.5rem;--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-push-drawer-transition-time: .25s;--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-linear-progress-percentage-width: 4ch;--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-work-side-menu-item-text-color: var(--goa-color-greyscale-600);--goa-work-side-menu-item-padding: var(--goa-space-xs) var(--goa-space-xs) var(--goa-space-xs) .625rem;--goa-work-side-menu-item-color-bg-hover: var(--goa-color-greyscale-100);--goa-work-side-menu-item-color-bg-current: var(--goa-color-greyscale-100);--goa-work-side-menu-item-border-radius: var(--goa-border-radius-m);--goa-work-side-menu-item-badge-text-size: var(--goa-font-size-2);--goa-work-side-menu-item-badge-success-background-color: var(--goa-color-success-default);--goa-work-side-menu-item-badge-emergency-background-color: var(--goa-color-emergency-default);--goa-work-side-menu-item-badge-background-color: var(--goa-color-success-default);--goa-work-side-menu-group-item-padding: var(--goa-space-2xs) var(--goa-space-xs);--goa-work-side-menu-group-margin: var(--goa-space-xs) 0 .375rem 1.125rem;--goa-work-side-menu-group-border: var(--goa-border-width-xl) solid var(--goa-color-greyscale-100);--goa-work-side-menu-mobile-bg: var(--goa-color-greyscale-50);--goa-work-side-menu-text-color: var(--goa-color-greyscale-600);--goa-work-side-menu-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);--goa-work-side-menu-border-radius: var(--goa-border-radius-m);--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-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-push-drawer-padding: var(--goa-space-m);--goa-push-drawer-actions-padding-bottom: var(--goa-space-l);--goa-push-drawer-actions-padding-top: var(--goa-space-m);--goa-push-drawer-content-padding-vertical: var(--goa-space-m);--goa-push-drawer-content-padding-horizontal: var(--goa-space-l);--goa-push-drawer-border-radius: var(--goa-border-radius-none);--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-linear-progress-percentage-gap: var(--goa-space-xs);--goa-linear-progress-color-indicator: var(--goa-color-info-default);--goa-linear-progress-color-track: var(--goa-color-greyscale-200);--goa-linear-progress-border-radius: var(--goa-border-radius-m);--goa-linear-progress-height: var(--goa-space-2xs);--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-work-side-menu-item-text-size: var(--goa-typography-body-s);--goa-work-side-menu-item-text-color-hover: var(--goa-color-text-default);--goa-work-side-menu-item-text-color-current: var(--goa-color-text-default);--goa-work-side-menu-group-item-text-size: var(--goa-typography-body-xs);--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-push-drawer-heading-typography: var(--goa-typography-heading-s);--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-linear-progress-percentage-text: var(--goa-typography-body-xs);--goa-linear-progress-percentage-color: var(--goa-color-text-secondary);--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)} /*!**************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@abgov/design-tokens/dist/tokens.css ***! \**************************************************************************************************************************************************************************************************************************************************************************************/ /** * Do not edit directly * Generated on Thu, 27 Aug 2026 17:00:36 GMT */ :root { --goa-motion-duration-long-4: 20000ms; --goa-motion-duration-long-3: 1000ms; --goa-motion-duration-long-2: 500ms; --goa-motion-duration-long-1: 400ms; --goa-motion-duration-medium-3: 350ms; --goa-motion-duration-medium-2: 300ms; --goa-motion-duration-medium-1: 250ms; --goa-motion-duration-short-4: 180ms; --goa-motion-duration-short-3: 100ms; --goa-motion-duration-short-2: 70ms; --goa-motion-duration-short-1: 15ms; --goa-motion-curve-expressive-transform: cubic-bezier(0.42, 0, 0.58, 1); --goa-motion-curve-expressive-reveal: cubic-bezier(0.7, 0, 0.25, 1); --goa-motion-curve-expressive-exit: cubic-bezier(0.42, 0, 1, 1); --goa-motion-curve-productive: cubic-bezier(0, 0, 1, 1); --goa-motion-curve-expressive: cubic-bezier(0, 0, 0.58, 1); --goa-translate-move-out: translateY(-12px); --goa-translate-move-in: translateY(12px); --goa-translate-default: translateY(0); --goa-input-color-background-error-hover: #f4c8c5; --goa-input-color-border-readonly: #e1dedd; --goa-letter-spacing-mobile-2xl: -0.09375rem; --goa-letter-spacing-mobile-xl: -0.09375rem; --goa-letter-spacing-mobile-l: -0.078125rem; --goa-letter-spacing-mobile-m: -0.0625rem; --goa-letter-spacing-mobile-s: -0.046875rem; --goa-letter-spacing-mobile-xs: -0.03125rem; --goa-letter-spacing-mobile-2xs: -0.03125rem; --goa-letter-spacing-mobile-3xs: -0.03125rem; --goa-letter-spacing-2xl: -0.09375rem; --goa-letter-spacing-xl: -0.09375rem; --goa-letter-spacing-l: -0.078125rem; --goa-letter-spacing-m: -0.0625rem; --goa-letter-spacing-s: -0.046875rem; --goa-letter-spacing-xs: -0.03125rem; --goa-letter-spacing-2xs: -0.03125rem; --goa-letter-spacing-3xs: -0.03125rem; --goa-font-weight-bold: 700; --goa-font-weight-semi-bold: 600; --goa-font-weight-medium: 500; --goa-font-weight-regular: 400; --goa-font-size-05: 1.125rem; --goa-font-size-10: 3rem; --goa-font-size-9: 2.5rem; --goa-font-size-8: 2rem; --goa-font-size-7: 1.75rem; --goa-font-size-6: 1.5rem; --goa-font-size-5: 1.25rem; --goa-font-size-4: 1.125rem; --goa-font-size-3: 1rem; --goa-font-size-2: 0.875rem; --goa-font-size-1: 0.75rem; --goa-font-variation-settings-sans: 'wght' 194.2857, 'wdth' 100, 'slnt' 0; --goa-font-family-number: roboto-mono, monospace; --goa-font-family-sans: acumin-variable, helvetica-neue, arial, sans-serif; --goa-line-height-05: 1.125rem; --goa-line-height-8: 3.5rem; --goa-line-height-7: 3rem; --goa-line-height-6: 2.5rem; --goa-line-height-5: 2.25rem; --goa-line-height-4: 1.75rem; --goa-line-height-3: 1.5rem; --goa-line-height-2: 1.375rem; --goa-line-height-1: 1.25rem; --goa-shadow-shallow-below: 0px 1px 8px 0px rgba(0,0,0,0.07); --goa-shadow-shallow-above: 0px -2px 16px 0px rgba(0,0,0,0.1); --goa-shadow-raised-heavy: 0px 0px 1px 0px rgba(0,0,0,0.2), 0px 16px 32px 0px rgba(0,0,0,0.22); --goa-shadow-raised-light: 0px 12px 16px -4px rgba(16,29,40,0.08), 0px 4px 6px -2px rgba(16,29,40,0.03); --goa-shadow-modal: 0px 0px 4px 0px rgba(0,0,0,0.1), 0px 8px 40px 0px rgba(0,0,0,0.2); --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-xl: 2rem; --goa-icon-size-l: 1.5rem; --goa-icon-size-m: 1.25rem; --goa-icon-size-s: 1.125rem; --goa-icon-size-xs: 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: 0.75rem; --goa-space-xs: 0.5rem; --goa-space-2xs: 0.25rem; --goa-space-3xs: 0.125rem; --goa-space-none: 0rem; --goa-border-width-xl: 3px; --goa-border-width-l: 2px; --goa-border-width-m: 1.5px; --goa-border-width-s: 1px; --goa-border-width-xs: 0.7px; --goa-border-width-2xs: 0.5px; --goa-border-width-none: 0px; --goa-border-radius-round: 64rem; --goa-border-radius-3xl: 1.5rem; --goa-border-radius-2xl: 1rem; --goa-border-radius-xl: 0.75rem; --goa-border-radius-l: 0.625rem; --goa-border-radius-m: 0.5rem; --goa-border-radius-s: 0.375rem; --goa-border-radius-xs: 0.25rem; --goa-border-radius-none: 0; --goa-opacity-background-loading: 90%; --goa-opacity-background-modal: 50%; --goa-opacity-page-full: 100%; --goa-opacity-page-transparent: 0; --goa-color-extended-prairie-text-dark: #47372a; --goa-color-extended-prairie-text: #47372a; --goa-color-extended-prairie-border: #ecd386; --goa-color-extended-prairie-light: #fff2c8; --goa-color-extended-prairie-default: #ffda77; --goa-color-extended-lilac-text-dark: #151d83; --goa-color-extended-lilac-text: #151d83; --goa-color-extended-lilac-border: #e2d2fd; --goa-color-extended-lilac-light: #efe2fb; --goa-color-extended-lilac-default: #d4c2ff; --goa-color-extended-dawn-text-dark: #310c46; --goa-color-extended-dawn-text: #310c46; --goa-color-extended-dawn-border: #e9b8d5; --goa-color-extended-dawn-light: #f4cde4; --goa-color-extended-dawn-default: #ff9ac1; --goa-color-extended-sunset-text-dark: #7a141a; --goa-color-extended-sunset-text: #7a141a; --goa-color-extended-sunset-border: #f5ddad; --goa-color-extended-sunset-light: #fcefd5; --goa-color-extended-sunset-default: #f7ac71; --goa-color-extended-pasture-text-dark: #174c38; --goa-color-extended-pasture-text: #174c38; --goa-color-extended-pasture-border: #dee563; --goa-color-extended-pasture-light: #f0f59b; --goa-color-extended-pasture-default: #afe274; --goa-color-extended-sky-text-dark: #093937; --goa-color-extended-sky-text: #093937; --goa-color-extended-sky-border: #bff0ee; --goa-color-extended-sky-light: #e2f9f8; --goa-color-extended-sky-default: #90ebe7; --goa-color-static-white: #ffffff; --goa-color-surface-item-hover: #f2f0f0; --goa-color-surface-heading-hover: #e9e9e9; --goa-color-surface-widget-hover: #f8f8f8; --goa-color-surface-card-hover: #f8f8f8; --goa-color-surface-app-header: #ffffff; --goa-color-surface-popover: #ffffff; --goa-color-surface-container-heading: #f2f0f0; --goa-color-surface-table-data: #ffffff; --goa-color-surface-400: #f8f8f8; --goa-color-surface-350: #f2f0f0; --goa-color-surface-300: #ffffff; --goa-color-surface-250: #f2f0f0; --goa-color-surface-200: #f8f8f8; --goa-color-surface-150: #f8f8f8; --goa-color-surface-100: #ffffff; --goa-color-surface-50: #ffffff; --goa-color-surface-0: #f8f8f8; --goa-color-greyscale-white: #ffffff; --goa-color-greyscale-black: #000000; --goa-color-greyscale-800: #353535; --goa-color-greyscale-700: #4d4d4d; --goa-color-greyscale-600: #6f6f6f; --goa-color-greyscale-500: #808080; --goa-color-greyscale-400: #9f9f9f; --goa-color-greyscale-300: #b1b1b1; --goa-color-greyscale-200: #cdcdcd; --goa-color-greyscale-150: #e9e9e9; --goa-color-greyscale-100: #f2f0f0; --goa-color-greyscale-50: #f8f8f8; --goa-color-critical-default: #171d23; --goa-color-success-text-inverse: #edfcf0; --goa-color-success-text-dark: #355147; --goa-color-success-text: #3a8050; --goa-color-success-border: #c4e3d2; --goa-color-success-background: #f4fff6; --goa-color-success-dark: #00563a; --goa-color-success-light: #d8f7e6; --goa-color-success-default: #006f4c; --goa-color-emergency-text-inverse: #fff6f6; --goa-color-emergency-text-dark: #8e1515; --goa-color-emergency-text: #a91a10; --goa-color-emergency-border: #eeaea5; --goa-color-emergency-background: #fff6f6; --goa-color-emergency-dark: #a91a10; --goa-color-emergency-light: #fdded9; --goa-color-emergency-default: #da291c; --goa-color-important-text-dark: #4d3700; --goa-color-important-text: #8d6500; --goa-color-important-border: #fde3a1; --goa-color-important-background: #fde3a1; --goa-color-important-dark: #c28900; --goa-color-important-light: #fef2c8; --goa-color-important-default: #f9ce2d; --goa-color-warning-text-dark: #4d3700; --goa-color-warning-text: #8d6500; --goa-color-warning-border: #fde3a1; --goa-color-warning-background: #fff6e5; --goa-color-warning-dark: #c28900; --goa-color-warning-light: #fef2c8; --goa-color-warning-default: #f9ce2d; --goa-color-info-text-inverse: #ebf8ff; --goa-color-info-text-dark: #00527c; --goa-color-info-text: #0077ad; --goa-color-info-border: #cbeaf7; --goa-color-info-background: #f4fdff; --goa-color-info-dark: #004a8f; --goa-color-info-light: #ebf8ff; --goa-color-info-default: #0077ad; --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: #006dcc; --goa-color-interactive-error-disabled: #f58185; --goa-color-interactive-error-hover: #ba0000; --goa-color-interactive-error: #ec040b; --goa-color-interactive-secondary-hover: #c5ddf6; --goa-color-interactive-hover: #045092; --goa-color-interactive-secondary: #e0f1ff; --goa-color-interactive-default: #006dcc; --goa-work-side-menu-item-min-height: 2.5rem; --goa-work-side-menu-item-icon-display: flex; --goa-work-side-menu-group-item-min-height: 1.75rem; --goa-work-side-menu-group-padding: 0 0 0 0.75rem; --goa-work-side-menu-logo: initial; --goa-work-side-menu-color-bg: transparent; --goa-work-side-menu-width-closed: 4.5rem; --goa-work-side-menu-width-open: 17.5rem; --goa-work-side-menu-height: 100vh; --goa-tooltip-max-width: 400px; --goa-temporary-notification-animation-distance: 100px; --goa-temporary-notification-transition-duration: 0.3s; --goa-temporary-notification-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3), 0px 16px 32px -8px rgba(0,0,0,0.35); --goa-temporary-notification-progress-bar-height: 6px; --goa-temporary-notification-min-width-desktop: 360px; --goa-temporary-notification-max-width: 640px; --goa-temporary-notification-color-bg-basic: #333333; --goa-tab-color-bg-selected: transparent; --goa-table-padding-cell-actions-relaxed: 14px; --goa-table-padding-cell-actions: 7px; --goa-table-padding-cell-badge-relaxed: 20px; --goa-table-padding-cell-form-field-relaxed: 11px; --goa-table-padding-cell-form-field: 3px; --goa-table-padding-cell-checkbox-relaxed: 10px; --goa-table-padding-cell-text-relaxed: 20px; --goa-table-height-data-relaxed: 64px; --goa-table-height-data: 48px; --goa-table-height-heading-relaxed: 56px; --goa-table-height-heading: 56px; --goa-side-menu-heading-padding-top: 14px; --goa-side-menu-group-container-margin-bottom: 6px; --goa-side-menu-group-container-margin-left: 20px; --goa-side-menu-item-focus-outline-offset: -3px; --goa-scrollable-padding-mobile: 1.5rem; --goa-scrollable-padding-desktop: 2rem; --goa-scroll-panel-content-shadow-horizontal: rgba(0,0,0,0.1); --goa-scroll-panel-content-shadow-top-bottom: inset 0px 4px 8px -4px rgba(0,0,0,0.175), inset 0px -4px 8px -4px rgba(0,0,0,0.175); --goa-scroll-panel-content-shadow-top: inset 0px 4px 8px -4px rgba(0,0,0,0.25); --goa-scroll-panel-content-shadow-bottom: inset 0px -4px 8px -4px rgba(0,0,0,0.25); --goa-radio-label-color-disabled: #bab7b7; --goa-radio-inner-size: 16px; --goa-radio-inner-color-error-hover: #ba0000; --goa-radio-color-bg-error-hover: #f4c8c5; --goa-radio-border-radius: 50%; --goa-push-drawer-transition-time: 0.25s; --goa-circular-progress-color-background: rgba(255, 255, 255, 0.9); --goa-notification-banner-padding-tb-compact: 0.9375rem; --goa-notification-banner-padding-tb: 1.4375rem; --goa-modal-content-wrapper-padding: 0; --goa-modal-heading-border-bottom: none; --goa-modal-max-width: 480px; --goa-modal-content-margin-mobile: 0; --goa-modal-content-margin: 0; --goa-modal-pane-width: 90%; --goa-modal-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1), 0px 8px 40px 0px rgba(0,0,0,0.2); --goa-modal-overlay-color: #000000; --goa-modal-content-gap-small-screen: 0; --goa-modal-content-gap: 0; --goa-link-color-light-visited: #9D8EBB; --goa-link-icon-size-xsmall: 0.75rem; --goa-link-gap-large: 0.3125rem; --goa-link-gap-small: 0.1875rem; --goa-link-gap-xsmall: 0.125rem; --goa-linear-progress-percentage-width: 4ch; --goa-text-input-height-compact: 40px; --goa-text-input-height: 56px; --goa-text-input-transition: box-shadow 0.05s ease-in; --goa-app-header-nav-menu-dropdown-gap: 3px; --goa-app-header-nav-menu-dropdown-shadow: drop-shadow(0px 12px 16px rgba(16,29,40,0.08)) drop-shadow(0px 4px 6px rgba(16,29,40,0.03)); --goa-app-header-service-phase-gap-vertical: 6px; --goa-app-header-min-width-service-name: 13rem; --goa-app-header-max-width-service-name: 40rem; --goa-app-header-logo-desktop: initial; --goa-app-header-logo-mobile: initial; --goa-stepper-line-thickness: 4px; --goa-step-size: 2.5rem; --goa-step-gap-small-screen: 0px; --goa-form-item-message-margin-top-selection-large: 1.25rem; --goa-form-item-message-gap-compact: 0.1875rem; --goa-form-item-label-compact-padding-bottom: 0.5625rem; --goa-form-item-label-padding-bottom: 0.625rem; --goa-form-item-label-large-padding-bottom: 1.375rem; --goa-footer-meta-links-gap-small-screen: 20px; --goa-filter-chip-min-width: 56px; --goa-filter-chip-label-gap: 0.375rem; --goa-filter-chip-padding-vertical: 0.3125rem; --goa-dropdown-multiselect-compact-height: 40px; --goa-dropdown-multiselect-transition: box-shadow 0.05s ease-in; --goa-dropdown-multiselect-height: 56px; --goa-dropdown-compact-height: 40px; --goa-dropdown-transition: box-shadow 0.05s ease-in; --goa-dropdown-height: 56px; --goa-drawer-transition-time: 0.25s; --goa-drawer-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10), 0 8px 40px 0 rgba(0, 0, 0, 0.20); --goa-drawer-overlay-color: rgba(51, 51, 51, 0.5); --goa-details-heading-width: fit-content; --goa-details-text-decoration: underline; --goa-details-padding-top: 6px; --goa-details-content-padding-left: 19px; --goa-details-content-margin-left: 19px; --goa-details-color-bg-hover: transparent; --goa-date-input-cursor: pointer; --goa-date-input-day-color-bg: transparent; --goa-date-input-day-size: 2.5rem; --goa-date-input-calendar-width: 280px; --goa-container-shadow: none; --goa-callout-l-with-heading-body-padding: 0 1.25rem 1.25rem; --goa-callout-body-padding: 1.25rem; --goa-button-tertiary-text-decoration: none; --goa-button-text-compact-disabled-text-decoration: underline; --goa-button-text-compact-letter-spacing: 0.0125rem; --goa-button-text-letter-spacing: 0.0125rem; --goa-button-text-disabled-text-decoration: underline; --goa-button-text-text-decoration: underline; --goa-button-letter-spacing: 0.0125rem; --goa-button-tertiary-focus-color-bg: transparent; --goa-button-tertiary-hover-color-bg: transparent; --goa-button-tertiary-color-bg-mobile: transparent; --goa-button-tertiary-color-bg: transparent; --goa-button-compact-gap: 0.375rem; --goa-button-outline-offset: 2px; --goa-button-height-start: 3.5rem; --goa-button-height-compact: 2.5rem; --goa-button-height: 3.5rem; --goa-badge-height-large: 32px; --goa-badge-height: 24px; --goa-accordion-heading-m-min-height: 4rem; --goa-accordion-heading-min-height: 3rem; --goa-accordion-shadow: 0px 0px 0px 0px #000000; --goa-transition-page-fade: opacity var(--goa-motion-duration-short-1) var(--goa-motion-curve-expressive); --goa-transition-content-move-fade: opacity var(--goa-motion-duration-short-2) var(--goa-motion-curve-expressive), transform var(--goa-motion-duration-short-2) var(--goa-motion-curve-expressive); --goa-border-none: var(--goa-border-width-none) solid rgba(0,0,0,0); --goa-input-border-radius-input: var(--goa-border-radius-m); --goa-input-border-radius-checkbox: var(--goa-border-radius-xs); --goa-input-border-width-focus: var(--goa-border-width-l); --goa-input-border-width-hover: var(--goa-border-width-m); --goa-input-border-width-default: var(--goa-border-width-s); --goa-input-color-background-readonly-content: var(--goa-color-greyscale-150); --goa-input-color-background-readonly: var(--goa-color-greyscale-100); --goa-input-color-background-error: var(--goa-color-emergency-light); --goa-input-color-background-disabled: var(--goa-color-greyscale-150); --goa-input-color-background-default: var(--goa-color-greyscale-white); --goa-input-color-border-error-hover: var(--goa-color-interactive-error-hover); --goa-input-color-border-error: var(--goa-color-interactive-error); --goa-input-color-border-disabled: var(--goa-color-greyscale-300); --goa-input-color-border-focus: var(--goa-color-interactive-default); --goa-input-color-border-hover: var(--goa-color-greyscale-black); --goa-input-color-border-default-light: var(--goa-color-greyscale-200); --goa-input-color-border-default: var(--goa-color-greyscale-500); --goa-input-color-text-placeholder: var(--goa-color-greyscale-400); --goa-input-color-text-disabled: var(--goa-color-greyscale-500); --goa-input-color-text-error: var(--goa-color-emergency-dark); --goa-input-color-text-helper: var(--goa-color-greyscale-800); --goa-input-color-text-secondary: var(--goa-color-greyscale-800); --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-7)/var(--goa-line-height-5) 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-2xl-letter-spacing: var(--goa-letter-spacing-mobile-2xl); --goa-typography-mobile-heading-2xl: var(--goa-font-weight-bold) var(--goa-font-size-9)/var(--goa-line-height-7) var(--goa-font-family-sans); --goa-typography-mobile-heading-xl-letter-spacing: var(--goa-letter-spacing-mobile-xl); --goa-typography-mobile-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-8)/var(--goa-line-height-6) var(--goa-font-family-sans); --goa-typography-mobile-heading-l-letter-spacing: var(--goa-letter-spacing-mobile-l); --goa-typography-mobile-heading-l: var(--goa-font-weight-bold) var(--goa-font-size-8)/var(--goa-line-height-6) var(--goa-font-family-sans); --goa-typography-mobile-heading-m-letter-spacing: var(--goa-letter-spacing-mobile-m); --goa-typography-mobile-heading-m: var(--goa-font-weight-bold) var(--goa-font-size-7)/var(--goa-line-height-5) var(--goa-font-family-sans); --goa-typography-mobile-heading-s-letter-spacing: var(--goa-letter-spacing-mobile-s); --goa-typography-mobile-heading-s: var(--goa-font-weight-semi-bold) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-sans); --goa-typography-mobile-heading-xs-letter-spacing: var(--goa-letter-spacing-mobile-xs); --goa-typography-mobile-heading-xs: var(--goa-font-weight-semi-bold) var(--goa-font-size-5)/var(--goa-line-height-3) var(--goa-font-family-sans); --goa-typography-mobile-heading-2xs-letter-spacing: var(--goa-letter-spacing-mobile-2xs); --goa-typography-mobile-heading-2xs: var(--goa-font-weight-semi-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-line-height-4)/var(--goa-font-size-7) 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-6)/var(--goa-line-height-5) 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-2xl-letter-spacing: var(--goa-letter-spacing-2xl); --goa-typography-heading-2xl: var(--goa-font-weight-bold) var(--goa-font-size-10)/var(--goa-line-height-8) var(--goa-font-family-sans); --goa-typography-heading-xl-letter-spacing: var(--goa-letter-spacing-xl); --goa-typography-heading-xl: var(--goa-font-weight-bold) var(--goa-font-size-9)/var(--goa-line-height-7) var(--goa-font-family-sans); --goa-typography-heading-l-letter-spacing: var(--goa-letter-spacing-l); --goa-typography-heading-l: var(--goa-font-weight-bold) var(--goa-font-size-8)/var(--goa-line-height-6) var(--goa-font-family-sans); --goa-typography-heading-m-letter-spacing: var(--goa-letter-spacing-m); --goa-typography-heading-m: var(--goa-font-weight-bold) var(--goa-font-size-7)/var(--goa-line-height-5) var(--goa-font-family-sans); --goa-typography-heading-s-letter-spacing: var(--goa-letter-spacing-s); --goa-typography-heading-s: var(--goa-font-weight-semi-bold) var(--goa-font-size-6)/var(--goa-line-height-4) var(--goa-font-family-sans); --goa-typography-heading-xs-letter-spacing: var(--goa-letter-spacing-xs); --goa-typography-heading-xs: var(--goa-font-weight-semi-bold) var(--goa-font-size-5)/var(--goa-line-height-3) var(--goa-font-family-sans); --goa-typography-heading-2xs-letter-spacing: var(--goa-letter-spacing-2xs); --goa-typography-heading-2xs: var(--goa-font-weight-semi-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-color-surface-item: var(--goa-color-surface-400); --goa-color-surface-heading: var(--goa-color-surface-350); --goa-color-surface-widget: var(--goa-color-surface-300); --goa-color-surface-content-body: var(--goa-color-surface-250); --goa-color-surface-input: var(--goa-color-surface-200); --goa-color-surface-section: var(--goa-color-surface-150); --goa-color-surface-card: var(--goa-color-surface-100); --goa-color-surface-default: var(--goa-color-surface-50); --goa-color-surface-page: var(--goa-color-surface-0); --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-600); --goa-color-text-default: var(--goa-color-greyscale-black); --goa-color-interactive-disabled: var(--goa-color-greyscale-300); --goa-workspace-layout-mobile-header-padding-left: var(--goa-space-2xl); --goa-workspace-layout-mobile-toggle-size: var(--goa-icon-size-xl); --goa-workspace-layout-mobile-toggle-left: var(--goa-space-s); --goa-workspace-layout-mobile-toggle-top: var(--goa-space-l); --goa-workspace-layout-footer-scroll-shadow: var(--goa-shadow-shallow-above); --goa-workspace-layout-footer-scroll-border-color: var(--goa-color-greyscale-200); --goa-workspace-layout-footer-border-top: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-workspace-layout-footer-bg-color: var(--goa-color-greyscale-white); --goa-workspace-layout-header-scroll-shadow: var(--goa-shadow-shallow-below); --goa-workspace-layout-header-scroll-border-color: var(--goa-color-greyscale-200); --goa-workspace-layout-header-border-bottom: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-workspace-layout-header-bg-color: var(--goa-color-greyscale-white); --goa-workspace-layout-card-bg-color: var(--goa-color-greyscale-white); --goa-workspace-layout-bg-color: var(--goa-color-greyscale-50); --goa-work-side-menu-item-text-color: var(--goa-color-greyscale-600); --goa-work-side-menu-item-padding: var(--goa-space-xs) var(--goa-space-xs) var(--goa-space-xs) 0.625rem; --goa-work-side-menu-item-color-bg-hover: var(--goa-color-greyscale-100); --goa-work-side-menu-item-color-bg-current: var(--goa-color-greyscale-100); --goa-work-side-menu-item-border-radius: var(--goa-border-radius-m); --goa-work-side-menu-item-badge-text-size: var(--goa-font-size-2); --goa-work-side-menu-item-badge-success-background-color: var(--goa-color-success-default); --goa-work-side-menu-item-badge-emergency-background-color: var(--goa-color-emergency-default); --goa-work-side-menu-item-badge-background-color: var(--goa-color-success-default); --goa-work-side-menu-group-item-padding: var(--goa-space-2xs) var(--goa-space-xs); --goa-work-side-menu-group-margin: var(--goa-space-xs) 0 0.375rem 1.125rem; --goa-work-side-menu-group-border: var(--goa-border-width-xl) solid var(--goa-color-greyscale-100); --goa-work-side-menu-transition-duration-medium: var(--goa-motion-duration-medium-2); --goa-work-side-menu-mobile-bg: var(--goa-color-greyscale-50); --goa-work-side-menu-text-color: var(--goa-color-greyscale-600); --goa-work-side-menu-popover-shadow: var(--goa-shadow-raised-heavy); --goa-work-side-menu-account-bg: var(--goa-color-greyscale-white); --goa-work-side-menu-account-shadow: var(--goa-shadow-500); --goa-work-side-menu-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-work-side-menu-border-radius: var(--goa-border-radius-m); --goa-tooltip-padding: var(--goa-space-m); --goa-tooltip-gap: var(--goa-space-2xs); --goa-tooltip-color-bg: var(--goa-color-greyscale-600); --goa-tooltip-border-radius: var(--goa-border-radius-xl); --goa-tooltip-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus); --goa-text-area-padding-compact: var(--goa-space-s); --goa-text-area-padding: var(--goa-space-m); --goa-temporary-notification-progress-bar-color-fill: var(--goa-color-greyscale-white); --goa-temporary-notification-progress-bar-color-bg: var(--goa-color-greyscale-400); --goa-temporary-notification-progress-bar-border-radius: var(--goa-border-radius-l); --goa-temporary-notification-icon-size: var(--goa-icon-size-xl); --goa-temporary-notification-column-gap: var(--goa-space-s); --goa-temporary-notification-row-gap: var(--goa-space-s); --goa-temporary-notification-padding-with-progress: var(--goa-space-m) var(--goa-space-l) 22px var(--goa-space-l); --goa-temporary-notification-padding-text-top: var(--goa-space-2xs); --goa-temporary-notification-padding: var(--goa-space-m) var(--goa-space-l); --goa-temporary-notification-border-radius: var(--goa-border-radius-l); --goa-temporary-notification-border-width: var(--goa-border-width-s); --goa-temporary-notification-color-border: var(--goa-color-greyscale-700); --goa-temporary-notification-color-bg-failure: var(--goa-color-emergency-default); --goa-temporary-notification-color-bg-success: var(--goa-color-success-default); --goa-tabs-padding-bottom-small-screen: var(--goa-space-m); --goa-tabs-gap-small-screen: var(--goa-space-2xs); --goa-tabs-gap: var(--goa-space-m); --goa-tabs-bottom-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150); --goa-tab-typography-selected: var(--goa-font-weight-semi-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-tab-typography: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-tab-padding-mobile: var(--goa-space-2xs) var(--goa-space-s) var(--goa-space-2xs) 15px; --goa-tab-padding: var(--goa-space-xs) var(--goa-space-2xs) 9px var(--goa-space-2xs); --goa-tab-indicator-color-hover: var(--goa-color-greyscale-300); --goa-tab-indicator-color-active: var(--goa-color-interactive-default); --goa-tab-color-text-not-selected: var(--goa-color-greyscale-600); --goa-tab-color-text-selected: var(--goa-color-interactive-default); --goa-tab-color-bg-hover-small-screen: var(--goa-color-greyscale-50); --goa-tab-color-bg-selected-small-screen: var(--goa-color-info-light); --goa-tab-indicator-border-radius-small-screen: 0px var(--goa-border-radius-s) var(--goa-border-radius-s) 0px; --goa-tab-indicator-border-radius-desktop: var(--goa-border-radius-s) var(--goa-border-radius-s) 0px 0px; --goa-tab-indicator-width: var(--goa-border-width-xl); --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-xl) solid var(--goa-color-interactive-focus); --goa-table-sort-header-gap: var(--goa-space-xs); --goa-table-padding-cell-text-supporting-relaxed: var(--goa-space-xs); --goa-table-padding-cell-badge: var(--goa-space-s); --goa-table-padding-cell-checkbox: var(--goa-space-3xs); --goa-table-padding-cell-text: var(--goa-space-s); --goa-table-padding-data-relaxed: 18px var(--goa-space-m) 18px var(--goa-space-m); --goa-table-padding-data: var(--goa-space-s) var(--goa-space-m) var(--goa-space-s) var(--goa-space-m); --goa-table-padding-heading-relaxed: 18px var(--goa-space-m) var(--goa-space-m) var(--goa-space-m); --goa-table-padding-heading: 18px var(--goa-space-m) var(--goa-space-m) var(--goa-space-m); --goa-table-border-radius-container: var(--goa-border-radius-2xl); --goa-table-container-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150); --goa-table-data-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150); --goa-table-heading-border: var(--goa-border-width-m) solid var(--goa-color-greyscale-150); --goa-table-color-bg-data: var(--goa-color-greyscale-white); --goa-table-color-bg-heading: var(--goa-color-greyscale-50); --goa-table-color-bg-heading-hover: var(--goa-color-greyscale-100); --goa-table-color-heading-hover: var(--goa-color-interactive-hover); --goa-table-color-heading: var(--goa-color-greyscale-600); --goa-skeleton-loading-color-bg: var(--goa-color-greyscale-100); --goa-side-menu-group-border-radius-open: var(--goa-border-radius-xl); --goa-side-menu-item-border-radius: var(--goa-border-radius-l); --goa-side-menu-group-item-typography-current: var(--goa-font-weight-bold) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans); --goa-side-menu-child-border-width: var(--goa-border-width-xl); --goa-side-menu-typography-item-current: var(--goa-font-weight-semi-bold) 16px/22px var(--goa-font-family-sans); --goa-side-menu-typography-item: var(--goa-font-weight-regular) 16px/22px var(--goa-font-family-sans); --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-xl); --goa-side-menu-parent-padding: var(--goa-space-xs) var(--goa-space-s); --goa-side-menu-parent-color-bg-selected: var(--goa-color-greyscale-100); --goa-side-menu-padding-child: var(--goa-space-2xs) var(--goa-space-xs); --goa-side-menu-padding-item: var(--goa-space-xs) var(--goa-space-s); --goa-side-menu-padding: var(--goa-space-m) var(--goa-space-xs) var(--goa-space-m) var(--goa-space-m); --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-2xs); --goa-side-menu-heading-padding: var(--goa-space-2xs) var(--goa-space-xs); --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-white); --goa-side-menu-heading-color: var(--goa-color-greyscale-600); --goa-side-menu-heading-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-100); --goa-side-menu-color-bg-menu-item-hover: var(--goa-color-greyscale-100); --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-150); --goa-scroll-panel-footer-scroll-shadow: var(--goa-shadow-shallow-above); --goa-scroll-panel-footer-scroll-border: var(--goa-color-greyscale-150); --goa-scroll-panel-header-scroll-shadow: var(--goa-shadow-shallow-below); --goa-scroll-panel-header-scroll-border: var(--goa-color-greyscale-150); --goa-scroll-panel-footer-color-bg: var(--goa-color-greyscale-white); --goa-scroll-panel-header-color-bg: var(--goa-color-greyscale-white); --goa-scroll-panel-color-bg: var(--goa-color-greyscale-white); --goa-radio-reveal-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-radio-reveal-padding: var(--goa-space-m) var(--goa-space-l); --goa-radio-reveal-margin: var(--goa-space-2xs) 0 0 calc(var(--goa-space-s) - 1px); --goa-radio-size: var(--goa-space-l); --goa-radio-label-compact: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-radio-label: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans); --goa-radio-inner-color-hover: var(--goa-color-interactive-hover); --goa-radio-inner-color-error: var(--goa-color-interactive-error); --goa-radio-inner-color: var(--goa-color-interactive-default); --goa-radio-group-gap-vertical-compact: var(--goa-space-s); --goa-radio-group-gap-vertical: var(--goa-space-m); --goa-radio-group-gap-horizontal-compact: var(--goa-space-l); --goa-radio-group-gap-horizontal: var(--goa-space-xl); --goa-radio-gap-label-compact: var(--goa-space-xs); --goa-radio-gap-label: var(--goa-space-s); --goa-radio-color-bg-error: var(--goa-color-emergency-light); --goa-radio-color-bg-disabled: var(--goa-color-greyscale-150); --goa-radio-color-bg: var(--goa-color-greyscale-white); --goa-radio-border-hover: var(--goa-border-width-m) solid var(--goa-color-greyscale-black); --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 #b1b1b1; --goa-radio-border-checked-hover: var(--goa-border-width-m) solid var(--goa-color-interactive-hover); --goa-radio-border-checked-error-hover: var(--goa-border-width-m) solid #ba0000; --goa-radio-border-checked-error-disabled: var(--goa-border-width-s) solid #f58185; --goa-radio-border-checked-error: var(--goa-border-width-m) solid var(--goa-color-interactive-error); --goa-radio-border-checked-disabled: var(--goa-border-width-s) solid var(--goa-color-interactive-disabled); --goa-radio-border-checked: var(--goa-border-width-m) solid var(--goa-color-interactive-default); --goa-radio-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-500); --goa-push-drawer-padding: var(--goa-space-m); --goa-push-drawer-actions-padding-bottom: var(--goa-space-l); --goa-push-drawer-actions-padding-top: var(--goa-space-m); --goa-push-drawer-content-padding-vertical: var(--goa-space-m); --goa-push-drawer-content-padding-horizontal: var(--goa-space-l); --goa-push-drawer-border-radius: var(--goa-border-radius-3xl); --goa-circular-progress-small-margin-top: var(--goa-space-l); --goa-circular-progress-large-margin-top: var(--goa-space-xl); --goa-popover-border: var(--goa-border-width-2xs) solid var(--goa-color-greyscale-150); --goa-popover-box-shadow: var(--goa-shadow-raised-heavy); --goa-popover-padding: var(--goa-space-xs); --goa-popover-color-bg: var(--goa-color-greyscale-white); --goa-popover-border-radius: var(--goa-border-radius-xl); --goa-popover-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus); --goa-pagination-gap: var(--goa-space-m); --goa-notification-banner-emergency-low-close-bg-hover: var(--goa-color-emergency-border); --goa-notification-banner-emergency-high-close-bg-hover: var(--goa-color-emergency-dark); --goa-notification-banner-important-low-close-bg-hover: var(--goa-color-important-border); --goa-notification-banner-important-high-close-bg-hover: var(--goa-color-important-default); --goa-notification-banner-information-low-close-bg-hover: var(--goa-color-info-border); --goa-notification-banner-information-high-close-bg-hover: var(--goa-color-info-dark); --goa-notification-banner-emergency-low-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-emergency-dark); --goa-notification-banner-emergency-high-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-greyscale-white); --goa-notification-banner-important-low-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-important-text-dark); --goa-notification-banner-important-high-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-important-text-dark); --goa-notification-banner-information-low-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-info-dark); --goa-notification-banner-information-high-focus-border: 0 0 0 var(--goa-border-width-l) var(--goa-color-greyscale-white); --goa-notification-banner-emergency-low-color-border: var(--goa-color-emergency-border); --goa-notification-banner-emergency-low-color-icon: var(--goa-color-emergency-dark); --goa-notification-banner-emergency-low-color-text: var(--goa-color-emergency-dark); --goa-notification-banner-emergency-low-color-bg: var(--goa-color-emergency-light); --goa-notification-banner-emergency-high-color-icon: var(--goa-color-greyscale-white); --goa-notification-banner-emergency-high-color-bg: var(--goa-color-emergency-default); --goa-notification-banner-important-low-color-border: var(--goa-color-important-border); --goa-notification-banner-important-low-color-icon: var(--goa-color-important-text); --goa-notification-banner-important-low-color-text: var(--goa-color-important-text); --goa-notification-banner-important-low-color-bg: var(--goa-color-important-light); --goa-notification-banner-important-high-color-icon: var(--goa-color-important-text-dark); --goa-notification-banner-important-high-color-text: var(--goa-color-important-text-dark); --goa-notification-banner-important-high-color-bg: var(--goa-color-important-default); --goa-notification-banner-information-low-color-border: var(--goa-color-info-border); --goa-notification-banner-information-low-color-icon: var(--goa-color-info-default); --goa-notification-banner-information-low-color-text: var(--goa-color-info-default); --goa-notification-banner-information-low-color-bg: var(--goa-color-info-light); --goa-notification-banner-information-high-color-icon: var(--goa-color-greyscale-white); --goa-notification-banner-information-high-color-bg: var(--goa-color-info-default); --goa-notification-banner-padding-lr-large-screen-compact: var(--goa-space-2xl); --goa-notification-banner-padding-lr-medium-screen-compact: var(--goa-space-m); --goa-notification-banner-padding-lr-small-screen-compact: var(--goa-space-xs); --goa-notification-banner-gap-compact: var(--goa-space-xs); --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-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-callout-emergency-close-bg-hover: var(--goa-color-emergency-border); --goa-modal-callout-important-close-bg-hover: var(--goa-color-important-border); --goa-modal-callout-success-close-bg-hover: var(--goa-color-success-border); --goa-modal-callout-information-close-bg-hover: var(--goa-color-info-border); --goa-modal-callout-event-icon: var(--goa-color-info-default); --goa-modal-callout-event-border: var(--goa-color-info-border); --goa-modal-callout-event-bg: var(--goa-color-info-light); --goa-modal-callout-emergency-icon: var(--goa-color-emergency-default); --goa-modal-callout-emergency-border: var(--goa-color-emergency-border); --goa-modal-callout-emergency-bg: var(--goa-color-emergency-background); --goa-modal-callout-important-icon: var(--goa-color-warning-dark); --goa-modal-callout-important-border: var(--goa-color-warning-border); --goa-modal-callout-important-bg: var(--goa-color-warning-background); --goa-modal-callout-success-icon: var(--goa-color-success-default); --goa-modal-callout-success-border: var(--goa-color-success-border); --goa-modal-callout-success-bg: var(--goa-color-success-background); --goa-modal-callout-information-icon: var(--goa-color-info-default); --goa-modal-callout-information-border: var(--goa-color-info-border); --goa-modal-callout-information-bg: var(--goa-color-info-light); --goa-modal-actions-padding-mobile: var(--goa-space-m); --goa-modal-content-padding-desktop: var(--goa-space-l) var(--goa-space-l) var(--goa-space-xl) var(--goa-space-l); --goa-modal-content-padding-mobile: var(--goa-space-xl) var(--goa-space-m) var(--goa-space-xl) var(--goa-space-m); --goa-modal-callout-heading-padding-mobile: var(--goa-space-m); --goa-modal-heading-padding-mobile: var(--goa-space-m); --goa-modal-callout-heading-padding: var(--goa-space-m) var(--goa-space-l); --goa-modal-scrollable-padding-mobile: var(--goa-space-m); --goa-modal-scrollable-padding-desktop: var(--goa-space-l); --goa-modal-actions-padding: var(--goa-space-l); --goa-modal-content-padding: var(--goa-space-xl) 0 var(--goa-space-xl) 0; --goa-modal-heading-padding: 20px var(--goa-space-l); --goa-modal-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150); --goa-modal-color-bg: var(--goa-color-greyscale-white); --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-header-typography: var(--goa-font-weight-semi-bold) var(--goa-font-size-4)/var(--goa-line-height-4) var(--goa-font-family-sans); --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-xl); --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-link-focus-offset: var(--goa-space-3xs); --goa-link-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus); --goa-link-border-radius-focus: var(--goa-border-radius-s); --goa-link-color-light-hover: var(--goa-color-greyscale-150); --goa-link-color-dark-visited: var(--goa-color-interactive-visited); --goa-link-color-dark-hover: var(--goa-color-greyscale-700); --goa-link-color-dark-default: var(--goa-color-greyscale-black); --goa-link-color-interactive-visited: var(--goa-color-interactive-visited); --goa-link-color-interactive-hover: var(--goa-color-interactive-hover); --goa-link-color-interactive-default: var(--goa-color-interactive-default); --goa-link-icon-size-large: var(--goa-icon-size-3); --goa-link-icon-size-medium: var(--goa-icon-size-2); --goa-link-icon-size-small: var(--goa-icon-size-1); --goa-link-gap-medium: var(--goa-space-2xs); --goa-link-gap: var(--goa-space-2xs); --goa-link-typography-large: var(--goa-font-weight-regular) var(--goa-font-size-6)/var(--goa-line-height-5) var(--goa-font-family-sans); --goa-link-typography-medium: var(--goa-font-weight-regular) var(--goa-font-size-4)/var(--goa-line-height-3) var(--goa-font-family-sans); --goa-link-typography-small: var(--goa-font-weight-regular) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-link-typography-xsmall: var(--goa-font-weight-regular) var(--goa-font-size-2)/var(--goa-line-height-1) var(--goa-font-family-sans); --goa-linear-progress-percentage-gap: var(--goa-space-xs); --goa-linear-progress-color-indicator: var(--goa-color-info-default); --goa-linear-progress-color-track: var(--goa-color-greyscale-200); --goa-linear-progress-border-radius: var(--goa-border-radius-m); --goa-linear-progress-height: var(--goa-space-2xs); --goa-text-input-color-icon: var(--goa-color-greyscale-600); --goa-text-input-space-btw-icon-text-compact: var(--goa-space-xs); --goa-text-input-padding-compact: var(--goa-space-2xs) var(--goa-text-input-padding-compact-lr); --goa-text-input-padding-compact-lr: var(--goa-space-s); --goa-text-input-space-btw-icon-text: var(--goa-space-xs); --goa-text-input-padding-lr: var(--goa-space-m); --goa-text-input-lt-content-color-bg: var(--goa-color-greyscale-150); --goa-icon-button-tertiary-destructive-border-color: var(--goa-color-emergency-light); --goa-icon-button-tertiary-border-color: var(--goa-color-greyscale-200); --goa-icon-button-tertiary-border-width: var(--goa-border-width-s); --goa-icon-button-destructive-disabled-color: var(--goa-color-greyscale-500); --goa-icon-button-destructive-hover-color-bg: var(--goa-color-emergency-light); --goa-icon-button-destructive-hover-color: var(--goa-color-emergency-dark); --goa-icon-button-destructive-color: var(--goa-color-emergency-default); --goa-icon-button-dark-disabled-color: 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-600); --goa-icon-button-light-color: var(--goa-color-greyscale-white); --goa-icon-button-default-hover-color-bg: var(--goa-color-greyscale-100); --goa-icon-button-default-hover-color: var(--goa-color-interactive-hover); --goa-icon-button-default-color: var(--goa-color-interactive-default); --goa-icon-button-large-border-radius: var(--goa-border-radius-xl); --goa-icon-button-medium-border-radius: var(--goa-border-radius-m); --goa-icon-button-border-radius: var(--goa-border-radius-m); --goa-icon-button-large-padding: var(--goa-space-s); --goa-icon-button-medium-padding: var(--goa-space-xs); --goa-icon-button-small-padding: var(--goa-space-2xs); --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-menu-dropdown-border: var(--goa-border-width-2xs) solid var(--goa-color-greyscale-150); --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-color-bg-nav-item-in-menu-current: var(--goa-color-interactive-default); --goa-app-header-padding-secondary-nav-item-in-menu: var(--goa-space-s) var(--goa-space-xs) var(--goa-space-s) var(--goa-space-l); --goa-app-header-padding-nav-item-in-menu: var(--goa-space-xs); --goa-app-header-nav-hover-indicator-color: var(--goa-color-greyscale-200); --goa-app-header-nav-active-indicator-color: var(--goa-color-interactive-default); --goa-app-header-border-nav-item-current: var(--goa-border-width-xl) solid var(--goa-color-interactive-default); --goa-app-header-border-nav-item-hover: var(--goa-border-width-xl) solid var(--goa-color-greyscale-200); --goa-app-header-border-nav-item-default: var(--goa-border-width-xl) solid transparent; --goa-app-header-height-nav-item: var(--goa-space-2xl); --goa-app-header-padding-nav-item: var(--goa-space-2xs) var(--goa-space-2xs) 0 var(--goa-space-2xs); --goa-app-header-typography-nav-item: var(--goa-font-weight-medium) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-app-header-nav-item-gap: var(--goa-space-m); --goa-app-header-nav-bar-bg: var(--goa-color-greyscale-50); --goa-app-header-utilities-gap: var(--goa-space-s); --goa-app-header-service-phase-row-gap: var(--goa-space-xs); --goa-app-header-service-phase-gap-horizontal: var(--goa-space-m); --goa-app-header-service-name-secondary-text-gap: var(--goa-space-3xs); --goa-app-header-service-name-border-focus: var(--goa-border-width-l) solid var(--goa-color-interactive-focus); --goa-app-header-typography-service-name-mobile: var(--goa-font-weight-semi-bold) var(--goa-font-size-3)/var(--goa-line-height-1) var(--goa-font-family-sans); --goa-app-header-logo-service-gap-small-screen: var(--goa-space-l); --goa-app-header-logo-service-gap: var(--goa-space-2xl); --goa-app-header-logo-mobile-size: var(--goa-space-xl); --goa-app-header-logo-desktop-height: var(--goa-space-xl); --goa-app-header-padding-tablet: var(--goa-space-xl); --goa-app-header-padding-mobile: var(--goa-space-m); --goa-app-header-padding-desktop: var(--goa-space-2xl); --goa-app-header-padding-v: var(--goa-space-s); --goa-app-header-padding-h-mobile: var(--goa-space-m); --goa-app-header-padding-h-desktop: var(--goa-space-2xl); --goa-app-header-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-150); --goa-app-header-color-bg: var(--goa-color-greyscale-white); --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-600); --goa-form-item-message-stack-gap-compact: var(--goa-space-2xs); --goa-form-item-message-stack-gap: var(--goa-space-xs); --goa-form-item-message-margin-top-selection-compact: var(--goa-space-s); --goa-form-item-message-margin-top-selection-regular: var(--goa-space-m); --goa-form-item-message-margin-top-compact: var(--goa-space-xs); --goa-form-item-message-margin-top-regular: var(--goa-space-s); --goa-form-item-message-margin-top-large: var(--goa-space-m); --goa-form-item-message-gap: var(--goa-space-2xs); --goa-form-item-label-compact-typography: var(--goa-font-weight-semi-bold) var(--goa-font-size-3)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-form-item-label-typography: var(--goa-font-weight-semi-bold) var(--goa-font-size-4)/var(--goa-line-height-4) var(--goa-font-family-sans); --goa-form-item-label-large-typography: var(--goa-font-weight-bold) var(--goa-font-size-8)/var(--goa-line-height-5) var(--goa-font-family-sans); --goa-footer-meta-links-margin: var(--goa-space-none); --goa-footer-meta-links-gap: var(--goa-space-xl); --goa-footer-typography-small-screen: var(--goa-font-size-3); --goa-footer-padding-small-screen: var(--goa-space-l) var(--goa-space-m); --goa-footer-padding-medium-screen: var(--goa-space-l) var(--goa-space-xl); --goa-footer-padding-large-screen: var(--goa-space-l) var(--goa-space-3xl); --goa-footer-link-focus-border-radius: var(--goa-border-radius-s); --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-800); --goa-footer-color-links-hover: var(--goa-color-greyscale-700); --goa-footer-color-links: var(--goa-color-greyscale-black); --goa-footer-color-bg: var(--goa-color-greyscale-100); --goa-footer-border-top: var(--goa-border-width-m) solid var(--goa-color-greyscale-150); --goa-footer-border-bottom: var(--goa-border-width-none) solid var(--goa-color-brand-default); --goa-filter-chip-close-button-error-hover-bg-color: var(--goa-input-color-background-error-hover); --goa-filter-chip-min-height: var(--goa-space-xl); --goa-filter-chip-line-height: var(--goa-line-height-2); --goa-filter-chip-gap: var(--goa-space-s); --goa-filter-chip-padding-horizontal-right: var(--goa-space-xs); --goa-filter-chip-padding-horizontal-left: var(--goa-space-s); --goa-filter-chip-secondary-text-color: var(--goa-color-greyscale-600); --goa-filter-chip-icon-color: var(--goa-color-greyscale-600); --goa-filter-chip-bg-color: var(--goa-color-greyscale-white); --goa-filter-chip-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-300); --goa-filter-chip-border-radius: var(--goa-border-radius-3xl); --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-multiselect-divider: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-dropdown-multiselect-compact-item-padding: 0 var(--goa-space-xs); --goa-dropdown-multiselect-compact-padding: 0 var(--goa-space-s); --goa-dropdown-multiselect-menu-margin: var(--goa-space-xs); --goa-dropdown-multiselect-space-icon-text: var(--goa-space-s); --goa-dropdown-multiselect-padding-lr: var(--goa-space-s); --goa-dropdown-multiselect-padding-vertical: var(--goa-space-m); --goa-dropdown-multiselect-padding: var(--goa-space-m) var(--goa-space-s); --goa-dropdown-multiselect-item-border-radius: var(--goa-border-radius-s); --goa-dropdown-multiselect-item-padding: var(--goa-space-s) var(--goa-space-xs); --goa-dropdown-multiselect-item-color-text-selected: var(--goa-color-greyscale-white); --goa-dropdown-multiselect-item-color-bg-selected-hover: var(--goa-color-interactive-hover); --goa-dropdown-multiselect-item-color-bg-selected: var(--goa-color-interactive-default); --goa-dropdown-multiselect-item-color-bg-hover: var(--goa-color-greyscale-100); --goa-dropdown-compact-item-padding: 0 var(--goa-space-xs); --goa-dropdown-compact-padding: 0 var(--goa-space-s); --goa-dropdown-menu-margin: var(--goa-space-xs); --goa-dropdown-space-icon-text: var(--goa-space-s); --goa-dropdown-padding-lr: var(--goa-space-s); --goa-dropdown-padding-vertical: var(--goa-space-m); --goa-dropdown-padding: var(--goa-space-m) var(--goa-space-s); --goa-dropdown-item-border-radius: var(--goa-border-radius-s); --goa-dropdown-item-padding: var(--goa-space-s) var(--goa-space-xs); --goa-dropdown-item-color-text-selected: var(--goa-color-greyscale-white); --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-color-bg-error-hover: var(--goa-input-color-background-error-hover); --goa-drawer-padding: var(--goa-space-m); --goa-drawer-actions-padding-bottom: var(--goa-space-l); --goa-drawer-actions-padding-top: var(--goa-space-m); --goa-drawer-content-padding-vertical: var(--goa-space-l); --goa-drawer-content-padding-horizontal: var(--goa-space-l); --goa-drawer-offset: var(--goa-space-m); --goa-drawer-border-radius: var(--goa-border-radius-3xl); --goa-divider-color: var(--goa-color-greyscale-200); --goa-details-icon-color-hover: var(--goa-color-interactive-hover); --goa-details-typography: var(--goa-font-weight-semi-bold) var(--goa-font-size-4)/var(--goa-line-height-4) var(--goa-font-family-sans); --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-top: var(--goa-space-2xs); --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: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-details-color-text-hover: var(--goa-color-interactive-hover); --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-today-outline-offset: var(--goa-space-3xs); --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-150); --goa-date-input-day-border-radius: var(--goa-border-radius-xs); --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-xl) solid var(--goa-color-interactive-default); --goa-date-input-day-of-week-margin: var(--goa-space-xs) 0; --goa-container-important-border: var(--goa-border-width-s) solid var(--goa-color-warning-border); --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-border); --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-border); --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-border); --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-50); --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-s); --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-xl); --goa-checkbox-size: var(--goa-space-l); --goa-checkbox-gap-compact: var(--goa-space-xs); --goa-checkbox-gap: var(--goa-space-s); --goa-checkbox-color-bg-checked-error-hover: var(--goa-color-interactive-error-hover); --goa-checkbox-color-bg-checked-hover: var(--goa-color-interactive-hover); --goa-checkbox-color-bg-checked-error-disabled: var(--goa-color-interactive-error-disabled); --goa-checkbox-color-bg-checked-error: var(--goa-color-interactive-error); --goa-checkbox-color-bg-checked-disabled: var(--goa-color-greyscale-300); --goa-checkbox-color-bg-checked: var(--goa-color-interactive-default); --goa-checkbox-border-error-hover: var(--goa-border-width-m) solid var(--goa-input-color-border-error-hover); --goa-checkbox-border-hover: var(--goa-border-width-m) solid var(--goa-input-color-border-hover); --goa-checkbox-border-focus: var(--goa-border-width-l) solid var(--goa-input-color-border-focus); --goa-checkbox-border-error: var(--goa-border-width-m) solid var(--goa-input-color-border-error); --goa-checkbox-border-disabled-error: var(--goa-border-width-m) solid #F58185; --goa-callout-h-emergency-icon-color: var(--goa-color-greyscale-white); --goa-callout-emergency-icon-color: var(--goa-color-emergency-default); --goa-callout-h-success-icon-color: var(--goa-color-greyscale-white); --goa-callout-success-icon-color: var(--goa-color-success-default); --goa-callout-h-important-icon-color: var(--goa-color-greyscale-800); --goa-callout-important-icon-color: var(--goa-color-warning-dark); --goa-callout-h-info-icon-color: var(--goa-color-greyscale-white); --goa-callout-info-icon-color: var(--goa-color-info-default); --goa-callout-l-emergency-content-bg-color: var(--goa-color-emergency-background); --goa-callout-h-emergency-content-bg-color: var(--goa-color-emergency-background); --goa-callout-emergency-content-bg-color: var(--goa-color-greyscale-white); --goa-callout-l-success-content-bg-color: var(--goa-color-success-background); --goa-callout-h-success-content-bg-color: var(--goa-color-success-background); --goa-callout-success-content-bg-color: var(--goa-color-greyscale-white); --goa-callout-l-important-content-bg-color: var(--goa-color-warning-background); --goa-callout-h-important-content-bg-color: var(--goa-color-warning-background); --goa-callout-important-content-bg-color: var(--goa-color-greyscale-white); --goa-callout-l-info-content-bg-color: var(--goa-color-info-background); --goa-callout-h-info-content-bg-color: var(--goa-color-info-background); --goa-callout-info-content-bg-color: var(--goa-color-greyscale-white); --goa-callout-h-emergency-heading-bg-color: var(--goa-color-emergency-default); --goa-callout-emergency-heading-bg-color: var(--goa-color-emergency-light); --goa-callout-h-success-heading-bg-color: var(--goa-color-success-default); --goa-callout-success-heading-bg-color: var(--goa-color-success-light); --goa-callout-h-important-heading-bg-color: var(--goa-color-warning-default); --goa-callout-important-heading-bg-color: var(--goa-color-warning-light); --goa-callout-h-info-heading-bg-color: var(--goa-color-info-default); --goa-callout-info-heading-bg-color: var(--goa-color-info-light); --goa-callout-l-emergency-border-color: var(--goa-color-emergency-border); --goa-callout-h-emergency-border-color: var(--goa-color-emergency-border); --goa-callout-l-success-border-color: var(--goa-color-success-border); --goa-callout-h-success-border-color: var(--goa-color-success-border); --goa-callout-l-important-border-color: var(--goa-color-warning-border); --goa-callout-h-important-border-color: var(--goa-color-warning-border); --goa-callout-l-info-border-color: var(--goa-color-info-border); --goa-callout-h-info-border-color: var(--goa-color-info-border); --goa-callout-l-without-heading-body-padding: 0.875rem var(--goa-space-s) var(--goa-space-m) 0; --goa-callout-heading-padding: var(--goa-space-s) var(--goa-space-s) var(--goa-space-s) 1.125rem; --goa-callout-heading-typography: var(--goa-font-weight-semi-bold) var(--goa-font-size-4)/var(--goa-line-height-2) var(--goa-font-family-sans); --goa-callout-heading-gap: var(--goa-space-xs); --goa-callout-border-radius: var(--goa-border-radius-xl); --goa-callout-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-150); --goa-button-group-compact-gap: var(--goa-space-s); --goa-button-group-gap: var(--goa-space-m); --goa-button-text-dark-focus-color-text: var(--goa-color-greyscale-black); --goa-button-text-dark-hover-color-text: var(--goa-color-interactive-hover); --goa-button-text-dark-color-text: var(--goa-color-greyscale-black); --goa-button-text-inverse-hover-color-text: var(--goa-color-greyscale-200); --goa-button-text-destructive-focus-color-text: var(--goa-color-emergency-default); --goa-button-text-destructive-hover-color-text: var(--goa-color-emergency-dark); --goa-button-text-destructive-color-text: var(--goa-color-emergency-default); --goa-button-text-compact-font: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-05) var(--goa-font-family-sans); --goa-button-text-font: var(--goa-font-weight-medium) var(--goa-font-size-5)/var(--goa-line-height-1) var(--goa-font-family-sans); --goa-button-text-focus-color-text: var(--goa-color-interactive-default); --goa-button-text-hover-color-text: var(--goa-color-interactive-hover); --goa-button-text-color-text: var(--goa-color-interactive-default); --goa-button-text-compact-padding: 0 var(--goa-space-2xs); --goa-button-text-padding: 0 var(--goa-space-2xs); --goa-button-text-border-radius: var(--goa-border-radius-s); --goa-button-tertiary-inverse-hover-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-button-tertiary-inverse-hover-color-text: var(--goa-color-greyscale-200); --goa-button-tertiary-inverse-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-white); --goa-button-tertiary-disabled-color-border: var(--goa-color-greyscale-200); --goa-button-tertiary-destructive-focus-color-text: var(--goa-color-emergency-dark); --goa-button-tertiary-destructive-hover-border: var(--goa-border-width-s) solid 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-destructive-color-border: var(--goa-color-emergency-border); --goa-button-tertiary-focus-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-black); --goa-button-tertiary-hover-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-black); --goa-button-tertiary-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200); --goa-button-secondary-inverse-focus-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-inverse-hover-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-inverse-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-destructive-focus-border: var(--goa-border-width-none) solid transparent; --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-bg: var(--goa-color-interactive-secondary); --goa-button-secondary-inverse-color-text: var(--goa-color-interactive-hover); --goa-button-secondary-disabled-color-text: var(--goa-color-greyscale-400); --goa-button-secondary-disabled-color-bg: var(--goa-color-greyscale-150); --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-color-bg: var(--goa-input-color-background-error-hover); --goa-button-secondary-destructive-hover-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-destructive-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-destructive-color-bg: var(--goa-color-emergency-light); --goa-button-secondary-destructive-color-text: var(--goa-color-emergency-dark); --goa-button-secondary-focus-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-focus-color-text: var(--goa-color-interactive-hover); --goa-button-secondary-focus-color-bg: var(--goa-color-interactive-secondary); --goa-button-secondary-hover-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-hover-color-text: var(--goa-color-interactive-hover); --goa-button-secondary-hover-color-bg: var(--goa-color-interactive-secondary-hover); --goa-button-secondary-border: var(--goa-border-width-none) solid transparent; --goa-button-secondary-color-text: var(--goa-color-interactive-hover); --goa-button-secondary-color-bg: var(--goa-color-interactive-secondary); --goa-button-primary-inverse-focus-color-bg: var(--goa-color-interactive-default); --goa-button-primary-inverse-hover-color-bg: var(--goa-color-interactive-hover); --goa-button-primary-inverse-color-bg: var(--goa-color-interactive-default); --goa-button-primary-destructive-focus-color-bg: var(--goa-color-emergency-default); --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 transparent; --goa-button-primary-focus-color-bg: var(--goa-color-interactive-default); --goa-button-primary-hover-border: var(--goa-border-width-none) solid transparent; --goa-button-primary-hover-color-bg: var(--goa-color-interactive-hover); --goa-button-primary-border: var(--goa-border-width-none) solid transparent; --goa-button-primary-color-bg: var(--goa-color-interactive-default); --goa-button-compact-icon-size: var(--goa-icon-size-3); --goa-button-icon-size: var(--goa-icon-size-4); --goa-button-gap: var(--goa-space-xs); --goa-button-text-start: var(--goa-font-weight-medium) var(--goa-font-size-5)/var(--goa-line-height-05) var(--goa-font-family-sans); --goa-button-text-compact: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-05) var(--goa-font-family-sans); --goa-button-text: var(--goa-font-weight-medium) var(--goa-font-size-5)/var(--goa-line-height-1) var(--goa-font-family-sans); --goa-button-padding-lr-start: var(--goa-space-xl); --goa-button-padding-compact: 0 var(--goa-space-m); --goa-button-padding: 0 var(--goa-space-xl); --goa-button-border-radius: var(--goa-border-radius-m); --goa-badge-dawn-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-extended-dawn-border); --goa-badge-sunset-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-extended-sunset-border); --goa-badge-pasture-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-extended-pasture-border); --goa-badge-lilac-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-extended-lilac-border); --goa-badge-prairie-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-extended-prairie-border); --goa-badge-sky-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-extended-sky-border); --goa-badge-archived-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-200); --goa-badge-archived-subtle-color-bg: var(--goa-color-greyscale-white); --goa-badge-archived-color-content: var(--goa-color-greyscale-800); --goa-badge-archived-color-bg: var(--goa-color-greyscale-200); --goa-badge-default-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-greyscale-200); --goa-badge-default-subtle-color-bg: var(--goa-color-greyscale-100); --goa-badge-default-color-bg: var(--goa-color-greyscale-800); --goa-badge-emergency-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-emergency-border); --goa-badge-emergency-subtle-color-content: var(--goa-color-emergency-text-dark); --goa-badge-emergency-subtle-color-bg: var(--goa-color-emergency-light); --goa-badge-emergency-color-content: var(--goa-color-emergency-text-inverse); --goa-badge-emergency-color-bg: var(--goa-color-emergency-default); --goa-badge-important-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-warning-border); --goa-badge-important-subtle-color-content: var(--goa-color-warning-text-dark); --goa-badge-important-subtle-color-bg: var(--goa-color-warning-light); --goa-badge-important-color-content: var(--goa-color-warning-text-dark); --goa-badge-important-color-bg: var(--goa-color-warning-default); --goa-badge-success-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-success-border); --goa-badge-success-subtle-color-content: var(--goa-color-success-text-dark); --goa-badge-success-subtle-color-bg: var(--goa-color-success-light); --goa-badge-success-color-content: var(--goa-color-success-text-inverse); --goa-badge-success-color-bg: var(--goa-color-success-default); --goa-badge-info-subtle-border: inset 0 0 0 var(--goa-border-width-s) var(--goa-color-info-border); --goa-badge-info-subtle-color-content: var(--goa-color-info-text-dark); --goa-badge-info-subtle-color-bg: var(--goa-color-info-light); --goa-badge-info-color-content: var(--goa-color-info-text-inverse); --goa-badge-info-color-bg: var(--goa-color-info-default); --goa-badge-border-width: var(--goa-border-width-s); --goa-badge-border-radius: var(--goa-border-radius-s); --goa-badge-icon-size-large: var(--goa-icon-size-m); --goa-badge-icon-size: var(--goa-icon-size-s); --goa-badge-line-height-large: var(--goa-line-height-2); --goa-badge-line-height: var(--goa-line-height-1); --goa-badge-font-size-large: var(--goa-font-size-3); --goa-badge-font-size: var(--goa-font-size-2); --goa-badge-gap: var(--goa-space-2xs); --goa-badge-padding-large: 0 var(--goa-space-xs); --goa-badge-padding: 0 var(--goa-space-xs); --goa-accordion-icon-color-hover: var(--goa-color-greyscale-black); --goa-accordion-icon-color: var(--goa-color-greyscale-black); --goa-accordion-heading-m: var(--goa-font-weight-medium) var(--goa-font-size-5)/var(--goa-line-height-5) var(--goa-font-family-sans); --goa-accordion-heading: var(--goa-font-weight-medium) var(--goa-font-size-4)/var(--goa-line-height-4) var(--goa-font-family-sans); --goa-accordion-border-hover: var(--goa-border-width-s) solid var(--goa-color-greyscale-black); --goa-accordion-border-focus: 3px solid var(--goa-color-interactive-focus); --goa-accordion-color-filled-bg-heading-hover: var(--goa-color-greyscale-150); --goa-accordion-color-bg-heading-hover: var(--goa-color-greyscale-50); --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-m-icon-right: calc(var(--goa-space-s) - var(--goa-border-width-s)) 0 calc(var(--goa-space-s) - var(--goa-border-width-s)) var(--goa-space-m); --goa-accordion-padding-heading-m-icon-left: calc(var(--goa-space-s) - var(--goa-border-width-s)) var(--goa-space-m) calc(var(--goa-space-s) - var(--goa-border-width-s)) 0; --goa-accordion-padding-heading-icon-right: calc(var(--goa-space-xs) - var(--goa-border-width-s)) 0 calc(var(--goa-space-xs) - var(--goa-border-width-s)) var(--goa-space-m); --goa-accordion-padding-heading-icon-left: calc(var(--goa-space-xs) - var(--goa-border-width-s)) var(--goa-space-m) calc(var(--goa-space-xs) - var(--goa-border-width-s)) 0; --goa-accordion-border-radius-focus: var(--goa-border-radius-2xl) var(--goa-border-radius-2xl) var(--goa-border-radius-xs) var(--goa-border-radius-xs); --goa-accordion-border-radius: var(--goa-border-radius-2xl); --goa-accordion-divider-hover: var(--goa-border-width-s) solid var(--goa-color-greyscale-black); --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-filled-bg-heading: var(--goa-color-greyscale-100); --goa-accordion-color-bg-heading: var(--goa-color-greyscale-white); --goa-input-color-text-default: var(--goa-color-text-default); --goa-workspace-layout-mobile-toggle-color: var(--goa-color-text-default); --goa-work-side-menu-item-text-size: var(--goa-typography-body-s); --goa-work-side-menu-item-text-color-hover: var(--goa-color-text-default); --goa-work-side-menu-item-text-color-current: var(--goa-color-text-default); --goa-work-side-menu-group-item-text-size: var(--goa-typography-body-xs); --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-compact: var(--goa-typography-body-s); --goa-text-area-typography: var(--goa-typography-body-m); --goa-text-area-color-text-placeholder: var(--goa-input-color-text-placeholder); --goa-text-area-color-text-disabled: var(--goa-input-color-text-disabled); --goa-text-area-color-text-counter-error: var(--goa-input-color-border-error); --goa-text-area-color-text-counter: var(--goa-input-color-text-secondary); --goa-text-area-color-text: var(--goa-input-color-text-secondary); --goa-text-area-color-bg-readonly: var(--goa-input-color-background-readonly); --goa-text-area-color-bg-disabled: var(--goa-input-color-background-disabled); --goa-text-area-color-bg: var(--goa-input-color-background-default); --goa-text-area-border-radius: var(--goa-input-border-radius-input); --goa-text-area-border-hover: inset 0 0 0 var(--goa-input-border-width-hover) var(--goa-input-color-border-hover); --goa-text-area-border-focus: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-focus); --goa-text-area-border-error: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-error); --goa-text-area-border-disabled: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-disabled); --goa-text-area-border: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-default); --goa-temporary-notification-typography: var(--goa-typography-body-m); --goa-temporary-notification-color-text: var(--goa-color-text-light); --goa-tab-color-text-hover: var(--goa-color-text-default); --goa-tab-color-text: var(--goa-color-text-default); --goa-table-typography-heading: var(--goa-typography-body-xs); --goa-side-menu-group-item-typography: var(--goa-typography-body-xs); --goa-side-menu-color-item-current: var(--goa-color-text-default); --goa-side-menu-color-item: var(--goa-color-text-default); --goa-side-menu-icon-color: var(--goa-color-text-secondary); --goa-side-menu-heading-typography: var(--goa-typography-body-xs); --goa-radio-inner-color-disabled: var(--goa-color-interactive-disabled); --goa-radio-description: var(--goa-typography-body-xs); --goa-push-drawer-heading-typography: var(--goa-typography-heading-s); --goa-circular-progress-small-text: var(--goa-typography-body-m); --goa-circular-progress-large-text: var(--goa-typography-body-l); --goa-pagination-text-color: var(--goa-color-text-default); --goa-pagination-text-size: var(--goa-typography-body-m); --goa-notification-banner-emergency-high-color-text: var(--goa-color-text-light); --goa-notification-banner-information-high-color-text: var(--goa-color-text-light); --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-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-link-color-light-default: var(--goa-color-text-light); --goa-linear-progress-percentage-text: var(--goa-typography-body-xs); --goa-linear-progress-percentage-color: var(--goa-color-text-secondary); --goa-text-input-lt-content-color-bg-readonly: var(--goa-input-color-background-readonly-content); --goa-text-input-color-bg-readonly: var(--goa-input-color-background-readonly); --goa-text-input-border-readonly: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-readonly); --goa-text-input-typography-compact: var(--goa-typography-body-s); --goa-text-input-typography: var(--goa-typography-body-m); --goa-text-input-padding: 9px var(--goa-text-input-padding-lr) 11px; --goa-text-input-color-text-placeholder: var(--goa-input-color-text-placeholder); --goa-text-input-color-text-disabled: var(--goa-input-color-text-disabled); --goa-text-input-color-icon-disabled: var(--goa-input-color-text-disabled); --goa-text-input-color-bg-disabled: var(--goa-input-color-background-disabled); --goa-text-input-color-bg: var(--goa-input-color-background-default); --goa-text-input-border-radius: var(--goa-input-border-radius-input); --goa-text-input-border-hover: inset 0 0 0 var(--goa-input-border-width-hover) var(--goa-input-color-border-hover); --goa-text-input-border-focus: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-focus); --goa-text-input-border-error: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-error); --goa-text-input-border-disabled: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-disabled); --goa-text-input-border: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-default); --goa-icon-button-default-disabled-color: var(--goa-color-interactive-disabled); --goa-icon-button-focus-border-color: var(--goa-input-color-border-focus); --goa-icon-button-focus-border-width: var(--goa-input-border-width-focus); --goa-hero-banner-content: var(--goa-typography-body-l); --goa-hero-banner-heading: var(--goa-typography-heading-xl); --goa-app-header-color-text-nav-item-in-menu-current-hover: var(--goa-color-text-secondary); --goa-app-header-color-text-nav-item-in-menu-current: var(--goa-color-text-secondary); --goa-app-header-nav-text-color: var(--goa-color-text-secondary); --goa-app-header-color-text-nav-item-current: var(--goa-color-text-secondary); --goa-app-header-color-text-nav-item: var(--goa-color-text-secondary); --goa-app-header-secondary-text-typography-mobile: var(--goa-typography-body-xs); --goa-app-header-secondary-text-typography-desktop: var(--goa-typography-body-s); --goa-app-header-secondary-text-color: var(--goa-color-text-secondary); --goa-app-header-typography-service-name: var(--goa-typography-heading-xs); --goa-app-header-color-service-name: var(--goa-color-text-default); --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-help-message-color: var(--goa-input-color-text-helper); --goa-form-item-error-message-color: var(--goa-input-color-text-error); --goa-footer-color-links-secondary: var(--goa-color-text-secondary); --goa-footer-color-text: var(--goa-color-text-default); --goa-filter-chip-typography: var(--goa-typography-body-s); --goa-filter-chip-secondary-text-color-error: var(--goa-input-color-text-error); --goa-filter-chip-icon-color-error: var(--goa-input-color-text-error); --goa-filter-chip-border-color-error: var(--goa-input-color-border-error); --goa-filter-chip-bg-color-error: var(--goa-input-color-background-error); --goa-filter-chip-text-color-error: var(--goa-input-color-border-error); --goa-filter-chip-text-color: 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-multiselect-compact-item-typography: var(--goa-typography-body-s); --goa-dropdown-multiselect-compact-typography: var(--goa-typography-body-s); --goa-dropdown-multiselect-menu-border-radius: var(--goa-input-border-radius-input); --goa-dropdown-multiselect-helper-typography: var(--goa-typography-body-xs); --goa-dropdown-multiselect-label-typography: var(--goa-typography-body-m); --goa-dropdown-multiselect-typography: var(--goa-typography-body-m); --goa-dropdown-multiselect-item-color-text-selected-hover: var(--goa-color-text-light); --goa-dropdown-multiselect-item-color-text-hover: var(--goa-color-text-default); --goa-dropdown-multiselect-item-color-text-disabled: var(--goa-color-text-disabled); --goa-dropdown-multiselect-item-color-text: var(--goa-color-text-secondary); --goa-dropdown-multiselect-item-color-bg-disabled: var(--goa-input-color-background-disabled); --goa-dropdown-multiselect-item-color-bg: var(--goa-input-color-background-default); --goa-dropdown-multiselect-color-text-error: var(--goa-input-color-text-error); --goa-dropdown-multiselect-color-text-placeholder: var(--goa-input-color-text-placeholder); --goa-dropdown-multiselect-color-text-disabled: var(--goa-input-color-text-disabled); --goa-dropdown-multiselect-color-bg-disabled: var(--goa-input-color-background-disabled); --goa-dropdown-multiselect-color-bg: var(--goa-input-color-background-default); --goa-dropdown-multiselect-border-radius: var(--goa-input-border-radius-input); --goa-dropdown-multiselect-border-error-hover: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-error-hover); --goa-dropdown-multiselect-border-hover: inset 0 0 0 var(--goa-input-border-width-hover) var(--goa-input-color-border-hover); --goa-dropdown-multiselect-border-focus: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-focus); --goa-dropdown-multiselect-border-error: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-error); --goa-dropdown-multiselect-border-disabled: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-disabled); --goa-dropdown-multiselect-border: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-default); --goa-dropdown-compact-item-typography: var(--goa-typography-body-s); --goa-dropdown-compact-typography: var(--goa-typography-body-s); --goa-dropdown-menu-border-radius: var(--goa-input-border-radius-input); --goa-dropdown-helper-typography: var(--goa-typography-body-xs); --goa-dropdown-label-typography: var(--goa-typography-body-m); --goa-dropdown-typography: var(--goa-typography-body-m); --goa-dropdown-item-color-text-selected-hover: var(--goa-color-text-light); --goa-dropdown-item-color-text-hover: var(--goa-color-text-default); --goa-dropdown-item-color-text-disabled: var(--goa-color-text-disabled); --goa-dropdown-item-color-text: var(--goa-color-text-default); --goa-dropdown-item-color-bg-disabled: var(--goa-input-color-background-disabled); --goa-dropdown-item-color-bg: var(--goa-input-color-background-default); --goa-dropdown-color-text-error: var(--goa-input-color-text-error); --goa-dropdown-color-text-placeholder: var(--goa-input-color-text-placeholder); --goa-dropdown-color-text-disabled: var(--goa-input-color-text-disabled); --goa-dropdown-color-bg-error: var(--goa-input-color-background-error); --goa-dropdown-color-bg-disabled: var(--goa-input-color-background-disabled); --goa-dropdown-color-bg: var(--goa-input-color-background-default); --goa-dropdown-border-radius: var(--goa-input-border-radius-input); --goa-dropdown-border-error-hover: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-error-hover); --goa-dropdown-border-hover: inset 0 0 0 var(--goa-input-border-width-hover) var(--goa-input-color-border-hover); --goa-dropdown-border-focus: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-focus); --goa-dropdown-border-error: inset 0 0 0 var(--goa-input-border-width-focus) var(--goa-input-color-border-error); --goa-dropdown-border-disabled: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-disabled); --goa-dropdown-border: inset 0 0 0 var(--goa-input-border-width-default) var(--goa-input-color-border-default); --goa-drawer-heading-typography: var(--goa-typography-heading-s); --goa-details-icon-color: var(--goa-color-text-default); --goa-details-content-typography: var(--goa-typography-body-m); --goa-details-color-text: var(--goa-color-text-default); --goa-date-input-day-color-text-disabled: var(--goa-input-color-text-disabled); --goa-date-input-day-color-text-other-month: var(--goa-input-color-text-disabled); --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-font-today: var(--goa-typography-heading-2xs); --goa-date-input-day-font: var(--goa-typography-body-s); --goa-date-input-day-of-week-font: var(--goa-typography-heading-2xs); --goa-date-input-calendar-border-radius: var(--goa-input-border-radius-input); --goa-date-input-calendar-border: var(--goa-input-border-width-default) solid var(--goa-input-color-border-default); --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-xs); --goa-checkbox-label-font-size-compact: var(--goa-typography-body-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-disabled: var(--goa-input-color-text-disabled); --goa-checkbox-color-label: var(--goa-input-color-text-secondary); --goa-checkbox-color-bg: var(--goa-input-color-background-default); --goa-checkbox-border-radius: var(--goa-input-border-radius-checkbox); --goa-checkbox-border-disabled: var(--goa-input-border-width-default) solid var(--goa-input-color-border-default); --goa-checkbox-border: var(--goa-input-border-width-default) solid var(--goa-input-color-border-default); --goa-callout-h-emergency-heading-color: var(--goa-color-text-light); --goa-callout-h-success-heading-color: var(--goa-color-text-light); --goa-callout-h-important-heading-color: var(--goa-color-text-default); --goa-callout-h-info-heading-color: var(--goa-color-text-light); --goa-callout-body-color: var(--goa-color-text-secondary); --goa-callout-body-typography: var(--goa-typography-body-s); --goa-callout-heading-color: var(--goa-color-text-default); --goa-button-text-inverse-focus-color-text: var(--goa-color-text-light); --goa-button-text-inverse-color-text: var(--goa-color-text-light); --goa-button-text-compact-disabled-color-text: var(--goa-color-interactive-disabled); --goa-button-text-disabled-color-text: var(--goa-color-interactive-disabled); --goa-button-tertiary-inverse-focus-color-text: var(--goa-color-text-light); --goa-button-tertiary-inverse-color-text: var(--goa-color-text-light); --goa-button-tertiary-disabled-color-text: var(--goa-color-interactive-disabled); --goa-button-tertiary-focus-color-text: var(--goa-color-text-default); --goa-button-tertiary-hover-color-text: var(--goa-color-text-default); --goa-button-tertiary-color-text: var(--goa-color-text-default); --goa-button-primary-inverse-hover-color-text: var(--goa-color-text-light); --goa-button-primary-inverse-color-text: var(--goa-color-text-light); --goa-button-primary-disabled-color-text: var(--goa-color-text-light); --goa-button-primary-disabled-color-bg: var(--goa-color-interactive-disabled); --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-archived-subtle-color-content: var(--goa-color-text-default); --goa-badge-default-subtle-color-content: var(--goa-color-text-default); --goa-badge-default-color-content: var(--goa-color-text-light); --goa-accordion-heading-secondary-text-color: var(--goa-color-text-default); --goa-accordion-heading-m-secondary-text: var(--goa-typography-body-s); --goa-accordion-heading-secondary-text: var(--goa-typography-body-xs); --goa-accordion-color-heading-hover: var(--goa-color-text-default); --goa-accordion-color-heading: var(--goa-color-text-default); --goa-text-input-color-text: var(--goa-input-color-text-default); --goa-dropdown-multiselect-color-text: var(--goa-input-color-text-default); --goa-dropdown-color-text: var(--goa-input-color-text-default); --goa-date-input-day-color-text-hover: var(--goa-input-color-text-default); --goa-date-input-day-color-text: var(--goa-input-color-text-default); } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/fscd-intake/fscd-intake-ui/src/styles.scss?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */ .outline, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active, .ads-primary:focus, .ads-primary:active { outline: 3px solid var(--goab-color-interactive-focus, #feba35); } .ads-disabled, .ads-tertiary[disabled], [disabled].ads-secondary, .ads-primary[disabled] { border: none; background-color: var(--goab-color-greyscale-100, #f1f1f1); color: var(--goab-color-greyscale-700, #666) !important; } .ads-disabled:hover, .ads-tertiary[disabled]:hover, [disabled].ads-secondary:hover, .ads-primary[disabled]:hover, .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); } .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); outline: none; } .ads-primary { border: 2px solid; border-color: var(--goab-color-interactive-default, #0070c4); } .ads-primary:hover, .ads-primary:focus, .ads-primary:active { background-color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-tertiary, .ads-secondary { color: var(--goab-color-interactive-default, #0070c4); border: 1px solid var(--goab-color-greyscale-200, #dcdcdc); } .ads-tertiary:hover, .ads-secondary:hover, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active { color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-secondary { border: 2px solid var(--goab-color-interactive-default, #0070c4); } body { margin: 0; } h2 { margin-bottom: 24px !important; } h3 { margin-top: 24px !important; } ul, ol { padding-left: 24px; } li { margin: 12px 0; } a { color: var(--goab-color-interactive-default, #0070c4); } em { font-size: inherit !important; line-height: inherit !important; color: inherit !important; } .mat-mdc-tab-header { --scss-font-size: 18px; } mat-tab-header [role=tab], nav [role=tab] { --mat-tab-header-inactive-focus-label-text-color: var(--goab-color-greyscale-black, #333); --mat-tab-header-inactive-hover-label-text-color: var(--goab-color-greyscale-black, #333); --mat-tab-header-active-focus-label-text-color: var(--goab-color-greyscale-black, #333); --mat-tab-header-active-hover-label-text-color: var(--goab-color-greyscale-black, #333); --mat-tab-header-active-label-text-color: var(--goab-color-greyscale-black, #333); --mat-tab-header-inactive-label-text-color: var(--goab-color-greyscale-black, #333); } mat-tab-header [role=tab].mdc-tab--active *, nav [role=tab].mdc-tab--active * { font-weight: bolder; } mat-tab-header [role=tab].mdc-tab--active .mdc-tab__content:after, nav [role=tab].mdc-tab--active .mdc-tab__content:after { content: ""; display: block; position: absolute; width: 100%; height: 4px; background: var(--goab-color-interactive-default, #0070c4); right: 0; bottom: 0; } mat-tab-header [role=tab] .mdc-tab-indicator, nav [role=tab] .mdc-tab-indicator { display: none !important; } mat-tab-header .mat-mdc-tab-label-container, mat-tab-header .mat-mdc-tab-link-container, nav .mat-mdc-tab-label-container, nav .mat-mdc-tab-link-container { border-bottom: 1px solid var(--goab-color-greyscale-200, #dcdcdc); } mat-tab-header a:focus, nav a:focus { outline-style: none; } .mat-mdc-tab-link .mdc-tab__text-label { color: #333 !important; } mat-sidenav-container { --mat-sidenav-content-background-color: var(--goab-color-greyscale-white, #fff); } mat-sidenav-container mat-list-item { --mdc-list-list-item-label-text-weight: normal; } mat-sidenav-container mat-list-item.is-active { --mdc-list-list-item-label-text-color: $goab-color-text-light; --mdc-list-list-item-hover-label-text-color: $goab-color-text-light; --mdc-list-list-item-focus-label-text-color: $goab-color-text-light; } mat-button-toggle { --mat-standard-button-toggle-selected-state-background-color: var(--goab-color-greyscale-white, #fff); --mat-legacy-button-toggle-selected-state-background-color: var(--goab-color-greyscale-white, #fff); --mat-standard-button-toggle-selected-state-text-color: var(--goab-color-interactive-default, #0070c4); --mat-legacy-button-toggle-selected-state-text-color: var(--goab-color-interactive-default, #0070c4); --mat-standard-button-toggle-divider-color: var(--goab-color-greyscale-200, #dcdcdc); font-size: var(--scss-font-size, 18px) !important; } mat-button-toggle-group { border-color: var(--goab-color-interactive-default, #0070c4) !important; margin-top: 10px; } mat-button-toggle-group .mat-pseudo-checkbox { display: none; } mat-button-toggle-group .mat-button-toggle { border-color: var(--goab-color-interactive-default, #0070c4) !important; } mat-button-toggle-group .mat-button-toggle button { background-color: var(--goab-color-greyscale-white, #fff); color: var(--goab-color-interactive-default, #0070c4); font-weight: var(--button-font-weight, 400); height: 32px; } mat-button-toggle-group .mat-button-toggle button .mat-button-toggle-label-content { line-height: 32px; } mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked button { background-color: var(--goab-color-interactive-default, #0070c4); color: var(--goab-color-greyscale-white, #fff); padding-left: 0px !important; } mat-button-toggle-group.ng-invalid.ng-touched { border: none; } mat-button-toggle-group.ng-invalid.ng-touched .mat-button-toggle { border: none; } mat-button-toggle-group[aria-disabled=true] { opacity: 0.5; cursor: not-allowed; } mat-button-toggle-group[aria-disabled=false] mat-button-toggle.mat-button-toggle-disabled { opacity: 0.5; cursor: not-allowed; } .outline, .mdc-button:focus, .mdc-button:active, .ads-tertiary:focus, .ads-secondary:focus, .mat-mdc-raised-button.mat-secondary:focus, .mat-mdc-flat-button.mat-secondary:focus, .mat-mdc-unelevated-button.mat-secondary:focus, .mat-mdc-fab.mat-secondary:focus, .mat-mdc-stroked-button.mat-secondary:focus, .mat-mdc-raised-button.mat-mdc-button-base:focus, .mat-mdc-flat-button.mat-mdc-button-base:focus, .mat-mdc-unelevated-button.mat-mdc-button-base:focus, .mat-mdc-fab.mat-mdc-button-base:focus, .mat-mdc-stroked-button.mat-mdc-button-base:focus, .ads-tertiary:active, .ads-secondary:active, .mat-mdc-raised-button.mat-secondary:active, .mat-mdc-flat-button.mat-secondary:active, .mat-mdc-unelevated-button.mat-secondary:active, .mat-mdc-fab.mat-secondary:active, .mat-mdc-stroked-button.mat-secondary:active, .mat-mdc-raised-button.mat-mdc-button-base:active, .mat-mdc-flat-button.mat-mdc-button-base:active, .mat-mdc-unelevated-button.mat-mdc-button-base:active, .mat-mdc-fab.mat-mdc-button-base:active, .mat-mdc-stroked-button.mat-mdc-button-base:active, .ads-primary:focus, .mat-mdc-raised-button.mat-primary:focus, .mat-mdc-flat-button.mat-primary:focus, .mat-mdc-unelevated-button.mat-primary:focus, .mat-mdc-fab.mat-primary:focus, .mat-mdc-stroked-button.mat-primary:focus, .ads-primary:active, .mat-mdc-raised-button.mat-primary:active, .mat-mdc-flat-button.mat-primary:active, .mat-mdc-unelevated-button.mat-primary:active, .mat-mdc-fab.mat-primary:active, .mat-mdc-stroked-button.mat-primary:active { outline: 3px solid var(--goab-color-interactive-focus, #feba35); } .ads-disabled, .mdc-button[disabled], .ads-tertiary[disabled], [disabled].ads-secondary, [disabled].mat-mdc-raised-button.mat-secondary, [disabled].mat-mdc-flat-button.mat-secondary, [disabled].mat-mdc-unelevated-button.mat-secondary, [disabled].mat-mdc-fab.mat-secondary, [disabled].mat-mdc-stroked-button.mat-secondary, [disabled].mat-mdc-raised-button.mat-mdc-button-base, [disabled].mat-mdc-flat-button.mat-mdc-button-base, [disabled].mat-mdc-unelevated-button.mat-mdc-button-base, [disabled].mat-mdc-fab.mat-mdc-button-base, [disabled].mat-mdc-stroked-button.mat-mdc-button-base, .ads-primary[disabled], [disabled].mat-mdc-raised-button.mat-primary, [disabled].mat-mdc-flat-button.mat-primary, [disabled].mat-mdc-unelevated-button.mat-primary, [disabled].mat-mdc-fab.mat-primary, [disabled].mat-mdc-stroked-button.mat-primary { border: none; background-color: var(--goab-color-greyscale-100, #f1f1f1); color: var(--goab-color-greyscale-700, #666) !important; } .ads-disabled:hover, .mdc-button[disabled]:hover, .ads-tertiary[disabled]:hover, [disabled].ads-secondary:hover, [disabled].mat-mdc-raised-button.mat-secondary:hover, [disabled].mat-mdc-flat-button.mat-secondary:hover, [disabled].mat-mdc-unelevated-button.mat-secondary:hover, [disabled].mat-mdc-fab.mat-secondary:hover, [disabled].mat-mdc-stroked-button.mat-secondary:hover, [disabled].mat-mdc-raised-button.mat-mdc-button-base:hover, [disabled].mat-mdc-flat-button.mat-mdc-button-base:hover, [disabled].mat-mdc-unelevated-button.mat-mdc-button-base:hover, [disabled].mat-mdc-fab.mat-mdc-button-base:hover, [disabled].mat-mdc-stroked-button.mat-mdc-button-base:hover, .ads-primary[disabled]:hover, [disabled].mat-mdc-raised-button.mat-primary:hover, [disabled].mat-mdc-flat-button.mat-primary:hover, [disabled].mat-mdc-unelevated-button.mat-primary:hover, [disabled].mat-mdc-fab.mat-primary:hover, [disabled].mat-mdc-stroked-button.mat-primary:hover, .ads-disabled:focus, .mdc-button[disabled]:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, [disabled].mat-mdc-raised-button.mat-secondary:focus, [disabled].mat-mdc-flat-button.mat-secondary:focus, [disabled].mat-mdc-unelevated-button.mat-secondary:focus, [disabled].mat-mdc-fab.mat-secondary:focus, [disabled].mat-mdc-stroked-button.mat-secondary:focus, [disabled].mat-mdc-raised-button.mat-mdc-button-base:focus, [disabled].mat-mdc-flat-button.mat-mdc-button-base:focus, [disabled].mat-mdc-unelevated-button.mat-mdc-button-base:focus, [disabled].mat-mdc-fab.mat-mdc-button-base:focus, [disabled].mat-mdc-stroked-button.mat-mdc-button-base:focus, .ads-primary[disabled]:focus, [disabled].mat-mdc-raised-button.mat-primary:focus, [disabled].mat-mdc-flat-button.mat-primary:focus, [disabled].mat-mdc-unelevated-button.mat-primary:focus, [disabled].mat-mdc-fab.mat-primary:focus, [disabled].mat-mdc-stroked-button.mat-primary:focus, .ads-disabled:active, .mdc-button[disabled]:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, [disabled].mat-mdc-raised-button.mat-secondary:active, [disabled].mat-mdc-flat-button.mat-secondary:active, [disabled].mat-mdc-unelevated-button.mat-secondary:active, [disabled].mat-mdc-fab.mat-secondary:active, [disabled].mat-mdc-stroked-button.mat-secondary:active, [disabled].mat-mdc-raised-button.mat-mdc-button-base:active, [disabled].mat-mdc-flat-button.mat-mdc-button-base:active, [disabled].mat-mdc-unelevated-button.mat-mdc-button-base:active, [disabled].mat-mdc-fab.mat-mdc-button-base:active, [disabled].mat-mdc-stroked-button.mat-mdc-button-base:active, .ads-primary[disabled]:active, [disabled].mat-mdc-raised-button.mat-primary:active, [disabled].mat-mdc-flat-button.mat-primary:active, [disabled].mat-mdc-unelevated-button.mat-primary:active, [disabled].mat-mdc-fab.mat-primary:active, [disabled].mat-mdc-stroked-button.mat-primary:active { color: var(--goab-color-greyscale-700, #666); } .ads-disabled:focus, .mdc-button[disabled]:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, [disabled].mat-mdc-raised-button.mat-secondary:focus, [disabled].mat-mdc-flat-button.mat-secondary:focus, [disabled].mat-mdc-unelevated-button.mat-secondary:focus, [disabled].mat-mdc-fab.mat-secondary:focus, [disabled].mat-mdc-stroked-button.mat-secondary:focus, [disabled].mat-mdc-raised-button.mat-mdc-button-base:focus, [disabled].mat-mdc-flat-button.mat-mdc-button-base:focus, [disabled].mat-mdc-unelevated-button.mat-mdc-button-base:focus, [disabled].mat-mdc-fab.mat-mdc-button-base:focus, [disabled].mat-mdc-stroked-button.mat-mdc-button-base:focus, .ads-primary[disabled]:focus, [disabled].mat-mdc-raised-button.mat-primary:focus, [disabled].mat-mdc-flat-button.mat-primary:focus, [disabled].mat-mdc-unelevated-button.mat-primary:focus, [disabled].mat-mdc-fab.mat-primary:focus, [disabled].mat-mdc-stroked-button.mat-primary:focus, .ads-disabled:active, .mdc-button[disabled]:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, [disabled].mat-mdc-raised-button.mat-secondary:active, [disabled].mat-mdc-flat-button.mat-secondary:active, [disabled].mat-mdc-unelevated-button.mat-secondary:active, [disabled].mat-mdc-fab.mat-secondary:active, [disabled].mat-mdc-stroked-button.mat-secondary:active, [disabled].mat-mdc-raised-button.mat-mdc-button-base:active, [disabled].mat-mdc-flat-button.mat-mdc-button-base:active, [disabled].mat-mdc-unelevated-button.mat-mdc-button-base:active, [disabled].mat-mdc-fab.mat-mdc-button-base:active, [disabled].mat-mdc-stroked-button.mat-mdc-button-base:active, .ads-primary[disabled]:active, [disabled].mat-mdc-raised-button.mat-primary:active, [disabled].mat-mdc-flat-button.mat-primary:active, [disabled].mat-mdc-unelevated-button.mat-primary:active, [disabled].mat-mdc-fab.mat-primary:active, [disabled].mat-mdc-stroked-button.mat-primary:active { color: var(--goab-color-greyscale-700, #666); outline: none; } .ads-primary, .mat-mdc-raised-button.mat-primary, .mat-mdc-flat-button.mat-primary, .mat-mdc-unelevated-button.mat-primary, .mat-mdc-fab.mat-primary, .mat-mdc-stroked-button.mat-primary { border: 2px solid; border-color: var(--goab-color-interactive-default, #0070c4); } .ads-primary:hover, .mat-mdc-raised-button.mat-primary:hover, .mat-mdc-flat-button.mat-primary:hover, .mat-mdc-unelevated-button.mat-primary:hover, .mat-mdc-fab.mat-primary:hover, .mat-mdc-stroked-button.mat-primary:hover, .ads-primary:focus, .mat-mdc-raised-button.mat-primary:focus, .mat-mdc-flat-button.mat-primary:focus, .mat-mdc-unelevated-button.mat-primary:focus, .mat-mdc-fab.mat-primary:focus, .mat-mdc-stroked-button.mat-primary:focus, .ads-primary:active, .mat-mdc-raised-button.mat-primary:active, .mat-mdc-flat-button.mat-primary:active, .mat-mdc-unelevated-button.mat-primary:active, .mat-mdc-fab.mat-primary:active, .mat-mdc-stroked-button.mat-primary:active { background-color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-tertiary, .ads-secondary, .mat-mdc-raised-button.mat-secondary, .mat-mdc-flat-button.mat-secondary, .mat-mdc-unelevated-button.mat-secondary, .mat-mdc-fab.mat-secondary, .mat-mdc-stroked-button.mat-secondary, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-flat-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-fab.mat-mdc-button-base, .mat-mdc-stroked-button.mat-mdc-button-base, .ads-secondary { color: var(--goab-color-interactive-default, #0070c4); border: 1px solid var(--goab-color-greyscale-200, #dcdcdc); } .ads-tertiary:hover, .ads-secondary:hover, .mat-mdc-raised-button.mat-secondary:hover, .mat-mdc-flat-button.mat-secondary:hover, .mat-mdc-unelevated-button.mat-secondary:hover, .mat-mdc-fab.mat-secondary:hover, .mat-mdc-stroked-button.mat-secondary:hover, .mat-mdc-raised-button.mat-mdc-button-base:hover, .mat-mdc-flat-button.mat-mdc-button-base:hover, .mat-mdc-unelevated-button.mat-mdc-button-base:hover, .mat-mdc-fab.mat-mdc-button-base:hover, .mat-mdc-stroked-button.mat-mdc-button-base:hover, .ads-tertiary:focus, .ads-secondary:focus, .mat-mdc-raised-button.mat-secondary:focus, .mat-mdc-flat-button.mat-secondary:focus, .mat-mdc-unelevated-button.mat-secondary:focus, .mat-mdc-fab.mat-secondary:focus, .mat-mdc-stroked-button.mat-secondary:focus, .mat-mdc-raised-button.mat-mdc-button-base:focus, .mat-mdc-flat-button.mat-mdc-button-base:focus, .mat-mdc-unelevated-button.mat-mdc-button-base:focus, .mat-mdc-fab.mat-mdc-button-base:focus, .mat-mdc-stroked-button.mat-mdc-button-base:focus, .ads-tertiary:active, .ads-secondary:active, .mat-mdc-raised-button.mat-secondary:active, .mat-mdc-flat-button.mat-secondary:active, .mat-mdc-unelevated-button.mat-secondary:active, .mat-mdc-fab.mat-secondary:active, .mat-mdc-stroked-button.mat-secondary:active, .mat-mdc-raised-button.mat-mdc-button-base:active, .mat-mdc-flat-button.mat-mdc-button-base:active, .mat-mdc-unelevated-button.mat-mdc-button-base:active, .mat-mdc-fab.mat-mdc-button-base:active, .mat-mdc-stroked-button.mat-mdc-button-base:active { color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-secondary, .mat-mdc-raised-button.mat-secondary, .mat-mdc-flat-button.mat-secondary, .mat-mdc-unelevated-button.mat-secondary, .mat-mdc-fab.mat-secondary, .mat-mdc-stroked-button.mat-secondary { border: 2px solid var(--goab-color-interactive-default, #0070c4); } .mdc-button { color: var(--goab-color-interactive-default, #0070c4); border: 1px solid var(--goab-color-greyscale-200, #dcdcdc); } .mdc-button:hover, .mdc-button:focus, .mdc-button:active { color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-secondary, .mat-mdc-raised-button.mat-secondary, .mat-mdc-flat-button.mat-secondary, .mat-mdc-unelevated-button.mat-secondary, .mat-mdc-fab.mat-secondary, .mat-mdc-stroked-button.mat-secondary { border: 2px solid var(--goab-color-interactive-default, #0070c4); } .mat-mdc-stroked-button:not(.mat-button-disabled) { border-color: var(--goab-color-interactive-default, #0070c4) !important; } .mat-mdc-raised-button.mat-primary:not(:disabled), .mat-mdc-flat-button.mat-primary:not(:disabled), .mat-mdc-unelevated-button.mat-primary:not(:disabled), .mat-mdc-fab.mat-primary:not(:disabled), .mat-mdc-stroked-button.mat-primary:not(:disabled) { --mdc-filled-button-label-text-color: var(--goab-color-greyscale-white, #fff); } button.mdc-button { box-shadow: none !important; font-weight: var(--button-font-weight, 400) !important; } .link-button { cursor: pointer; text-decoration: underline; font-size: 18px; } .outline, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active, .ads-primary:focus, .ads-primary:active { outline: 3px solid var(--goab-color-interactive-focus, #feba35); } .ads-disabled, .ads-tertiary[disabled], [disabled].ads-secondary, .ads-primary[disabled] { border: none; background-color: var(--goab-color-greyscale-100, #f1f1f1); color: var(--goab-color-greyscale-700, #666) !important; } .ads-disabled:hover, .ads-tertiary[disabled]:hover, [disabled].ads-secondary:hover, .ads-primary[disabled]:hover, .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); } .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); outline: none; } .ads-primary { border: 2px solid; border-color: var(--goab-color-interactive-default, #0070c4); } .ads-primary:hover, .ads-primary:focus, .ads-primary:active { background-color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-tertiary, .ads-secondary { color: var(--goab-color-interactive-default, #0070c4); border: 1px solid var(--goab-color-greyscale-200, #dcdcdc); } .ads-tertiary:hover, .ads-secondary:hover, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active { color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-secondary { border: 2px solid var(--goab-color-interactive-default, #0070c4); } .mat-mdc-checkbox, .mdc-checkbox { --mdc-checkbox-selected-checkmark-color: var(--goab-color-text-light, #fff); --mdc-checkbox-unselected-focus-state-layer-color: transparent; --mdc-checkbox-selected-focus-state-layer-color: transparent; --mdc-checkbox-state-layer-size: 24px; } .mat-mdc-checkbox .mat-checkbox-ripple { display: none; } mat-selection-list.mat-mdc-selection-list mat-list-option.mat-mdc-list-option { height: auto !important; padding-bottom: 2px; padding-top: 2px; } mat-selection-list.mat-mdc-selection-list mat-list-option.mat-mdc-list-option span { color: var(--goab-color-text-default, #333333); white-space: inherit; } mat-selection-list.mat-mdc-selection-list mat-list-option.mat-mdc-list-option .mdc-list-item__start { align-self: auto !important; } mat-selection-list.mat-mdc-selection-list mat-list-option.mat-mdc-list-option .mdc-list-item__start div.mdc-checkbox { margin: -5px 0 2px 0; width: 10px; height: 10px; } mat-selection-list.mat-mdc-list-base { --mdc-list-list-item-focus-state-layer-color: inherit; --mdc-list-list-item-focus-state-layer-opacity: inherit; --mdc-list-list-item-focus-label-text-color: inherit; } .outline, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active, .ads-primary:focus, .ads-primary:active { outline: 3px solid var(--goab-color-interactive-focus, #feba35); } .ads-disabled, .ads-tertiary[disabled], [disabled].ads-secondary, .ads-primary[disabled] { border: none; background-color: var(--goab-color-greyscale-100, #f1f1f1); color: var(--goab-color-greyscale-700, #666) !important; } .ads-disabled:hover, .ads-tertiary[disabled]:hover, [disabled].ads-secondary:hover, .ads-primary[disabled]:hover, .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); } .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); outline: none; } .ads-primary { border: 2px solid; border-color: var(--goab-color-interactive-default, #0070c4); } .ads-primary:hover, .ads-primary:focus, .ads-primary:active { background-color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-tertiary, .ads-secondary { color: var(--goab-color-interactive-default, #0070c4); border: 1px solid var(--goab-color-greyscale-200, #dcdcdc); } .ads-tertiary:hover, .ads-secondary:hover, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active { color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-secondary { border: 2px solid var(--goab-color-interactive-default, #0070c4); } .mat-mdc-radio-button { --mat-radio-checked-ripple-color: transparent !important; --mat-radio-ripple-color: transparent !important; } .mat-mdc-radio-group { display: flex; flex-direction: column; } mat-radio-button .mdc-form-field { align-items: flex-start; } mat-radio-button.mat-mdc-radio-checked .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { transform: scale(0.7); } mat-radio-button.mat-mdc-radio-button .mdc-radio { --mat-radio-state-layer-size: 28px; --mat-radio-touch-target-size: 28px; padding-left: 0; } .outline, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active, .ads-primary:focus, .ads-primary:active { outline: 3px solid var(--goab-color-interactive-focus, #feba35); } .ads-disabled, .ads-tertiary[disabled], [disabled].ads-secondary, .ads-primary[disabled] { border: none; background-color: var(--goab-color-greyscale-100, #f1f1f1); color: var(--goab-color-greyscale-700, #666) !important; } .ads-disabled:hover, .ads-tertiary[disabled]:hover, [disabled].ads-secondary:hover, .ads-primary[disabled]:hover, .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); } .ads-disabled:focus, .ads-tertiary[disabled]:focus, [disabled].ads-secondary:focus, .ads-primary[disabled]:focus, .ads-disabled:active, .ads-tertiary[disabled]:active, [disabled].ads-secondary:active, .ads-primary[disabled]:active { color: var(--goab-color-greyscale-700, #666); outline: none; } .ads-primary { border: 2px solid; border-color: var(--goab-color-interactive-default, #0070c4); } .ads-primary:hover, .ads-primary:focus, .ads-primary:active { background-color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-tertiary, .ads-secondary { color: var(--goab-color-interactive-default, #0070c4); border: 1px solid var(--goab-color-greyscale-200, #dcdcdc); } .ads-tertiary:hover, .ads-secondary:hover, .ads-tertiary:focus, .ads-secondary:focus, .ads-tertiary:active, .ads-secondary:active { color: var(--goab-color-greyscale-black, #333); border-color: var(--goab-color-greyscale-black, #333); } .ads-secondary { border: 2px solid var(--goab-color-interactive-default, #0070c4); } mat-option { --mat-option-label-text-size: var(--scss-font-size, 18px); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.12); } mat-opgroup, mat-optgroup { --mat-optgroup-label-text-size: var(--scss-font-size, 18px); font-size: var(--scss-font-size, 18px); } mat-option { --mat-option-label-text-color: var(--goab-color-text-default, #333); --mat-option-label-text-weight: normal; --mat-option-selected-state-label-text-color: var(--goab-color-text-default, #333); } mat-opgroup, mat-optgroup { --mat-optgroup-label-text-color: #0000008a; --mat-optgroup-label-text-weight: bold; } mat-select { --mat-select-enabled-trigger-text-color: var(--goab-color-text-default, #333); --mat-select-trigger-text-weight: normal; --mat-select-trigger-text-size: var(--scss-font-size, 18px); --mat-select-trigger-text-line-height: var(--scss-font-size, 18px); } .mat-select-search-inner .mat-select-search-input { border: none !important; outline: none !important; background-color: transparent !important; box-shadow: none !important; margin: 0 !important; } .mat-mdc-select { margin-top: 8px; padding: 12px 0; border-radius: 4px; border: 1px solid var(--goab-color-greyscale-700, #666); background-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-select:hover { border-color: var(--goab-color-interactive-default, #0070c4); } .mat-mdc-select .mat-mdc-select-trigger { padding: 0 12px; height: 100%; } .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value { min-height: 20px; } .mat-mdc-select.mat-mdc-select-disabled { background-color: rgba(220, 220, 220, 0.3); opacity: 1; color: var(--goab-color-text-secondary, #666); } .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-value-text { color: var(--goab-color-greyscale-700, #666) !important; } .mat-mdc-select.mat-mdc-select-disabled:focus, .mat-mdc-select.mat-mdc-select-disabled:active, .mat-mdc-select.mat-mdc-select-disabled:hover { outline-style: none; border-color: var(--goab-color-greyscale-700, #666); } .mat-mdc-select-search-clear { border: none !important; } .mat-mdc-select-search-clear .mat-button-focus-overlay { background-color: transparent !important; } ngx-mat-select-search .mat-select-search-inner-toggle-all .mat-select-search-toggle-all-checkbox { padding-left: 13px; padding-right: 8px; } .cdk-overlay-container .cdk-overlay-pane { margin-top: var(--scss-dropdown-offset, 10px); margin-bottom: var(--scss-dropdown-offset, 10px); } /*Terence: styles for expansion panels - here are a bit of custom markup updates to match mockups - markup for panel is in case-management (client-dependents.component.html)*/ /*colors for the expansion panel*/ mat-accordion.expansion-panel { display: inline-block; margin: 10px 20px 10px 20px; } mat-accordion.expansion-panel mat-expansion-panel { border: 1px solid rgba(0, 0, 0, 0.54); } mat-accordion.expansion-panel mat-expansion-panel.mat-expanded { border: 1px solid black; } mat-accordion.expansion-panel mat-expansion-panel mat-expansion-panel-header { height: auto; min-height: auto; background-color: #f1f1f1; padding: 10px 24px; font-weight: normal; } mat-accordion.expansion-panel mat-expansion-panel mat-expansion-panel-header mat-panel-title { flex-grow: 0; width: auto; margin-right: 30px; } mat-accordion.expansion-panel mat-expansion-panel mat-expansion-panel-header mat-panel-description mat-icon { position: absolute; right: 0; margin-right: 5px; margin-top: 2px; } mat-accordion.expansion-panel mat-expansion-panel mat-expansion-panel-header.mat-expanded:hover, mat-accordion.expansion-panel mat-expansion-panel mat-expansion-panel-header.mat-expanded { border: 1px; background-color: #f1f1f1; } mat-accordion.expansion-panel mat-expansion-panel mat-expansion-panel-header.mat-expanded:hover mat-panel-description, mat-accordion.expansion-panel mat-expansion-panel mat-expansion-panel-header.mat-expanded mat-panel-description { font-weight: bold; } mat-accordion.expansion-panel .panel-header { color: grey; font-size: 14px; } mat-accordion.expansion-panel .panel-column { width: 200px; display: inline-block; } mat-accordion.expansion-panel .panel-group { width: 200px; display: inline-block; vertical-align: top; } mat-accordion.expansion-panel .panel-group .panel-header { color: grey; font-size: 14px; } mat-accordion.expansion-panel .panel-group .panel-data { color: black; font-size: 14px; } mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expanded:hover, mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expanded { background-color: #f1f1f1; } mat-expansion-panel.mat-expanded mat-expansion-panel-header { height: auto; min-height: 50px; } mat-expansion-panel.mat-expanded mat-expansion-panel-header mat-panel-description { color: black; } .mat-expansion-panel { box-shadow: none; --mat-expansion-header-collapsed-state-height: auto; --mat-expansion-header-expanded-state-height: auto; --mat-expansion-header-text-size: 18px; --mat-expansion-header-container-background-color: var(--goab-color-greyscale-100, #f1f1f1); --mat-expansion-container-background-color: var(--goab-color-greyscale-white, #fff); } .mat-expansion-panel.muted-expansion-panel { --mat-expansion-header-text-color: var(--goab-color-interactive-default, #0070c4); border: 1px solid var(--goab-color-greyscale-200, #dcdcdc); border-radius: 0; box-shadow: none; } .mat-expansion-panel.muted-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: none; } .mat-expansion-panel.muted-expansion-panel :not([class*=mat-expanded]) { border-bottom: 0; } .mat-expansion-panel.muted-expansion-panel mat-expansion-panel-header { border-bottom: 1px solid var(--goab-color-greyscale-200, #dcdcdc); --mat-expansion-header-container-background-color: var(--goab-color-greyscale-white, #fff); } .mat-expansion-panel.muted-expansion-panel mat-panel-title { text-decoration: underline; } .mat-expansion-panel.mat-expanded { border: 1px solid var(--goab-color-greyscale-700, #666); } .mat-expansion-panel .mat-expansion-panel-header { padding: 0 24px 0 24px; min-height: 50px; font-weight: normal; } .mat-expansion-panel .mat-expansion-panel-header:focus { background-color: var(--goab-color-greyscale-100, #f1f1f1); } .mat-expansion-panel .mat-expansion-panel-header:hover { background-color: #fafafa !important; } .mat-expansion-panel .mat-expansion-panel-content { font: unset; } .mat-expansion-panel:not([class*=mat-expanded]) mat-expansion-panel-header mat-panel-description { color: inherit; } .mat-simple-snackbar .mat-button { border: none; } .mat-simple-snackbar .mat-button:hover { color: var(--goab-color-interactive-default, #0070c4); } .mat-mdc-menu-panel { min-height: unset !important; border-radius: 0 0 0 4px !important; --mat-menu-item-label-text-weight: normal; --mat-menu-item-label-text-size: var(--scss-font-size, 18px); } .mat-mdc-menu-panel .mat-mdc-menu-content { padding: 0 !important; } mat-dialog-container.mat-mdc-dialog-container .mdc-dialog__surface { padding: 24px; } mat-dialog-container.mat-mdc-dialog-container .mdc-dialog__title::before { height: 0; } mat-dialog-container.mat-mdc-dialog-container .mdc-dialog__surface, mat-dialog-container.mat-mdc-dialog-container .mdc-dialog__title { --mdc-dialog-subhead-font: acumin-pro-semi-condensed, sans-serif; --mdc-dialog-subhead-line-height: 24px; --mdc-dialog-subhead-size: 24px; --mdc-dialog-subhead-weight: normal; --mdc-dialog-subhead-tracking: normal; --mdc-dialog-supporting-text-font: acumin-pro-semi-condensed, sans-serif; --mdc-dialog-supporting-text-line-height: 28px; --mdc-dialog-supporting-text-size: 16px; --mdc-dialog-supporting-text-weight: normal; --mdc-dialog-supporting-text-tracking: normal; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: var(--goab-color-text-default, #333333); --mdc-dialog-supporting-text-color: var(--goab-color-text-default, #333333); } mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-actions { justify-content: end; padding-right: 24px; } mat-list-option.mat-mdc-list-item, .mat-mdc-list-option { --mdc-list-list-item-label-text-weight: normal; } mat-selection-list mat-list-option.mdc-list-item--with-leading-checkbox .mdc-list-item__start { margin-left: 0; margin-right: 12px; } mat-progress-bar.mat-mdc-progress-bar { --mdc-linear-progress-track-color: transparent; } mat-chip-option.mat-mdc-chip { --mdc-chip-elevated-container-color: var(--goab-color-greyscale-100, #f1f1f1); --mdc-chip-label-text-size: 16px; } mat-chip *[matchipaction] { --mdc-chip-elevated-container-color: var(--goab-color-greyscale-100, #f1f1f1); --mdc-chip-label-text-size: 16px; } mat-datepicker-content mat-calendar * { font-size: 16px; } mat-datepicker-toggle .mat-mdc-button-persistent-ripple { display: none; } mat-datepicker-toggle .cdk-focused .mat-mdc-focus-indicator { box-shadow: 0 0 0 3px var(--goab-color-interactive-focus, #feba35); border-radius: var(--goab-border-radius-m, 4px); outline: none; } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover { --mat-datepicker-calendar-date-text-color: var(--goab-color-greyscale-white, #fff); } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } html { --mat-option-selected-state-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } .mat-accent { --mat-option-selected-state-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } .mat-warn { --mat-option-selected-state-label-text-color: #f44336; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } html { --mat-pseudo-checkbox-full-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--goab-color-interactive-default, #0070c4); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-primary { --mat-pseudo-checkbox-full-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--goab-color-interactive-default, #0070c4); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-accent { --mat-pseudo-checkbox-full-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--goab-color-interactive-default, #0070c4); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-warn { --mat-pseudo-checkbox-full-selected-icon-color: #f44336; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } html { --mat-option-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-option-label-text-line-height: 28px; --mat-option-label-text-size: var(--scss-font-size, 18px); --mat-option-label-text-tracking: normal; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-optgroup-label-text-line-height: 28px; --mat-optgroup-label-text-size: var(--scss-font-size, 18px); --mat-optgroup-label-text-tracking: normal; --mat-optgroup-label-text-weight: 400; } html { --mat-card-elevated-container-shape: 4px; --mat-card-outlined-container-shape: 4px; --mat-card-filled-container-shape: 4px; --mat-card-outlined-outline-width: 1px; } html { --mat-card-elevated-container-color: white; --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-container-color: white; --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); --mat-card-filled-container-color: white; --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mat-card-title-text-font: acumin-pro-semi-condensed, sans-serif; --mat-card-title-text-line-height: 44px; --mat-card-title-text-size: 36px; --mat-card-title-text-tracking: normal; --mat-card-title-text-weight: 400; --mat-card-subtitle-text-font: acumin-pro-semi-condensed, sans-serif; --mat-card-subtitle-text-line-height: 28px; --mat-card-subtitle-text-size: var(--scss-font-size, 18px); --mat-card-subtitle-text-tracking: normal; --mat-card-subtitle-text-weight: 700; } html { --mat-progress-bar-active-indicator-height: 4px; --mat-progress-bar-track-height: 4px; --mat-progress-bar-track-shape: 0; } .mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-progress-bar-track-color: var(--goab-color-interactive-default, #0070c4); } .mat-mdc-progress-bar.mat-accent { --mat-progress-bar-active-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-progress-bar-track-color: var(--goab-color-interactive-default, #0070c4); } .mat-mdc-progress-bar.mat-warn { --mat-progress-bar-active-indicator-color: #f44336; --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25); } html { --mat-tooltip-container-shape: 4px; --mat-tooltip-supporting-text-line-height: 16px; } html { --mat-tooltip-container-color: #424242; --mat-tooltip-supporting-text-color: white; } html { --mat-tooltip-supporting-text-font: acumin-pro-semi-condensed, sans-serif; --mat-tooltip-supporting-text-size: 14px; --mat-tooltip-supporting-text-weight: 400; --mat-tooltip-supporting-text-tracking: normal; } html { --mat-form-field-filled-active-indicator-height: 1px; --mat-form-field-filled-focus-active-indicator-height: 2px; --mat-form-field-filled-container-shape: 4px; --mat-form-field-outlined-outline-width: 1px; --mat-form-field-outlined-focus-outline-width: 2px; --mat-form-field-outlined-container-shape: 4px; } html { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 87%, transparent); --mat-form-field-filled-caret-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-filled-focus-active-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 87%, transparent); --mat-form-field-outlined-caret-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-outlined-focus-outline-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 87%, transparent); --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #f44336; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.12; --mat-form-field-filled-container-color: #f6f6f6; --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-error-hover-label-text-color: #f44336; --mat-form-field-filled-error-focus-label-text-color: #f44336; --mat-form-field-filled-error-label-text-color: #f44336; --mat-form-field-filled-error-caret-color: #f44336; --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-error-active-indicator-color: #f44336; --mat-form-field-filled-error-focus-active-indicator-color: #f44336; --mat-form-field-filled-error-hover-active-indicator-color: #f44336; --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-error-caret-color: #f44336; --mat-form-field-outlined-error-focus-label-text-color: #f44336; --mat-form-field-outlined-error-label-text-color: #f44336; --mat-form-field-outlined-error-hover-label-text-color: #f44336; --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38); --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-error-focus-outline-color: #f44336; --mat-form-field-outlined-error-hover-outline-color: #f44336; --mat-form-field-outlined-error-outline-color: #f44336; } .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 87%, transparent); --mat-form-field-filled-caret-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-filled-focus-active-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 87%, transparent); --mat-form-field-outlined-caret-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-outlined-focus-outline-color: var(--goab-color-interactive-default, #0070c4); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 87%, transparent); } .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent); --mat-form-field-filled-caret-color: #f44336; --mat-form-field-filled-focus-active-indicator-color: #f44336; --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent); --mat-form-field-outlined-caret-color: #f44336; --mat-form-field-outlined-focus-outline-color: #f44336; --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent); } html { --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; } html { --mat-form-field-container-text-font: acumin-pro-semi-condensed, sans-serif; --mat-form-field-container-text-line-height: 28px; --mat-form-field-container-text-size: var(--scss-font-size, 18px); --mat-form-field-container-text-tracking: normal; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: var(--scss-font-size, 18px); --mat-form-field-subscript-text-font: acumin-pro-semi-condensed, sans-serif; --mat-form-field-subscript-text-line-height: 24px; --mat-form-field-subscript-text-size: 14px; --mat-form-field-subscript-text-tracking: normal; --mat-form-field-subscript-text-weight: 400; --mat-form-field-filled-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-form-field-filled-label-text-size: var(--scss-font-size, 18px); --mat-form-field-filled-label-text-tracking: normal; --mat-form-field-filled-label-text-weight: 400; --mat-form-field-outlined-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-form-field-outlined-label-text-size: var(--scss-font-size, 18px); --mat-form-field-outlined-label-text-tracking: normal; --mat-form-field-outlined-label-text-weight: 400; } html { --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: var(--goab-color-interactive-default, #0070c4); --mat-select-invalid-arrow-color: #f44336; } .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: var(--goab-color-interactive-default, #0070c4); --mat-select-invalid-arrow-color: #f44336; } .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: #f44336; --mat-select-invalid-arrow-color: #f44336; } html { --mat-select-arrow-transform: translateY(-8px); } html { --mat-select-trigger-text-font: acumin-pro-semi-condensed, sans-serif; --mat-select-trigger-text-line-height: 28px; --mat-select-trigger-text-size: var(--scss-font-size, 18px); --mat-select-trigger-text-tracking: normal; --mat-select-trigger-text-weight: 400; } html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-autocomplete-background-color: white; } html { --mat-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; } html { --mat-dialog-container-color: white; --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54); } html { --mat-dialog-subhead-font: acumin-pro-semi-condensed, sans-serif; --mat-dialog-subhead-line-height: 44px; --mat-dialog-subhead-size: 36px; --mat-dialog-subhead-weight: 400; --mat-dialog-subhead-tracking: normal; --mat-dialog-supporting-text-font: acumin-pro-semi-condensed, sans-serif; --mat-dialog-supporting-text-line-height: 28px; --mat-dialog-supporting-text-size: var(--scss-font-size, 18px); --mat-dialog-supporting-text-weight: 400; --mat-dialog-supporting-text-tracking: normal; } .mat-mdc-standard-chip { --mat-chip-container-shape-radius: 16px; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-disabled-outline-color: transparent; --mat-chip-flat-selected-outline-width: 0; --mat-chip-focus-outline-color: transparent; --mat-chip-hover-state-layer-opacity: 0.04; --mat-chip-outline-color: transparent; --mat-chip-outline-width: 0; --mat-chip-selected-hover-state-layer-opacity: 0.04; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-with-avatar-avatar-shape-radius: 14px; --mat-chip-with-avatar-avatar-size: 28px; --mat-chip-with-avatar-disabled-avatar-opacity: 1; --mat-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-with-icon-icon-size: 18px; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; } .mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-disabled-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-chip-elevated-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-elevated-disabled-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-elevated-selected-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-flat-disabled-selected-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-chip-selected-disabled-trailing-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-chip-selected-trailing-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-icon-disabled-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-icon-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-icon-selected-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-trailing-icon-trailing-icon-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-disabled-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-chip-elevated-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-elevated-disabled-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-elevated-selected-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-flat-disabled-selected-container-color: var(--goab-color-interactive-default, #0070c4); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-chip-selected-disabled-trailing-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-chip-selected-trailing-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-icon-disabled-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-icon-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-icon-selected-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--goab-color-greyscale-white, #fff); --mat-chip-with-trailing-icon-trailing-icon-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #f44336; --mat-chip-elevated-disabled-container-color: #f44336; --mat-chip-elevated-selected-container-color: #f44336; --mat-chip-flat-disabled-selected-container-color: #f44336; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-container-height: 32px; } .mat-mdc-standard-chip { --mat-chip-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-chip-label-text-line-height: 28px; --mat-chip-label-text-size: var(--scss-font-size, 18px); --mat-chip-label-text-tracking: normal; --mat-chip-label-text-weight: 400; } html { --mat-slide-toggle-disabled-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-icon-opacity: 0.38; --mat-slide-toggle-disabled-track-opacity: 0.12; --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38; --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38; --mat-slide-toggle-disabled-unselected-track-outline-color: transparent; --mat-slide-toggle-disabled-unselected-track-outline-width: 1px; --mat-slide-toggle-handle-height: 20px; --mat-slide-toggle-handle-shape: 10px; --mat-slide-toggle-handle-width: 20px; --mat-slide-toggle-hidden-track-opacity: 1; --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-slide-toggle-pressed-handle-size: 20px; --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-handle-horizontal-margin: 0; --mat-slide-toggle-selected-handle-size: 20px; --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04; --mat-slide-toggle-selected-icon-size: 18px; --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-track-outline-color: transparent; --mat-slide-toggle-selected-track-outline-width: 1px; --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-track-height: 14px; --mat-slide-toggle-track-outline-color: transparent; --mat-slide-toggle-track-outline-width: 1px; --mat-slide-toggle-track-shape: 7px; --mat-slide-toggle-track-width: 36px; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-handle-size: 20px; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-icon-size: 18px; --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1; --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-visible-track-opacity: 1; --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-slide-toggle-with-icon-handle-size: 20px; --mat-slide-toggle-touch-target-size: 48px; } html { --mat-slide-toggle-selected-icon-color: var(--goab-color-greyscale-white, #fff); --mat-slide-toggle-disabled-selected-icon-color: var(--goab-color-greyscale-white, #fff); --mat-slide-toggle-selected-focus-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-hover-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-pressed-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-focus-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-hover-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-pressed-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-focus-track-color: #4d9bd6; --mat-slide-toggle-selected-hover-track-color: #4d9bd6; --mat-slide-toggle-selected-pressed-track-color: #4d9bd6; --mat-slide-toggle-selected-track-color: #4d9bd6; --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6; --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-handle-surface-color: white; --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-handle-color: #424242; --mat-slide-toggle-unselected-focus-handle-color: #424242; --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-icon-color: #f6f6f6; --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54); --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-handle-color: #424242; --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12); } .mat-mdc-slide-toggle.mat-accent { --mat-slide-toggle-selected-icon-color: var(--goab-color-greyscale-white, #fff); --mat-slide-toggle-disabled-selected-icon-color: var(--goab-color-greyscale-white, #fff); --mat-slide-toggle-selected-focus-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-hover-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-pressed-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-focus-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-hover-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-pressed-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slide-toggle-selected-focus-track-color: #4d9bd6; --mat-slide-toggle-selected-hover-track-color: #4d9bd6; --mat-slide-toggle-selected-pressed-track-color: #4d9bd6; --mat-slide-toggle-selected-track-color: #4d9bd6; } .mat-mdc-slide-toggle.mat-warn { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #f44336; --mat-slide-toggle-selected-handle-color: #f44336; --mat-slide-toggle-selected-hover-state-layer-color: #f44336; --mat-slide-toggle-selected-pressed-state-layer-color: #f44336; --mat-slide-toggle-selected-focus-handle-color: #f44336; --mat-slide-toggle-selected-hover-handle-color: #f44336; --mat-slide-toggle-selected-pressed-handle-color: #f44336; --mat-slide-toggle-selected-focus-track-color: #e57373; --mat-slide-toggle-selected-hover-track-color: #e57373; --mat-slide-toggle-selected-pressed-track-color: #e57373; --mat-slide-toggle-selected-track-color: #e57373; } html { --mat-slide-toggle-state-layer-size: 40px; --mat-slide-toggle-touch-target-display: block; } html { --mat-slide-toggle-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-slide-toggle-label-text-line-height: 28px; --mat-slide-toggle-label-text-size: var(--scss-font-size, 18px); --mat-slide-toggle-label-text-tracking: normal; --mat-slide-toggle-label-text-weight: 400; } html .mat-mdc-slide-toggle { --mat-slide-toggle-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-slide-toggle-label-text-line-height: 28px; --mat-slide-toggle-label-text-size: var(--scss-font-size, 18px); --mat-slide-toggle-label-text-tracking: normal; --mat-slide-toggle-label-text-weight: 400; } html { --mat-radio-disabled-selected-icon-opacity: 0.38; --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-size: 48px; } .mat-mdc-radio-button.mat-primary { --mat-radio-checked-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mat-radio-checked-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } html { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } html { --mat-radio-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-radio-label-text-line-height: 28px; --mat-radio-label-text-size: var(--scss-font-size, 18px); --mat-radio-label-text-tracking: normal; --mat-radio-label-text-weight: 400; } html { --mat-slider-active-track-height: 6px; --mat-slider-active-track-shape: 9999px; --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-handle-height: 20px; --mat-slider-handle-shape: 50%; --mat-slider-handle-width: 20px; --mat-slider-inactive-track-height: 4px; --mat-slider-inactive-track-shape: 9999px; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-container-transform: translateX(-50%); --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-width: auto; --mat-slider-with-overlap-handle-outline-width: 1px; --mat-slider-with-tick-marks-active-container-opacity: 0.6; --mat-slider-with-tick-marks-container-shape: 50%; --mat-slider-with-tick-marks-container-size: 2px; --mat-slider-with-tick-marks-inactive-container-opacity: 0.6; --mat-slider-value-indicator-transform-origin: bottom; } html { --mat-slider-active-track-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-focus-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-hover-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 4%, transparent); --mat-slider-inactive-track-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-with-tick-marks-active-container-color: var(--goab-color-greyscale-white, #fff); --mat-slider-with-tick-marks-inactive-container-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87); --mat-slider-label-container-color: #424242; --mat-slider-label-label-text-color: white; --mat-slider-value-indicator-opacity: 1; --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87); --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87); } .mat-accent { --mat-slider-active-track-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-focus-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-hover-handle-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 4%, transparent); --mat-slider-inactive-track-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-slider-with-tick-marks-active-container-color: var(--goab-color-greyscale-white, #fff); --mat-slider-with-tick-marks-inactive-container-color: var(--goab-color-interactive-default, #0070c4); } .mat-warn { --mat-slider-active-track-color: #f44336; --mat-slider-focus-handle-color: #f44336; --mat-slider-handle-color: #f44336; --mat-slider-hover-handle-color: #f44336; --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent); --mat-slider-inactive-track-color: #f44336; --mat-slider-ripple-color: #f44336; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #f44336; } html { --mat-slider-label-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-slider-label-label-text-size: var(--scss-font-size, 18px); --mat-slider-label-label-text-line-height: 28px; --mat-slider-label-label-text-tracking: normal; --mat-slider-label-label-text-weight: 700; } html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-menu-item-label-text-size: var(--scss-font-size, 18px); --mat-menu-item-label-text-tracking: normal; --mat-menu-item-label-text-line-height: 28px; --mat-menu-item-label-text-weight: 400; } html { --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mat-list-list-item-container-shape: 0; --mat-list-list-item-leading-avatar-shape: 50%; --mat-list-list-item-container-color: transparent; --mat-list-list-item-selected-container-color: transparent; --mat-list-list-item-leading-avatar-color: transparent; --mat-list-list-item-leading-icon-size: 24px; --mat-list-list-item-leading-avatar-size: 40px; --mat-list-list-item-trailing-icon-size: 24px; --mat-list-list-item-disabled-state-layer-color: transparent; --mat-list-list-item-disabled-state-layer-opacity: 0; --mat-list-list-item-disabled-label-text-opacity: 0.38; --mat-list-list-item-disabled-leading-icon-opacity: 0.38; --mat-list-list-item-disabled-trailing-icon-opacity: 0.38; } html { --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-state-layer-opacity: 0.04; --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--goab-color-greyscale-white, #fff); --mat-checkbox-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option.mat-accent { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--goab-color-greyscale-white, #fff); --mat-checkbox-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option.mat-warn { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: var(--goab-color-interactive-default, #0070c4); } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --mat-list-list-item-one-line-container-height: 48px; --mat-list-list-item-two-line-container-height: 64px; --mat-list-list-item-three-line-container-height: 88px; } .mdc-list-item__start, .mdc-list-item__end { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mat-list-list-item-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-list-list-item-label-text-line-height: 28px; --mat-list-list-item-label-text-size: var(--scss-font-size, 18px); --mat-list-list-item-label-text-tracking: normal; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-supporting-text-font: acumin-pro-semi-condensed, sans-serif; --mat-list-list-item-supporting-text-line-height: 28px; --mat-list-list-item-supporting-text-size: var(--scss-font-size, 18px); --mat-list-list-item-supporting-text-tracking: normal; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-font: acumin-pro-semi-condensed, sans-serif; --mat-list-list-item-trailing-supporting-text-line-height: 24px; --mat-list-list-item-trailing-supporting-text-size: 14px; --mat-list-list-item-trailing-supporting-text-tracking: normal; --mat-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 24px / 32px acumin-pro-semi-condensed, sans-serif; letter-spacing: normal; } html { --mat-paginator-page-size-select-width: 84px; --mat-paginator-page-size-select-touch-target-height: 48px; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } html { --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; } html { --mat-paginator-container-text-font: acumin-pro-semi-condensed, sans-serif; --mat-paginator-container-text-line-height: 24px; --mat-paginator-container-text-size: 14px; --mat-paginator-container-text-tracking: normal; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 14px; } html { --mat-tab-container-height: 48px; --mat-tab-divider-color: transparent; --mat-tab-divider-height: 0; --mat-tab-active-indicator-height: 2px; --mat-tab-active-indicator-shape: 0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-inactive-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-hover-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-focus-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-hover-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-indicator-color: var(--goab-color-interactive-default, #0070c4); } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-inactive-ripple-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-hover-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-focus-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-hover-indicator-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-active-indicator-color: var(--goab-color-interactive-default, #0070c4); } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #f44336; --mat-tab-active-ripple-color: #f44336; --mat-tab-inactive-ripple-color: #f44336; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #f44336; --mat-tab-active-hover-label-text-color: #f44336; --mat-tab-active-focus-indicator-color: #f44336; --mat-tab-active-hover-indicator-color: #f44336; --mat-tab-active-indicator-color: #f44336; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-background-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-foreground-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-background-color: var(--goab-color-interactive-default, #0070c4); --mat-tab-foreground-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-background-color: #f44336; --mat-tab-foreground-color: white; } .mat-mdc-tab-header { --mat-tab-container-height: 48px; } .mat-mdc-tab-header { --mat-tab-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-tab-label-text-size: var(--scss-font-size, 18px); --mat-tab-label-text-tracking: normal; --mat-tab-label-text-line-height: 28px; --mat-tab-label-text-weight: 400; } html { --mat-checkbox-disabled-selected-checkmark-color: white; --mat-checkbox-selected-focus-state-layer-opacity: 0.12; --mat-checkbox-selected-hover-state-layer-opacity: 0.04; --mat-checkbox-selected-pressed-state-layer-opacity: 0.12; --mat-checkbox-unselected-focus-state-layer-opacity: 0.12; --mat-checkbox-unselected-hover-state-layer-opacity: 0.04; --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12; --mat-checkbox-touch-target-size: 48px; } html { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--goab-color-greyscale-white, #fff); --mat-checkbox-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--goab-color-greyscale-white, #fff); --mat-checkbox-selected-focus-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-hover-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-selected-pressed-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-warn { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } html { --mat-checkbox-touch-target-display: block; --mat-checkbox-state-layer-size: 40px; } html { --mat-checkbox-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-checkbox-label-text-line-height: 28px; --mat-checkbox-label-text-size: var(--scss-font-size, 18px); --mat-checkbox-label-text-tracking: normal; --mat-checkbox-label-text-weight: 400; } html { --mat-button-filled-container-shape: 4px; --mat-button-filled-horizontal-padding: 16px; --mat-button-filled-icon-offset: -4px; --mat-button-filled-icon-spacing: 8px; --mat-button-filled-touch-target-size: 48px; --mat-button-outlined-container-shape: 4px; --mat-button-outlined-horizontal-padding: 15px; --mat-button-outlined-icon-offset: -4px; --mat-button-outlined-icon-spacing: 8px; --mat-button-outlined-keep-touch-target: false; --mat-button-outlined-outline-width: 1px; --mat-button-outlined-touch-target-size: 48px; --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-container-shape: 4px; --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-horizontal-padding: 16px; --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-icon-offset: -4px; --mat-button-protected-icon-spacing: 8px; --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-button-protected-touch-target-size: 48px; --mat-button-text-container-shape: 4px; --mat-button-text-horizontal-padding: 8px; --mat-button-text-icon-offset: 0; --mat-button-text-icon-spacing: 8px; --mat-button-text-with-icon-horizontal-padding: 8px; --mat-button-text-touch-target-size: 48px; --mat-button-tonal-container-shape: 4px; --mat-button-tonal-horizontal-padding: 16px; --mat-button-tonal-icon-offset: -4px; --mat-button-tonal-icon-spacing: 8px; --mat-button-tonal-touch-target-size: 48px; } html { --mat-button-filled-container-color: white; --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.04; --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.04; --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-protected-container-color: white; --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-state-layer-opacity: 0.04; --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.04; --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-container-color: white; --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.04; --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-button.mat-primary, .mat-mdc-unelevated-button.mat-primary, .mat-mdc-raised-button.mat-primary, .mat-mdc-outlined-button.mat-primary, .mat-tonal-button.mat-primary { --mat-button-filled-container-color: var(--goab-color-interactive-default, #0070c4); --mat-button-filled-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-button-filled-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-button-filled-state-layer-color: var(--goab-color-greyscale-white, #fff); --mat-button-outlined-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-button-outlined-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-button-protected-container-color: var(--goab-color-interactive-default, #0070c4); --mat-button-protected-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-button-protected-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-button-protected-state-layer-color: var(--goab-color-greyscale-white, #fff); --mat-button-text-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-button-text-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-button-text-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-button-tonal-container-color: var(--goab-color-interactive-default, #0070c4); --mat-button-tonal-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-button-tonal-state-layer-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-button.mat-accent, .mat-mdc-unelevated-button.mat-accent, .mat-mdc-raised-button.mat-accent, .mat-mdc-outlined-button.mat-accent, .mat-tonal-button.mat-accent { --mat-button-filled-container-color: var(--goab-color-interactive-default, #0070c4); --mat-button-filled-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-button-filled-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-button-filled-state-layer-color: var(--goab-color-greyscale-white, #fff); --mat-button-outlined-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-button-outlined-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-button-protected-container-color: var(--goab-color-interactive-default, #0070c4); --mat-button-protected-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-button-protected-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-button-protected-state-layer-color: var(--goab-color-greyscale-white, #fff); --mat-button-text-label-text-color: var(--goab-color-interactive-default, #0070c4); --mat-button-text-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-button-text-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-button-tonal-container-color: var(--goab-color-interactive-default, #0070c4); --mat-button-tonal-label-text-color: var(--goab-color-greyscale-white, #fff); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-button-tonal-state-layer-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-button.mat-warn, .mat-mdc-unelevated-button.mat-warn, .mat-mdc-raised-button.mat-warn, .mat-mdc-outlined-button.mat-warn, .mat-tonal-button.mat-warn { --mat-button-filled-container-color: #f44336; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #f44336; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent); --mat-button-outlined-state-layer-color: #f44336; --mat-button-protected-container-color: #f44336; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #f44336; --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent); --mat-button-text-state-layer-color: #f44336; --mat-button-tonal-container-color: #f44336; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-tonal-state-layer-color: white; } html { --mat-button-filled-container-height: 36px; --mat-button-filled-touch-target-display: block; --mat-button-outlined-container-height: 36px; --mat-button-outlined-touch-target-display: block; --mat-button-protected-container-height: 36px; --mat-button-protected-touch-target-display: block; --mat-button-text-container-height: 36px; --mat-button-text-touch-target-display: block; --mat-button-tonal-container-height: 36px; --mat-button-tonal-touch-target-display: block; } html { --mat-button-filled-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-button-filled-label-text-size: var(--scss-font-size, 18px); --mat-button-filled-label-text-tracking: normal; --mat-button-filled-label-text-transform: none; --mat-button-filled-label-text-weight: 400; --mat-button-outlined-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-button-outlined-label-text-size: var(--scss-font-size, 18px); --mat-button-outlined-label-text-tracking: normal; --mat-button-outlined-label-text-transform: none; --mat-button-outlined-label-text-weight: 400; --mat-button-protected-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-button-protected-label-text-size: var(--scss-font-size, 18px); --mat-button-protected-label-text-tracking: normal; --mat-button-protected-label-text-transform: none; --mat-button-protected-label-text-weight: 400; --mat-button-text-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-button-text-label-text-size: var(--scss-font-size, 18px); --mat-button-text-label-text-tracking: normal; --mat-button-text-label-text-transform: none; --mat-button-text-label-text-weight: 400; --mat-button-tonal-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-button-tonal-label-text-size: var(--scss-font-size, 18px); --mat-button-tonal-label-text-tracking: normal; --mat-button-tonal-label-text-transform: none; --mat-button-tonal-label-text-weight: 400; } html { --mat-icon-button-icon-size: 24px; --mat-icon-button-container-shape: 50%; --mat-icon-button-touch-target-size: 48px; } html { --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-icon-color: inherit; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-icon-button.mat-primary { --mat-icon-button-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-icon-button-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-icon-button-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); } .mat-mdc-icon-button.mat-accent { --mat-icon-button-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-icon-button-state-layer-color: var(--goab-color-interactive-default, #0070c4); --mat-icon-button-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); } .mat-mdc-icon-button.mat-warn { --mat-icon-button-icon-color: #f44336; --mat-icon-button-state-layer-color: #f44336; --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent); } html { --mat-icon-button-touch-target-display: block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; --mat-icon-button-state-layer-size: 48px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 12px; } html { --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-container-shape: 50%; --mat-fab-touch-target-size: 48px; --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-container-height: 48px; --mat-fab-extended-container-shape: 24px; --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-container-shape: 50%; --mat-fab-small-touch-target-size: 48px; --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } html { --mat-fab-container-color: white; --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-container-color: white; --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87); --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mat-fab-container-color: var(--goab-color-interactive-default, #0070c4); --mat-fab-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-fab-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-fab-small-container-color: var(--goab-color-interactive-default, #0070c4); --mat-fab-small-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-fab-small-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-fab-small-state-layer-color: var(--goab-color-greyscale-white, #fff); --mat-fab-state-layer-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mat-fab-container-color: var(--goab-color-interactive-default, #0070c4); --mat-fab-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-fab-ripple-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-fab-small-container-color: var(--goab-color-interactive-default, #0070c4); --mat-fab-small-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-fab-small-ripple-color: color-mix(in srgb, var(--goab-color-greyscale-white, #fff) 12%, transparent); --mat-fab-small-state-layer-color: var(--goab-color-greyscale-white, #fff); --mat-fab-state-layer-color: var(--goab-color-greyscale-white, #fff); } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mat-fab-container-color: #f44336; --mat-fab-foreground-color: white; --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent); --mat-fab-small-container-color: #f44336; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; } html { --mat-fab-small-touch-target-display: block; --mat-fab-touch-target-display: block; } html { --mat-fab-extended-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-fab-extended-label-text-size: var(--scss-font-size, 18px); --mat-fab-extended-label-text-tracking: normal; --mat-fab-extended-label-text-weight: 400; } html { --mat-snack-bar-container-shape: 4px; } html { --mat-snack-bar-container-color: #424242; --mat-snack-bar-supporting-text-color: white; --mat-snack-bar-button-color: #4d9bd6; } html { --mat-snack-bar-supporting-text-font: acumin-pro-semi-condensed, sans-serif; --mat-snack-bar-supporting-text-line-height: 28px; --mat-snack-bar-supporting-text-size: var(--scss-font-size, 18px); --mat-snack-bar-supporting-text-weight: 400; } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; } html { --mat-table-header-headline-font: acumin-pro-semi-condensed, sans-serif; --mat-table-header-headline-line-height: 28px; --mat-table-header-headline-size: var(--scss-font-size, 18px); --mat-table-header-headline-weight: 700; --mat-table-header-headline-tracking: normal; --mat-table-row-item-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-table-row-item-label-text-line-height: 28px; --mat-table-row-item-label-text-size: var(--scss-font-size, 18px); --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: normal; --mat-table-footer-supporting-text-font: acumin-pro-semi-condensed, sans-serif; --mat-table-footer-supporting-text-line-height: 28px; --mat-table-footer-supporting-text-size: var(--scss-font-size, 18px); --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: normal; } html { --mat-progress-spinner-active-indicator-width: 4px; --mat-progress-spinner-size: 48px; } html { --mat-progress-spinner-active-indicator-color: var(--goab-color-interactive-default, #0070c4); } .mat-accent { --mat-progress-spinner-active-indicator-color: var(--goab-color-interactive-default, #0070c4); } .mat-warn { --mat-progress-spinner-active-indicator-color: #f44336; } html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; } html { --mat-badge-background-color: var(--goab-color-interactive-default, #0070c4); --mat-badge-text-color: var(--goab-color-greyscale-white, #fff); --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-badge-accent { --mat-badge-background-color: var(--goab-color-interactive-default, #0070c4); --mat-badge-text-color: var(--goab-color-greyscale-white, #fff); } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } html { --mat-badge-text-font: acumin-pro-semi-condensed, sans-serif; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-bottom-sheet-container-text-font: acumin-pro-semi-condensed, sans-serif; --mat-bottom-sheet-container-text-line-height: 28px; --mat-bottom-sheet-container-text-size: var(--scss-font-size, 18px); --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-button-toggle-focus-state-layer-opacity: 0.12; --mat-button-toggle-hover-state-layer-opacity: 0.04; --mat-button-toggle-legacy-focus-state-layer-opacity: 1; --mat-button-toggle-legacy-height: 36px; --mat-button-toggle-legacy-shape: 2px; --mat-button-toggle-shape: 4px; } html { --mat-button-toggle-background-color: white; --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-disabled-state-background-color: white; --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12); --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-disabled-state-background-color: white; --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87); } html { --mat-button-toggle-height: 48px; } html { --mat-button-toggle-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-button-toggle-label-text-line-height: 28px; --mat-button-toggle-label-text-size: var(--scss-font-size, 18px); --mat-button-toggle-label-text-tracking: normal; --mat-button-toggle-label-text-weight: 400; --mat-button-toggle-legacy-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-button-toggle-legacy-label-text-line-height: 28px; --mat-button-toggle-legacy-label-text-size: var(--scss-font-size, 18px); --mat-button-toggle-legacy-label-text-tracking: normal; --mat-button-toggle-legacy-label-text-weight: 400; } html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--goab-color-greyscale-white, #fff); --mat-datepicker-calendar-date-selected-state-background-color: var(--goab-color-interactive-default, #0070c4); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--goab-color-greyscale-white, #fff); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--goab-color-greyscale-white, #fff); --mat-datepicker-calendar-date-selected-state-background-color: var(--goab-color-interactive-default, #0070c4); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--goab-color-greyscale-white, #fff); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--goab-color-interactive-default, #0070c4); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--goab-color-interactive-default, #0070c4) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: #f44336; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; --mat-icon-button-state-layer-size: 40px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 8px; } html { --mat-datepicker-calendar-text-font: acumin-pro-semi-condensed, sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: var(--scss-font-size, 18px); --mat-datepicker-calendar-body-label-text-weight: 400; --mat-datepicker-calendar-period-button-text-size: var(--scss-font-size, 18px); --mat-datepicker-calendar-period-button-text-weight: 400; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-expansion-header-text-font: acumin-pro-semi-condensed, sans-serif; --mat-expansion-header-text-size: var(--scss-font-size, 18px); --mat-expansion-header-text-weight: 700; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: acumin-pro-semi-condensed, sans-serif; --mat-expansion-container-text-line-height: 28px; --mat-expansion-container-text-size: var(--scss-font-size, 18px); --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: var(--scss-font-size, 18px); --mat-grid-list-tile-header-secondary-text-size: 14px; --mat-grid-list-tile-footer-primary-text-size: var(--scss-font-size, 18px); --mat-grid-list-tile-footer-secondary-text-size: 14px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: var(--goab-color-interactive-default, #0070c4); } .mat-icon.mat-accent { --mat-icon-color: var(--goab-color-interactive-default, #0070c4); } .mat-icon.mat-warn { --mat-icon-color: #f44336; } html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-focus-state-layer-shape: 0; --mat-stepper-header-hover-state-layer-shape: 0; } html { --mat-stepper-header-icon-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-stepper-header-selected-state-icon-background-color: var(--goab-color-interactive-default, #0070c4); --mat-stepper-header-selected-state-icon-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-stepper-header-done-state-icon-background-color: var(--goab-color-interactive-default, #0070c4); --mat-stepper-header-done-state-icon-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-stepper-header-edit-state-icon-background-color: var(--goab-color-interactive-default, #0070c4); --mat-stepper-header-edit-state-icon-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; } .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-stepper-header-selected-state-icon-background-color: var(--goab-color-interactive-default, #0070c4); --mat-stepper-header-selected-state-icon-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-stepper-header-done-state-icon-background-color: var(--goab-color-interactive-default, #0070c4); --mat-stepper-header-done-state-icon-foreground-color: var(--goab-color-greyscale-white, #fff); --mat-stepper-header-edit-state-icon-background-color: var(--goab-color-interactive-default, #0070c4); --mat-stepper-header-edit-state-icon-foreground-color: var(--goab-color-greyscale-white, #fff); } .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } html { --mat-stepper-container-text-font: acumin-pro-semi-condensed, sans-serif; --mat-stepper-header-label-text-font: acumin-pro-semi-condensed, sans-serif; --mat-stepper-header-label-text-size: var(--scss-font-size, 18px); --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: var(--scss-font-size, 18px); --mat-stepper-header-selected-state-label-text-size: var(--scss-font-size, 18px); --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-sort-arrow-color: rgba(0, 0, 0, 0.87); } html { --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: var(--goab-color-interactive-default, #0070c4); --mat-toolbar-container-text-color: var(--goab-color-greyscale-white, #fff); } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: var(--goab-color-interactive-default, #0070c4); --mat-toolbar-container-text-color: var(--goab-color-greyscale-white, #fff); } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } html { --mat-toolbar-title-text-font: acumin-pro-semi-condensed, sans-serif; --mat-toolbar-title-text-line-height: 44px; --mat-toolbar-title-text-size: 36px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 400; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 48px; } html { --mat-tree-node-text-font: acumin-pro-semi-condensed, sans-serif; --mat-tree-node-text-size: var(--scss-font-size, 18px); --mat-tree-node-text-weight: 400; } html { --mat-timepicker-container-shape: 4px; --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } html { --mat-timepicker-container-background-color: white; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } /* typekit ***/ /* This style is from the alberta design system */ /* This style is from the alberta design system */ body, input, button, textarea { background: #fff; font-family: acumin-pro-semi-condensed, sans-serif; font-weight: 400; font-size: 18px; line-height: 28px; } h1 { margin: 0; padding: 0; line-height: 56px; font-size: 48px; } h2 { margin: 24px 0 0; padding: 0; line-height: 44px; color: #333; font-size: 36px; font-weight: 400; } h3 { margin: 24px 0 0; padding: 0; line-height: 32px; color: #333; font-size: 24px; font-weight: 400; } h4 { margin: 23px 0 0; padding: 0; line-height: 28px; color: #333; font-size: 18px; font-weight: 700; } h5 { margin: 23px 0 0; padding: 0; line-height: 28px; color: #333; font-size: 18px; font-weight: 700; } h6 { margin: 23px 0 0; padding: 0; line-height: 28px; color: #333; font-size: 18px; font-weight: 700; } p { margin: 23px 0 0; font-size: 18px; line-height: 28px; } dt { font-weight: 700; } li { margin: 13px 0 0 28px; font-size: 18px; line-height: 28px; } ul { list-style-type: disc; margin-top: 28px; } ul ul { list-style-type: disc; } a:link { color: #0070c4; } a:visited { color: #756693; } a:hover { color: #004f84; } a:focus { outline-width: thin; outline-style: solid; outline-color: #004f84; outline-offset: 0px; } /* anchors *******************************************************************/ html:not([dir=rtl]) main a[target=_blank]:after { display: inline-block; width: 17px; height: 16px; margin: 0px 0px -2px 5px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 22 20.51'%3E%3Cpath fill='%23333' d='M21,19.69a.58.58,0,0,1-.57.57H3.57A.58.58,0,0,1,3,19.69V4.31a.58.58,0,0,1,.57-.57H6.82v-2H3.57A2.58,2.58,0,0,0,1,4.31V19.69a2.58,2.58,0,0,0,2.57,2.57H20.43A2.58,2.58,0,0,0,23,19.69V16.44H21Z' transform='translate(-1 -1.74)'/%3E%3Cpath fill='%23333' d='M22,1.75H14.15a1,1,0,1,0,0,2h5.44l-7.41,7.41a1,1,0,0,0,.71,1.71,1,1,0,0,0,.7-.3L21,5.17V10.6a1,1,0,1,0,2,0V2.75A1,1,0,0,0,22,1.75Z' transform='translate(-1 -1.74)'/%3E%3C/svg%3E") no-repeat center center; content: ""; } a[href$=".pdf"]:after, a[href$=".doc"]:after, a[href$=".docx"]:after { display: inline-block; width: 16px; height: 16px; margin: 0px 0px -3px 5px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' shape-rendering='geometricPrecision'%3E%3Cpath d='M0 16L16 16L16 14L0 14Z M8 14L0 6L4 6L4 0L12 0L12 6L16 6Z' fill='%2336424a'/%3E%3C/svg%3E") no-repeat center center; content: ""; } /* This style is from the alberta design system */ .goab-notification { box-sizing: border-box; display: inline-block; position: relative; width: 100%; padding-left: 72px; padding-right: 72px; color: var(--goab-color-text-light, #ffffff); background: var(--goab-color-interactive-default, #0070c4); /* variants ***/ } .goab-notification.dismissed { display: none; } @media screen and (min-width: 768px) and (max-width: 1199px) { .goab-notification { padding-left: 24px; padding-right: 24px; } } @media screen and (max-width: 767px) { .goab-notification { padding-left: 24px; padding-right: 24px; } } .goab-notification .content { box-sizing: border-box; display: flex; width: 100%; margin: 0; position: relative; padding: 0 36px; } .goab-notification .content .message { flex: 1 0 0; box-sizing: border-box; min-height: 56px; padding: 28px 0; } .goab-notification .content .close { flex: 0 1 auto; } .goab-notification a { color: var(--goab-color-text-light, #ffffff); } .goab-notification a:hover, .goab-notification a:focus { color: var(--goab-color-text-light, #ffffff); text-decoration: none; } .goab-notification.goab--event { background-color: var(--goab-color-success-default, #00853f); } .goab-notification.goab--important { background-color: var(--goab-color-warning-default, #feba35); } .goab-notification.goab--important a { color: var(--goab-color-text-default, #333333); } .goab-notification.goab--important a:hover, .goab-notification.goab--important a:focus { color: var(--goab-color-text-default, #333333); } .goab-notification.goab--emergency { background-color: var(--goab-color-emergency-default, #ec040b); } .goab-notification .close { align-self: center; position: absolute; right: 12px; cursor: pointer; } .goab-notification .close svg { fill: currentColor; } .goab-notification .content:before { position: absolute; top: 50%; left: 6px; width: 24px; height: 24px; margin-top: -12px; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23fff' d='M15.16,15.5h-2V9a1,1,0,0,0-1-1H9.82a1,1,0,0,0,0,2h1.36V15.5h-2a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath fill='%23fff' d='M12,7.33A1.29,1.29,0,1,0,10.73,6,1.29,1.29,0,0,0,12,7.33Z'/%3E%3C/svg%3E"); background-color: transparent; background-repeat: no-repeat; background-position: center center; } .goab-notification.goab--emergency .content:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11,9.41v4.52a1,1,0,0,0,2,0V9.41a1,1,0,0,0-2,0Z'/%3E%3Cpath fill='%23fff' d='M12,16.15a1.29,1.29,0,1,0,1.29,1.29A1.29,1.29,0,0,0,12,16.15Z'/%3E%3Cpath fill='%23fff' d='M22.87,20.14l-10-17.32a1,1,0,0,0-1.74,0l-10,17.32a1,1,0,0,0,0,1,1,1,0,0,0,.87.5H22a1,1,0,0,0,.87-.5A1,1,0,0,0,22.87,20.14Zm-19.14-.5L12,5.32l8.27,14.32Z'/%3E%3C/svg%3E"); background-color: transparent; background-repeat: no-repeat; background-position: center center; } .goab-notification.goab--important .content:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23000' d='M12,14.46a1,1,0,0,0,1-1V6.57a1,1,0,0,0-2,0v6.89A1,1,0,0,0,12,14.46Z'/%3E%3Cpath fill='%23000' d='M12,15.68A1.29,1.29,0,1,0,13.29,17,1.29,1.29,0,0,0,12,15.68Z'/%3E%3C/svg%3E"); background-color: transparent; background-repeat: no-repeat; background-position: center center; } .goab-notification.goab--event .content:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E"); background-color: transparent; background-repeat: no-repeat; background-position: center center; } body { margin: 0; padding: 0; } /* header **********************************************************/ /* banner **********************************************************/ .goab-banner { color: var(--goab-color-text-light, #ffffff); background-color: var(--goab-color-brand-default, #0081a2); padding-left: 150px; padding-right: 150px; border-bottom: 8px solid #c8eefa; } @media screen and (min-width: 768px) and (max-width: 1199px) { .goab-banner { padding-left: 72px; padding-right: 72px; } } @media screen and (max-width: 767px) { .goab-banner { padding-left: 24px; padding-right: 24px; } } .goab-banner h1 { padding-top: 64px; } .goab-banner .descriptor { font-size: 24px; font-weight: 400; line-height: 34px; color: var(--goab-color-text-light, #ffffff); padding: 24px 0 64px 0; } .goab-banner .breadcrumb { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .goab-banner .breadcrumb ul { padding: 0; margin-top: 0; margin-bottom: 24px; } .goab-banner .breadcrumb ul li { display: inline-block; margin-left: 0; font-size: 14px; } .goab-banner .breadcrumb ul li a { color: var(--goab-color-text-light, #ffffff) !important; } .goab-banner .breadcrumb ul li:not(:last-child):after { margin: 0 8px; content: "🡒"; } /* content ********************************************************/ .goab-content-section { margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; } .goab-content-section section { margin-top: 5em; } .goab-content-section section:last-child { margin-bottom: 5em; } @media screen and (min-width: 768px) and (max-width: 1199px) { .goab-content-section { margin-left: 72px; margin-right: 72px; } } @media screen and (max-width: 767px) { .goab-content-section { margin-left: 24px; margin-right: 24px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .goab-content-section { max-width: unset; } } @media screen and (max-width: 767px) { .goab-content-section { max-width: unset; } } /* footer ********************************************************/ .goab-footer { background-color: var(--goab-color-greyscale-100, #f1f1f1); padding-top: 56px; padding-bottom: 56px; padding-left: 150px; padding-right: 150px; border-bottom: 16px solid var(--goab-color-interactive-default, #0070c4); display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 16px solid var(--goab-color-brand-default, #0081a2); } @media screen and (min-width: 768px) and (max-width: 1199px) { .goab-footer { padding-left: 72px; padding-right: 72px; } } @media screen and (max-width: 767px) { .goab-footer { padding-left: 24px; padding-right: 24px; } } .goab-footer .link { flex: 1 0 auto; } .goab-footer .copyright { flex: 0 1 auto; } /* This stylesheet is used for grabbing GOA specific styles that we can't just import. These styles in most cases are just copied over from an existing GOA site and re-used for consistent look/feel. */ common-fieldset-control .label, common-form-control .label, d3-fieldset-control .label, d3-form-control .label, common-document-upload .label { font: var(--goa-form-item-label-typography); } common-fieldset-control .label.compact, common-form-control .label.compact, d3-fieldset-control .label.compact, d3-form-control .label.compact, common-document-upload .label.compact { padding-bottom: var(--goa-form-item-label-compact-padding-bottom); } common-fieldset-control .label.regular, common-form-control .label.regular, d3-fieldset-control .label.regular, d3-form-control .label.regular, common-document-upload .label.regular { padding-bottom: var(--goa-form-item-label-padding-bottom); } body, p { font: var(--goa-typography-body-m); line-height: var(--goa-line-height-3); } .mat-mdc-radio-button label { font: var(--goa-radio-label); } .mat-mdc-checkbox label, mat-list-option label { font: var(--goa-checkbox-label-font-size); color: var(--goa-checkbox-color-label); } .mat-step-text-label { font: var(--goa-typography-body-m); } .mat-step-sub-label-error { font-family: var(--goa-font-family-sans); font-size: 14px !important; } .helper-text, .helper-message { font: var(--goa-form-item-message-typography); color: var(--goa-form-item-help-message-color) !important; } .mat-sort-header-content, .mat-mdc-table tbody, .mat-mdc-table tfoot, .mat-mdc-table thead, .mat-mdc-cell, .mat-mdc-footer-cell, .mat-mdc-header-row, .mat-mdc-row, .mat-mdc-footer-row, .mat-mdc-table .mat-mdc-header-cell { font-family: var(--goa-font-family-sans); } h1, h2, h3, h4, h5, h6 { font-family: var(--goa-font-family-sans); } .mdc-tab__text-label { font: var(--goa-tab-typography); } .mdc-tab--active .mdc-tab__text-label { font-weight: bold !important; } input[type=text], input[type=number], input[type=textarea], input[type=tel], select { /* remove default arrow IE */ } input[type=text], input[type=number], input[type=textarea], input[type=tel], select { box-sizing: border-box; width: 100%; margin: 8px 0 0; padding: 12px; padding-right: 8px; border-radius: 4px; border: 1px solid var(--goab-color-greyscale-600, #666666); font-size: 18px; font-weight: 400; color: var(--goab-color-interactive-default, #0070c4); /* removes default arrow */ appearance: none; } input[type=text]:disabled, input[type=number]:disabled, input[type=textarea]:disabled, input[type=tel]:disabled, select:disabled { opacity: 0.3; pointer-events: none; } input[type=text]::-ms-expand, input[type=number]::-ms-expand, input[type=textarea]::-ms-expand, input[type=tel]::-ms-expand, select::-ms-expand { display: none; } input[type=text]:hover, input[type=number]:hover, input[type=textarea]:hover, input[type=tel]:hover, select:hover { border: 1px solid var(--goab-color-interactive-default, #0070c4); } input[type=text]:focus, input[type=number]:focus, input[type=textarea]:focus, input[type=tel]:focus, select:focus { box-shadow: 0 0 0 3px var(--goab-color-interactive-focus, #feba35); outline: none; } select { height: 54px; } html { height: 100%; } body { margin: 0; height: 100%; } .mat-radio-group { display: flex; flex-direction: column; } .row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } .button-footer { display: flex; flex-direction: row; margin: 23px 0; } .button-footer .apply-button { margin-right: 30px; } textarea { width: 100%; border-radius: 4px; } textarea:focus { box-shadow: 0 0 0 3px #feba35; outline: none; } textarea.ng-invalid.ng-touched { border: 2px solid #ec040b; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } input { padding: 6px 12px !important; } .mat-mdc-select { /*padding: 6px 12px !important;*/ padding-top: 6px; padding-bottom: 6px; } .error .mat-radio-group .mdc-radio__inner-circle { background-color: #ec040b !important; } .error .mat-radio-group .mdc-radio__outer-circle { border-color: #ec040b !important; border-width: 2px; } .error .mdc-checkbox .mdc-checkbox__background { border-color: #ec040b !important; border-width: 2px; } .mat-stepper-horizontal .mat-stepper-horizontal-line, .mat-stepper-horizontal .mat-horizontal-stepper-header::before, .mat-stepper-horizontal .mat-horizontal-stepper-header::after { top: 45px; border-top-width: 2px !important; } .mat-stepper-horizontal .mat-horizontal-stepper-header::before, .mat-stepper-horizontal .mat-horizontal-stepper-header::after { width: calc(50% - 20px) !important; } .mat-stepper-vertical .mat-stepper-vertical-line::before { left: 6px; border-left-width: 2px; top: -5px; bottom: -5px; } .mat-stepper-vertical div[role=tabpanel] { height: 0px !important; visibility: hidden !important; } .mat-step-sub-label-error { line-height: 14px; } .mat-step-icon { font-weight: bold !important; width: 40px !important; height: 40px !important; } .mat-step-icon-state-edit { background-color: var(--goab-color-greyscale-100, #f1f1f1) !important; } .mat-step-icon-state-notVisited { width: 40px !important; height: 40px !important; box-shadow: inset 0px 0px 0px 4px #666 !important; color: var(--goab-color-greyscale-black, #333) !important; font-size: 16px !important; background-color: var(--goab-color-greyscale-100, #f1f1f1) !important; } .mat-step-icon-selected, .mat-step-icon-edit { background-color: var(--goab-color-greyscale-100, #f1f1f1) !important; color: var(--goab-color-interactive-default, #0070c4) !important; box-shadow: inset 0px 0px 0px 4px var(--goab-color-interactive-default, #0070c4); } .mat-step-icon.mat-step-icon-state-edit.mat-step-icon-selected > div > mat-icon { font-size: 24px; height: 24px; width: 24px; } .mat-step-icon-not-visited { background-color: var(--goab-color-greyscale-100, #f1f1f1) !important; color: var(--goab-color-greyscale-white, #fff) !important; box-shadow: inset 0px 0px 0px 4px var(--goab-color-interactive-default, #0070c4); } .mat-step-icon.mat-step-icon-state-done.mat-step-icon-selected { background-color: var(--goab-color-interactive-default, #0070c4) !important; } .mat-stepper-vertical .mat-step-icon.mat-step-icon-state-done.mat-step-icon-selected { background-color: var(--goab-color-greyscale-100, #f1f1f1) !important; } .mat-step-label.mat-step-label-error { color: initial !important; } div.mat-step-label.mat-step-label-active.mat-step-label-error > div.mat-step-sub-label-error { color: #ec040b !important; } .goab-banner h1 { padding-top: 24px !important; line-height: 44px !important; } .goab-banner .descriptor { font-size: 24px !important; padding: 0 !important; padding-bottom: 24px !important; line-height: 32px !important; } .goab-notification.goab--important .content .message { color: var(--goab-color-text-default, #333); margin: 0.1rem 1rem; } ol.goab-ordered-list, ul.goab-unordered-list { font: 400 1.5rem/2rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif; /* --goab-typography-body-l */ } ol.goab-ordered-list li { margin-bottom: 1.25rem; /* --goab-line-height-1 */ padding: 0.5rem; /* --goab-space-xs */ } ol.goab-ordered-list ol, ol.goab-ordered-list ul, ul.goab-unordered-list ol, ul.goab-unordered-list ul { margin-left: 1.5rem; /* --goab-space-l */ margin-top: 1.25rem; } ul.goab-unordered-list li { margin-bottom: 1.25rem; } ul.goab-unordered-list li::marker { color: #0081a2; /* --goab-color-brand-default */ } li span { position: relative; left: 5px; } .mat-tooltip { max-width: 480px !important; font-size: 16px; } /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************************/ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*# sourceMappingURL=styles.f326de39d9b70ce9.css.map*/