@sebgroup/green-angular 5.4.0 → 5.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/esm2022/src/v-angular/alert/alert.component.mjs +3 -3
  2. package/esm2022/src/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +49 -32
  3. package/esm2022/src/v-angular/dropdown/dropdown.component.mjs +3 -3
  4. package/esm2022/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +3 -4
  5. package/esm2022/src/v-angular/input/input.component.mjs +2 -2
  6. package/esm2022/src/v-angular/modal/dialog/dialog.component.mjs +31 -9
  7. package/esm2022/src/v-angular/modal/slide-out/slide-out.component.mjs +3 -3
  8. package/esm2022/src/v-angular/table/table.component.mjs +2 -2
  9. package/esm2022/src/v-angular/textarea/textarea.component.mjs +2 -2
  10. package/esm2022/v-angular/alert/alert.component.mjs +3 -3
  11. package/esm2022/v-angular/core/core.globals.mjs +20 -0
  12. package/esm2022/v-angular/core/core.utils.mjs +62 -0
  13. package/esm2022/v-angular/core/index.mjs +3 -0
  14. package/esm2022/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +49 -32
  15. package/esm2022/v-angular/dropdown/dropdown.component.mjs +3 -3
  16. package/esm2022/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +3 -4
  17. package/esm2022/v-angular/index.mjs +2 -1
  18. package/esm2022/v-angular/input/input.component.mjs +2 -2
  19. package/esm2022/v-angular/modal/dialog/dialog.component.mjs +31 -9
  20. package/esm2022/v-angular/modal/slide-out/slide-out.component.mjs +3 -3
  21. package/esm2022/v-angular/table/table.component.mjs +2 -2
  22. package/esm2022/v-angular/textarea/textarea.component.mjs +2 -2
  23. package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs +2 -2
  24. package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs.map +1 -1
  25. package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +52 -36
  26. package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
  27. package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +2 -2
  28. package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
  29. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +32 -11
  30. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
  31. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +2 -2
  32. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -1
  33. package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +2 -2
  34. package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
  35. package/fesm2022/sebgroup-green-angular-v-angular.mjs +169 -53
  36. package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
  37. package/package.json +2 -2
  38. package/src/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +8 -0
  39. package/src/v-angular/modal/dialog/dialog.component.d.ts +10 -3
  40. package/v-angular/core/core.globals.d.ts +13 -0
  41. package/v-angular/core/core.utils.d.ts +23 -0
  42. package/v-angular/core/index.d.ts +2 -0
  43. package/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +8 -0
  44. package/v-angular/index.d.ts +1 -0
  45. package/v-angular/modal/dialog/dialog.component.d.ts +10 -3
package/fesm2022/sebgroup-green-angular-v-angular.mjs CHANGED
@@ -6,7 +6,7 @@ import * as i1$1 from '@angular/forms';
6
6
  import { Validators, FormsModule, ReactiveFormsModule, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
7
7
  import * as i3 from '@jsverse/transloco';
8
8
  import { TRANSLOCO_SCOPE, TranslocoModule, TRANSLOCO_TRANSPILER, provideTransloco, provideTranslocoMissingHandler, TRANSLOCO_INTERCEPTOR, TRANSLOCO_FALLBACK_STRATEGY, TRANSLOCO_MISSING_HANDLER } from '@jsverse/transloco';
9
- import { Subject, fromEvent, throwError, timer, takeUntil as takeUntil$1, distinctUntilChanged as distinctUntilChanged$1, tap as tap$1, from, withLatestFrom, lastValueFrom, of, delay } from 'rxjs';
9
+ import { Subject, fromEvent, throwError, timer, filter as filter$1, takeUntil as takeUntil$1, distinctUntilChanged as distinctUntilChanged$1, tap as tap$1, from, withLatestFrom, lastValueFrom, of, delay } from 'rxjs';
10
10
  import { takeUntil, debounceTime, map, distinctUntilChanged, startWith, mergeMap, finalize, switchMap, retryWhen, tap, filter, take, takeWhile } from 'rxjs/operators';
11
11
  import * as i2 from '@sebgroup/green-angular/src/v-angular/external-link';
12
12
  import { NggvExternalLinkDirectiveModule as NggvExternalLinkDirectiveModule$1 } from '@sebgroup/green-angular/src/v-angular/external-link';
@@ -29,7 +29,7 @@ import '@sebgroup/green-core/components/icon/icons/cloud-upload.js';
29
29
  import '@sebgroup/green-core/components/icon/icons/cross-small.js';
30
30
  import '@sebgroup/green-core/components/icon/icons/checkmark.js';
31
31
  import * as i2$2 from '@sebgroup/green-angular/src/v-angular/core';
32
- import { DropdownUtils } from '@sebgroup/green-angular/src/v-angular/core';
32
+ import { DropdownUtils as DropdownUtils$1 } from '@sebgroup/green-angular/src/v-angular/core';
33
33
  import scrollIntoView from 'scroll-into-view-if-needed';
34
34
  import * as i3$1 from '@sebgroup/green-angular/src/v-angular/tooltip';
35
35
  import { NggvTooltipModule as NggvTooltipModule$1 } from '@sebgroup/green-angular/src/v-angular/tooltip';
@@ -40,6 +40,7 @@ import * as i5 from '@sebgroup/green-angular/src/v-angular/character-countdown';
40
40
  import { NggvCharacterCountdownDirectiveModule as NggvCharacterCountdownDirectiveModule$1 } from '@sebgroup/green-angular/src/v-angular/character-countdown';
41
41
  import _Inputmask from 'inputmask';
42
42
  import { NggvButtonModule as NggvButtonModule$1 } from '@sebgroup/green-angular/src/v-angular/button';
43
+ import * as i1$3 from '@angular/cdk/a11y';
43
44
  import '@sebgroup/green-core/components/icon/icons/dot-grid-one-horizontal.js';
44
45
  import { trigger, transition, query, style, group, animate } from '@angular/animations';
45
46
  import '@sebgroup/green-core/components/icon/icons/arrow-left.js';
@@ -137,11 +138,11 @@ class AlertComponent {
137
138
  this.clickAction.emit(e);
138
139
  }
139
140
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
140
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertComponent, selector: "nggv-alert", inputs: { type: "type", title: "title", body: "body", linkText: "linkText", actionText: "actionText", closable: "closable" }, outputs: { closeAlert: "closeAlert", clickLink: "clickLink", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container *ngIf=\"type === 'success'; then checkMark; else infoSquare\" />\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }}&nbsp;<a *ngIf=\"linkText\" (click)=\"onLink($event)\">{{\n linkText\n }}</a>\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: ["div[role=alert],.alert-ribbon{--background: hsl(var(--sg-intent-neutral-hsl));--color: var(--text-primary-color);--border-color: var(--text-primary-color);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media (min-width: 36em){div[role=alert],.alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}div[role=alert]>i,.alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}div[role=alert]>i svg>*,.alert-ribbon>i svg>*{fill:var(--text-primary-color)}div[role=alert]>div:not(.alert-ribbon__footer),div[role=alert] .alert-ribbon__content,.alert-ribbon>div:not(.alert-ribbon__footer),.alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}div[role=alert]>div:not(.alert-ribbon__footer):has(+button),div[role=alert] .alert-ribbon__content:has(+button),.alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}div[role=alert]>div:not(.alert-ribbon__footer)>h1,div[role=alert]>div:not(.alert-ribbon__footer) h2,div[role=alert]>div:not(.alert-ribbon__footer) h3,div[role=alert]>div:not(.alert-ribbon__footer) h4,div[role=alert]>div:not(.alert-ribbon__footer) h5,div[role=alert]>div:not(.alert-ribbon__footer) .header,div[role=alert] .alert-ribbon__content>h1,div[role=alert] .alert-ribbon__content h2,div[role=alert] .alert-ribbon__content h3,div[role=alert] .alert-ribbon__content h4,div[role=alert] .alert-ribbon__content h5,div[role=alert] .alert-ribbon__content .header,.alert-ribbon>div:not(.alert-ribbon__footer)>h1,.alert-ribbon>div:not(.alert-ribbon__footer) h2,.alert-ribbon>div:not(.alert-ribbon__footer) h3,.alert-ribbon>div:not(.alert-ribbon__footer) h4,.alert-ribbon>div:not(.alert-ribbon__footer) h5,.alert-ribbon>div:not(.alert-ribbon__footer) .header,.alert-ribbon .alert-ribbon__content>h1,.alert-ribbon .alert-ribbon__content h2,.alert-ribbon .alert-ribbon__content h3,.alert-ribbon .alert-ribbon__content h4,.alert-ribbon .alert-ribbon__content h5,.alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}div[role=alert]>div:not(.alert-ribbon__footer)>p,div[role=alert] .alert-ribbon__content>p,.alert-ribbon>div:not(.alert-ribbon__footer)>p,.alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}div[role=alert]>div:not(.alert-ribbon__footer)>p a,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),div[role=alert] .alert-ribbon__content>p a,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]),.alert-ribbon>div:not(.alert-ribbon__footer)>p a,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.alert-ribbon .alert-ribbon__content>p a,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}div[role=alert]>div:not(.alert-ribbon__footer)>p a:hover,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,div[role=alert] .alert-ribbon__content>p a:hover,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon .alert-ribbon__content>p a:hover,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}div[role=alert] button.close,.alert-ribbon button.close{grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--background-hsl: var(--sg-hsl-black);--color: var(--text-primary-color)}div[role=alert] button.close>i:after,div[role=alert] button.close>i:before,.alert-ribbon button.close>i:after,.alert-ribbon button.close>i:before{background-color:var(--color)}div[role=alert] button.close:hover>i:after,div[role=alert] button.close:hover>i:before,.alert-ribbon button.close:hover>i:after,.alert-ribbon button.close:hover>i:before{background-color:var(--color)}@media (min-width: 36em){div[role=alert] button.close+footer,div[role=alert] button.close .alert-ribbon__footer,.alert-ribbon button.close+footer,.alert-ribbon button.close .alert-ribbon__footer{margin-top:.75rem}}div[role=alert] a:link:focus:not(:focus-visible),.alert-ribbon a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert] a:link:focus,div[role=alert] a:link:focus-within,.alert-ribbon a:link:focus,.alert-ribbon a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert] a:link:not(.button,[aria-disabled]),.alert-ribbon a:link:not(.button,[aria-disabled]){color:var(--text-primary-color)}div[role=alert] a:link:not(.button,[aria-disabled]):hover,div[role=alert] a:link:not(.button,[aria-disabled]):focus,div[role=alert] a:link:not(.button,[aria-disabled]):visited,.alert-ribbon a:link:not(.button,[aria-disabled]):hover,.alert-ribbon a:link:not(.button,[aria-disabled]):focus,.alert-ribbon a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert] a,.alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media (max-width: 35.98em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}div[role=alert]>footer>a,div[role=alert] .alert-ribbon__footer>a,.alert-ribbon>footer>a,.alert-ribbon .alert-ribbon__footer>a{display:flex}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51);min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}@media (max-width: 35.98em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}div[role=alert].info,.alert-ribbon.info{--background: hsl(var(--sg-intent-info-hsl));--color: hsl(var(--sg-intent-info-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info .close,.alert-ribbon.info .close{--color: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info i>svg>*,.alert-ribbon.info i>svg>*{fill:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].info a:link:focus:not(:focus-visible),.alert-ribbon.info a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].info a:link:focus,div[role=alert].info a:link:focus-within,.alert-ribbon.info a:link:focus,.alert-ribbon.info a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].info a:link:not(.button,[aria-disabled]),.alert-ribbon.info a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info a:link:not(.button,[aria-disabled]):hover,div[role=alert].info a:link:not(.button,[aria-disabled]):focus,div[role=alert].info a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.info a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.info a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.info a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].success,.alert-ribbon.success{--background: hsl(var(--sg-intent-success-hsl));--color: var(--gds-ref-pallet-base000);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-ref-pallet-base000)}div[role=alert].success .close,.alert-ribbon.success .close{--color: var(--gds-ref-pallet-base000)}div[role=alert].success i>svg>*,.alert-ribbon.success i>svg>*{fill:var(--gds-ref-pallet-base000)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].success a:link:focus:not(:focus-visible),.alert-ribbon.success a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].success a:link:focus,div[role=alert].success a:link:focus-within,.alert-ribbon.success a:link:focus,.alert-ribbon.success a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].success a:link:not(.button,[aria-disabled]),.alert-ribbon.success a:link:not(.button,[aria-disabled]){color:var(--gds-ref-pallet-base000)}div[role=alert].success a:link:not(.button,[aria-disabled]):hover,div[role=alert].success a:link:not(.button,[aria-disabled]):focus,div[role=alert].success a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.success a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.success a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.success a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].warning,.alert-ribbon.warning{--background: hsl(var(--sg-intent-warning-hsl));--color: hsl(var(--sg-intent-warning-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning .close,.alert-ribbon.warning .close{--color: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning i>svg>*,.alert-ribbon.warning i>svg>*{fill:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].warning a:link:focus:not(:focus-visible),.alert-ribbon.warning a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].warning a:link:focus,div[role=alert].warning a:link:focus-within,.alert-ribbon.warning a:link:focus,.alert-ribbon.warning a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].warning a:link:not(.button,[aria-disabled]),.alert-ribbon.warning a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning a:link:not(.button,[aria-disabled]):hover,div[role=alert].warning a:link:not(.button,[aria-disabled]):focus,div[role=alert].warning a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].danger,.alert-ribbon.danger{--background: hsl(var(--sg-intent-critical-hsl));--color: hsl(var(--sg-intent-critical-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger .close,.alert-ribbon.danger .close{--color: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger i>svg>*,.alert-ribbon.danger i>svg>*{fill:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].danger a:link:focus:not(:focus-visible),.alert-ribbon.danger a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].danger a:link:focus,div[role=alert].danger a:link:focus-within,.alert-ribbon.danger a:link:focus,.alert-ribbon.danger a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].danger a:link:not(.button,[aria-disabled]),.alert-ribbon.danger a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger a:link:not(.button,[aria-disabled]):hover,div[role=alert].danger a:link:not(.button,[aria-disabled]):focus,div[role=alert].danger a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):visited{color:currentColor}.close{font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){.close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}.close:not(:disabled):not(.disabled)>div:after,.close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.close:focus:not(:focus-visible){box-shadow:none;outline:0}.close:focus,.close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.close>i:after,.close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.close>i:after{transform:rotate(45deg)}.close>i:before{transform:rotate(-45deg)}.close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){.close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}.close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host{--sg-intent-neutral-hsl: 0deg, 0%, 91.3725490196%;--sg-intent-success-hsl: 98.8235294118deg, 100%, 26.6666666667%;--sg-intent-success-hsl-contrast: 0deg, 0%, 100%;--sg-intent-warning-hsl: 46.3529411765deg, 100%, 50%;--sg-intent-warning-hsl-contrast: 0deg, 0%, 0%;--sg-intent-critical-hsl: 0deg, 78.5123966942%, 47.4509803922%;--sg-intent-critical-hsl-contrast: 0deg, 0%, 100%;--gds-ref-pallet-base000: hsl(0 0% 100%);--text-primary-color: #333;--sg-border-width: 1px;--sg-border-width-50: .5px;--sg-border-radius: .25rem;--gds-sys-color-font: #333;--sg-border-color: #868686}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.close){padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}@media (max-width: 35.98em){:host .alert-container button:not(.close){min-width:100%}}@media screen and (-ms-high-contrast: active){:host .alert-container button:not(.close){border:2px solid currentcolor}}:host .alert-container button:not(.close).small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .alert-container button:not(.close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container button:not(.close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.close):focus,:host .alert-container button:not(.close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.close):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .alert-container button:not(.close)[aria-selected=true],:host .alert-container button:not(.close):active,:host .alert-container button:not(.close).active,:host .alert-container button:not(.close).active:hover,:host .alert-container button:not(.close):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .alert-container button:not(.close):disabled,:host .alert-container button:not(.close).disabled,:host .alert-container button:not(.close)[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .alert-container button:not(.close):disabled::placeholder,:host .alert-container button:not(.close).disabled::placeholder,:host .alert-container button:not(.close)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .alert-container .close{padding:0}:host .alert-container .close i{width:2rem;height:2rem;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
141
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertComponent, selector: "nggv-alert", inputs: { type: "type", title: "title", body: "body", linkText: "linkText", actionText: "actionText", closable: "closable" }, outputs: { closeAlert: "closeAlert", clickLink: "clickLink", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container\n *ngSwitchCase=\"'success'\"\n [ngTemplateOutlet]=\"checkMark\"\n ></ng-container>\n <ng-container\n *ngSwitchCase=\"'information'\"\n [ngTemplateOutlet]=\"infoSquare\"\n ></ng-container>\n <ng-container\n *ngSwitchDefault\n [ngTemplateOutlet]=\"exclamationSquare\"\n ></ng-container>\n </ng-container>\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }}&nbsp;<a *ngIf=\"linkText\" (click)=\"onLink($event)\">{{\n linkText\n }}</a>\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n<ng-template #exclamationSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n fill=\"currentColor\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: ["div[role=alert],.alert-ribbon{--background: hsl(var(--sg-intent-neutral-hsl));--color: var(--text-primary-color);--border-color: var(--text-primary-color);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media (min-width: 36em){div[role=alert],.alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}div[role=alert]>i,.alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}div[role=alert]>i svg>*,.alert-ribbon>i svg>*{fill:var(--text-primary-color)}div[role=alert]>div:not(.alert-ribbon__footer),div[role=alert] .alert-ribbon__content,.alert-ribbon>div:not(.alert-ribbon__footer),.alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}div[role=alert]>div:not(.alert-ribbon__footer):has(+button),div[role=alert] .alert-ribbon__content:has(+button),.alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}div[role=alert]>div:not(.alert-ribbon__footer)>h1,div[role=alert]>div:not(.alert-ribbon__footer) h2,div[role=alert]>div:not(.alert-ribbon__footer) h3,div[role=alert]>div:not(.alert-ribbon__footer) h4,div[role=alert]>div:not(.alert-ribbon__footer) h5,div[role=alert]>div:not(.alert-ribbon__footer) .header,div[role=alert] .alert-ribbon__content>h1,div[role=alert] .alert-ribbon__content h2,div[role=alert] .alert-ribbon__content h3,div[role=alert] .alert-ribbon__content h4,div[role=alert] .alert-ribbon__content h5,div[role=alert] .alert-ribbon__content .header,.alert-ribbon>div:not(.alert-ribbon__footer)>h1,.alert-ribbon>div:not(.alert-ribbon__footer) h2,.alert-ribbon>div:not(.alert-ribbon__footer) h3,.alert-ribbon>div:not(.alert-ribbon__footer) h4,.alert-ribbon>div:not(.alert-ribbon__footer) h5,.alert-ribbon>div:not(.alert-ribbon__footer) .header,.alert-ribbon .alert-ribbon__content>h1,.alert-ribbon .alert-ribbon__content h2,.alert-ribbon .alert-ribbon__content h3,.alert-ribbon .alert-ribbon__content h4,.alert-ribbon .alert-ribbon__content h5,.alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}div[role=alert]>div:not(.alert-ribbon__footer)>p,div[role=alert] .alert-ribbon__content>p,.alert-ribbon>div:not(.alert-ribbon__footer)>p,.alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}div[role=alert]>div:not(.alert-ribbon__footer)>p a,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),div[role=alert] .alert-ribbon__content>p a,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]),.alert-ribbon>div:not(.alert-ribbon__footer)>p a,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.alert-ribbon .alert-ribbon__content>p a,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}div[role=alert]>div:not(.alert-ribbon__footer)>p a:hover,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,div[role=alert] .alert-ribbon__content>p a:hover,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon .alert-ribbon__content>p a:hover,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}div[role=alert] button.close,.alert-ribbon button.close{grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--background-hsl: var(--sg-hsl-black);--color: var(--text-primary-color)}div[role=alert] button.close>i:after,div[role=alert] button.close>i:before,.alert-ribbon button.close>i:after,.alert-ribbon button.close>i:before{background-color:var(--color)}div[role=alert] button.close:hover>i:after,div[role=alert] button.close:hover>i:before,.alert-ribbon button.close:hover>i:after,.alert-ribbon button.close:hover>i:before{background-color:var(--color)}@media (min-width: 36em){div[role=alert] button.close+footer,div[role=alert] button.close .alert-ribbon__footer,.alert-ribbon button.close+footer,.alert-ribbon button.close .alert-ribbon__footer{margin-top:.75rem}}div[role=alert] a:link:focus:not(:focus-visible),.alert-ribbon a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert] a:link:focus,div[role=alert] a:link:focus-within,.alert-ribbon a:link:focus,.alert-ribbon a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert] a:link:not(.button,[aria-disabled]),.alert-ribbon a:link:not(.button,[aria-disabled]){color:var(--text-primary-color)}div[role=alert] a:link:not(.button,[aria-disabled]):hover,div[role=alert] a:link:not(.button,[aria-disabled]):focus,div[role=alert] a:link:not(.button,[aria-disabled]):visited,.alert-ribbon a:link:not(.button,[aria-disabled]):hover,.alert-ribbon a:link:not(.button,[aria-disabled]):focus,.alert-ribbon a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert] a,.alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media (max-width: 35.98em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}div[role=alert]>footer>a,div[role=alert] .alert-ribbon__footer>a,.alert-ribbon>footer>a,.alert-ribbon .alert-ribbon__footer>a{display:flex}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51);min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}@media (max-width: 35.98em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}div[role=alert].info,.alert-ribbon.info{--background: hsl(var(--sg-intent-info-hsl));--color: hsl(var(--sg-intent-info-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info .close,.alert-ribbon.info .close{--color: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info i>svg>*,.alert-ribbon.info i>svg>*{fill:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].info a:link:focus:not(:focus-visible),.alert-ribbon.info a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].info a:link:focus,div[role=alert].info a:link:focus-within,.alert-ribbon.info a:link:focus,.alert-ribbon.info a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].info a:link:not(.button,[aria-disabled]),.alert-ribbon.info a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info a:link:not(.button,[aria-disabled]):hover,div[role=alert].info a:link:not(.button,[aria-disabled]):focus,div[role=alert].info a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.info a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.info a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.info a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].success,.alert-ribbon.success{--background: hsl(var(--sg-intent-success-hsl));--color: var(--gds-ref-pallet-base000);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-ref-pallet-base000)}div[role=alert].success .close,.alert-ribbon.success .close{--color: var(--gds-ref-pallet-base000)}div[role=alert].success i>svg>*,.alert-ribbon.success i>svg>*{fill:var(--gds-ref-pallet-base000)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].success a:link:focus:not(:focus-visible),.alert-ribbon.success a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].success a:link:focus,div[role=alert].success a:link:focus-within,.alert-ribbon.success a:link:focus,.alert-ribbon.success a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].success a:link:not(.button,[aria-disabled]),.alert-ribbon.success a:link:not(.button,[aria-disabled]){color:var(--gds-ref-pallet-base000)}div[role=alert].success a:link:not(.button,[aria-disabled]):hover,div[role=alert].success a:link:not(.button,[aria-disabled]):focus,div[role=alert].success a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.success a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.success a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.success a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].warning,.alert-ribbon.warning{--background: hsl(var(--sg-intent-warning-hsl));--color: hsl(var(--sg-intent-warning-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning .close,.alert-ribbon.warning .close{--color: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning i>svg>*,.alert-ribbon.warning i>svg>*{fill:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].warning a:link:focus:not(:focus-visible),.alert-ribbon.warning a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].warning a:link:focus,div[role=alert].warning a:link:focus-within,.alert-ribbon.warning a:link:focus,.alert-ribbon.warning a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].warning a:link:not(.button,[aria-disabled]),.alert-ribbon.warning a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning a:link:not(.button,[aria-disabled]):hover,div[role=alert].warning a:link:not(.button,[aria-disabled]):focus,div[role=alert].warning a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].danger,.alert-ribbon.danger{--background: hsl(var(--sg-intent-critical-hsl));--color: hsl(var(--sg-intent-critical-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger .close,.alert-ribbon.danger .close{--color: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger i>svg>*,.alert-ribbon.danger i>svg>*{fill:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].danger a:link:focus:not(:focus-visible),.alert-ribbon.danger a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].danger a:link:focus,div[role=alert].danger a:link:focus-within,.alert-ribbon.danger a:link:focus,.alert-ribbon.danger a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].danger a:link:not(.button,[aria-disabled]),.alert-ribbon.danger a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger a:link:not(.button,[aria-disabled]):hover,div[role=alert].danger a:link:not(.button,[aria-disabled]):focus,div[role=alert].danger a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):visited{color:currentColor}.close{font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){.close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}.close:not(:disabled):not(.disabled)>div:after,.close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.close:focus:not(:focus-visible){box-shadow:none;outline:0}.close:focus,.close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.close>i:after,.close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.close>i:after{transform:rotate(45deg)}.close>i:before{transform:rotate(-45deg)}.close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){.close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}.close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host{--sg-intent-neutral-hsl: 0deg, 0%, 91.3725490196%;--sg-intent-success-hsl: 98.8235294118deg, 100%, 26.6666666667%;--sg-intent-success-hsl-contrast: 0deg, 0%, 100%;--sg-intent-warning-hsl: 46.3529411765deg, 100%, 50%;--sg-intent-warning-hsl-contrast: 0deg, 0%, 0%;--sg-intent-critical-hsl: 0deg, 78.5123966942%, 47.4509803922%;--sg-intent-critical-hsl-contrast: 0deg, 0%, 100%;--gds-ref-pallet-base000: hsl(0 0% 100%);--text-primary-color: #333;--sg-border-width: 1px;--sg-border-width-50: .5px;--sg-border-radius: .25rem;--gds-sys-color-font: #333;--sg-border-color: #868686}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.close){padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}@media (max-width: 35.98em){:host .alert-container button:not(.close){min-width:100%}}@media screen and (-ms-high-contrast: active){:host .alert-container button:not(.close){border:2px solid currentcolor}}:host .alert-container button:not(.close).small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .alert-container button:not(.close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container button:not(.close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.close):focus,:host .alert-container button:not(.close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.close):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .alert-container button:not(.close)[aria-selected=true],:host .alert-container button:not(.close):active,:host .alert-container button:not(.close).active,:host .alert-container button:not(.close).active:hover,:host .alert-container button:not(.close):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .alert-container button:not(.close):disabled,:host .alert-container button:not(.close).disabled,:host .alert-container button:not(.close)[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .alert-container button:not(.close):disabled::placeholder,:host .alert-container button:not(.close).disabled::placeholder,:host .alert-container button:not(.close)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .alert-container .close{padding:0}:host .alert-container .close i{width:2rem;height:2rem;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
141
142
  }
142
143
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, decorators: [{
143
144
  type: Component,
144
- args: [{ selector: 'nggv-alert', template: "<div class=\"alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container *ngIf=\"type === 'success'; then checkMark; else infoSquare\" />\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }}&nbsp;<a *ngIf=\"linkText\" (click)=\"onLink($event)\">{{\n linkText\n }}</a>\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: ["div[role=alert],.alert-ribbon{--background: hsl(var(--sg-intent-neutral-hsl));--color: var(--text-primary-color);--border-color: var(--text-primary-color);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media (min-width: 36em){div[role=alert],.alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}div[role=alert]>i,.alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}div[role=alert]>i svg>*,.alert-ribbon>i svg>*{fill:var(--text-primary-color)}div[role=alert]>div:not(.alert-ribbon__footer),div[role=alert] .alert-ribbon__content,.alert-ribbon>div:not(.alert-ribbon__footer),.alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}div[role=alert]>div:not(.alert-ribbon__footer):has(+button),div[role=alert] .alert-ribbon__content:has(+button),.alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}div[role=alert]>div:not(.alert-ribbon__footer)>h1,div[role=alert]>div:not(.alert-ribbon__footer) h2,div[role=alert]>div:not(.alert-ribbon__footer) h3,div[role=alert]>div:not(.alert-ribbon__footer) h4,div[role=alert]>div:not(.alert-ribbon__footer) h5,div[role=alert]>div:not(.alert-ribbon__footer) .header,div[role=alert] .alert-ribbon__content>h1,div[role=alert] .alert-ribbon__content h2,div[role=alert] .alert-ribbon__content h3,div[role=alert] .alert-ribbon__content h4,div[role=alert] .alert-ribbon__content h5,div[role=alert] .alert-ribbon__content .header,.alert-ribbon>div:not(.alert-ribbon__footer)>h1,.alert-ribbon>div:not(.alert-ribbon__footer) h2,.alert-ribbon>div:not(.alert-ribbon__footer) h3,.alert-ribbon>div:not(.alert-ribbon__footer) h4,.alert-ribbon>div:not(.alert-ribbon__footer) h5,.alert-ribbon>div:not(.alert-ribbon__footer) .header,.alert-ribbon .alert-ribbon__content>h1,.alert-ribbon .alert-ribbon__content h2,.alert-ribbon .alert-ribbon__content h3,.alert-ribbon .alert-ribbon__content h4,.alert-ribbon .alert-ribbon__content h5,.alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}div[role=alert]>div:not(.alert-ribbon__footer)>p,div[role=alert] .alert-ribbon__content>p,.alert-ribbon>div:not(.alert-ribbon__footer)>p,.alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}div[role=alert]>div:not(.alert-ribbon__footer)>p a,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),div[role=alert] .alert-ribbon__content>p a,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]),.alert-ribbon>div:not(.alert-ribbon__footer)>p a,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.alert-ribbon .alert-ribbon__content>p a,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}div[role=alert]>div:not(.alert-ribbon__footer)>p a:hover,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,div[role=alert] .alert-ribbon__content>p a:hover,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon .alert-ribbon__content>p a:hover,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}div[role=alert] button.close,.alert-ribbon button.close{grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--background-hsl: var(--sg-hsl-black);--color: var(--text-primary-color)}div[role=alert] button.close>i:after,div[role=alert] button.close>i:before,.alert-ribbon button.close>i:after,.alert-ribbon button.close>i:before{background-color:var(--color)}div[role=alert] button.close:hover>i:after,div[role=alert] button.close:hover>i:before,.alert-ribbon button.close:hover>i:after,.alert-ribbon button.close:hover>i:before{background-color:var(--color)}@media (min-width: 36em){div[role=alert] button.close+footer,div[role=alert] button.close .alert-ribbon__footer,.alert-ribbon button.close+footer,.alert-ribbon button.close .alert-ribbon__footer{margin-top:.75rem}}div[role=alert] a:link:focus:not(:focus-visible),.alert-ribbon a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert] a:link:focus,div[role=alert] a:link:focus-within,.alert-ribbon a:link:focus,.alert-ribbon a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert] a:link:not(.button,[aria-disabled]),.alert-ribbon a:link:not(.button,[aria-disabled]){color:var(--text-primary-color)}div[role=alert] a:link:not(.button,[aria-disabled]):hover,div[role=alert] a:link:not(.button,[aria-disabled]):focus,div[role=alert] a:link:not(.button,[aria-disabled]):visited,.alert-ribbon a:link:not(.button,[aria-disabled]):hover,.alert-ribbon a:link:not(.button,[aria-disabled]):focus,.alert-ribbon a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert] a,.alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media (max-width: 35.98em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}div[role=alert]>footer>a,div[role=alert] .alert-ribbon__footer>a,.alert-ribbon>footer>a,.alert-ribbon .alert-ribbon__footer>a{display:flex}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51);min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}@media (max-width: 35.98em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}div[role=alert].info,.alert-ribbon.info{--background: hsl(var(--sg-intent-info-hsl));--color: hsl(var(--sg-intent-info-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info .close,.alert-ribbon.info .close{--color: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info i>svg>*,.alert-ribbon.info i>svg>*{fill:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].info a:link:focus:not(:focus-visible),.alert-ribbon.info a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].info a:link:focus,div[role=alert].info a:link:focus-within,.alert-ribbon.info a:link:focus,.alert-ribbon.info a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].info a:link:not(.button,[aria-disabled]),.alert-ribbon.info a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info a:link:not(.button,[aria-disabled]):hover,div[role=alert].info a:link:not(.button,[aria-disabled]):focus,div[role=alert].info a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.info a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.info a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.info a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].success,.alert-ribbon.success{--background: hsl(var(--sg-intent-success-hsl));--color: var(--gds-ref-pallet-base000);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-ref-pallet-base000)}div[role=alert].success .close,.alert-ribbon.success .close{--color: var(--gds-ref-pallet-base000)}div[role=alert].success i>svg>*,.alert-ribbon.success i>svg>*{fill:var(--gds-ref-pallet-base000)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].success a:link:focus:not(:focus-visible),.alert-ribbon.success a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].success a:link:focus,div[role=alert].success a:link:focus-within,.alert-ribbon.success a:link:focus,.alert-ribbon.success a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].success a:link:not(.button,[aria-disabled]),.alert-ribbon.success a:link:not(.button,[aria-disabled]){color:var(--gds-ref-pallet-base000)}div[role=alert].success a:link:not(.button,[aria-disabled]):hover,div[role=alert].success a:link:not(.button,[aria-disabled]):focus,div[role=alert].success a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.success a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.success a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.success a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].warning,.alert-ribbon.warning{--background: hsl(var(--sg-intent-warning-hsl));--color: hsl(var(--sg-intent-warning-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning .close,.alert-ribbon.warning .close{--color: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning i>svg>*,.alert-ribbon.warning i>svg>*{fill:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].warning a:link:focus:not(:focus-visible),.alert-ribbon.warning a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].warning a:link:focus,div[role=alert].warning a:link:focus-within,.alert-ribbon.warning a:link:focus,.alert-ribbon.warning a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].warning a:link:not(.button,[aria-disabled]),.alert-ribbon.warning a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning a:link:not(.button,[aria-disabled]):hover,div[role=alert].warning a:link:not(.button,[aria-disabled]):focus,div[role=alert].warning a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].danger,.alert-ribbon.danger{--background: hsl(var(--sg-intent-critical-hsl));--color: hsl(var(--sg-intent-critical-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger .close,.alert-ribbon.danger .close{--color: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger i>svg>*,.alert-ribbon.danger i>svg>*{fill:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].danger a:link:focus:not(:focus-visible),.alert-ribbon.danger a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].danger a:link:focus,div[role=alert].danger a:link:focus-within,.alert-ribbon.danger a:link:focus,.alert-ribbon.danger a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].danger a:link:not(.button,[aria-disabled]),.alert-ribbon.danger a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger a:link:not(.button,[aria-disabled]):hover,div[role=alert].danger a:link:not(.button,[aria-disabled]):focus,div[role=alert].danger a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):visited{color:currentColor}.close{font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){.close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}.close:not(:disabled):not(.disabled)>div:after,.close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.close:focus:not(:focus-visible){box-shadow:none;outline:0}.close:focus,.close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.close>i:after,.close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.close>i:after{transform:rotate(45deg)}.close>i:before{transform:rotate(-45deg)}.close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){.close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}.close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host{--sg-intent-neutral-hsl: 0deg, 0%, 91.3725490196%;--sg-intent-success-hsl: 98.8235294118deg, 100%, 26.6666666667%;--sg-intent-success-hsl-contrast: 0deg, 0%, 100%;--sg-intent-warning-hsl: 46.3529411765deg, 100%, 50%;--sg-intent-warning-hsl-contrast: 0deg, 0%, 0%;--sg-intent-critical-hsl: 0deg, 78.5123966942%, 47.4509803922%;--sg-intent-critical-hsl-contrast: 0deg, 0%, 100%;--gds-ref-pallet-base000: hsl(0 0% 100%);--text-primary-color: #333;--sg-border-width: 1px;--sg-border-width-50: .5px;--sg-border-radius: .25rem;--gds-sys-color-font: #333;--sg-border-color: #868686}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.close){padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}@media (max-width: 35.98em){:host .alert-container button:not(.close){min-width:100%}}@media screen and (-ms-high-contrast: active){:host .alert-container button:not(.close){border:2px solid currentcolor}}:host .alert-container button:not(.close).small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .alert-container button:not(.close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container button:not(.close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.close):focus,:host .alert-container button:not(.close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.close):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .alert-container button:not(.close)[aria-selected=true],:host .alert-container button:not(.close):active,:host .alert-container button:not(.close).active,:host .alert-container button:not(.close).active:hover,:host .alert-container button:not(.close):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .alert-container button:not(.close):disabled,:host .alert-container button:not(.close).disabled,:host .alert-container button:not(.close)[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .alert-container button:not(.close):disabled::placeholder,:host .alert-container button:not(.close).disabled::placeholder,:host .alert-container button:not(.close)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .alert-container .close{padding:0}:host .alert-container .close i{width:2rem;height:2rem;border-radius:50%}\n"] }]
145
+ args: [{ selector: 'nggv-alert', template: "<div class=\"alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container\n *ngSwitchCase=\"'success'\"\n [ngTemplateOutlet]=\"checkMark\"\n ></ng-container>\n <ng-container\n *ngSwitchCase=\"'information'\"\n [ngTemplateOutlet]=\"infoSquare\"\n ></ng-container>\n <ng-container\n *ngSwitchDefault\n [ngTemplateOutlet]=\"exclamationSquare\"\n ></ng-container>\n </ng-container>\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }}&nbsp;<a *ngIf=\"linkText\" (click)=\"onLink($event)\">{{\n linkText\n }}</a>\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n<ng-template #exclamationSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n fill=\"currentColor\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: ["div[role=alert],.alert-ribbon{--background: hsl(var(--sg-intent-neutral-hsl));--color: var(--text-primary-color);--border-color: var(--text-primary-color);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media (min-width: 36em){div[role=alert],.alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}div[role=alert]>i,.alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}div[role=alert]>i svg>*,.alert-ribbon>i svg>*{fill:var(--text-primary-color)}div[role=alert]>div:not(.alert-ribbon__footer),div[role=alert] .alert-ribbon__content,.alert-ribbon>div:not(.alert-ribbon__footer),.alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}div[role=alert]>div:not(.alert-ribbon__footer):has(+button),div[role=alert] .alert-ribbon__content:has(+button),.alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}div[role=alert]>div:not(.alert-ribbon__footer)>h1,div[role=alert]>div:not(.alert-ribbon__footer) h2,div[role=alert]>div:not(.alert-ribbon__footer) h3,div[role=alert]>div:not(.alert-ribbon__footer) h4,div[role=alert]>div:not(.alert-ribbon__footer) h5,div[role=alert]>div:not(.alert-ribbon__footer) .header,div[role=alert] .alert-ribbon__content>h1,div[role=alert] .alert-ribbon__content h2,div[role=alert] .alert-ribbon__content h3,div[role=alert] .alert-ribbon__content h4,div[role=alert] .alert-ribbon__content h5,div[role=alert] .alert-ribbon__content .header,.alert-ribbon>div:not(.alert-ribbon__footer)>h1,.alert-ribbon>div:not(.alert-ribbon__footer) h2,.alert-ribbon>div:not(.alert-ribbon__footer) h3,.alert-ribbon>div:not(.alert-ribbon__footer) h4,.alert-ribbon>div:not(.alert-ribbon__footer) h5,.alert-ribbon>div:not(.alert-ribbon__footer) .header,.alert-ribbon .alert-ribbon__content>h1,.alert-ribbon .alert-ribbon__content h2,.alert-ribbon .alert-ribbon__content h3,.alert-ribbon .alert-ribbon__content h4,.alert-ribbon .alert-ribbon__content h5,.alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}div[role=alert]>div:not(.alert-ribbon__footer)>p,div[role=alert] .alert-ribbon__content>p,.alert-ribbon>div:not(.alert-ribbon__footer)>p,.alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}div[role=alert]>div:not(.alert-ribbon__footer)>p a,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),div[role=alert] .alert-ribbon__content>p a,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]),.alert-ribbon>div:not(.alert-ribbon__footer)>p a,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.alert-ribbon .alert-ribbon__content>p a,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}div[role=alert]>div:not(.alert-ribbon__footer)>p a:hover,div[role=alert]>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,div[role=alert] .alert-ribbon__content>p a:hover,div[role=alert] .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.alert-ribbon .alert-ribbon__content>p a:hover,.alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}div[role=alert] button.close,.alert-ribbon button.close{grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--background-hsl: var(--sg-hsl-black);--color: var(--text-primary-color)}div[role=alert] button.close>i:after,div[role=alert] button.close>i:before,.alert-ribbon button.close>i:after,.alert-ribbon button.close>i:before{background-color:var(--color)}div[role=alert] button.close:hover>i:after,div[role=alert] button.close:hover>i:before,.alert-ribbon button.close:hover>i:after,.alert-ribbon button.close:hover>i:before{background-color:var(--color)}@media (min-width: 36em){div[role=alert] button.close+footer,div[role=alert] button.close .alert-ribbon__footer,.alert-ribbon button.close+footer,.alert-ribbon button.close .alert-ribbon__footer{margin-top:.75rem}}div[role=alert] a:link:focus:not(:focus-visible),.alert-ribbon a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert] a:link:focus,div[role=alert] a:link:focus-within,.alert-ribbon a:link:focus,.alert-ribbon a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert] a:link:not(.button,[aria-disabled]),.alert-ribbon a:link:not(.button,[aria-disabled]){color:var(--text-primary-color)}div[role=alert] a:link:not(.button,[aria-disabled]):hover,div[role=alert] a:link:not(.button,[aria-disabled]):focus,div[role=alert] a:link:not(.button,[aria-disabled]):visited,.alert-ribbon a:link:not(.button,[aria-disabled]):hover,.alert-ribbon a:link:not(.button,[aria-disabled]):focus,.alert-ribbon a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert] a,.alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media (max-width: 35.98em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer,div[role=alert] .alert-ribbon__footer,.alert-ribbon>footer,.alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}div[role=alert]>footer>a,div[role=alert] .alert-ribbon__footer>a,.alert-ribbon>footer>a,.alert-ribbon .alert-ribbon__footer>a{display:flex}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51);min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert]>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert] .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}@media (max-width: 35.98em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media (min-width: 36em){div[role=alert]>footer>a+a,div[role=alert]>footer>a+button,div[role=alert]>footer>a+.button,div[role=alert]>footer>button+a,div[role=alert]>footer>button+button,div[role=alert]>footer>button+.button,div[role=alert]>footer>button[type=button]+a,div[role=alert]>footer>button[type=button]+button,div[role=alert]>footer>button[type=button]+.button,div[role=alert]>footer>.button+a,div[role=alert]>footer>.button+button,div[role=alert]>footer>.button+.button,div[role=alert] .alert-ribbon__footer>a+a,div[role=alert] .alert-ribbon__footer>a+button,div[role=alert] .alert-ribbon__footer>a+.button,div[role=alert] .alert-ribbon__footer>button+a,div[role=alert] .alert-ribbon__footer>button+button,div[role=alert] .alert-ribbon__footer>button+.button,div[role=alert] .alert-ribbon__footer>button[type=button]+a,div[role=alert] .alert-ribbon__footer>button[type=button]+button,div[role=alert] .alert-ribbon__footer>button[type=button]+.button,div[role=alert] .alert-ribbon__footer>.button+a,div[role=alert] .alert-ribbon__footer>.button+button,div[role=alert] .alert-ribbon__footer>.button+.button,.alert-ribbon>footer>a+a,.alert-ribbon>footer>a+button,.alert-ribbon>footer>a+.button,.alert-ribbon>footer>button+a,.alert-ribbon>footer>button+button,.alert-ribbon>footer>button+.button,.alert-ribbon>footer>button[type=button]+a,.alert-ribbon>footer>button[type=button]+button,.alert-ribbon>footer>button[type=button]+.button,.alert-ribbon>footer>.button+a,.alert-ribbon>footer>.button+button,.alert-ribbon>footer>.button+.button,.alert-ribbon .alert-ribbon__footer>a+a,.alert-ribbon .alert-ribbon__footer>a+button,.alert-ribbon .alert-ribbon__footer>a+.button,.alert-ribbon .alert-ribbon__footer>button+a,.alert-ribbon .alert-ribbon__footer>button+button,.alert-ribbon .alert-ribbon__footer>button+.button,.alert-ribbon .alert-ribbon__footer>button[type=button]+a,.alert-ribbon .alert-ribbon__footer>button[type=button]+button,.alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.alert-ribbon .alert-ribbon__footer>.button+a,.alert-ribbon .alert-ribbon__footer>.button+button,.alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}div[role=alert].info,.alert-ribbon.info{--background: hsl(var(--sg-intent-info-hsl));--color: hsl(var(--sg-intent-info-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info .close,.alert-ribbon.info .close{--color: hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info i>svg>*,.alert-ribbon.info i>svg>*{fill:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.info .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].info a:link:focus:not(:focus-visible),.alert-ribbon.info a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].info a:link:focus,div[role=alert].info a:link:focus-within,.alert-ribbon.info a:link:focus,.alert-ribbon.info a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].info a:link:not(.button,[aria-disabled]),.alert-ribbon.info a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-info-hsl-contrast))}div[role=alert].info a:link:not(.button,[aria-disabled]):hover,div[role=alert].info a:link:not(.button,[aria-disabled]):focus,div[role=alert].info a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.info a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.info a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.info a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].success,.alert-ribbon.success{--background: hsl(var(--sg-intent-success-hsl));--color: var(--gds-ref-pallet-base000);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-ref-pallet-base000)}div[role=alert].success .close,.alert-ribbon.success .close{--color: var(--gds-ref-pallet-base000)}div[role=alert].success i>svg>*,.alert-ribbon.success i>svg>*{fill:var(--gds-ref-pallet-base000)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.success .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].success a:link:focus:not(:focus-visible),.alert-ribbon.success a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].success a:link:focus,div[role=alert].success a:link:focus-within,.alert-ribbon.success a:link:focus,.alert-ribbon.success a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].success a:link:not(.button,[aria-disabled]),.alert-ribbon.success a:link:not(.button,[aria-disabled]){color:var(--gds-ref-pallet-base000)}div[role=alert].success a:link:not(.button,[aria-disabled]):hover,div[role=alert].success a:link:not(.button,[aria-disabled]):focus,div[role=alert].success a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.success a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.success a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.success a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].warning,.alert-ribbon.warning{--background: hsl(var(--sg-intent-warning-hsl));--color: hsl(var(--sg-intent-warning-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning .close,.alert-ribbon.warning .close{--color: hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning i>svg>*,.alert-ribbon.warning i>svg>*{fill:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.warning .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].warning a:link:focus:not(:focus-visible),.alert-ribbon.warning a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].warning a:link:focus,div[role=alert].warning a:link:focus-within,.alert-ribbon.warning a:link:focus,.alert-ribbon.warning a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].warning a:link:not(.button,[aria-disabled]),.alert-ribbon.warning a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-warning-hsl-contrast))}div[role=alert].warning a:link:not(.button,[aria-disabled]):hover,div[role=alert].warning a:link:not(.button,[aria-disabled]):focus,div[role=alert].warning a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.warning a:link:not(.button,[aria-disabled]):visited{color:currentColor}div[role=alert].danger,.alert-ribbon.danger{--background: hsl(var(--sg-intent-critical-hsl));--color: hsl(var(--sg-intent-critical-hsl-contrast));--border-color: transparent;--gds-sys-color-focus-outline: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger .close,.alert-ribbon.danger .close{--color: hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger i>svg>*,.alert-ribbon.danger i>svg>*{fill:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]),.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-selected]:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).active:hover,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):active:hover{opacity:.9}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true],.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,div[role=alert].danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger>footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>a:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>button[type=button]:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]):disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled]).disabled::placeholder,.alert-ribbon.danger .alert-ribbon__footer>.button:not(.primary,.ghost,.close,.link,[type=submit],:disabled,.disabled,[aria-disabled])[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}div[role=alert].danger a:link:focus:not(:focus-visible),.alert-ribbon.danger a:link:focus:not(:focus-visible){box-shadow:none;outline:0}div[role=alert].danger a:link:focus,div[role=alert].danger a:link:focus-within,.alert-ribbon.danger a:link:focus,.alert-ribbon.danger a:link:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}div[role=alert].danger a:link:not(.button,[aria-disabled]),.alert-ribbon.danger a:link:not(.button,[aria-disabled]){color:hsl(var(--sg-intent-critical-hsl-contrast))}div[role=alert].danger a:link:not(.button,[aria-disabled]):hover,div[role=alert].danger a:link:not(.button,[aria-disabled]):focus,div[role=alert].danger a:link:not(.button,[aria-disabled]):visited,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):hover,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):focus,.alert-ribbon.danger a:link:not(.button,[aria-disabled]):visited{color:currentColor}.close{font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){.close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}.close:not(:disabled):not(.disabled)>div:after,.close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.close:focus:not(:focus-visible){box-shadow:none;outline:0}.close:focus,.close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.close>i:after,.close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.close>i:after{transform:rotate(45deg)}.close>i:before{transform:rotate(-45deg)}.close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){.close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}.close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host{--sg-intent-neutral-hsl: 0deg, 0%, 91.3725490196%;--sg-intent-success-hsl: 98.8235294118deg, 100%, 26.6666666667%;--sg-intent-success-hsl-contrast: 0deg, 0%, 100%;--sg-intent-warning-hsl: 46.3529411765deg, 100%, 50%;--sg-intent-warning-hsl-contrast: 0deg, 0%, 0%;--sg-intent-critical-hsl: 0deg, 78.5123966942%, 47.4509803922%;--sg-intent-critical-hsl-contrast: 0deg, 0%, 100%;--gds-ref-pallet-base000: hsl(0 0% 100%);--text-primary-color: #333;--sg-border-width: 1px;--sg-border-width-50: .5px;--sg-border-radius: .25rem;--gds-sys-color-font: #333;--sg-border-color: #868686}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.close){padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}@media (max-width: 35.98em){:host .alert-container button:not(.close){min-width:100%}}@media screen and (-ms-high-contrast: active){:host .alert-container button:not(.close){border:2px solid currentcolor}}:host .alert-container button:not(.close).small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .alert-container button:not(.close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container button:not(.close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.close):focus,:host .alert-container button:not(.close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.close):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .alert-container button:not(.close)[aria-selected=true],:host .alert-container button:not(.close):active,:host .alert-container button:not(.close).active,:host .alert-container button:not(.close).active:hover,:host .alert-container button:not(.close):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .alert-container button:not(.close):disabled,:host .alert-container button:not(.close).disabled,:host .alert-container button:not(.close)[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .alert-container button:not(.close):disabled::placeholder,:host .alert-container button:not(.close).disabled::placeholder,:host .alert-container button:not(.close)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .alert-container .close{padding:0}:host .alert-container .close i{width:2rem;height:2rem;border-radius:50%}\n"] }]
145
146
  }], propDecorators: { type: [{
146
147
  type: Input
147
148
  }], title: [{
@@ -650,6 +651,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
650
651
  }]
651
652
  }] });
652
653
 
654
+ ;
655
+ (() => {
656
+ // Make sure there is an incremental ID each component can use
657
+ if (typeof window !== 'undefined' && !window.nggv) {
658
+ window.nggv = {
659
+ ids: { default: -1 },
660
+ nextId(namespace = 'default') {
661
+ let id = this.ids[namespace] || 0;
662
+ if (typeof this.ids[namespace] === 'number')
663
+ id++;
664
+ this.ids[namespace] = id;
665
+ return namespace === 'default'
666
+ ? `nggv-${id}`
667
+ : `nggv-${namespace}-${id}`;
668
+ },
669
+ };
670
+ }
671
+ })();
672
+
673
+ class DropdownUtils {
674
+ flattenOptions(options, mustHaveLabel) {
675
+ if (!options)
676
+ return [];
677
+ return options.reduce((acc, current) => {
678
+ if (this.isGroup(current))
679
+ return acc.concat(this.flattenOptions(current.options, mustHaveLabel));
680
+ if (!current.disabled && !(mustHaveLabel && !current.label))
681
+ acc.push(current); // skip disabled
682
+ return acc;
683
+ }, []);
684
+ }
685
+ /**
686
+ * Returns true if argument is an {@link OptionGroup}.
687
+ * @param option the object to check.
688
+ */
689
+ isGroup(option) {
690
+ return 'options' in option;
691
+ }
692
+ deepEqual(original, change) {
693
+ if (original === change)
694
+ return true;
695
+ // breaks early if either original or change is a primitive value
696
+ if (typeof original !== 'object' ||
697
+ typeof change !== 'object' ||
698
+ original == null ||
699
+ change == null)
700
+ return false;
701
+ const keysOriginal = Object.keys(original);
702
+ const keysChange = Object.keys(change);
703
+ if (keysOriginal.length !== keysChange.length)
704
+ return false;
705
+ for (const key of keysOriginal) {
706
+ if (!keysChange.includes(key))
707
+ return false;
708
+ switch (true) {
709
+ case Array.isArray(original[key]) && Array.isArray(change[key]):
710
+ if (JSON.stringify(original[key].sort()) !==
711
+ JSON.stringify(change[key].sort()))
712
+ return false;
713
+ break;
714
+ case typeof original[key] === 'function':
715
+ case typeof change[key] === 'function':
716
+ if (original[key].toString() !== change[key].toString())
717
+ return false;
718
+ break;
719
+ default:
720
+ if (!this.deepEqual(original[key], change[key]))
721
+ return false;
722
+ }
723
+ }
724
+ return true;
725
+ }
726
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
727
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownUtils }); }
728
+ }
729
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownUtils, decorators: [{
730
+ type: Injectable
731
+ }] });
732
+
653
733
  class CharacterCountdownDirective {
654
734
  set maxlength(value) {
655
735
  if (!!value && !Number.isNaN(value)) {
@@ -3297,9 +3377,10 @@ class NggvDropdownListComponent {
3297
3377
  this.closed = new EventEmitter();
3298
3378
  /** The current active option based on numeric index. */
3299
3379
  this.activeIndex = -1;
3300
- this.dropdownUtils = new DropdownUtils();
3380
+ this.dropdownUtils = new DropdownUtils$1();
3301
3381
  this._expanded = false;
3302
3382
  this.closed$ = new Subject();
3383
+ this._flattenedOptions = [];
3303
3384
  if (this.translocoScope)
3304
3385
  this.scope = this.translocoScope.toString();
3305
3386
  }
@@ -3339,20 +3420,28 @@ class NggvDropdownListComponent {
3339
3420
  setExpanded(expanded = true) {
3340
3421
  // update expanded state
3341
3422
  this._expanded = expanded;
3342
- if (expanded)
3423
+ if (expanded) {
3343
3424
  this.refreshSelectedOption();
3425
+ this.subscribeToKeyUpEvents();
3426
+ this.subscribeToKeyDownEvents();
3427
+ }
3344
3428
  else {
3345
3429
  this.closed$.next(true);
3346
3430
  this.onClickSubscription?.unsubscribe();
3431
+ this.onKeyDownSubscription?.unsubscribe();
3432
+ this.onKeyUpSubscription?.unsubscribe();
3433
+ // to trigger gc removal
3434
+ this.onKeyDownSubscription = undefined;
3435
+ this.onKeyUpSubscription = undefined;
3347
3436
  }
3348
3437
  }
3349
3438
  /**
3350
3439
  * @internal
3351
3440
  */
3352
3441
  refreshSelectedOption() {
3353
- const options = this.dropdownUtils.flattenOptions(this.options, !this.optionContentTpl);
3442
+ this._flattenedOptions = this.dropdownUtils.flattenOptions(this.options, !this.optionContentTpl);
3354
3443
  this.activeIndex = this.getActiveIndex();
3355
- this.state = options[this.activeIndex];
3444
+ this.state = this._flattenedOptions[this.activeIndex];
3356
3445
  this.scrollToResult(this.state);
3357
3446
  }
3358
3447
  /**
@@ -3364,15 +3453,11 @@ class NggvDropdownListComponent {
3364
3453
  */
3365
3454
  getActiveIndex() {
3366
3455
  if (!!this.selectedValue && this.selectedValue?.key != null) {
3367
- const selectedIndex = this.dropdownUtils
3368
- .flattenOptions(this.options, !this.optionContentTpl)
3369
- .findIndex((option) => option.key != null && option.key === this.selectedValue?.key);
3456
+ const selectedIndex = this._flattenedOptions.findIndex((option) => option.key != null && option.key === this.selectedValue?.key);
3370
3457
  if (selectedIndex > -1)
3371
3458
  return selectedIndex;
3372
3459
  }
3373
- return this.dropdownUtils
3374
- .flattenOptions(this.options, !this.optionContentTpl)
3375
- .findIndex((option) => option.key != null);
3460
+ return this._flattenedOptions.findIndex((option) => option.key != null);
3376
3461
  }
3377
3462
  /**
3378
3463
  * @internal
@@ -3396,12 +3481,20 @@ class NggvDropdownListComponent {
3396
3481
  */
3397
3482
  onKeyDown(event) {
3398
3483
  switch (event.key) {
3399
- case 'Enter': // Disable form submission
3484
+ case ' ': // Space - placed here to ensure the dropdown-list closes after selecting using "Space"
3400
3485
  case 'ArrowUp': // Disable scrolling up
3401
3486
  case 'ArrowDown': // Disable scrolling down
3402
3487
  event.preventDefault();
3403
3488
  event.stopPropagation();
3404
3489
  return false;
3490
+ case 'Enter': // Disable form submission and select the currently active value
3491
+ event.preventDefault();
3492
+ event.stopPropagation();
3493
+ if (this.expanded) {
3494
+ const option = this._flattenedOptions[this.activeIndex];
3495
+ this.updateState(option, event);
3496
+ }
3497
+ return false;
3405
3498
  }
3406
3499
  return true;
3407
3500
  }
@@ -3413,7 +3506,6 @@ class NggvDropdownListComponent {
3413
3506
  onKeyUp(event) {
3414
3507
  if (!this.expanded)
3415
3508
  return;
3416
- const options = this.dropdownUtils.flattenOptions(this.options, !this.optionContentTpl);
3417
3509
  let option;
3418
3510
  switch (event.key) {
3419
3511
  case 'Tab':
@@ -3421,14 +3513,13 @@ class NggvDropdownListComponent {
3421
3513
  this.setExpanded(false);
3422
3514
  this.closed.emit();
3423
3515
  break;
3424
- case 'Space': // Select the currently chosen value
3425
- case 'Enter': // Select the currently chosen value
3426
- option = options[this.activeIndex];
3516
+ case ' ': // Space - select the currently chosen value
3517
+ option = this._flattenedOptions[this.activeIndex];
3427
3518
  this.updateState(option, event);
3428
3519
  break;
3429
3520
  case 'Home': // Move to the first option
3430
3521
  this.activeIndex = 0;
3431
- option = options[this.activeIndex];
3522
+ option = this._flattenedOptions[this.activeIndex];
3432
3523
  this.state = option;
3433
3524
  this.scrollToResult(option);
3434
3525
  break;
@@ -3436,28 +3527,40 @@ class NggvDropdownListComponent {
3436
3527
  if (this.activeIndex > 0)
3437
3528
  this.activeIndex--;
3438
3529
  else if (this.activeIndex === 0)
3439
- this.activeIndex = options.length - 1;
3440
- option = options[this.activeIndex];
3530
+ this.activeIndex = this._flattenedOptions.length - 1;
3531
+ option = this._flattenedOptions[this.activeIndex];
3441
3532
  this.state = option;
3442
3533
  this.scrollToResult(option);
3443
3534
  break;
3444
3535
  case 'ArrowDown': // Move down one step to the next option
3445
- if (options.length > this.activeIndex + 1)
3536
+ if (this._flattenedOptions.length > this.activeIndex + 1)
3446
3537
  this.activeIndex++;
3447
- else if (this.activeIndex === options.length - 1)
3538
+ else if (this.activeIndex === this._flattenedOptions.length - 1)
3448
3539
  this.activeIndex = 0;
3449
- option = options[this.activeIndex];
3540
+ option = this._flattenedOptions[this.activeIndex];
3450
3541
  this.state = option;
3451
3542
  this.scrollToResult(option);
3452
3543
  break;
3453
3544
  case 'End': // Move to the last options
3454
- this.activeIndex = options.length - 1;
3455
- option = options[this.activeIndex];
3545
+ this.activeIndex = this._flattenedOptions.length - 1;
3546
+ option = this._flattenedOptions[this.activeIndex];
3456
3547
  this.state = option;
3457
3548
  this.scrollToResult(option);
3458
3549
  break;
3459
3550
  }
3460
3551
  }
3552
+ /** @internal */
3553
+ subscribeToKeyUpEvents() {
3554
+ this.onKeyUpSubscription = fromEvent(document, 'keyup')
3555
+ .pipe(filter$1(() => this.expanded), takeUntil$1(this.closed$))
3556
+ .subscribe((event) => this.onKeyUp(event));
3557
+ }
3558
+ /** @internal */
3559
+ subscribeToKeyDownEvents() {
3560
+ this.onKeyDownSubscription = fromEvent(document, 'keydown')
3561
+ .pipe(filter$1(() => this.expanded), takeUntil$1(this.closed$))
3562
+ .subscribe((event) => this.onKeyDown(event));
3563
+ }
3461
3564
  /**
3462
3565
  * Scrolls focused result into view with a specified offset.
3463
3566
  * @param key the result index which to scroll to.
@@ -3482,7 +3585,7 @@ class NggvDropdownListComponent {
3482
3585
  }
3483
3586
  }
3484
3587
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDropdownListComponent, deps: [{ token: TRANSLOCO_SCOPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
3485
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDropdownListComponent, selector: "nggv-dropdown-list", inputs: { expanded: "expanded", state: "state", scrollOffset: "scrollOffset", optionContentTpl: "optionContentTpl", groupLabelTpl: "groupLabelTpl", id: "id", thook: "thook", options: "options", textToHighlight: "textToHighlight", onlyEmitDistinctChanges: "onlyEmitDistinctChanges" }, outputs: { selectedValueChanged: "selectedValueChanged", closed: "closed" }, host: { listeners: { "document:keydown": "onKeyDown($event)", "document:keyup": "onKeyUp($event)" }, properties: { "attr.id": "this.id", "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "optionRefs", predicate: ["optionRefs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *transloco=\"let t; read: scope\">\n <ul\n class=\"gds-dropdown__options card options gds-reset\"\n [class.gds-dropdown__options-expanded]=\"expanded\"\n role=\"listbox\"\n tabindex=\"-1\"\n [attr.data-thook]=\"thook + '-options'\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.aria-activedescendant]=\"\n state ? id + '-option-' + state?.key : undefined\n \"\n >\n <ng-container *ngFor=\"let item of options\">\n <!-- OPTION -->\n <ng-container *ngIf=\"!isGroup(item)\">\n <ng-template\n *ngTemplateOutlet=\"listItemTemplate; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n\n <!-- OPTION GROUP -->\n <li\n class=\"gds-dropdown__options__label group\"\n [attr.data-thook]=\"thook + '-option-group'\"\n *ngIf=\"isGroup(item)\"\n >\n <!-- group label template (default or custom) -->\n <ng-template\n *ngTemplateOutlet=\"listGroupTemplate; context: { $implicit: item }\"\n ></ng-template>\n\n <ul [attr.aria-disabled]=\"item.disabled\" class=\"gds-reset\">\n <ng-container *ngFor=\"let option of castGroup(item).options\">\n <ng-template\n *ngTemplateOutlet=\"\n listItemTemplate;\n context: { $implicit: option }\n \"\n ></ng-template>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n\n <!-- TEMPLATE -->\n <ng-template #listItemTemplate let-option>\n <li\n #optionRefs\n *ngIf=\"!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n [nggvTooltip]=\"isOverflow(liElem) ? t(option.label) : undefined\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n basicOptionContentTpl;\n context: { $implicit: option }\n \"\n >\n </ng-template>\n </li>\n <!-- Checking overflow on custom templates do not work skip adding nggvToolTip if custom template is provided -->\n <li\n #optionRefs\n *ngIf=\"!!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionContentTpl; context: { $implicit: option }\"\n >\n </ng-template>\n </li>\n </ng-template>\n\n <ng-template #listGroupTemplate let-item>\n <ng-container *ngIf=\"groupLabelTpl\">\n <ng-template\n *ngTemplateOutlet=\"groupLabelTpl; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n <ng-container *ngIf=\"!groupLabelTpl\">\n <ng-template\n *ngTemplateOutlet=\"basicGroupLabelTpl; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n </ng-template>\n\n <ng-template #basicOptionContentTpl let-option>\n <nggv-typeahead-highlight\n *ngIf=\"!!textToHighlight\"\n [textToHighlight]=\"textToHighlight\"\n [textContent]=\"t(option.label)\"\n >\n </nggv-typeahead-highlight>\n <ng-container *ngIf=\"!textToHighlight\">\n {{ t(option.label) }}\n </ng-container>\n </ng-template>\n\n <ng-template #basicGroupLabelTpl let-item>\n <div class=\"nggv-group-label\">{{ t(item.label) }}</div>\n </ng-template>\n</ng-container>\n", styles: [":host{--gds-ref-pallet-base300: hsl(0, 0%, 87%);--gds-ref-pallet-base400: hsl(0, 0%, 81%);--gds-ref-pallet-base500: hsl(0, 0%, 68%);--sg-z-index-dropdown: ;--sg-z-index-popover: 1060;--sg-z-index-dropdown-backdrop: 990;--sg-z-index-dropdown: 2000;--sg-popover-background: #fff;--sg-popover-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--text-primary-color: #333;position:absolute;bottom:0;transform:translateY(calc(100% + .5rem));z-index:var(--sg-z-index-dropdown)}:host .hidden{visibility:hidden;display:none}:host ul[role=menu] [role=menuitem]{padding:.75rem;cursor:pointer}:host ul[role=menu] [role=menuitem]:hover,:host ul[role=menu] [role=menuitem]:focus-visible{background-color:var(--gds-ref-pallet-base200)}:host ul[role=menu] [role=menuitem]:active{background-color:var(--gds-ref-pallet-base300)}:host ul[role=menu] [role=menuitem]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox]{--z-index: var(--sg-z-index-popover);background-color:var(--sg-popover-background);flex-direction:column;justify-content:flex-end;inset:auto;z-index:var(--z-index);box-shadow:var(--sg-popover-box-shadow);color:var(--text-primary-color);padding:0;max-height:500px;overflow-y:auto;border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--text-primary-color);--sg-border-color: var(--text-primary-color);border-radius:var(--sg-border-radius)}:host ul[role=listbox] [role=option]{padding:.75rem 1rem;line-height:1.25;cursor:pointer}:host ul[role=listbox] [role=option]:hover,:host ul[role=listbox] [role=option]:focus-visible{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:active{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox] [role=option].active.sg-highlighted,:host ul[role=listbox] [role=option][aria-selected=true]{background:var(--grey-1000);color:#fff}:host ul[role=listbox] .group ul{list-style-type:none;padding:0}:host ul[role=listbox] .group:hover{color:inherit;background-color:inherit}:host .sg-fieldset-container{overflow-y:auto}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option]{display:flex;width:100%}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option].active.sg-highlighted input[type=checkbox]~i{border-color:#007ac7!important;box-shadow:0 0 .25em .0625em #41b0ee;outline-color:transparent;outline-style:solid}:host .gds-dropdown__options{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;display:none}:host .gds-dropdown__options>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host .gds-dropdown__options>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host .gds-dropdown__options-expanded{display:block}:host .gds-dropdown__options__label:hover{background-color:var(--gds-ref-pallet-base400)}:host .gds-dropdown__options__label:focus-visible,:host .gds-dropdown__options__label[aria-focus=true]{background-color:var(--gds-ref-pallet-base300)}:host .gds-dropdown__options__label:active{background-color:var(--gds-ref-pallet-base500)}:host .gds-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host .gds-dropdown__options__label[aria-hidden=true]{display:none}:host .gds-dropdown__options__label[highlighted]{color:#fff}:host li+.group{padding-top:0}:host .nggv-group-label{cursor:pointer;background-color:#e7e7e7;padding-inline:1rem;padding-block:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NggvTypeaheadHighlightComponent, selector: "nggv-typeahead-highlight", inputs: ["textContent", "textToHighlight"] }, { kind: "directive", type: i3$1.NggvTooltipDirective, selector: "[nggvTooltip]", inputs: ["nggvTooltip", "thook", "placement", "shown", "offset", "resizeThrottle", "tooltipId", "maxWidth"], outputs: ["nggvShow", "nggvHide"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
3588
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDropdownListComponent, selector: "nggv-dropdown-list", inputs: { expanded: "expanded", state: "state", scrollOffset: "scrollOffset", optionContentTpl: "optionContentTpl", groupLabelTpl: "groupLabelTpl", id: "id", thook: "thook", options: "options", textToHighlight: "textToHighlight", onlyEmitDistinctChanges: "onlyEmitDistinctChanges" }, outputs: { selectedValueChanged: "selectedValueChanged", closed: "closed" }, host: { properties: { "attr.id": "this.id", "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "optionRefs", predicate: ["optionRefs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *transloco=\"let t; read: scope\">\n <ul\n class=\"gds-dropdown__options card options gds-reset\"\n [class.gds-dropdown__options-expanded]=\"expanded\"\n role=\"listbox\"\n tabindex=\"-1\"\n [attr.data-thook]=\"thook + '-options'\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.aria-activedescendant]=\"\n state ? id + '-option-' + state?.key : undefined\n \"\n >\n <ng-container *ngFor=\"let item of options\">\n <!-- OPTION -->\n <ng-container *ngIf=\"!isGroup(item)\">\n <ng-template\n *ngTemplateOutlet=\"listItemTemplate; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n\n <!-- OPTION GROUP -->\n <li\n class=\"gds-dropdown__options__label group\"\n [attr.data-thook]=\"thook + '-option-group'\"\n *ngIf=\"isGroup(item)\"\n >\n <!-- group label template (default or custom) -->\n <ng-template\n *ngTemplateOutlet=\"listGroupTemplate; context: { $implicit: item }\"\n ></ng-template>\n\n <ul [attr.aria-disabled]=\"item.disabled\" class=\"gds-reset\">\n <ng-container *ngFor=\"let option of castGroup(item).options\">\n <ng-template\n *ngTemplateOutlet=\"\n listItemTemplate;\n context: { $implicit: option }\n \"\n ></ng-template>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n\n <!-- TEMPLATE -->\n <ng-template #listItemTemplate let-option>\n <li\n #optionRefs\n *ngIf=\"!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n [nggvTooltip]=\"isOverflow(liElem) ? t(option.label) : undefined\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n basicOptionContentTpl;\n context: { $implicit: option }\n \"\n >\n </ng-template>\n </li>\n <!-- Checking overflow on custom templates do not work skip adding nggvToolTip if custom template is provided -->\n <li\n #optionRefs\n *ngIf=\"!!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionContentTpl; context: { $implicit: option }\"\n >\n </ng-template>\n </li>\n </ng-template>\n\n <ng-template #listGroupTemplate let-item>\n <ng-container *ngIf=\"groupLabelTpl\">\n <ng-template\n *ngTemplateOutlet=\"groupLabelTpl; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n <ng-container *ngIf=\"!groupLabelTpl\">\n <ng-template\n *ngTemplateOutlet=\"basicGroupLabelTpl; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n </ng-template>\n\n <ng-template #basicOptionContentTpl let-option>\n <nggv-typeahead-highlight\n *ngIf=\"!!textToHighlight\"\n [textToHighlight]=\"textToHighlight\"\n [textContent]=\"t(option.label)\"\n >\n </nggv-typeahead-highlight>\n <ng-container *ngIf=\"!textToHighlight\">\n {{ t(option.label) }}\n </ng-container>\n </ng-template>\n\n <ng-template #basicGroupLabelTpl let-item>\n <div class=\"nggv-group-label\">{{ t(item.label) }}</div>\n </ng-template>\n</ng-container>\n", styles: [":host{--gds-ref-pallet-base300: hsl(0, 0%, 87%);--gds-ref-pallet-base400: hsl(0, 0%, 81%);--gds-ref-pallet-base500: hsl(0, 0%, 68%);--sg-z-index-dropdown: ;--sg-z-index-popover: 1060;--sg-z-index-dropdown-backdrop: 990;--sg-z-index-dropdown: 2000;--sg-popover-background: #fff;--sg-popover-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--text-primary-color: #333;position:absolute;bottom:0;transform:translateY(calc(100% + .5rem));z-index:var(--sg-z-index-dropdown)}:host .hidden{visibility:hidden;display:none}:host ul[role=menu] [role=menuitem]{padding:.75rem;cursor:pointer}:host ul[role=menu] [role=menuitem]:hover,:host ul[role=menu] [role=menuitem]:focus-visible{background-color:var(--gds-ref-pallet-base200)}:host ul[role=menu] [role=menuitem]:active{background-color:var(--gds-ref-pallet-base300)}:host ul[role=menu] [role=menuitem]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox]{--z-index: var(--sg-z-index-popover);background-color:var(--sg-popover-background);flex-direction:column;justify-content:flex-end;inset:auto;z-index:var(--z-index);box-shadow:var(--sg-popover-box-shadow);color:var(--text-primary-color);padding:0;max-height:500px;overflow-y:auto;border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--text-primary-color);--sg-border-color: var(--text-primary-color);border-radius:var(--sg-border-radius)}:host ul[role=listbox] [role=option]{padding:.75rem 1rem;line-height:1.25;cursor:pointer}:host ul[role=listbox] [role=option]:hover,:host ul[role=listbox] [role=option]:focus-visible{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:active{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox] [role=option].active.sg-highlighted,:host ul[role=listbox] [role=option][aria-selected=true]{background:var(--grey-1000);color:#fff}:host ul[role=listbox] .group ul{list-style-type:none;padding:0}:host ul[role=listbox] .group:hover{color:inherit;background-color:inherit}:host .sg-fieldset-container{overflow-y:auto}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option]{display:flex;width:100%}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option].active.sg-highlighted input[type=checkbox]~i{border-color:#007ac7!important;box-shadow:0 0 .25em .0625em #41b0ee;outline-color:transparent;outline-style:solid}:host .gds-dropdown__options{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;display:none}:host .gds-dropdown__options>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host .gds-dropdown__options>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host .gds-dropdown__options-expanded{display:block}:host .gds-dropdown__options__label:hover{background-color:var(--gds-ref-pallet-base400)}:host .gds-dropdown__options__label:focus-visible,:host .gds-dropdown__options__label[aria-focus=true]{background-color:var(--gds-ref-pallet-base300)}:host .gds-dropdown__options__label:active{background-color:var(--gds-ref-pallet-base500)}:host .gds-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host .gds-dropdown__options__label[aria-hidden=true]{display:none}:host .gds-dropdown__options__label[highlighted]{color:#fff}:host li+.group{padding-top:0}:host .nggv-group-label{cursor:pointer;background-color:#e7e7e7;padding-inline:1rem;padding-block:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NggvTypeaheadHighlightComponent, selector: "nggv-typeahead-highlight", inputs: ["textContent", "textToHighlight"] }, { kind: "directive", type: i3$1.NggvTooltipDirective, selector: "[nggvTooltip]", inputs: ["nggvTooltip", "thook", "placement", "shown", "offset", "resizeThrottle", "tooltipId", "maxWidth"], outputs: ["nggvShow", "nggvHide"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
3486
3589
  }
3487
3590
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDropdownListComponent, decorators: [{
3488
3591
  type: Component,
@@ -3525,12 +3628,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
3525
3628
  type: Output
3526
3629
  }], closed: [{
3527
3630
  type: Output
3528
- }], onKeyDown: [{
3529
- type: HostListener,
3530
- args: ['document:keydown', ['$event']]
3531
- }], onKeyUp: [{
3532
- type: HostListener,
3533
- args: ['document:keyup', ['$event']]
3534
3631
  }] } });
3535
3632
 
3536
3633
  /**
@@ -3716,11 +3813,11 @@ class NggvDropdownComponent extends NggvBaseControlValueAccessorComponent$1 {
3716
3813
  return !('options' in option);
3717
3814
  }
3718
3815
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDropdownComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }, { token: i2$2.DropdownUtils }], target: i0.ɵɵFactoryTarget.Component }); }
3719
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDropdownComponent, selector: "nggv-dropdown", inputs: { thook: "thook", placeholder: "placeholder", ariaLabel: "ariaLabel", options: "options", scrollOffset: "scrollOffset", allowControlNullishOption: "allowControlNullishOption", textToHighlight: "textToHighlight", selectOnSingleOption: "selectOnSingleOption" }, outputs: { expandedChange: "expandedChange" }, host: { listeners: { "keyup": "onKeyUp($event)" }, properties: { "attr.data-thook": "this.thook" } }, queries: [{ propertyName: "selectedContentTpl", first: true, predicate: ["selectedTpl"], descendants: true, read: TemplateRef }, { propertyName: "optionContentTpl", first: true, predicate: ["optionTpl"], descendants: true, read: TemplateRef }, { propertyName: "groupLabelTpl", first: true, predicate: ["groupLabelTpl"], descendants: true, read: TemplateRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n <label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-toggle'\"\n >\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n </label>\n\n <!-- DESCRIPTION -->\n <div class=\"description\">{{ description }}</div>\n\n <!-- LOCKED INPUT -->\n <ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </ng-container>\n </div>\n </ng-container>\n\n <!-- INPUT -->\n <ng-container *ngIf=\"!locked\">\n <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n <button\n [id]=\"id + '-toggle'\"\n [disabled]=\"disabled\"\n type=\"button\"\n class=\"nggv-field-dropdown__label toggle\"\n [class.nggv-field--error]=\"invalid\"\n aria-haspopup=\"listbox\"\n [attr.data-thook]=\"thook + '-toggle'\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-labelledby]=\"\n ariaLabel ? null : id + '-label ' + id + '-toggle'\n \"\n [attr.aria-label]=\"ariaLabel || null\"\n (click)=\"toggleDropdown()\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </button>\n\n <nggv-dropdown-list\n #dropDownList\n [options]=\"options\"\n [scrollOffset]=\"scrollOffset\"\n [state]=\"state\"\n [expanded]=\"expanded\"\n [optionContentTpl]=\"optionContentTpl\"\n [groupLabelTpl]=\"groupLabelTpl\"\n [textToHighlight]=\"textToHighlight\"\n (closed)=\"setExpanded(false)\"\n (selectedValueChanged)=\"onSelectChange($event)\"\n >\n </nggv-dropdown-list>\n </div>\n <!-- ERRORS -->\n <div class=\"gds-form-item__footer error-wrapper\">\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n [solid]=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n </span>\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n </ng-container>\n\n <ng-template #defaultSelectedContentTpl let-state>\n <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n </ng-template>\n</ng-container>\n", styles: [":host{--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-border-color: #868686;--text-primary-color: #333;--sg-form-control-bg: #fff;--grey-000: hsl(0 0% 100%);--grey-100: hsl(0, 0%, 97%);--grey-200: hsl(0, 0%, 91%);--grey-300: hsl(0, 0%, 87%);--grey-400: hsl(0, 0%, 81%);--grey-500: hsl(0, 0%, 68%);--grey-600: hsl(0, 0%, 53%);--grey-700: hsl(0, 0%, 29%);--grey-800: hsl(0, 0%, 20%);--grey-900: hsl(0, 0%, 10%);--grey-1000: hsl(0 0% 0%)}:host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host .gds-field-label--optional{font-weight:400}:host button{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-600);--sg-border-color: var(--grey-600);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:1rem;font-weight:400;line-height:1.125;width:100%}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button:disabled{--background: var(--grey-500)}:host button.small{font-size:.875rem}:host button:hover{background:#e7e7e7}:host button:active{background:inherit;color:inherit;border-color:inherit}:host button:disabled,:host button.disabled{--text-primary-color: var(--grey-600);background:var(--grey-300);color:var(--grey-600);cursor:not-allowed}:host button.nggv-field--error{border-bottom:2px solid #9f000a}:host .gds-form-item__footer .form-info{font-weight:500;font-size:.875rem}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: NggvDropdownListComponent, selector: "nggv-dropdown-list", inputs: ["expanded", "state", "scrollOffset", "optionContentTpl", "groupLabelTpl", "id", "thook", "options", "textToHighlight", "onlyEmitDistinctChanges"], outputs: ["selectedValueChanged", "closed"] }] }); }
3816
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDropdownComponent, selector: "nggv-dropdown", inputs: { thook: "thook", placeholder: "placeholder", ariaLabel: "ariaLabel", options: "options", scrollOffset: "scrollOffset", allowControlNullishOption: "allowControlNullishOption", textToHighlight: "textToHighlight", selectOnSingleOption: "selectOnSingleOption" }, outputs: { expandedChange: "expandedChange" }, host: { listeners: { "keyup": "onKeyUp($event)" }, properties: { "attr.data-thook": "this.thook" } }, queries: [{ propertyName: "selectedContentTpl", first: true, predicate: ["selectedTpl"], descendants: true, read: TemplateRef }, { propertyName: "optionContentTpl", first: true, predicate: ["optionTpl"], descendants: true, read: TemplateRef }, { propertyName: "groupLabelTpl", first: true, predicate: ["groupLabelTpl"], descendants: true, read: TemplateRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n <label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-toggle'\"\n >\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n </label>\n\n <!-- DESCRIPTION -->\n <div class=\"description\">{{ description }}</div>\n\n <!-- LOCKED INPUT -->\n <ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </ng-container>\n </div>\n </ng-container>\n\n <!-- INPUT -->\n <ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\">\n <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n <button\n [id]=\"id + '-toggle'\"\n [disabled]=\"disabled\"\n type=\"button\"\n class=\"nggv-field-dropdown__label toggle\"\n [class.nggv-field--error]=\"invalid\"\n aria-haspopup=\"listbox\"\n [attr.data-thook]=\"thook + '-toggle'\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-labelledby]=\"\n ariaLabel ? null : id + '-label ' + id + '-toggle'\n \"\n [attr.aria-label]=\"ariaLabel || null\"\n (click)=\"toggleDropdown()\"\n >\n <span>\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </span>\n </button>\n <nggv-dropdown-list\n #dropDownList\n [options]=\"options\"\n [scrollOffset]=\"scrollOffset\"\n [state]=\"state\"\n [expanded]=\"expanded\"\n [optionContentTpl]=\"optionContentTpl\"\n [groupLabelTpl]=\"groupLabelTpl\"\n [textToHighlight]=\"textToHighlight\"\n (closed)=\"setExpanded(false)\"\n (selectedValueChanged)=\"onSelectChange($event)\"\n >\n </nggv-dropdown-list>\n </div>\n <!-- ERRORS -->\n <div class=\"gds-form-item__footer error-wrapper\">\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n [solid]=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n </span>\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </div>\n <!-- CHILDREN -->\n <ng-content></ng-content>\n </div>\n </ng-container>\n\n <ng-template #defaultSelectedContentTpl let-state>\n <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n </ng-template>\n</ng-container>\n", styles: [":host{--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-border-color: #868686;--text-primary-color: #333;--sg-form-control-bg: #fff;--grey-000: hsl(0 0% 100%);--grey-100: hsl(0, 0%, 97%);--grey-200: hsl(0, 0%, 91%);--grey-300: hsl(0, 0%, 87%);--grey-400: hsl(0, 0%, 81%);--grey-500: hsl(0, 0%, 68%);--grey-600: hsl(0, 0%, 53%);--grey-700: hsl(0, 0%, 29%);--grey-800: hsl(0, 0%, 20%);--grey-900: hsl(0, 0%, 10%);--grey-1000: hsl(0 0% 0%);display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0;position:initial}:host label{display:block;font-weight:500;line-height:1.25rem;width:100%}:host .description{font-size:.875rem;margin-bottom:.5rem;line-height:1.25rem;width:100%}:host:not(:last-child){margin-bottom:1.5rem}:host .gds-form-item__header{display:flex}:host .gds-form-item__header .form-info{font-weight:400}:host .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host .gds-form-item__labels .form-info{margin-bottom:0}:host .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host .gds-form-item__labels>*{width:100%;display:block}:host .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host .gds-form-item__backdrop{transition:none}}:host:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:.5rem}:host .gds-form-item__footer:not(:empty)>span,:host .gds-form-item__footer:not(:empty)>.form-info{font-weight:500;line-height:1.125}:host .gds-field-label--optional{font-weight:400}:host button{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-600);--sg-border-color: var(--grey-600);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:1rem;font-weight:400;line-height:1.125;text-align:left;width:100%}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button:disabled{--background: var(--grey-500)}:host button span{width:100%;white-space:nowrap;display:block;text-overflow:ellipsis}:host button.small{font-size:.875rem}:host button:hover{background:#e7e7e7}:host button:active{background:inherit;color:inherit;border-color:inherit}:host button:disabled,:host button.disabled{--text-primary-color: var(--grey-600);background:var(--grey-300);color:var(--grey-600);cursor:not-allowed}:host button.nggv-field--error{border-bottom:2px solid #9f000a}:host .gds-form-item__footer .form-info{font-weight:500;font-size:.875rem}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: NggvDropdownListComponent, selector: "nggv-dropdown-list", inputs: ["expanded", "state", "scrollOffset", "optionContentTpl", "groupLabelTpl", "id", "thook", "options", "textToHighlight", "onlyEmitDistinctChanges"], outputs: ["selectedValueChanged", "closed"] }] }); }
3720
3817
  }
3721
3818
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDropdownComponent, decorators: [{
3722
3819
  type: Component,
3723
- args: [{ selector: 'nggv-dropdown', template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n <label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-toggle'\"\n >\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n </label>\n\n <!-- DESCRIPTION -->\n <div class=\"description\">{{ description }}</div>\n\n <!-- LOCKED INPUT -->\n <ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </ng-container>\n </div>\n </ng-container>\n\n <!-- INPUT -->\n <ng-container *ngIf=\"!locked\">\n <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n <button\n [id]=\"id + '-toggle'\"\n [disabled]=\"disabled\"\n type=\"button\"\n class=\"nggv-field-dropdown__label toggle\"\n [class.nggv-field--error]=\"invalid\"\n aria-haspopup=\"listbox\"\n [attr.data-thook]=\"thook + '-toggle'\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-labelledby]=\"\n ariaLabel ? null : id + '-label ' + id + '-toggle'\n \"\n [attr.aria-label]=\"ariaLabel || null\"\n (click)=\"toggleDropdown()\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </button>\n\n <nggv-dropdown-list\n #dropDownList\n [options]=\"options\"\n [scrollOffset]=\"scrollOffset\"\n [state]=\"state\"\n [expanded]=\"expanded\"\n [optionContentTpl]=\"optionContentTpl\"\n [groupLabelTpl]=\"groupLabelTpl\"\n [textToHighlight]=\"textToHighlight\"\n (closed)=\"setExpanded(false)\"\n (selectedValueChanged)=\"onSelectChange($event)\"\n >\n </nggv-dropdown-list>\n </div>\n <!-- ERRORS -->\n <div class=\"gds-form-item__footer error-wrapper\">\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n [solid]=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n </span>\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n </ng-container>\n\n <ng-template #defaultSelectedContentTpl let-state>\n <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n </ng-template>\n</ng-container>\n", styles: [":host{--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-border-color: #868686;--text-primary-color: #333;--sg-form-control-bg: #fff;--grey-000: hsl(0 0% 100%);--grey-100: hsl(0, 0%, 97%);--grey-200: hsl(0, 0%, 91%);--grey-300: hsl(0, 0%, 87%);--grey-400: hsl(0, 0%, 81%);--grey-500: hsl(0, 0%, 68%);--grey-600: hsl(0, 0%, 53%);--grey-700: hsl(0, 0%, 29%);--grey-800: hsl(0, 0%, 20%);--grey-900: hsl(0, 0%, 10%);--grey-1000: hsl(0 0% 0%)}:host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host .gds-field-label--optional{font-weight:400}:host button{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-600);--sg-border-color: var(--grey-600);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:1rem;font-weight:400;line-height:1.125;width:100%}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button:disabled{--background: var(--grey-500)}:host button.small{font-size:.875rem}:host button:hover{background:#e7e7e7}:host button:active{background:inherit;color:inherit;border-color:inherit}:host button:disabled,:host button.disabled{--text-primary-color: var(--grey-600);background:var(--grey-300);color:var(--grey-600);cursor:not-allowed}:host button.nggv-field--error{border-bottom:2px solid #9f000a}:host .gds-form-item__footer .form-info{font-weight:500;font-size:.875rem}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"] }]
3820
+ args: [{ selector: 'nggv-dropdown', template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n <label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-toggle'\"\n >\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n </label>\n\n <!-- DESCRIPTION -->\n <div class=\"description\">{{ description }}</div>\n\n <!-- LOCKED INPUT -->\n <ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </ng-container>\n </div>\n </ng-container>\n\n <!-- INPUT -->\n <ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\">\n <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n <button\n [id]=\"id + '-toggle'\"\n [disabled]=\"disabled\"\n type=\"button\"\n class=\"nggv-field-dropdown__label toggle\"\n [class.nggv-field--error]=\"invalid\"\n aria-haspopup=\"listbox\"\n [attr.data-thook]=\"thook + '-toggle'\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-labelledby]=\"\n ariaLabel ? null : id + '-label ' + id + '-toggle'\n \"\n [attr.aria-label]=\"ariaLabel || null\"\n (click)=\"toggleDropdown()\"\n >\n <span>\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </span>\n </button>\n <nggv-dropdown-list\n #dropDownList\n [options]=\"options\"\n [scrollOffset]=\"scrollOffset\"\n [state]=\"state\"\n [expanded]=\"expanded\"\n [optionContentTpl]=\"optionContentTpl\"\n [groupLabelTpl]=\"groupLabelTpl\"\n [textToHighlight]=\"textToHighlight\"\n (closed)=\"setExpanded(false)\"\n (selectedValueChanged)=\"onSelectChange($event)\"\n >\n </nggv-dropdown-list>\n </div>\n <!-- ERRORS -->\n <div class=\"gds-form-item__footer error-wrapper\">\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n [solid]=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n </span>\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </div>\n <!-- CHILDREN -->\n <ng-content></ng-content>\n </div>\n </ng-container>\n\n <ng-template #defaultSelectedContentTpl let-state>\n <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n </ng-template>\n</ng-container>\n", styles: [":host{--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-border-color: #868686;--text-primary-color: #333;--sg-form-control-bg: #fff;--grey-000: hsl(0 0% 100%);--grey-100: hsl(0, 0%, 97%);--grey-200: hsl(0, 0%, 91%);--grey-300: hsl(0, 0%, 87%);--grey-400: hsl(0, 0%, 81%);--grey-500: hsl(0, 0%, 68%);--grey-600: hsl(0, 0%, 53%);--grey-700: hsl(0, 0%, 29%);--grey-800: hsl(0, 0%, 20%);--grey-900: hsl(0, 0%, 10%);--grey-1000: hsl(0 0% 0%);display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0;position:initial}:host label{display:block;font-weight:500;line-height:1.25rem;width:100%}:host .description{font-size:.875rem;margin-bottom:.5rem;line-height:1.25rem;width:100%}:host:not(:last-child){margin-bottom:1.5rem}:host .gds-form-item__header{display:flex}:host .gds-form-item__header .form-info{font-weight:400}:host .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host .gds-form-item__labels .form-info{margin-bottom:0}:host .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host .gds-form-item__labels>*{width:100%;display:block}:host .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host .gds-form-item__backdrop{transition:none}}:host:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:.5rem}:host .gds-form-item__footer:not(:empty)>span,:host .gds-form-item__footer:not(:empty)>.form-info{font-weight:500;line-height:1.125}:host .gds-field-label--optional{font-weight:400}:host button{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--grey-600);--sg-border-color: var(--grey-600);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:1rem;font-weight:400;line-height:1.125;text-align:left;width:100%}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button:disabled{--background: var(--grey-500)}:host button span{width:100%;white-space:nowrap;display:block;text-overflow:ellipsis}:host button.small{font-size:.875rem}:host button:hover{background:#e7e7e7}:host button:active{background:inherit;color:inherit;border-color:inherit}:host button:disabled,:host button.disabled{--text-primary-color: var(--grey-600);background:var(--grey-300);color:var(--grey-600);cursor:not-allowed}:host button.nggv-field--error{border-bottom:2px solid #9f000a}:host .gds-form-item__footer .form-info{font-weight:500;font-size:.875rem}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"] }]
3724
3821
  }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
3725
3822
  type: Self
3726
3823
  }, {
@@ -3875,7 +3972,6 @@ class NggvTypeaheadInputComponent extends NggvInputComponent$1 {
3875
3972
  this.autocomplete = 'off';
3876
3973
  this.debounceTime = 0;
3877
3974
  this.hostComponent.selectOnSingleOption = false;
3878
- this.moveInput();
3879
3975
  this.handleExpandedChange();
3880
3976
  }
3881
3977
  /**
@@ -3959,11 +4055,11 @@ class NggvTypeaheadInputComponent extends NggvInputComponent$1 {
3959
4055
  }
3960
4056
  }
3961
4057
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTypeaheadInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
3962
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvTypeaheadInputComponent, selector: "nggv-typeahead-input", inputs: { hostComponent: "hostComponent", resultFormatter: "resultFormatter", selectedFormatter: "selectedFormatter" }, host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0, template: "<ng-container>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ expanded: expanded, collapsed: !expanded }\"\n [ngStyle]=\"{ 'height.px': buttonHeight }\"\n (click)=\"$event.stopPropagation()\"\n >\n <!-- INPUT FIELD -->\n <div class=\"input-group\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n </div>\n</ng-container>\n", styles: [":host{position:absolute;top:0;left:0;width:calc(100% - 2.625em)}:host .input-wrapper{border:none;box-shadow:none}:host .input-wrapper.expanded{display:flex}:host .input-wrapper.expanded .input-group input.gds-field{height:100%;width:100%;min-height:unset;margin-left:1px;border:none;box-shadow:none}:host .input-wrapper.collapsed{display:none}:host .input-wrapper .input-group{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
4058
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvTypeaheadInputComponent, selector: "nggv-typeahead-input", inputs: { hostComponent: "hostComponent", resultFormatter: "resultFormatter", selectedFormatter: "selectedFormatter" }, host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0, template: "<ng-container>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ expanded: expanded, collapsed: !expanded }\"\n [ngStyle]=\"{ 'height.px': buttonHeight }\"\n (click)=\"$event.stopPropagation()\"\n >\n <!-- INPUT FIELD -->\n <div class=\"input-group\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n </div>\n</ng-container>\n", styles: [":host{position:absolute;top:1px;left:0;width:calc(100% - 2.625em)}:host .input-wrapper{border:none;box-shadow:none}:host .input-wrapper.expanded{display:flex}:host .input-wrapper.expanded .input-group input.gds-field{height:calc(100% - 2px);width:100%;min-height:unset;margin-left:1px;border:none;box-shadow:none}:host .input-wrapper.collapsed{display:none}:host .input-wrapper .input-group{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
3963
4059
  }
3964
4060
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTypeaheadInputComponent, decorators: [{
3965
4061
  type: Component,
3966
- args: [{ selector: 'nggv-typeahead-input', template: "<ng-container>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ expanded: expanded, collapsed: !expanded }\"\n [ngStyle]=\"{ 'height.px': buttonHeight }\"\n (click)=\"$event.stopPropagation()\"\n >\n <!-- INPUT FIELD -->\n <div class=\"input-group\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n </div>\n</ng-container>\n", styles: [":host{position:absolute;top:0;left:0;width:calc(100% - 2.625em)}:host .input-wrapper{border:none;box-shadow:none}:host .input-wrapper.expanded{display:flex}:host .input-wrapper.expanded .input-group input.gds-field{height:100%;width:100%;min-height:unset;margin-left:1px;border:none;box-shadow:none}:host .input-wrapper.collapsed{display:none}:host .input-wrapper .input-group{width:100%}\n"] }]
4062
+ args: [{ selector: 'nggv-typeahead-input', template: "<ng-container>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ expanded: expanded, collapsed: !expanded }\"\n [ngStyle]=\"{ 'height.px': buttonHeight }\"\n (click)=\"$event.stopPropagation()\"\n >\n <!-- INPUT FIELD -->\n <div class=\"input-group\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n </div>\n</ng-container>\n", styles: [":host{position:absolute;top:1px;left:0;width:calc(100% - 2.625em)}:host .input-wrapper{border:none;box-shadow:none}:host .input-wrapper.expanded{display:flex}:host .input-wrapper.expanded .input-group input.gds-field{height:calc(100% - 2px);width:100%;min-height:unset;margin-left:1px;border:none;box-shadow:none}:host .input-wrapper.collapsed{display:none}:host .input-wrapper .input-group{width:100%}\n"] }]
3967
4063
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.NgControl, decorators: [{
3968
4064
  type: Self
3969
4065
  }, {
@@ -4633,11 +4729,11 @@ class NggvInputComponent extends NggvBaseControlValueAccessorComponent$1 {
4633
4729
  this.inputChange$.next(this.state);
4634
4730
  }
4635
4731
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvInputComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
4636
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvInputComponent, selector: "nggv-input", inputs: { thook: "thook", type: "type", placeholder: "placeholder", autocomplete: "autocomplete", readonly: "readonly", email: "email", min: "min", max: "max", step: "step", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", showCharacterCountdown: "showCharacterCountdown", pattern: "pattern", debounceTime: "debounceTime", inputMask: "inputMask" }, outputs: { nggvInput: "nggvInput" }, host: { properties: { "class": "this.class", "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"descriptionIsVisible\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n title=\"\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n title=\"\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info form-info--countdown\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host *{box-sizing:border-box}:host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:.5rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span,:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info{font-weight:500;line-height:1.125}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info{font-weight:500}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info--countdown{font-weight:400}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%;line-height:18px;font-size:1rem;font-family:inherit}:host .gds-input-wrapper{position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s;border:1px solid #868686;border-radius:4px;outline:none;box-sizing:border-box;min-height:2.75rem;line-height:1.5;font-size:1rem;font-family:inherit;height:2.625rem;display:flex}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host .gds-input-wrapper *,:host .gds-input-wrapper *:before,:host .gds-input-wrapper *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group-prefix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-right-radius:0!important;border-bottom-right-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-prefix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-prefix{min-width:initial}}:host .gds-input-wrapper .input-group-prefix:empty{display:none}:host .gds-input-wrapper .input-group-suffix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-left-radius:0!important;border-bottom-left-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-suffix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-suffix{min-width:initial}}:host .gds-input-wrapper .input-group-suffix:empty{display:none}:host .gds-input-wrapper .input-group{width:100%}:host .gds-input-wrapper .input-group input{outline:none;min-height:2.5rem;height:2.625rem;line-height:1.5;font-size:1rem;font-family:inherit;border:none;min-height:2.375rem;width:100%}:host .gds-input-wrapper .input-group input *,:host .gds-input-wrapper .input-group input *:before,:host .gds-input-wrapper .input-group input *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group input:hover{border-color:#41b0ee}:host .gds-input-wrapper .input-group input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-input-wrapper .input-group input:active{border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]{background-color:#f8f8f8;border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]::placeholder{color:#cecece}:host .gds-input-wrapper .input-group input:not(:focus){border-right:none;padding-right:0}:host .gds-input-wrapper .input-group input:focus{padding-right:0}:host .gds-input-wrapper:has(.input-group-prefix:not(:empty)) .input-group input{border-bottom-left-radius:0;border-top-left-radius:0}:host .gds-input-wrapper:has(.input-group-suffix:not(:empty)) .input-group input{border-bottom-right-radius:0;border-top-right-radius:0}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .gds-field-label--optional{font-weight:400}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4$1.NggvInputMaskDirective, selector: "[nggvInputMask]", inputs: ["nggvInputMask"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.InputMaskFormatPipe, name: "nggvInputMaskFormat" }] }); }
4732
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvInputComponent, selector: "nggv-input", inputs: { thook: "thook", type: "type", placeholder: "placeholder", autocomplete: "autocomplete", readonly: "readonly", email: "email", min: "min", max: "max", step: "step", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", showCharacterCountdown: "showCharacterCountdown", pattern: "pattern", debounceTime: "debounceTime", inputMask: "inputMask" }, outputs: { nggvInput: "nggvInput" }, host: { properties: { "class": "this.class", "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"descriptionIsVisible\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n title=\"\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n title=\"\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info form-info--countdown\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host *{box-sizing:border-box}:host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:.5rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span,:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info{font-weight:500;line-height:1.125}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info{font-weight:500}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info--countdown{font-weight:400}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%;line-height:18px;font-size:1rem;font-family:inherit}:host .gds-input-wrapper{position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s;border:1px solid #868686;border-radius:4px;outline:none;box-sizing:border-box;min-height:2.75rem;line-height:1.5;font-size:1rem;font-family:inherit;display:flex}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host .gds-input-wrapper.nggv-field--error{border-bottom:.125rem solid #9f000a!important;height:100%}:host .gds-input-wrapper *,:host .gds-input-wrapper *:before,:host .gds-input-wrapper *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group-prefix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-right-radius:0!important;border-bottom-right-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-prefix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-prefix{min-width:initial}}:host .gds-input-wrapper .input-group-prefix:empty{display:none}:host .gds-input-wrapper .input-group-suffix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-left-radius:0!important;border-bottom-left-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-suffix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-suffix{min-width:initial}}:host .gds-input-wrapper .input-group-suffix:empty{display:none}:host .gds-input-wrapper .input-group{width:100%}:host .gds-input-wrapper .input-group input{outline:none;min-height:2.5rem;height:2.625rem;line-height:1.5;font-size:1rem;font-family:inherit;border:none;min-height:2.375rem;width:100%}:host .gds-input-wrapper .input-group input *,:host .gds-input-wrapper .input-group input *:before,:host .gds-input-wrapper .input-group input *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group input:hover{border-color:#41b0ee}:host .gds-input-wrapper .input-group input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-input-wrapper .input-group input:active{border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]{background-color:#f8f8f8;border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]::placeholder{color:#cecece}:host .gds-input-wrapper .input-group input:not(:focus){border-right:none;padding-right:0}:host .gds-input-wrapper .input-group input:focus{padding-right:0}:host .gds-input-wrapper:has(.input-group-prefix:not(:empty)) .input-group input{border-bottom-left-radius:0;border-top-left-radius:0}:host .gds-input-wrapper:has(.input-group-suffix:not(:empty)) .input-group input{border-bottom-right-radius:0;border-top-right-radius:0}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .gds-field-label--optional{font-weight:400}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4$1.NggvInputMaskDirective, selector: "[nggvInputMask]", inputs: ["nggvInputMask"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.InputMaskFormatPipe, name: "nggvInputMaskFormat" }] }); }
4637
4733
  }
4638
4734
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvInputComponent, decorators: [{
4639
4735
  type: Component,
4640
- args: [{ selector: 'nggv-input', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"descriptionIsVisible\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n title=\"\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n title=\"\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info form-info--countdown\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host *{box-sizing:border-box}:host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:.5rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span,:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info{font-weight:500;line-height:1.125}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info{font-weight:500}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info--countdown{font-weight:400}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%;line-height:18px;font-size:1rem;font-family:inherit}:host .gds-input-wrapper{position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s;border:1px solid #868686;border-radius:4px;outline:none;box-sizing:border-box;min-height:2.75rem;line-height:1.5;font-size:1rem;font-family:inherit;height:2.625rem;display:flex}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host .gds-input-wrapper *,:host .gds-input-wrapper *:before,:host .gds-input-wrapper *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group-prefix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-right-radius:0!important;border-bottom-right-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-prefix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-prefix{min-width:initial}}:host .gds-input-wrapper .input-group-prefix:empty{display:none}:host .gds-input-wrapper .input-group-suffix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-left-radius:0!important;border-bottom-left-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-suffix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-suffix{min-width:initial}}:host .gds-input-wrapper .input-group-suffix:empty{display:none}:host .gds-input-wrapper .input-group{width:100%}:host .gds-input-wrapper .input-group input{outline:none;min-height:2.5rem;height:2.625rem;line-height:1.5;font-size:1rem;font-family:inherit;border:none;min-height:2.375rem;width:100%}:host .gds-input-wrapper .input-group input *,:host .gds-input-wrapper .input-group input *:before,:host .gds-input-wrapper .input-group input *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group input:hover{border-color:#41b0ee}:host .gds-input-wrapper .input-group input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-input-wrapper .input-group input:active{border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]{background-color:#f8f8f8;border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]::placeholder{color:#cecece}:host .gds-input-wrapper .input-group input:not(:focus){border-right:none;padding-right:0}:host .gds-input-wrapper .input-group input:focus{padding-right:0}:host .gds-input-wrapper:has(.input-group-prefix:not(:empty)) .input-group input{border-bottom-left-radius:0;border-top-left-radius:0}:host .gds-input-wrapper:has(.input-group-suffix:not(:empty)) .input-group input{border-bottom-right-radius:0;border-top-right-radius:0}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .gds-field-label--optional{font-weight:400}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}\n"] }]
4736
+ args: [{ selector: 'nggv-input', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"descriptionIsVisible\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n title=\"\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"gds-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n title=\"\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info form-info--countdown\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host *{box-sizing:border-box}:host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:.5rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span,:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info{font-weight:500;line-height:1.125}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info{font-weight:500}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host.gds-form-item .gds-form-item__footer:not(:empty) .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host.gds-form-item .gds-form-item__footer:not(:empty)>.form-info--countdown{font-weight:400}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%;line-height:18px;font-size:1rem;font-family:inherit}:host .gds-input-wrapper{position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s;border:1px solid #868686;border-radius:4px;outline:none;box-sizing:border-box;min-height:2.75rem;line-height:1.5;font-size:1rem;font-family:inherit;display:flex}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host .gds-input-wrapper.nggv-field--error{border-bottom:.125rem solid #9f000a!important;height:100%}:host .gds-input-wrapper *,:host .gds-input-wrapper *:before,:host .gds-input-wrapper *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group-prefix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-right-radius:0!important;border-bottom-right-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-prefix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-prefix{min-width:initial}}:host .gds-input-wrapper .input-group-prefix:empty{display:none}:host .gds-input-wrapper .input-group-suffix{min-height:2.5rem;border:none;border-radius:3px;height:2.625rem;min-width:2.625rem;border-top-left-radius:0!important;border-bottom-left-radius:0!important;display:flex;align-items:center;justify-content:center}:host .gds-input-wrapper .input-group-suffix[disabled]{background-color:#f8f8f8!important;color:#adadad}@media (max-width: 35.98em){:host .gds-input-wrapper .input-group-suffix{min-width:initial}}:host .gds-input-wrapper .input-group-suffix:empty{display:none}:host .gds-input-wrapper .input-group{width:100%}:host .gds-input-wrapper .input-group input{outline:none;min-height:2.5rem;height:2.625rem;line-height:1.5;font-size:1rem;font-family:inherit;border:none;min-height:2.375rem;width:100%}:host .gds-input-wrapper .input-group input *,:host .gds-input-wrapper .input-group input *:before,:host .gds-input-wrapper .input-group input *:after{box-sizing:border-box}:host .gds-input-wrapper .input-group input:hover{border-color:#41b0ee}:host .gds-input-wrapper .input-group input:focus{outline-color:#1a1a1a;outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-input-wrapper .input-group input:active{border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]{background-color:#f8f8f8;border-color:#cecece}:host .gds-input-wrapper .input-group input[disabled]::placeholder{color:#cecece}:host .gds-input-wrapper .input-group input:not(:focus){border-right:none;padding-right:0}:host .gds-input-wrapper .input-group input:focus{padding-right:0}:host .gds-input-wrapper:has(.input-group-prefix:not(:empty)) .input-group input{border-bottom-left-radius:0;border-top-left-radius:0}:host .gds-input-wrapper:has(.input-group-suffix:not(:empty)) .input-group input{border-bottom-right-radius:0;border-top-right-radius:0}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .gds-field-label--optional{font-weight:400}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}\n"] }]
4641
4737
  }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
4642
4738
  type: Self
4643
4739
  }, {
@@ -4960,6 +5056,7 @@ const createMask = (options) => typeof options === 'string' ? { mask: options }
4960
5056
  class NggvDialogComponent {
4961
5057
  set shown(value) {
4962
5058
  this._shown = value;
5059
+ this.enableFocusTrap();
4963
5060
  if (value) {
4964
5061
  this.hideOverflow();
4965
5062
  }
@@ -4978,8 +5075,10 @@ class NggvDialogComponent {
4978
5075
  set buttons(buttons) {
4979
5076
  this._buttons = buttons;
4980
5077
  }
4981
- constructor(renderer) {
5078
+ constructor(renderer, ref, configurableFocusTrapFactory) {
4982
5079
  this.renderer = renderer;
5080
+ this.ref = ref;
5081
+ this.configurableFocusTrapFactory = configurableFocusTrapFactory;
4983
5082
  /** Special property used for selecting DOM elements during automated UI testing. */
4984
5083
  this.thook = 'dialog';
4985
5084
  /** @internal */
@@ -5005,6 +5104,7 @@ class NggvDialogComponent {
5005
5104
  this.nggvPositiveEvent = new EventEmitter();
5006
5105
  this.nggvNeutralEvent = new EventEmitter();
5007
5106
  this.nggvNegativeEvent = new EventEmitter();
5107
+ this.configurableFocusTrap = this.configurableFocusTrapFactory.create(this.ref.nativeElement);
5008
5108
  }
5009
5109
  ngOnInit() {
5010
5110
  this.dialogTitleId =
@@ -5041,6 +5141,7 @@ class NggvDialogComponent {
5041
5141
  open(opener) {
5042
5142
  this._shown = true;
5043
5143
  this._previous = opener || document.activeElement;
5144
+ this.enableFocusTrap();
5044
5145
  this.hideOverflow();
5045
5146
  this._limitFocusable();
5046
5147
  return true;
@@ -5070,6 +5171,7 @@ class NggvDialogComponent {
5070
5171
  this.nggvCloseEvent.emit(emitEvent);
5071
5172
  }
5072
5173
  this.resetOverflow();
5174
+ this.disableFocusTrap();
5073
5175
  this._shown = false;
5074
5176
  window.setTimeout(() => {
5075
5177
  if (this._previous)
@@ -5104,13 +5206,27 @@ class NggvDialogComponent {
5104
5206
  resetOverflow() {
5105
5207
  this.renderer.removeStyle(document.body, 'overflow');
5106
5208
  }
5107
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDialogComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
5108
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.gds-modal-dialog": "this.baseClass", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;min-height:2rem;min-width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
5209
+ enableFocusTrap() {
5210
+ if (this.configurableFocusTrap) {
5211
+ this.configurableFocusTrap.enabled = true;
5212
+ this.configurableFocusTrap.focusInitialElementWhenReady();
5213
+ }
5214
+ }
5215
+ disableFocusTrap() {
5216
+ if (this.configurableFocusTrap) {
5217
+ this.configurableFocusTrap.enabled = false;
5218
+ }
5219
+ }
5220
+ ngOnDestroy() {
5221
+ this.configurableFocusTrap?.destroy();
5222
+ }
5223
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDialogComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$3.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
5224
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.gds-modal-dialog": "this.baseClass", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: #e9e9e9;--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;min-height:2rem;min-width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
5109
5225
  }
5110
5226
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDialogComponent, decorators: [{
5111
5227
  type: Component,
5112
- args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;min-height:2rem;min-width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"] }]
5113
- }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { dialogRef: [{
5228
+ args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: #e9e9e9;--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;min-height:2rem;min-width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"] }]
5229
+ }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1$3.ConfigurableFocusTrapFactory }], propDecorators: { dialogRef: [{
5114
5230
  type: ViewChild,
5115
5231
  args: ['dialog']
5116
5232
  }], thook: [{
@@ -5498,7 +5614,7 @@ class NggvSlideOutComponent {
5498
5614
  this.renderer.removeStyle(document.body, 'overflow');
5499
5615
  }
5500
5616
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvSlideOutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
5501
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
5617
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050;overflow-y:auto}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
5502
5618
  trigger('modalAnimation', [
5503
5619
  transition(':enter', [
5504
5620
  query('.gds-slide-out', style({ transform: 'translateX(100%)' }), {
@@ -5550,7 +5666,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
5550
5666
  ]),
5551
5667
  ]),
5552
5668
  ]),
5553
- ], template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"] }]
5669
+ ], template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050;overflow-y:auto}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"] }]
5554
5670
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { slideOutRef: [{
5555
5671
  type: ViewChild,
5556
5672
  args: ['slideOut']
@@ -6482,11 +6598,11 @@ class TableComponent {
6482
6598
  row?.setValue(!row.value);
6483
6599
  }
6484
6600
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6485
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TableComponent, selector: "nggv-table", inputs: { tableColumns: "tableColumns", tableData: "tableData", rowId: "rowId", hasRowSpan: "hasRowSpan", selectable: "selectable", expandable: "expandable", subItemsProp: "subItemsProp", allowLocalSort: "allowLocalSort", thook: "thook", trThookFn: "trThookFn", ariaLabelCheckboxTh: "ariaLabelCheckboxTh", ariaLabelCheckboxTr: "ariaLabelCheckboxTr", ariaLabelsOrderBy: "ariaLabelsOrderBy" }, outputs: { ngvRowClick: "ngvRowClick", ngvRowSelect: "ngvRowSelect", ngvOrderBy: "ngvOrderBy" }, queries: [{ propertyName: "appendedRowsTemplate", first: true, predicate: TableAppendableRowsTemplateDirective, descendants: true }, { propertyName: "customFooterTemplate", first: true, predicate: TableFooterTemplateDirective, descendants: true }, { propertyName: "customTemplates", predicate: TableTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #sortableThTemplate let-column>\n <button class=\"sg-table-sort\" *transloco=\"let t\">\n <ng-template #thButtonTemplate>\n {{ t(column.label ?? '') }}\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else thButtonTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n </button>\n</ng-template>\n\n<ng-template #notSortableThTemplate let-column>\n <ng-template #defaultThTemplate>\n <ng-container *transloco=\"let t\">\n {{ t(column.label ?? '') }}\n </ng-container>\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else defaultThTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n</ng-template>\n<table class=\"gds-table\" *transloco=\"let t\">\n <!-- Table header -->\n <thead>\n <tr>\n <!-- Checkbox column for header -->\n <th *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_header__' + initId\"\n class=\"form-control\"\n id=\"thead-checkbox\"\n >\n <input\n type=\"checkbox\"\n [formControl]=\"groupSelector\"\n [attr.aria-label]=\"ariaLabelCheckboxTh\"\n [attr.id]=\"'cb_header__' + initId\"\n [attr.data-thook]=\"thook\"\n />\n <i></i>\n </label>\n </div>\n </th>\n\n <!-- Other columns -->\n <th\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [sortable]=\"column.sortable\"\n [sortOrder]=\"column.order\"\n [thook]=\"'column-header-' + !!column.property\"\n (click)=\"toggleSortOrder(column)\"\n (keydown.space)=\"toggleSortOrderWithSpace($event, column)\"\n [attr.aria-label]=\"getAriaLabel(column)\"\n [attr.aria-sort]=\"column.order + 'ending'\"\n >\n <ng-container *ngIf=\"column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n sortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n notSortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n </th>\n </tr>\n </thead>\n\n <!-- Table body -->\n <tbody [formGroup]=\"rowSelectors\">\n <ng-container *ngFor=\"let item of tableData; let i = index\">\n <tr\n [class.row__expand]=\"expandable\"\n [attr.data-thook]=\"item | trThook: i : trThookFn\"\n [attr.data-hasrowspan]=\"hasRowSpan(item)\"\n >\n <!-- Checkbox column for row -->\n <td *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_row__' + initId + '_' + i\"\n class=\"form-control\"\n >\n <input\n *ngIf=\"rowSelectors.get(item[rowId])\"\n type=\"checkbox\"\n [formControlName]=\"item[rowId]\"\n [attr.aria-label]=\"ariaLabelCheckboxTr\"\n [attr.id]=\"'cb_row__' + initId + '_' + i\"\n [attr.data-thook]=\"'row-select-' + i\"\n />\n <i></i>\n </label>\n </div>\n </td>\n\n <!-- Other columns -->\n <td\n *ngFor=\"let column of tableColumns; let i = index\"\n [columnType]=\"column.valueType\"\n [value]=\"item[column.property]\"\n (click)=\"propagateItemClick(item, column.preventDefaultClickEvent)\"\n >\n <ng-container *ngIf=\"expandable && i === 0; else nonExpandableTemplate\">\n <div class=\"gds-item-field-wrap\">\n <span\n class=\"chevron-field\"\n [attr.aria-expanded]=\"rowSelectors.get(item[rowId])?.value\"\n >\n <svg\n *ngIf=\"item.subItems.length > 0\"\n width=\"18\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M20 9L12 17L4 9\"\n stroke=\"currentColor\"\n stroke-width=\"2.6\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </span>\n {{ item[column.property] }} ({{ item.subItems.length }})\n </div>\n </ng-container>\n\n <ng-template #nonExpandableTemplate>\n <ng-container *ngIf=\"customRowTemplates.get(column.property) as tdTemplate; else defaultTdTemplate\">\n <ng-template *ngTemplateOutlet=\"tdTemplate; context: { $implicit: item }\">\n </ng-template>\n </ng-container>\n <ng-template #defaultTdTemplate>\n {{ item[column.property] }}\n </ng-template>\n </ng-template>\n </td>\n </tr>\n\n <!-- Expanded Sub Items -->\n <ng-container *ngIf=\"expandable && rowSelectors.get(item[rowId])?.value\">\n <tr *ngFor=\"let subItem of item[subItemsProp]\">\n <td\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [value]=\"subItem[column.property]\"\n (click)=\"propagateItemClick(subItem, column.preventDefaultClickEvent)\"\n >\n <div class=\"gds-sub-item-field-wrap\">\n {{ subItem[column.property] }}\n </div>\n </td>\n </tr>\n </ng-container>\n\n <!-- Custom appended rows -->\n <ng-container *ngIf=\"appendedRowsTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container\n *ngTemplateOutlet=\"trTemplate || null; context: { $implicit: item }\"\n >\n </ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n\n <!-- Table footer -->\n <tfoot *ngIf=\"customFooterTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container *ngTemplateOutlet=\"trTemplate || null\"> </ng-container>\n </tfoot>\n</table>\n", styles: ["::ng-deep .gds-table{--gds-ref-pallet-base100: #f8f8f8;--gds-ref-pallet-base600: hsl(0, 0%, 53%);--sg-table-header-background: #1a1a1a;--sg-table-header-color: #fff;--sg-table-cell-padding-x: .5rem;--sg-table-cell-padding-y: .6875rem;--sg-table-border-width: 1px;--sg-table-border-color: var(--gds-ref-pallet-base600);--sg-table-sort-icon-color: var(--gds-ref-pallet-base600);--gds-ref-pallet-base500: hsl(0, 0%, 68%);--sg-table-sort-icon-color-active: #fff;--gds-sys-color-surface: #fff;--gds-ref-pallet-base200: #e8e8e8;--gds-sys-color-base: #333;--gds-sys-shape-corner-small: .125rem;--gds-sys-color-blue-dark-2: #007ac7;--gds-sys-shape-corner-medium: .25rem;border-collapse:collapse;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color);width:100%;border-bottom:none;--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}::ng-deep .gds-table thead tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);background:#333;color:var(--sg-table-header-color);padding:.3rem var(--sg-table-cell-padding-x);text-align:left;font-weight:500}::ng-deep .gds-table thead tr th.icon-invert.sg-sortable .sg-table-sort:after{margin-left:0;margin-right:.3rem;order:-1}::ng-deep .gds-table thead tr th .sg-table-sort{color:inherit;width:100%;text-align:left;display:flex;align-items:center;border-radius:.125rem;--gds-sys-color-focus-outline: $_header-color}::ng-deep .gds-table thead tr th .sg-table-sort:focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table thead tr th .sg-table-sort:focus,::ng-deep .gds-table thead tr th .sg-table-sort:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table thead tr th[aria-sort] .sg-table-sort:after,::ng-deep .gds-table thead tr th.sg-sortable .sg-table-sort:after{content:\"\";background:var(--gds-ref-pallet-base500);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right;mask-position:right;width:12px;height:12px;margin-left:.3rem}::ng-deep .gds-table thead tr th[aria-sort=ascending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active);transform:rotate(180deg)}::ng-deep .gds-table thead tr th[aria-sort=descending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active)}::ng-deep .gds-table tbody tr td,::ng-deep .gds-table tbody tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x);vertical-align:top}::ng-deep .gds-table tbody tr.collapsible~.sub-row{display:none}::ng-deep .gds-table tbody tr.collapsible.expanded~.sub-row.show{display:table-row}::ng-deep .gds-table tbody tr td.collapse-control,::ng-deep .gds-table tbody tr td.select-control{width:15px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn{min-height:unset;padding:0;background:transparent}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder{cursor:pointer;width:12px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg{width:12px;fill:#868686}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg[name=angle-right]{width:9px}@media (max-width: 36em){::ng-deep .gds-table.table-mobile{width:100%;table-layout:fixed;border-bottom:none}::ng-deep .gds-table.table-mobile thead{position:sticky;top:0;display:block;background:#333}}@media (max-width: 36em) and (hover: none) and (pointer: coarse){::ng-deep .gds-table.table-mobile thead{display:table-header-group}}@media (max-width: 36em){::ng-deep .gds-table.table-mobile thead tr{display:flex;overflow:auto}::ng-deep .gds-table.table-mobile thead tr::-webkit-scrollbar{display:none}::ng-deep .gds-table.table-mobile thead tr th{flex:auto;text-align:left!important;white-space:nowrap}::ng-deep .gds-table.table-mobile tbody tr{display:flex;flex-direction:column;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color)}::ng-deep .gds-table.table-mobile tbody tr td{display:flex;justify-content:space-between;align-items:center;border-top:none!important}::ng-deep .gds-table.table-mobile tbody tr td:before{content:attr(data-label);font-weight:700}}::ng-deep .gds-table tr:hover td{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table .gds-table__numeric-col{text-align:right}::ng-deep .gds-table thead tr th.gds-table__numeric-col .sg-table-sort{justify-content:end}::ng-deep .gds-table th.gds-table__numeric-col+:not(.gds-table__numeric-col),::ng-deep .gds-table td.gds-table__numeric-col+:not(.gds-table__numeric-col){padding-left:1rem}::ng-deep .gds-table th button{background-color:#0000;border:0;font-family:inherit;font-size:inherit;font-weight:inherit;padding:0;cursor:pointer}::ng-deep .gds-table td{cursor:pointer}::ng-deep .gds-table tfoot{border-top:1px solid;border-bottom:none;font-weight:500}::ng-deep .gds-table tfoot ::ng-deep td{padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x)}::ng-deep .gds-table th.column__check{height:vanilla-px-to-rem(32px);width:vanilla-px-to-rem(40px)}::ng-deep .gds-table th.column__check div{min-height:100%}::ng-deep .gds-table th.column__check input:checked+label:after{top:.6rem;display:inline}::ng-deep .gds-table th.column__check label{display:inline;padding:0}::ng-deep .gds-table th.column__check label:before{top:.55rem}::ng-deep .gds-table td.column__check{width:vanilla-px-to-rem(40px)}::ng-deep .gds-table td.column__check div{min-height:unset}::ng-deep .gds-table td.column__check label{padding:0}::ng-deep .gds-table td.column__check label:before{margin:0}::ng-deep .gds-table tr.row__expand{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap{display:flex;flex-wrap:nowrap}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field{width:1.5rem}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field svg{transition:transform .3s ease}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field[aria-expanded=true] svg{transform:rotate(-180deg)}::ng-deep .gds-table label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}::ng-deep .gds-table label.form-control{align-items:flex-start}::ng-deep .gds-table label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus,::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-sys-color-text-primary);position:relative;border-radius:var(--gds-sys-shape-corner-small);background-color:transparent;flex:0 0 auto;height:1rem;width:1rem}::ng-deep .gds-table label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{background-color:var(--gds-sys-color-base-200)}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-sys-color-background-primary);border-left:none;transform:scale(1) rotate(0);opacity:1}::ng-deep .gds-table label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){::ng-deep .gds-table label.form-control.is-invalid{border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control.is-invalid{border:none;margin:0}}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i:after,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-sys-color-text-inverted);border-left:3px solid var(--gds-sys-color-text-inverted);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i:after{opacity:1}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]){padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none;line-height:1.125rem;padding:0}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]):has(input:disabled){cursor:not-allowed}::ng-deep .gds-table #thead-checkbox input[type=checkbox]~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-container-color);background-color:var(--gds-comp-checkbox-border-color)}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i{box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i:after{border-color:#ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i{background-color:var(--gds-comp-checkbox-border-color);box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i:after{border-color:#ababab}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: TableDirective, selector: "[columnType]", inputs: ["columnType", "sortable", "sortOrder", "value", "thook"] }, { kind: "pipe", type: TrThookPipe, name: "trThook" }] }); }
6601
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TableComponent, selector: "nggv-table", inputs: { tableColumns: "tableColumns", tableData: "tableData", rowId: "rowId", hasRowSpan: "hasRowSpan", selectable: "selectable", expandable: "expandable", subItemsProp: "subItemsProp", allowLocalSort: "allowLocalSort", thook: "thook", trThookFn: "trThookFn", ariaLabelCheckboxTh: "ariaLabelCheckboxTh", ariaLabelCheckboxTr: "ariaLabelCheckboxTr", ariaLabelsOrderBy: "ariaLabelsOrderBy" }, outputs: { ngvRowClick: "ngvRowClick", ngvRowSelect: "ngvRowSelect", ngvOrderBy: "ngvOrderBy" }, queries: [{ propertyName: "appendedRowsTemplate", first: true, predicate: TableAppendableRowsTemplateDirective, descendants: true }, { propertyName: "customFooterTemplate", first: true, predicate: TableFooterTemplateDirective, descendants: true }, { propertyName: "customTemplates", predicate: TableTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #sortableThTemplate let-column>\n <button class=\"sg-table-sort\" *transloco=\"let t\">\n <ng-template #thButtonTemplate>\n {{ t(column.label ?? '') }}\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else thButtonTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n </button>\n</ng-template>\n\n<ng-template #notSortableThTemplate let-column>\n <ng-template #defaultThTemplate>\n <ng-container *transloco=\"let t\">\n {{ t(column.label ?? '') }}\n </ng-container>\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else defaultThTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n</ng-template>\n<table class=\"gds-table\" *transloco=\"let t\">\n <!-- Table header -->\n <thead>\n <tr>\n <!-- Checkbox column for header -->\n <th *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_header__' + initId\"\n class=\"form-control\"\n id=\"thead-checkbox\"\n >\n <input\n type=\"checkbox\"\n [formControl]=\"groupSelector\"\n [attr.aria-label]=\"ariaLabelCheckboxTh\"\n [attr.id]=\"'cb_header__' + initId\"\n [attr.data-thook]=\"thook\"\n />\n <i></i>\n </label>\n </div>\n </th>\n\n <!-- Other columns -->\n <th\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [sortable]=\"column.sortable\"\n [sortOrder]=\"column.order\"\n [thook]=\"'column-header-' + !!column.property\"\n (click)=\"toggleSortOrder(column)\"\n (keydown.space)=\"toggleSortOrderWithSpace($event, column)\"\n [attr.aria-label]=\"getAriaLabel(column)\"\n [attr.aria-sort]=\"column.order + 'ending'\"\n >\n <ng-container *ngIf=\"column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n sortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n notSortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n </th>\n </tr>\n </thead>\n\n <!-- Table body -->\n <tbody [formGroup]=\"rowSelectors\">\n <ng-container *ngFor=\"let item of tableData; let i = index\">\n <tr\n [class.row__expand]=\"expandable\"\n [attr.data-thook]=\"item | trThook: i : trThookFn\"\n [attr.data-hasrowspan]=\"hasRowSpan(item)\"\n >\n <!-- Checkbox column for row -->\n <td *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_row__' + initId + '_' + i\"\n class=\"form-control\"\n >\n <input\n *ngIf=\"rowSelectors.get(item[rowId])\"\n type=\"checkbox\"\n [formControlName]=\"item[rowId]\"\n [attr.aria-label]=\"ariaLabelCheckboxTr\"\n [attr.id]=\"'cb_row__' + initId + '_' + i\"\n [attr.data-thook]=\"'row-select-' + i\"\n />\n <i></i>\n </label>\n </div>\n </td>\n\n <!-- Other columns -->\n <td\n *ngFor=\"let column of tableColumns; let i = index\"\n [columnType]=\"column.valueType\"\n [value]=\"item[column.property]\"\n (click)=\"propagateItemClick(item, column.preventDefaultClickEvent)\"\n >\n <ng-container *ngIf=\"expandable && i === 0; else nonExpandableTemplate\">\n <div class=\"gds-item-field-wrap\">\n <span\n class=\"chevron-field\"\n [attr.aria-expanded]=\"rowSelectors.get(item[rowId])?.value\"\n >\n <svg\n *ngIf=\"item.subItems.length > 0\"\n width=\"18\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M20 9L12 17L4 9\"\n stroke=\"currentColor\"\n stroke-width=\"2.6\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </span>\n {{ item[column.property] }} ({{ item.subItems.length }})\n </div>\n </ng-container>\n\n <ng-template #nonExpandableTemplate>\n <ng-container *ngIf=\"customRowTemplates.get(column.property) as tdTemplate; else defaultTdTemplate\">\n <ng-template *ngTemplateOutlet=\"tdTemplate; context: { $implicit: item }\">\n </ng-template>\n </ng-container>\n <ng-template #defaultTdTemplate>\n {{ item[column.property] }}\n </ng-template>\n </ng-template>\n </td>\n </tr>\n\n <!-- Expanded Sub Items -->\n <ng-container *ngIf=\"expandable && rowSelectors.get(item[rowId])?.value\">\n <tr *ngFor=\"let subItem of item[subItemsProp]\">\n <td\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [value]=\"subItem[column.property]\"\n (click)=\"propagateItemClick(subItem, column.preventDefaultClickEvent)\"\n >\n <div class=\"gds-sub-item-field-wrap\">\n {{ subItem[column.property] }}\n </div>\n </td>\n </tr>\n </ng-container>\n\n <!-- Custom appended rows -->\n <ng-container *ngIf=\"appendedRowsTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container\n *ngTemplateOutlet=\"trTemplate || null; context: { $implicit: item }\"\n >\n </ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n\n <!-- Table footer -->\n <tfoot *ngIf=\"customFooterTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container *ngTemplateOutlet=\"trTemplate || null\"> </ng-container>\n </tfoot>\n</table>\n", styles: ["::ng-deep .gds-table{--gds-ref-pallet-base100: #f8f8f8;--gds-ref-pallet-base600: hsl(0, 0%, 53%);--sg-table-header-background: #1a1a1a;--sg-table-header-color: #fff;--sg-table-cell-padding-x: .5rem;--sg-table-cell-padding-y: .6875rem;--sg-table-border-width: 1px;--sg-table-border-color: var(--gds-ref-pallet-base600);--sg-table-sort-icon-color: var(--gds-ref-pallet-base600);--gds-ref-pallet-base500: hsl(0, 0%, 68%);--sg-table-sort-icon-color-active: #fff;--gds-sys-color-surface: #fff;--gds-ref-pallet-base200: #e8e8e8;--gds-sys-color-base: #333;--gds-sys-shape-corner-small: .125rem;--gds-sys-color-blue-dark-2: #007ac7;--gds-sys-shape-corner-medium: .25rem;border-collapse:collapse;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color);width:100%;border-bottom:none;--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}::ng-deep .gds-table thead tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);background:#333;color:var(--sg-table-header-color);padding:.3rem var(--sg-table-cell-padding-x);text-align:left;font-weight:500}::ng-deep .gds-table thead tr th.icon-invert.sg-sortable .sg-table-sort:after{margin-left:0;margin-right:.3rem;order:-1}::ng-deep .gds-table thead tr th .sg-table-sort{color:inherit;width:100%;text-align:left;display:flex;align-items:center;border-radius:.125rem;--gds-sys-color-focus-outline: $_header-color}::ng-deep .gds-table thead tr th .sg-table-sort:focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table thead tr th .sg-table-sort:focus,::ng-deep .gds-table thead tr th .sg-table-sort:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table thead tr th[aria-sort] .sg-table-sort:after,::ng-deep .gds-table thead tr th.sg-sortable .sg-table-sort:after{content:\"\";background:var(--gds-ref-pallet-base500);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right;mask-position:right;width:12px;height:12px;margin-left:.3rem}::ng-deep .gds-table thead tr th[aria-sort=ascending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active);transform:rotate(180deg)}::ng-deep .gds-table thead tr th[aria-sort=descending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active)}::ng-deep .gds-table tbody tr td,::ng-deep .gds-table tbody tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x);vertical-align:top}::ng-deep .gds-table tbody tr.collapsible~.sub-row{display:none}::ng-deep .gds-table tbody tr.collapsible.expanded~.sub-row.show{display:table-row}::ng-deep .gds-table tbody tr td.collapse-control,::ng-deep .gds-table tbody tr td.select-control{width:15px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn{min-height:unset;padding:0;background:transparent}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder{cursor:pointer;width:12px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg{width:12px;fill:#868686}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg[name=angle-right]{width:9px}@media (max-width: 36em){::ng-deep .gds-table.table-mobile{width:100%;table-layout:fixed;border-bottom:none}::ng-deep .gds-table.table-mobile thead{position:sticky;top:0;display:block;background:#333}}@media (max-width: 36em) and (hover: none) and (pointer: coarse){::ng-deep .gds-table.table-mobile thead{display:table-header-group}}@media (max-width: 36em){::ng-deep .gds-table.table-mobile thead tr{display:flex;overflow:auto}::ng-deep .gds-table.table-mobile thead tr::-webkit-scrollbar{display:none}::ng-deep .gds-table.table-mobile thead tr th{flex:auto;text-align:left!important;white-space:nowrap}::ng-deep .gds-table.table-mobile tbody tr{display:flex;flex-direction:column;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color)}::ng-deep .gds-table.table-mobile tbody tr td{display:flex;justify-content:space-between;align-items:center;border-top:none!important}::ng-deep .gds-table.table-mobile tbody tr td:before{content:attr(data-label);font-weight:700}}::ng-deep .gds-table tr:hover td{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table .gds-table__numeric-col{text-align:right}::ng-deep .gds-table thead tr th.gds-table__numeric-col .sg-table-sort{justify-content:end}::ng-deep .gds-table th.gds-table__numeric-col+:not(.gds-table__numeric-col),::ng-deep .gds-table td.gds-table__numeric-col+:not(.gds-table__numeric-col){padding-left:1rem}::ng-deep .gds-table th button{background-color:#0000;border:0;font-family:inherit;font-size:inherit;font-weight:inherit;padding:0;cursor:pointer}::ng-deep .gds-table td{cursor:pointer}::ng-deep .gds-table tfoot{border-top:1px solid;border-bottom:none;font-weight:500}::ng-deep .gds-table tfoot ::ng-deep td{padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x)}::ng-deep .gds-table th.column__check{height:vanilla-px-to-rem(32px);width:vanilla-px-to-rem(40px)}::ng-deep .gds-table th.column__check div{min-height:100%}::ng-deep .gds-table th.column__check input:checked+label:after{top:.6rem;display:inline}::ng-deep .gds-table th.column__check label{display:inline;padding:0}::ng-deep .gds-table th.column__check label:before{top:.55rem}::ng-deep .gds-table td.column__check{width:vanilla-px-to-rem(40px)}::ng-deep .gds-table td.column__check div{min-height:unset}::ng-deep .gds-table td.column__check label{padding:0}::ng-deep .gds-table td.column__check label:before{margin:0}::ng-deep .gds-table tr.row__expand{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap{display:flex;flex-wrap:nowrap}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field{width:1.5rem}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field svg{transition:transform .3s ease}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field[aria-expanded=true] svg{transform:rotate(-180deg)}::ng-deep .gds-table label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}::ng-deep .gds-table label.form-control{align-items:flex-start}::ng-deep .gds-table label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus,::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-sys-color-text-primary);position:relative;border-radius:var(--gds-sys-shape-corner-small);background-color:transparent;flex:0 0 auto;height:1rem;width:1rem}::ng-deep .gds-table label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{background-color:var(--gds-sys-color-base-200)}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-sys-color-background-primary);border-left:none;transform:scale(1) rotate(0);opacity:1}::ng-deep .gds-table label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){::ng-deep .gds-table label.form-control.is-invalid{border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control.is-invalid{border:none;margin:0}}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i:after,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-sys-color-text-inverted);border-left:3px solid var(--gds-sys-color-text-inverted);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i:after{opacity:1}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]){padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none;line-height:1.125rem;padding:0}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]):has(input:disabled){cursor:not-allowed}::ng-deep .gds-table #thead-checkbox input[type=checkbox]~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-container-color);background-color:var(--gds-comp-checkbox-border-color)}::ng-deep .gds-table #thead-checkbox:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--sg-table-header-color)}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i{box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i:after{border-color:#ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i{background-color:var(--gds-comp-checkbox-border-color);box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i:after{border-color:#ababab}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: TableDirective, selector: "[columnType]", inputs: ["columnType", "sortable", "sortOrder", "value", "thook"] }, { kind: "pipe", type: TrThookPipe, name: "trThook" }] }); }
6486
6602
  }
6487
6603
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, decorators: [{
6488
6604
  type: Component,
6489
- args: [{ selector: 'nggv-table', template: "<ng-template #sortableThTemplate let-column>\n <button class=\"sg-table-sort\" *transloco=\"let t\">\n <ng-template #thButtonTemplate>\n {{ t(column.label ?? '') }}\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else thButtonTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n </button>\n</ng-template>\n\n<ng-template #notSortableThTemplate let-column>\n <ng-template #defaultThTemplate>\n <ng-container *transloco=\"let t\">\n {{ t(column.label ?? '') }}\n </ng-container>\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else defaultThTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n</ng-template>\n<table class=\"gds-table\" *transloco=\"let t\">\n <!-- Table header -->\n <thead>\n <tr>\n <!-- Checkbox column for header -->\n <th *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_header__' + initId\"\n class=\"form-control\"\n id=\"thead-checkbox\"\n >\n <input\n type=\"checkbox\"\n [formControl]=\"groupSelector\"\n [attr.aria-label]=\"ariaLabelCheckboxTh\"\n [attr.id]=\"'cb_header__' + initId\"\n [attr.data-thook]=\"thook\"\n />\n <i></i>\n </label>\n </div>\n </th>\n\n <!-- Other columns -->\n <th\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [sortable]=\"column.sortable\"\n [sortOrder]=\"column.order\"\n [thook]=\"'column-header-' + !!column.property\"\n (click)=\"toggleSortOrder(column)\"\n (keydown.space)=\"toggleSortOrderWithSpace($event, column)\"\n [attr.aria-label]=\"getAriaLabel(column)\"\n [attr.aria-sort]=\"column.order + 'ending'\"\n >\n <ng-container *ngIf=\"column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n sortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n notSortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n </th>\n </tr>\n </thead>\n\n <!-- Table body -->\n <tbody [formGroup]=\"rowSelectors\">\n <ng-container *ngFor=\"let item of tableData; let i = index\">\n <tr\n [class.row__expand]=\"expandable\"\n [attr.data-thook]=\"item | trThook: i : trThookFn\"\n [attr.data-hasrowspan]=\"hasRowSpan(item)\"\n >\n <!-- Checkbox column for row -->\n <td *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_row__' + initId + '_' + i\"\n class=\"form-control\"\n >\n <input\n *ngIf=\"rowSelectors.get(item[rowId])\"\n type=\"checkbox\"\n [formControlName]=\"item[rowId]\"\n [attr.aria-label]=\"ariaLabelCheckboxTr\"\n [attr.id]=\"'cb_row__' + initId + '_' + i\"\n [attr.data-thook]=\"'row-select-' + i\"\n />\n <i></i>\n </label>\n </div>\n </td>\n\n <!-- Other columns -->\n <td\n *ngFor=\"let column of tableColumns; let i = index\"\n [columnType]=\"column.valueType\"\n [value]=\"item[column.property]\"\n (click)=\"propagateItemClick(item, column.preventDefaultClickEvent)\"\n >\n <ng-container *ngIf=\"expandable && i === 0; else nonExpandableTemplate\">\n <div class=\"gds-item-field-wrap\">\n <span\n class=\"chevron-field\"\n [attr.aria-expanded]=\"rowSelectors.get(item[rowId])?.value\"\n >\n <svg\n *ngIf=\"item.subItems.length > 0\"\n width=\"18\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M20 9L12 17L4 9\"\n stroke=\"currentColor\"\n stroke-width=\"2.6\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </span>\n {{ item[column.property] }} ({{ item.subItems.length }})\n </div>\n </ng-container>\n\n <ng-template #nonExpandableTemplate>\n <ng-container *ngIf=\"customRowTemplates.get(column.property) as tdTemplate; else defaultTdTemplate\">\n <ng-template *ngTemplateOutlet=\"tdTemplate; context: { $implicit: item }\">\n </ng-template>\n </ng-container>\n <ng-template #defaultTdTemplate>\n {{ item[column.property] }}\n </ng-template>\n </ng-template>\n </td>\n </tr>\n\n <!-- Expanded Sub Items -->\n <ng-container *ngIf=\"expandable && rowSelectors.get(item[rowId])?.value\">\n <tr *ngFor=\"let subItem of item[subItemsProp]\">\n <td\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [value]=\"subItem[column.property]\"\n (click)=\"propagateItemClick(subItem, column.preventDefaultClickEvent)\"\n >\n <div class=\"gds-sub-item-field-wrap\">\n {{ subItem[column.property] }}\n </div>\n </td>\n </tr>\n </ng-container>\n\n <!-- Custom appended rows -->\n <ng-container *ngIf=\"appendedRowsTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container\n *ngTemplateOutlet=\"trTemplate || null; context: { $implicit: item }\"\n >\n </ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n\n <!-- Table footer -->\n <tfoot *ngIf=\"customFooterTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container *ngTemplateOutlet=\"trTemplate || null\"> </ng-container>\n </tfoot>\n</table>\n", styles: ["::ng-deep .gds-table{--gds-ref-pallet-base100: #f8f8f8;--gds-ref-pallet-base600: hsl(0, 0%, 53%);--sg-table-header-background: #1a1a1a;--sg-table-header-color: #fff;--sg-table-cell-padding-x: .5rem;--sg-table-cell-padding-y: .6875rem;--sg-table-border-width: 1px;--sg-table-border-color: var(--gds-ref-pallet-base600);--sg-table-sort-icon-color: var(--gds-ref-pallet-base600);--gds-ref-pallet-base500: hsl(0, 0%, 68%);--sg-table-sort-icon-color-active: #fff;--gds-sys-color-surface: #fff;--gds-ref-pallet-base200: #e8e8e8;--gds-sys-color-base: #333;--gds-sys-shape-corner-small: .125rem;--gds-sys-color-blue-dark-2: #007ac7;--gds-sys-shape-corner-medium: .25rem;border-collapse:collapse;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color);width:100%;border-bottom:none;--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}::ng-deep .gds-table thead tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);background:#333;color:var(--sg-table-header-color);padding:.3rem var(--sg-table-cell-padding-x);text-align:left;font-weight:500}::ng-deep .gds-table thead tr th.icon-invert.sg-sortable .sg-table-sort:after{margin-left:0;margin-right:.3rem;order:-1}::ng-deep .gds-table thead tr th .sg-table-sort{color:inherit;width:100%;text-align:left;display:flex;align-items:center;border-radius:.125rem;--gds-sys-color-focus-outline: $_header-color}::ng-deep .gds-table thead tr th .sg-table-sort:focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table thead tr th .sg-table-sort:focus,::ng-deep .gds-table thead tr th .sg-table-sort:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table thead tr th[aria-sort] .sg-table-sort:after,::ng-deep .gds-table thead tr th.sg-sortable .sg-table-sort:after{content:\"\";background:var(--gds-ref-pallet-base500);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right;mask-position:right;width:12px;height:12px;margin-left:.3rem}::ng-deep .gds-table thead tr th[aria-sort=ascending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active);transform:rotate(180deg)}::ng-deep .gds-table thead tr th[aria-sort=descending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active)}::ng-deep .gds-table tbody tr td,::ng-deep .gds-table tbody tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x);vertical-align:top}::ng-deep .gds-table tbody tr.collapsible~.sub-row{display:none}::ng-deep .gds-table tbody tr.collapsible.expanded~.sub-row.show{display:table-row}::ng-deep .gds-table tbody tr td.collapse-control,::ng-deep .gds-table tbody tr td.select-control{width:15px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn{min-height:unset;padding:0;background:transparent}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder{cursor:pointer;width:12px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg{width:12px;fill:#868686}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg[name=angle-right]{width:9px}@media (max-width: 36em){::ng-deep .gds-table.table-mobile{width:100%;table-layout:fixed;border-bottom:none}::ng-deep .gds-table.table-mobile thead{position:sticky;top:0;display:block;background:#333}}@media (max-width: 36em) and (hover: none) and (pointer: coarse){::ng-deep .gds-table.table-mobile thead{display:table-header-group}}@media (max-width: 36em){::ng-deep .gds-table.table-mobile thead tr{display:flex;overflow:auto}::ng-deep .gds-table.table-mobile thead tr::-webkit-scrollbar{display:none}::ng-deep .gds-table.table-mobile thead tr th{flex:auto;text-align:left!important;white-space:nowrap}::ng-deep .gds-table.table-mobile tbody tr{display:flex;flex-direction:column;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color)}::ng-deep .gds-table.table-mobile tbody tr td{display:flex;justify-content:space-between;align-items:center;border-top:none!important}::ng-deep .gds-table.table-mobile tbody tr td:before{content:attr(data-label);font-weight:700}}::ng-deep .gds-table tr:hover td{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table .gds-table__numeric-col{text-align:right}::ng-deep .gds-table thead tr th.gds-table__numeric-col .sg-table-sort{justify-content:end}::ng-deep .gds-table th.gds-table__numeric-col+:not(.gds-table__numeric-col),::ng-deep .gds-table td.gds-table__numeric-col+:not(.gds-table__numeric-col){padding-left:1rem}::ng-deep .gds-table th button{background-color:#0000;border:0;font-family:inherit;font-size:inherit;font-weight:inherit;padding:0;cursor:pointer}::ng-deep .gds-table td{cursor:pointer}::ng-deep .gds-table tfoot{border-top:1px solid;border-bottom:none;font-weight:500}::ng-deep .gds-table tfoot ::ng-deep td{padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x)}::ng-deep .gds-table th.column__check{height:vanilla-px-to-rem(32px);width:vanilla-px-to-rem(40px)}::ng-deep .gds-table th.column__check div{min-height:100%}::ng-deep .gds-table th.column__check input:checked+label:after{top:.6rem;display:inline}::ng-deep .gds-table th.column__check label{display:inline;padding:0}::ng-deep .gds-table th.column__check label:before{top:.55rem}::ng-deep .gds-table td.column__check{width:vanilla-px-to-rem(40px)}::ng-deep .gds-table td.column__check div{min-height:unset}::ng-deep .gds-table td.column__check label{padding:0}::ng-deep .gds-table td.column__check label:before{margin:0}::ng-deep .gds-table tr.row__expand{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap{display:flex;flex-wrap:nowrap}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field{width:1.5rem}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field svg{transition:transform .3s ease}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field[aria-expanded=true] svg{transform:rotate(-180deg)}::ng-deep .gds-table label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}::ng-deep .gds-table label.form-control{align-items:flex-start}::ng-deep .gds-table label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus,::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-sys-color-text-primary);position:relative;border-radius:var(--gds-sys-shape-corner-small);background-color:transparent;flex:0 0 auto;height:1rem;width:1rem}::ng-deep .gds-table label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{background-color:var(--gds-sys-color-base-200)}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-sys-color-background-primary);border-left:none;transform:scale(1) rotate(0);opacity:1}::ng-deep .gds-table label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){::ng-deep .gds-table label.form-control.is-invalid{border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control.is-invalid{border:none;margin:0}}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i:after,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-sys-color-text-inverted);border-left:3px solid var(--gds-sys-color-text-inverted);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i:after{opacity:1}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]){padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none;line-height:1.125rem;padding:0}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]):has(input:disabled){cursor:not-allowed}::ng-deep .gds-table #thead-checkbox input[type=checkbox]~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-container-color);background-color:var(--gds-comp-checkbox-border-color)}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i{box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i:after{border-color:#ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i{background-color:var(--gds-comp-checkbox-border-color);box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i:after{border-color:#ababab}\n"] }]
6605
+ args: [{ selector: 'nggv-table', template: "<ng-template #sortableThTemplate let-column>\n <button class=\"sg-table-sort\" *transloco=\"let t\">\n <ng-template #thButtonTemplate>\n {{ t(column.label ?? '') }}\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else thButtonTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n </button>\n</ng-template>\n\n<ng-template #notSortableThTemplate let-column>\n <ng-template #defaultThTemplate>\n <ng-container *transloco=\"let t\">\n {{ t(column.label ?? '') }}\n </ng-container>\n </ng-template>\n <ng-container\n *ngIf=\"\n customHeaderTemplates.get(column.property) as thTemplate;\n else defaultThTemplate\n \"\n >\n <ng-template\n *ngTemplateOutlet=\"thTemplate || null; context: { $implicit: column }\"\n >\n </ng-template>\n </ng-container>\n</ng-template>\n<table class=\"gds-table\" *transloco=\"let t\">\n <!-- Table header -->\n <thead>\n <tr>\n <!-- Checkbox column for header -->\n <th *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_header__' + initId\"\n class=\"form-control\"\n id=\"thead-checkbox\"\n >\n <input\n type=\"checkbox\"\n [formControl]=\"groupSelector\"\n [attr.aria-label]=\"ariaLabelCheckboxTh\"\n [attr.id]=\"'cb_header__' + initId\"\n [attr.data-thook]=\"thook\"\n />\n <i></i>\n </label>\n </div>\n </th>\n\n <!-- Other columns -->\n <th\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [sortable]=\"column.sortable\"\n [sortOrder]=\"column.order\"\n [thook]=\"'column-header-' + !!column.property\"\n (click)=\"toggleSortOrder(column)\"\n (keydown.space)=\"toggleSortOrderWithSpace($event, column)\"\n [attr.aria-label]=\"getAriaLabel(column)\"\n [attr.aria-sort]=\"column.order + 'ending'\"\n >\n <ng-container *ngIf=\"column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n sortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!column.sortable\">\n <ng-container\n *ngTemplateOutlet=\"\n notSortableThTemplate;\n context: { $implicit: column, column: column }\n \"\n >\n </ng-container>\n </ng-container>\n </th>\n </tr>\n </thead>\n\n <!-- Table body -->\n <tbody [formGroup]=\"rowSelectors\">\n <ng-container *ngFor=\"let item of tableData; let i = index\">\n <tr\n [class.row__expand]=\"expandable\"\n [attr.data-thook]=\"item | trThook: i : trThookFn\"\n [attr.data-hasrowspan]=\"hasRowSpan(item)\"\n >\n <!-- Checkbox column for row -->\n <td *ngIf=\"selectable\" class=\"column__check\">\n <div class=\"gds-field-checkbox-wrap\">\n <label\n [attr.for]=\"'cb_row__' + initId + '_' + i\"\n class=\"form-control\"\n >\n <input\n *ngIf=\"rowSelectors.get(item[rowId])\"\n type=\"checkbox\"\n [formControlName]=\"item[rowId]\"\n [attr.aria-label]=\"ariaLabelCheckboxTr\"\n [attr.id]=\"'cb_row__' + initId + '_' + i\"\n [attr.data-thook]=\"'row-select-' + i\"\n />\n <i></i>\n </label>\n </div>\n </td>\n\n <!-- Other columns -->\n <td\n *ngFor=\"let column of tableColumns; let i = index\"\n [columnType]=\"column.valueType\"\n [value]=\"item[column.property]\"\n (click)=\"propagateItemClick(item, column.preventDefaultClickEvent)\"\n >\n <ng-container *ngIf=\"expandable && i === 0; else nonExpandableTemplate\">\n <div class=\"gds-item-field-wrap\">\n <span\n class=\"chevron-field\"\n [attr.aria-expanded]=\"rowSelectors.get(item[rowId])?.value\"\n >\n <svg\n *ngIf=\"item.subItems.length > 0\"\n width=\"18\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M20 9L12 17L4 9\"\n stroke=\"currentColor\"\n stroke-width=\"2.6\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </span>\n {{ item[column.property] }} ({{ item.subItems.length }})\n </div>\n </ng-container>\n\n <ng-template #nonExpandableTemplate>\n <ng-container *ngIf=\"customRowTemplates.get(column.property) as tdTemplate; else defaultTdTemplate\">\n <ng-template *ngTemplateOutlet=\"tdTemplate; context: { $implicit: item }\">\n </ng-template>\n </ng-container>\n <ng-template #defaultTdTemplate>\n {{ item[column.property] }}\n </ng-template>\n </ng-template>\n </td>\n </tr>\n\n <!-- Expanded Sub Items -->\n <ng-container *ngIf=\"expandable && rowSelectors.get(item[rowId])?.value\">\n <tr *ngFor=\"let subItem of item[subItemsProp]\">\n <td\n *ngFor=\"let column of tableColumns\"\n [columnType]=\"column.valueType\"\n [value]=\"subItem[column.property]\"\n (click)=\"propagateItemClick(subItem, column.preventDefaultClickEvent)\"\n >\n <div class=\"gds-sub-item-field-wrap\">\n {{ subItem[column.property] }}\n </div>\n </td>\n </tr>\n </ng-container>\n\n <!-- Custom appended rows -->\n <ng-container *ngIf=\"appendedRowsTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container\n *ngTemplateOutlet=\"trTemplate || null; context: { $implicit: item }\"\n >\n </ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n\n <!-- Table footer -->\n <tfoot *ngIf=\"customFooterTemplateRef as trTemplate\">\n <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n <ng-container *ngTemplateOutlet=\"trTemplate || null\"> </ng-container>\n </tfoot>\n</table>\n", styles: ["::ng-deep .gds-table{--gds-ref-pallet-base100: #f8f8f8;--gds-ref-pallet-base600: hsl(0, 0%, 53%);--sg-table-header-background: #1a1a1a;--sg-table-header-color: #fff;--sg-table-cell-padding-x: .5rem;--sg-table-cell-padding-y: .6875rem;--sg-table-border-width: 1px;--sg-table-border-color: var(--gds-ref-pallet-base600);--sg-table-sort-icon-color: var(--gds-ref-pallet-base600);--gds-ref-pallet-base500: hsl(0, 0%, 68%);--sg-table-sort-icon-color-active: #fff;--gds-sys-color-surface: #fff;--gds-ref-pallet-base200: #e8e8e8;--gds-sys-color-base: #333;--gds-sys-shape-corner-small: .125rem;--gds-sys-color-blue-dark-2: #007ac7;--gds-sys-shape-corner-medium: .25rem;border-collapse:collapse;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color);width:100%;border-bottom:none;--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}::ng-deep .gds-table thead tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);background:#333;color:var(--sg-table-header-color);padding:.3rem var(--sg-table-cell-padding-x);text-align:left;font-weight:500}::ng-deep .gds-table thead tr th.icon-invert.sg-sortable .sg-table-sort:after{margin-left:0;margin-right:.3rem;order:-1}::ng-deep .gds-table thead tr th .sg-table-sort{color:inherit;width:100%;text-align:left;display:flex;align-items:center;border-radius:.125rem;--gds-sys-color-focus-outline: $_header-color}::ng-deep .gds-table thead tr th .sg-table-sort:focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table thead tr th .sg-table-sort:focus,::ng-deep .gds-table thead tr th .sg-table-sort:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table thead tr th[aria-sort] .sg-table-sort:after,::ng-deep .gds-table thead tr th.sg-sortable .sg-table-sort:after{content:\"\";background:var(--gds-ref-pallet-base500);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M11.107%205.86147L10.6429%205.39741C10.5328%205.28726%2010.3546%205.28726%2010.2445%205.39741L6.60933%209.03257V1.03101C6.60933%200.876318%206.48276%200.749756%206.32808%200.749756H5.67183C5.51714%200.749756%205.39058%200.876318%205.39058%201.03101V9.03257L1.75542%205.39741C1.64526%205.28726%201.46714%205.28726%201.35698%205.39741L0.89292%205.86147C0.782764%205.97163%200.782764%206.14976%200.89292%206.25991L5.80073%2011.1677C5.91089%2011.2779%206.08901%2011.2779%206.19917%2011.1677L11.107%206.25991C11.2171%206.14976%2011.2171%205.97163%2011.107%205.86147Z'%20fill='%23ADADAD'/%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right;mask-position:right;width:12px;height:12px;margin-left:.3rem}::ng-deep .gds-table thead tr th[aria-sort=ascending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active);transform:rotate(180deg)}::ng-deep .gds-table thead tr th[aria-sort=descending] .sg-table-sort:after{background:var(--sg-table-sort-icon-color-active)}::ng-deep .gds-table tbody tr td,::ng-deep .gds-table tbody tr th{border-top:var(--sg-table-border-width) solid var(--sg-table-border-color);padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x);vertical-align:top}::ng-deep .gds-table tbody tr.collapsible~.sub-row{display:none}::ng-deep .gds-table tbody tr.collapsible.expanded~.sub-row.show{display:table-row}::ng-deep .gds-table tbody tr td.collapse-control,::ng-deep .gds-table tbody tr td.select-control{width:15px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn{min-height:unset;padding:0;background:transparent}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder{cursor:pointer;width:12px}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg{width:12px;fill:#868686}::ng-deep .gds-table tbody tr td.collapse-control>.collapse-btn>.icon-holder svg[name=angle-right]{width:9px}@media (max-width: 36em){::ng-deep .gds-table.table-mobile{width:100%;table-layout:fixed;border-bottom:none}::ng-deep .gds-table.table-mobile thead{position:sticky;top:0;display:block;background:#333}}@media (max-width: 36em) and (hover: none) and (pointer: coarse){::ng-deep .gds-table.table-mobile thead{display:table-header-group}}@media (max-width: 36em){::ng-deep .gds-table.table-mobile thead tr{display:flex;overflow:auto}::ng-deep .gds-table.table-mobile thead tr::-webkit-scrollbar{display:none}::ng-deep .gds-table.table-mobile thead tr th{flex:auto;text-align:left!important;white-space:nowrap}::ng-deep .gds-table.table-mobile tbody tr{display:flex;flex-direction:column;border-bottom:var(--sg-table-border-width) solid var(--sg-table-border-color)}::ng-deep .gds-table.table-mobile tbody tr td{display:flex;justify-content:space-between;align-items:center;border-top:none!important}::ng-deep .gds-table.table-mobile tbody tr td:before{content:attr(data-label);font-weight:700}}::ng-deep .gds-table tr:hover td{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table .gds-table__numeric-col{text-align:right}::ng-deep .gds-table thead tr th.gds-table__numeric-col .sg-table-sort{justify-content:end}::ng-deep .gds-table th.gds-table__numeric-col+:not(.gds-table__numeric-col),::ng-deep .gds-table td.gds-table__numeric-col+:not(.gds-table__numeric-col){padding-left:1rem}::ng-deep .gds-table th button{background-color:#0000;border:0;font-family:inherit;font-size:inherit;font-weight:inherit;padding:0;cursor:pointer}::ng-deep .gds-table td{cursor:pointer}::ng-deep .gds-table tfoot{border-top:1px solid;border-bottom:none;font-weight:500}::ng-deep .gds-table tfoot ::ng-deep td{padding:var(--sg-table-cell-padding-y) var(--sg-table-cell-padding-x)}::ng-deep .gds-table th.column__check{height:vanilla-px-to-rem(32px);width:vanilla-px-to-rem(40px)}::ng-deep .gds-table th.column__check div{min-height:100%}::ng-deep .gds-table th.column__check input:checked+label:after{top:.6rem;display:inline}::ng-deep .gds-table th.column__check label{display:inline;padding:0}::ng-deep .gds-table th.column__check label:before{top:.55rem}::ng-deep .gds-table td.column__check{width:vanilla-px-to-rem(40px)}::ng-deep .gds-table td.column__check div{min-height:unset}::ng-deep .gds-table td.column__check label{padding:0}::ng-deep .gds-table td.column__check label:before{margin:0}::ng-deep .gds-table tr.row__expand{background-color:var(--gds-ref-pallet-base100)}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap{display:flex;flex-wrap:nowrap}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field{width:1.5rem}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field svg{transition:transform .3s ease}::ng-deep .gds-table tr.row__expand .gds-item-field-wrap .chevron-field[aria-expanded=true] svg{transform:rotate(-180deg)}::ng-deep .gds-table label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}::ng-deep .gds-table label.form-control{align-items:flex-start}::ng-deep .gds-table label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus,::ng-deep .gds-table label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}::ng-deep .gds-table label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-sys-color-text-primary);position:relative;border-radius:var(--gds-sys-shape-corner-small);background-color:transparent;flex:0 0 auto;height:1rem;width:1rem}::ng-deep .gds-table label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{background-color:var(--gds-sys-color-base-200)}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-sys-color-base-900)}::ng-deep .gds-table label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-sys-color-background-primary);border-left:none;transform:scale(1) rotate(0);opacity:1}::ng-deep .gds-table label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){::ng-deep .gds-table label.form-control.is-invalid{border:.0625rem solid var(--gds-sys-color-text-error);margin-bottom:.5rem}::ng-deep .gds-table .is-invalid label.form-control.is-invalid{border:none;margin:0}}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled:checked~i:after,::ng-deep .gds-table label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}::ng-deep .gds-table label.form-control input[type=checkbox]:disabled~span::placeholder,::ng-deep .gds-table label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}::ng-deep .gds-table label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-sys-color-text-inverted);border-left:3px solid var(--gds-sys-color-text-inverted);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}::ng-deep .gds-table label.form-control input[type=checkbox]:checked~i:after{opacity:1}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]){padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none;line-height:1.125rem;padding:0}::ng-deep .gds-table .gds-field-checkbox-wrap .form-control:has(input[type=checkbox]):has(input:disabled){cursor:not-allowed}::ng-deep .gds-table #thead-checkbox input[type=checkbox]~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-container-color);background-color:var(--gds-comp-checkbox-border-color)}::ng-deep .gds-table #thead-checkbox:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--sg-table-header-color)}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i{box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:not(:checked)~i:after{border-color:#ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i{background-color:var(--gds-comp-checkbox-border-color);box-shadow:inset 0 0 0 1px #ababab}::ng-deep .gds-table #thead-checkbox input[type=checkbox]:hover:checked~i:after{border-color:#ababab}\n"] }]
6490
6606
  }], propDecorators: { customTemplates: [{
6491
6607
  type: ContentChildren,
6492
6608
  args: [TableTemplateDirective, { descendants: true }]
@@ -6976,11 +7092,11 @@ class NggvTextareaComponent extends NggvBaseControlValueAccessorComponent$1 {
6976
7092
  this.onChange(this.state);
6977
7093
  }
6978
7094
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTextareaComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
6979
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvTextareaComponent, selector: "nggv-textarea", inputs: { thook: "thook", placeholder: "placeholder", readonly: "readonly", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", rows: "rows" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-textarea'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-textarea'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n {{ state }}\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n <textarea\n #input\n [id]=\"id + '-textarea'\"\n class=\"gds-field\"\n [ngClass]=\"{ 'no-resize': !!rows }\"\n [class.nggv-field--error]=\"invalid\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [attr.role]=\"role\"\n [attr.rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n title=\"\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n ></textarea>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-textarea'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"hasMaxLength\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice){margin-bottom:.5rem}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label:is(.gds-field-label){margin-bottom:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i5.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
7095
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvTextareaComponent, selector: "nggv-textarea", inputs: { thook: "thook", placeholder: "placeholder", readonly: "readonly", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", rows: "rows" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-textarea'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-textarea'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n {{ state }}\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n <textarea\n #input\n [id]=\"id + '-textarea'\"\n class=\"gds-field\"\n [ngClass]=\"{ 'no-resize': !!rows }\"\n [class.nggv-field--error]=\"invalid\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [attr.role]=\"role\"\n [attr.rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n title=\"\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n ></textarea>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-textarea'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"hasMaxLength\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice){margin-bottom:.5rem}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label:is(.gds-field-label){margin-bottom:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host textarea.nggv-field--error{border-bottom:.125rem solid #9f000a!important}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i5.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
6980
7096
  }
6981
7097
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTextareaComponent, decorators: [{
6982
7098
  type: Component,
6983
- args: [{ selector: 'nggv-textarea', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-textarea'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-textarea'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n {{ state }}\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n <textarea\n #input\n [id]=\"id + '-textarea'\"\n class=\"gds-field\"\n [ngClass]=\"{ 'no-resize': !!rows }\"\n [class.nggv-field--error]=\"invalid\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [attr.role]=\"role\"\n [attr.rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n title=\"\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n ></textarea>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-textarea'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"hasMaxLength\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice){margin-bottom:.5rem}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label:is(.gds-field-label){margin-bottom:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}\n"] }]
7099
+ args: [{ selector: 'nggv-textarea', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"gds-field-label hide-if-empty\"\n [attr.for]=\"id + '-textarea'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"gds-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-textarea'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n {{ state }}\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n <textarea\n #input\n [id]=\"id + '-textarea'\"\n class=\"gds-field\"\n [ngClass]=\"{ 'no-resize': !!rows }\"\n [class.nggv-field--error]=\"invalid\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [attr.role]=\"role\"\n [attr.rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n title=\"\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n ></textarea>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.for]=\"id + '-textarea'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span class=\"error-icon\">\n <gds-icon-triangle-exclamation\n width=\"16\"\n height=\"16\"\n solid=\"true\"\n *nggCoreElement\n ></gds-icon-triangle-exclamation>\n </span>\n\n <span\n *ngIf=\"error; else errorsRef\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >{{ error }}</span\n >\n <ng-template #errorsRef>\n <span\n *ngIf=\"firstError as error\"\n [attr.data-thook]=\"thook + '-errorlabel'\"\n >\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"hasMaxLength\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice){margin-bottom:.5rem}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label:is(.gds-field-label){margin-bottom:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host textarea.nggv-field--error{border-bottom:.125rem solid #9f000a!important}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}\n"] }]
6984
7100
  }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
6985
7101
  type: Self
6986
7102
  }, {
@@ -7641,5 +7757,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
7641
7757
  * Generated bundle index. Do not edit.
7642
7758
  */
7643
7759
 
7644
- export { AccountNumberPipe, AlertComponent, AlertType, ButtonStyle, CalendarComponent, CalendarControlComponent, CalendarDateDirective, CalendarMonth, CharacterCountdownDirective, DateControlValueAccessorComponent, DateInputComponent, DatepickerComponent, InputMaskFormatPipe, IsDisabledPipe, MatchesPipe, MessageType, NggvAccountNumberPipeModule, NggvAlertModule, NggvBaseControlValueAccessorComponent, NggvBaseControlValueAccessorModule, NggvBreadcrumbsComponent, NggvBreadcrumbsModule, NggvButtonComponent, NggvButtonModule, NggvCardComponent, NggvCardModule, NggvCharacterCountdownDirectiveModule, NggvCheckboxComponent, NggvCheckboxModule, NggvDatepickerModule, NggvDialogComponent, NggvDragDropComponent, NggvDragDropModule, NggvDropdownComponent, NggvDropdownListComponent, NggvDropdownModule, NggvExternalLinkDirective, NggvExternalLinkDirectiveModule, NggvFoldOutComponent, NggvFoldOutOptionDirective, NggvI18nModule, NggvI18nTestModule, NggvInfoCircleComponent, NggvInfoCircleModule, NggvInputComponent, NggvInputMaskDirective, NggvInputMaskModule, NggvInputModule, NggvMissingHandler, NggvModalModule, NggvModule, NggvPaginationModule, NggvRadioComponent, NggvRadioControlRegistry, NggvRadioModule, NggvSlideOutComponent, NggvSlugPipeModule, NggvTableModule, NggvTabsModule, NggvTextareaComponent, NggvTextareaModule, NggvToastModule, NggvTooltipDirective, NggvTooltipModule, NggvTypeaheadDirective, NggvTypeaheadDropdownListComponent, NggvTypeaheadHighlightComponent, NggvTypeaheadInputComponent, NggvTypeaheadModule, PaginationComponent, SlugPipe, TabDirective, TableAppendableRowsTemplateDirective, TableComponent, TableDirective, TableFooterTemplateDirective, TableTemplateDirective, TabsComponent, ToastComponent, ToastMessageService, TrThookPipe, TranslocoMockInterceptor, TranslocoMockMissingHandler, TranslocoMockPipe, TranslocoMockStrategy, TranslocoMockTranspiler, ValueImpurePipe, ValuePipe, afterClosingHours, bbanPattern, createMask, firstCalendarDate, formatAccountNumber, generateDateMatrix, getDayOffset, getFormatDateMask, getLocaleDateMask, getLocaleDateString, getMonthArray, getSortedWeekDays, getYearArray, ibanPattern, isAfter, isBefore, isValid, match, setDateFormatCharacters, sortWeekDays };
7760
+ export { AccountNumberPipe, AlertComponent, AlertType, ButtonStyle, CalendarComponent, CalendarControlComponent, CalendarDateDirective, CalendarMonth, CharacterCountdownDirective, DateControlValueAccessorComponent, DateInputComponent, DatepickerComponent, DropdownUtils, InputMaskFormatPipe, IsDisabledPipe, MatchesPipe, MessageType, NggvAccountNumberPipeModule, NggvAlertModule, NggvBaseControlValueAccessorComponent, NggvBaseControlValueAccessorModule, NggvBreadcrumbsComponent, NggvBreadcrumbsModule, NggvButtonComponent, NggvButtonModule, NggvCardComponent, NggvCardModule, NggvCharacterCountdownDirectiveModule, NggvCheckboxComponent, NggvCheckboxModule, NggvDatepickerModule, NggvDialogComponent, NggvDragDropComponent, NggvDragDropModule, NggvDropdownComponent, NggvDropdownListComponent, NggvDropdownModule, NggvExternalLinkDirective, NggvExternalLinkDirectiveModule, NggvFoldOutComponent, NggvFoldOutOptionDirective, NggvI18nModule, NggvI18nTestModule, NggvInfoCircleComponent, NggvInfoCircleModule, NggvInputComponent, NggvInputMaskDirective, NggvInputMaskModule, NggvInputModule, NggvMissingHandler, NggvModalModule, NggvModule, NggvPaginationModule, NggvRadioComponent, NggvRadioControlRegistry, NggvRadioModule, NggvSlideOutComponent, NggvSlugPipeModule, NggvTableModule, NggvTabsModule, NggvTextareaComponent, NggvTextareaModule, NggvToastModule, NggvTooltipDirective, NggvTooltipModule, NggvTypeaheadDirective, NggvTypeaheadDropdownListComponent, NggvTypeaheadHighlightComponent, NggvTypeaheadInputComponent, NggvTypeaheadModule, PaginationComponent, SlugPipe, TabDirective, TableAppendableRowsTemplateDirective, TableComponent, TableDirective, TableFooterTemplateDirective, TableTemplateDirective, TabsComponent, ToastComponent, ToastMessageService, TrThookPipe, TranslocoMockInterceptor, TranslocoMockMissingHandler, TranslocoMockPipe, TranslocoMockStrategy, TranslocoMockTranspiler, ValueImpurePipe, ValuePipe, afterClosingHours, bbanPattern, createMask, firstCalendarDate, formatAccountNumber, generateDateMatrix, getDayOffset, getFormatDateMask, getLocaleDateMask, getLocaleDateString, getMonthArray, getSortedWeekDays, getYearArray, ibanPattern, isAfter, isBefore, isValid, match, setDateFormatCharacters, sortWeekDays };
7645
7761
  //# sourceMappingURL=sebgroup-green-angular-v-angular.mjs.map